From ca6621355b599464c17d1fb85fcb370b5f029c15 Mon Sep 17 00:00:00 2001 From: H-Lekter <68678525+H-Lekter@users.noreply.github.com> Date: Sun, 12 Dec 2021 20:42:35 +0100 Subject: [PATCH 1/6] Variables coverage extension Adding new variables to support easier styling of off-page elements. --- src/Sigma-9-Common-Theme-1.3.css | 57 ++++++++++++++++++++++++++++++++ 1 file changed, 57 insertions(+) diff --git a/src/Sigma-9-Common-Theme-1.3.css b/src/Sigma-9-Common-Theme-1.3.css index 2e50110..b491bfa 100644 --- a/src/Sigma-9-Common-Theme-1.3.css +++ b/src/Sigma-9-Common-Theme-1.3.css @@ -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 ++++++++++++++++ @@ -206,6 +207,20 @@ 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); + /* 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"); @@ -2519,3 +2534,45 @@ iframe.scpnet-interwiki-frame { width: 18em; } } + +/* ++++++++++++++++ 9.0 Off-page styling ++++++++++++++++ */ +table.page-files .options { + background-color: #fff; + background-color: var(--ct_bg_body); +} +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); +} +#action-area 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); +} +#action-area input.text:focus { + outline: 1px solid black; + outline: var(--ct_brd_input-outline); +} +div.buttons input, input.button, a.button { + 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 { + background-color: #ddd; + background-color: var(--ct_bg_btn-hover); + color: var(--ct_col_btn-hover); +} From 52ad6f14d31f048cd87382234c3a522208d32b1a Mon Sep 17 00:00:00 2001 From: H-Lekter <68678525+H-Lekter@users.noreply.github.com> Date: Fri, 17 Dec 2021 12:41:51 +0100 Subject: [PATCH 2/6] Variables coverage extension 2 Adding more variables to support easier styling of owindow elements, tweaking the previous minor default aesthetic fixes. --- src/Sigma-9-Common-Theme-1.3.css | 28 ++++++++++++++++++++-------- 1 file changed, 20 insertions(+), 8 deletions(-) diff --git a/src/Sigma-9-Common-Theme-1.3.css b/src/Sigma-9-Common-Theme-1.3.css index b491bfa..7963620 100644 --- a/src/Sigma-9-Common-Theme-1.3.css +++ b/src/Sigma-9-Common-Theme-1.3.css @@ -220,6 +220,10 @@ Legend: --ct_brd_btn: 1px solid #aaa; --ct_bg_btn-hover: #ddd; --ct_col_btn-hover: var(--ct_col_btn); + --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"); @@ -2536,11 +2540,7 @@ iframe.scpnet-interwiki-frame { } /* ++++++++++++++++ 9.0 Off-page styling ++++++++++++++++ */ -table.page-files .options { - background-color: #fff; - background-color: var(--ct_bg_body); -} -a.action-area-close:hover { +table.page-files .options, a.action-area-close:hover { background-color: var(--ct_bg_body); } .hovertip { @@ -2551,7 +2551,7 @@ a.action-area-close:hover { border: solid 1px black; border: var(--ct_brd_hovertip); } -#action-area input.text { +input.text { background-color: #fff; background-color: var(--ct_bg_input); color: #000; @@ -2559,11 +2559,11 @@ a.action-area-close:hover { border: 1px solid #777; border: var(--ct_brd_input); } -#action-area input.text:focus { +input.text:focus { outline: 1px solid black; outline: var(--ct_brd_input-outline); } -div.buttons input, input.button, a.button { +div.buttons input, input.button, a.button, .owindow .button-bar a { background-color: #f4f4f4; background-color: var(--ct_bg_btn); color: #000; @@ -2576,3 +2576,15 @@ div.buttons input:hover, input.button:hover, button:hover, a.button:hover, div.b background-color: var(--ct_bg_btn-hover); color: var(--ct_col_btn-hover); } + +.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); +} From 89e8f28f9d1f41b0879208671251b82c7467d2f2 Mon Sep 17 00:00:00 2001 From: H-Lekter <68678525+H-Lekter@users.noreply.github.com> Date: Fri, 24 Dec 2021 13:19:30 +0100 Subject: [PATCH 3/6] Credit module border fix Fixing the border property of the cancel button when inside of the credit window --- src/Sigma-9-Common-Theme-1.3.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Sigma-9-Common-Theme-1.3.css b/src/Sigma-9-Common-Theme-1.3.css index 7963620..2738945 100644 --- a/src/Sigma-9-Common-Theme-1.3.css +++ b/src/Sigma-9-Common-Theme-1.3.css @@ -1204,7 +1204,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; From 367f6b4bf4f5b0616abb3c7a915b375690d11276 Mon Sep 17 00:00:00 2001 From: H-Lekter <68678525+H-Lekter@users.noreply.github.com> Date: Sat, 1 Jan 2022 16:07:59 +0100 Subject: [PATCH 4/6] Edit menu textbox support --- src/Sigma-9-Common-Theme-1.3.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/Sigma-9-Common-Theme-1.3.css b/src/Sigma-9-Common-Theme-1.3.css index 2738945..7f1c1d8 100644 --- a/src/Sigma-9-Common-Theme-1.3.css +++ b/src/Sigma-9-Common-Theme-1.3.css @@ -220,6 +220,8 @@ Legend: --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; @@ -2577,6 +2579,13 @@ div.buttons input:hover, input.button:hover, button:hover, a.button:hover, div.b color: var(--ct_col_btn-hover); } +#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); From e0af67fdb2e2f604156e3c447343c8bb724210d4 Mon Sep 17 00:00:00 2001 From: H-Lekter <68678525+H-Lekter@users.noreply.github.com> Date: Sun, 2 Jan 2022 14:48:26 +0100 Subject: [PATCH 5/6] Remove text-decoration on text area resize buttons --- src/Sigma-9-Common-Theme-1.3.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/src/Sigma-9-Common-Theme-1.3.css b/src/Sigma-9-Common-Theme-1.3.css index 7f1c1d8..9ca8604 100644 --- a/src/Sigma-9-Common-Theme-1.3.css +++ b/src/Sigma-9-Common-Theme-1.3.css @@ -191,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; @@ -1542,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, @@ -2551,7 +2560,7 @@ table.page-files .options, a.action-area-close:hover { color: #333; color: var(--ct_col_hovertip) border: solid 1px black; - border: var(--ct_brd_hovertip); + border: var(--ct_brd_hovertip) !important; } input.text { background-color: #fff; @@ -2578,14 +2587,15 @@ div.buttons input:hover, input.button:hover, button:hover, a.button:hover, div.b 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); From 25ef1b0ae111cfd806a2d78a92e10488b3493d0b Mon Sep 17 00:00:00 2001 From: H-Lekter <68678525+H-Lekter@users.noreply.github.com> Date: Sun, 2 Jan 2022 16:33:47 +0100 Subject: [PATCH 6/6] Selector fix --- src/Sigma-9-Common-Theme-1.3.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/Sigma-9-Common-Theme-1.3.css b/src/Sigma-9-Common-Theme-1.3.css index 9ca8604..becd3d5 100644 --- a/src/Sigma-9-Common-Theme-1.3.css +++ b/src/Sigma-9-Common-Theme-1.3.css @@ -2582,20 +2582,23 @@ div.buttons input, input.button, a.button, .owindow .button-bar a { 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 { +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);