From dc96f1d66a318c19bb8dc8d6d4420e2d268f2dd6 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Mon, 4 Jul 2016 00:29:56 +0200 Subject: [PATCH] update both themes for chatzilla changes in recent cycles --- EarlyBlue/chatzilla/chatzilla.css | 107 +++++++++++++++++--------- EarlyBlue/chatzilla/output-dark.css | 5 +- EarlyBlue/chatzilla/output-light.css | 4 +- LCARStrek/chatzilla/chatzilla.css | 108 +++++++++++++++++---------- LCARStrek/chatzilla/output-dark.css | 2 +- LCARStrek/chatzilla/output-light.css | 4 +- 6 files changed, 146 insertions(+), 84 deletions(-) diff --git a/EarlyBlue/chatzilla/chatzilla.css b/EarlyBlue/chatzilla/chatzilla.css index bd3e8071..ca8d55d6 100644 --- a/EarlyBlue/chatzilla/chatzilla.css +++ b/EarlyBlue/chatzilla/chatzilla.css @@ -13,10 +13,6 @@ window { display: none; } -#tabpanels-contents-box { - margin: 3px 0; -} - #header-url:hover { text-decoration: underline; } @@ -51,6 +47,10 @@ window { background: #336699 !important; } +#user-list { + margin: 0; +} + #view-tabs { overflow: hidden; } @@ -75,32 +75,70 @@ window { } .view-button { - /* do NOT set colour, at least not without background. :) */ + /* Box model is 5px 5px 5px 6px in aggregate. Extra pixel on the left is for the separator. */ + -moz-appearance: none; + margin: 5px 0; + border: none; +/* border-left: 1px solid ButtonShadow;*/ + padding: 0 5px; +/* + background: Button; + color: ButtonText; + font: message-box; +*/ + text-shadow: none; text-align: center; max-width: 30ex; -moz-box-flex: 1; + -moz-box-orient: vertical; + -moz-box-align: stretch; } -.view-button[state="current"] { - font-weight: bold; +.view-button:first-child { + border-left-color: transparent; } -.view-button[state="superfluous"] { - color: #666699; +.view-button::before { + content: " "; + display: -moz-box; + margin: -5px -5px 0 -5px; + height: 4px; } -.view-button[state="activity"] { - color: #336699; +.view-button[state="superfluous"]::before { + background-color: #666699; } -.view-button[state="attention"] { - color: red; +.view-button[state="activity"]::before { + background-color: #336699; } -.output-container { - border: 1px inset #CCD0DD; +.view-button[state="attention"]::before { + background-color: red; +} + +.view-button:hover, +.view-button[state="current"] { + margin: 0 0 0 1px; border-left: none; - border-right: none; + border-radius: 0 0 6px 6px; + padding: 5px; +/* + background: Window; + color: WindowText; +*/ +} + +.view-button[state="current"] + .view-button, +.view-button:hover + .view-button:not([state="current"]) { + border-left-color: transparent; +} + +.view-button[state="current"] { + position: relative; /* So it visually appears above the tabs either side. */ +/* border: 2px solid ButtonShadow;*/ + border-top: none; + padding: 5px 3px 3px 3px; } treecol { @@ -211,6 +249,22 @@ progressmeter[mode="undetermined"] { direction: rtl; } +#input-splitter { + margin: 4px 0 0 0; +} + +#input-widgets { + margin: 4px 0; +} + +#server-nick, #button-multiline-expand, #button-input, #button-multiline-contract { + margin: 0; +} + +#input, #multiline-input { + margin: 0 4px; +} + /* Hack; Stop the status-bar from distorting without a security icon */ #status-text { min-height: 17px; @@ -268,24 +322,5 @@ progressmeter[mode="undetermined"] { /* Focus styling for a11y reasons */ #user-list-box[focusobvious="true"], #browser-box[focusobvious="true"], #multiline-hug-box[focusobvious="true"], #singleline-hug-box[focusobvious="true"] { - border-color: #336699 !important; -} - -/* Not setting a right border so the scrollbar remains on the window edge. */ -#browser-box:last-child, #user-list-box:last-child { - border-left: 2px solid transparent; - border-top: 2px solid transparent; - border-bottom: 2px solid transparent; -} - -#user-list-box:first-child, #browser-box:first-child { - border-right: 2px solid transparent; - border-top: 2px solid transparent; - border-bottom: 2px solid transparent; -} - -#singleline-hug-box, #multiline-hug-box { - border-right: 2px solid transparent; - border-left: 2px solid transparent; - border-top: 2px solid transparent; + outline: 2px solid #336699; } diff --git a/EarlyBlue/chatzilla/output-dark.css b/EarlyBlue/chatzilla/output-dark.css index 64137a65..11224503 100644 --- a/EarlyBlue/chatzilla/output-dark.css +++ b/EarlyBlue/chatzilla/output-dark.css @@ -9,7 +9,7 @@ @import url("chrome://chatzilla/content/output-base.css"); -body.chatzilla-body { /* The topmost container in the ChatZilla */ +.chatzilla-body { /* The topmost container in the ChatZilla */ background: black; /* output window. */ color: lightgrey; } @@ -29,7 +29,6 @@ a.chatzilla-link:visited { .header { color: lightslategrey; background-color: #333333; -/* opacity: 0.9; causes memory leak? */ border-radius: 7px; } @@ -118,7 +117,7 @@ treechildren::-moz-tree-cell-text(unselected) { color: white !important; /* a message (channel and query */ } /* views) */ -.msg[mark="even"] .msg-data { /* use even/odd marks to create a */ +.msg[mark="even"] .msg-data { /* use even/odd marks to create a */ color: white; /* subtle brightness change when */ } /* the speaker changes. */ diff --git a/EarlyBlue/chatzilla/output-light.css b/EarlyBlue/chatzilla/output-light.css index b5ff2c10..daa0d4b1 100644 --- a/EarlyBlue/chatzilla/output-light.css +++ b/EarlyBlue/chatzilla/output-light.css @@ -9,7 +9,7 @@ @import url(chrome://chatzilla/content/output-base.css); -body.chatzilla-body { /* The topmost container in the ChatZilla */ +.chatzilla-body { /* The topmost container in the ChatZilla */ background: white; /* output window. */ color: #222222; } @@ -26,7 +26,6 @@ a.chatzilla-link { .header { color: darkslategrey; background-color: #EEEEEE; -/* opacity: 0.9;*/ border: 1px #777499 solid; border-radius: 7px; } @@ -133,7 +132,6 @@ a.chatzilla-link { background-color: #c3f7c3; font-weight: bold; border-radius: 5px 5px 5px 5px; - /*border: thin darkblue solid;*/ } .msg[msg-type="QUIT"] .msg-data { diff --git a/LCARStrek/chatzilla/chatzilla.css b/LCARStrek/chatzilla/chatzilla.css index 032407f1..8968fbc6 100644 --- a/LCARStrek/chatzilla/chatzilla.css +++ b/LCARStrek/chatzilla/chatzilla.css @@ -13,10 +13,6 @@ window { display: none; } -#tabpanels-contents-box { - margin: 3px 0; -} - #header-url:hover { text-decoration: underline; } @@ -52,6 +48,10 @@ window { background: #008484 !important; } +#user-list { + margin: 0; +} + #view-tabs { overflow: hidden; } @@ -76,35 +76,70 @@ window { } .view-button { - /* do NOT set colour, at least not without background. :) */ + /* Box model is 5px 5px 5px 6px in aggregate. Extra pixel on the left is for the separator. */ + -moz-appearance: none; + margin: 5px 0; + border: none; +/* border-left: 1px solid ButtonShadow;*/ + padding: 0 5px; +/* + background: Button; + color: ButtonText; + font: message-box; +*/ + text-shadow: none; text-align: center; max-width: 30ex; -moz-box-flex: 1; + -moz-box-orient: vertical; + -moz-box-align: stretch; } -.view-button[state="current"] { - font-weight: bold; +.view-button:first-child { + border-left-color: transparent; } -.view-button[state="superfluous"] { - color: #E7ADE7; +.view-button::before { + content: " "; + display: -moz-box; + margin: -5px -5px 0 -5px; + height: 4px; } -.view-button[state="activity"] { - color: #FFCF00; +.view-button[state="superfluous"]::before { + background-color: #E7ADE7; } -.view-button[state="attention"] { - color: red; +.view-button[state="activity"]::before { + background-color: #FFCF00; } -.view-button:hover { - color: #000000; +.view-button[state="attention"]::before { + background-color: red; } -.output-container { - border-radius: 5px; - border: 1px solid #9C9CFF; +.view-button:hover, +.view-button[state="current"] { + margin: 0 0 0 1px; + border-left: none; + border-radius: 0 0 6px 6px; + padding: 5px; +/* + background: Window; + color: WindowText; +*/ +} + +.view-button[state="current"] + .view-button, +.view-button:hover + .view-button:not([state="current"]) { + border-left-color: transparent; +} + +.view-button[state="current"] { + position: relative; /* So it visually appears above the tabs either side. */ +/* border: 2px solid ButtonShadow;*/ + border-top: none; + padding: 5px 3px 3px 3px; } treecol { @@ -215,6 +250,22 @@ progressmeter[mode="undetermined"] { direction: rtl; } +#input-splitter { + margin: 4px 0 0 0; +} + +#input-widgets { + margin: 4px 0; +} + +#server-nick, #button-multiline-expand, #button-input, #button-multiline-contract { + margin: 0; +} + +#input, #multiline-input { + margin: 0 4px; +} + /* Hack; Stop the status-bar from distorting without a security icon */ #status-text { min-height: 17px; @@ -272,24 +323,5 @@ progressmeter[mode="undetermined"] { /* Focus styling for a11y reasons */ #user-list-box[focusobvious="true"], #browser-box[focusobvious="true"], #multiline-hug-box[focusobvious="true"], #singleline-hug-box[focusobvious="true"] { - border-color: highlight !important; -} - -/* Not setting a right border so the scrollbar remains on the window edge. */ -#browser-box:last-child, #user-list-box:last-child { - border-left: 2px solid transparent; - border-top: 2px solid transparent; - border-bottom: 2px solid transparent; -} - -#user-list-box:first-child, #browser-box:first-child { - border-right: 2px solid transparent; - border-top: 2px solid transparent; - border-bottom: 2px solid transparent; -} - -#singleline-hug-box, #multiline-hug-box { - border-right: 2px solid transparent; - border-left: 2px solid transparent; - border-top: 2px solid transparent; + outline: 2px solid #008484; } diff --git a/LCARStrek/chatzilla/output-dark.css b/LCARStrek/chatzilla/output-dark.css index 780007c9..31922dd3 100644 --- a/LCARStrek/chatzilla/output-dark.css +++ b/LCARStrek/chatzilla/output-dark.css @@ -9,7 +9,7 @@ @import url("chrome://chatzilla/content/output-base.css"); -body.chatzilla-body { /* The topmost container in the ChatZilla */ +.chatzilla-body { /* The topmost container in the ChatZilla */ background: #000000; /* output window. */ color: #E7ADE7; } diff --git a/LCARStrek/chatzilla/output-light.css b/LCARStrek/chatzilla/output-light.css index 1fa28652..7c88a869 100644 --- a/LCARStrek/chatzilla/output-light.css +++ b/LCARStrek/chatzilla/output-light.css @@ -9,7 +9,7 @@ @import url("chrome://chatzilla/content/output-base.css"); -body.chatzilla-body { /* The topmost container in the ChatZilla */ +.chatzilla-body { /* The topmost container in the ChatZilla */ background: white; /* output window. */ color: #222222; } @@ -26,7 +26,6 @@ a.chatzilla-link { .header { color: darkslategrey; background-color: #EEEEEE; -/* opacity: 0.9;*/ border: 1px #777499 solid; border-radius: 7px; } @@ -133,7 +132,6 @@ a.chatzilla-link { background-color: #c3f7c3; font-weight: bold; border-radius: 5px 5px 5px 5px; - /*border: thin darkblue solid;*/ } .msg[msg-type="QUIT"] .msg-data { -- 2.35.3