Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
93 changes: 92 additions & 1 deletion src/Sigma-9-Common-Theme-1.3.css
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,7 @@
#7.5 Mini Tablet Media Query (581px - 767px device width)
#7.6 Tablet Media Query (768px - 979px device width)
#8.0 Interwiki-module
#9.0 Off-page styling
*/

/* ++++++++++++++++ #0 Variables ++++++++++++++++
Expand Down Expand Up @@ -190,6 +191,8 @@ Legend:
--ct_brd_blockquote: 1px dashed #999;
--ct_col_code-bg: #f7f7f7;
--ct_col_code-border: #ddd;
--ct_bg_table-header: #eee;
--ct_brd_table-header: 1px solid #888;
--ct_fnt_white-paper-titles: 'Andale Mono', 'Courier New', Courier, monospace;
--ct_bg_white-paper-sheet: #FFF;
--ct_brd_white-paper-sheet: solid 1px #888880;
Expand All @@ -206,6 +209,26 @@ Legend:
--ct_brd_m_sidebar-button: .2em solid #888;
--ct_shd_m_sidebar-button: 0 0 20px 3px rgba(153,153,153,1);

/* 9 Off-page styling */
--ct_bg_hovertip: var(--ct_bg_body);
--ct_col_hovertip: var(--ct_col_body-txt);
--ct_brd_hovertip: solid 1px black;
--ct_bg_input: var(--ct_bg_body);
--ct_col_input: var(--ct_col_body-txt);
--ct_brd_input: 1px solid #777;
--ct_brd_input-outline: 1px solid black;
--ct_bg_btn: #f4f4f4;
--ct_col_btn: var(--ct_col_body-txt);
--ct_brd_btn: 1px solid #aaa;
--ct_bg_btn-hover: #ddd;
--ct_col_btn-hover: var(--ct_col_btn);
--ct_bg_edit-info-text: #f3f3f3;
--ct_brd_edit-info-text: 1px solid #ccc;
--ct_bg_owindow: var(--ct_bg_body);
--ct_brd_owdindow: 2px solid #bbb;
--ct_bg_owindow-header: #f5f5f5;
--ct_col_owindow-header: var(--ct_col_body-txt);

/* SVG URLs (stored here not to clutter the rest when line wrap is on) */
--ct_bg_topbar-home-hover: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%20-1.4376e-8%20-1114)%22%3E%0A%3Cpath%20d%3D%22m0.39178%20296.54%201.328-1.2608%201.328%201.2608h-0.40197v1.1204h-0.52917v-0.79375h-0.79375v0.79375h-0.52917v-1.1204z%22%20fill%3D%22%23b01%22%20fill-opacity%3D%22.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
--ct_bg_topbar-home: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22m1.4807%206.7654%205.0192-4.7652%205.0192%204.7652h-1.5192v4.2346h-2v-3h-3v3h-2v-4.2346z%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.8%22%20stroke-width%3D%223.7795%22%2F%3E%0A%3C%2Fsvg%3E");
Expand Down Expand Up @@ -1185,7 +1208,7 @@ table.page-files tr.highlight td:not(:last-child) {
background: #633;
background: var(--ct_col_rate-primary);
border: solid 1px #633;
border: solid 1px var(--ct_col_rate-primary);
border: var(--ct_brd_rate-primary);
border-left: 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
Expand Down Expand Up @@ -1521,6 +1544,13 @@ table.page-files tr.highlight td:not(:last-child) {
width: 95%;
}

table.wiki-content-table th {
background-color: #eee;
background-color: var(--ct_bg_table-header);
border: 1px solid #888;
border: var(--ct_brd_table-header);
}

/* Blockquotes and fake Blockquotes */
blockquote,
div.blockquote,
Expand Down Expand Up @@ -2519,3 +2549,64 @@ iframe.scpnet-interwiki-frame {
width: 18em;
}
}

/* ++++++++++++++++ 9.0 Off-page styling ++++++++++++++++ */
table.page-files .options, a.action-area-close:hover {
background-color: var(--ct_bg_body);
}
.hovertip {
background-color: #f3f3f3;
background-color: var(--ct_bg_hovertip);
color: #333;
color: var(--ct_col_hovertip)
border: solid 1px black;
border: var(--ct_brd_hovertip) !important;
}
input.text {
background-color: #fff;
background-color: var(--ct_bg_input);
color: #000;
color: var(--ct_col_input);
border: 1px solid #777;
border: var(--ct_brd_input);
}
input.text:focus {
outline: 1px solid black;
outline: var(--ct_brd_input-outline);
}
div.buttons input, input.button, a.button, .owindow .button-bar a {
background-color: #f4f4f4;
background-color: var(--ct_bg_btn);
color: #000;
color: var(--ct_col_btn);
border: 1px solid #aaa;
border: var(--ct_brd_btn);
}
div.buttons input:hover, input.button:hover, button:hover, a.button:hover, div.buttons input:focus, input.button:focus, button:focus, a.button:focus, .owindow .button-bar a:hover, .owindow .button-bar a:focus {
background-color: #ddd;
background-color: var(--ct_bg_btn-hover);
color: var(--ct_col_btn-hover);
}

.change-textarea-size a:hover {
text-decoration: none;
}

#lock-info {
background-color: #f3f3f3;
background-color: var(--ct_bg_edit-info-text);
border: 1px solid #ccc;
border: var(--ct_brd_edit-info-text);
}

.owindow {
background-color: #fff;
background-color: var(--ct_bg_owindow);
border: 2px solid #bbb;
border: var(--ct_brd_owindow);
}
.owindow .title.owindow {
background-color: #f5f5f5;
background-color: var(--ct_bg_owindow-header);
color: var(--ct_col_owindow-header);
}