From 2fef2a5d743af941add212d2a33507971431484b Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Tue, 12 Jul 2016 21:25:21 +0200 Subject: [PATCH] make new chatzilla tab appearance actually look fitting with the two themes --- EarlyBlue/chatzilla/chatzilla.css | 25 +++++++++++++------------ EarlyBlue/global/resizer.css | 2 +- LCARStrek/chatzilla/chatzilla.css | 18 +++++++++--------- 3 files changed, 23 insertions(+), 22 deletions(-) diff --git a/EarlyBlue/chatzilla/chatzilla.css b/EarlyBlue/chatzilla/chatzilla.css index ca8d55d6..2b61a499 100644 --- a/EarlyBlue/chatzilla/chatzilla.css +++ b/EarlyBlue/chatzilla/chatzilla.css @@ -49,6 +49,7 @@ window { #user-list { margin: 0; + border: 0px none; } #view-tabs { @@ -77,9 +78,9 @@ window { .view-button { /* 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;*/ + margin: 5px 0 0; +/* border: none; + border-left: 1px solid ButtonShadow;*/ padding: 0 5px; /* background: Button; @@ -95,14 +96,15 @@ window { } .view-button:first-child { - border-left-color: transparent; } .view-button::before { content: " "; display: -moz-box; - margin: -5px -5px 0 -5px; - height: 4px; + margin: -5px -6px 0 -6px; + height: 5px; + border-left: 1px outset #CCD0DD; + border-right: 1px outset #CCD0DD; } .view-button[state="superfluous"]::before { @@ -119,10 +121,10 @@ window { .view-button:hover, .view-button[state="current"] { - margin: 0 0 0 1px; - border-left: none; - border-radius: 0 0 6px 6px; - padding: 5px; + margin: 0 0 0; +/* border-left: none; + border-radius: 0 0 6px 6px;*/ + padding: 5px 5px 0; /* background: Window; color: WindowText; @@ -131,14 +133,13 @@ window { .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; + padding: 5px 5px 3px 5px; } treecol { diff --git a/EarlyBlue/global/resizer.css b/EarlyBlue/global/resizer.css index 6f65eb80..d8eac956 100644 --- a/EarlyBlue/global/resizer.css +++ b/EarlyBlue/global/resizer.css @@ -1,7 +1,7 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); resizer { - -moz-appearance: resizer; +/* -moz-appearance: resizer; */ background: url("chrome://global/skin/icons/resizer.png") no-repeat; background-size: 100% 100%; cursor: se-resize; diff --git a/LCARStrek/chatzilla/chatzilla.css b/LCARStrek/chatzilla/chatzilla.css index 8968fbc6..a38f3f11 100644 --- a/LCARStrek/chatzilla/chatzilla.css +++ b/LCARStrek/chatzilla/chatzilla.css @@ -78,9 +78,9 @@ window { .view-button { /* 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;*/ + margin: 5px 0 0; +/* border: none; + border-left: 1px solid ButtonShadow;*/ padding: 0 5px; /* background: Button; @@ -120,10 +120,10 @@ window { .view-button:hover, .view-button[state="current"] { - margin: 0 0 0 1px; - border-left: none; - border-radius: 0 0 6px 6px; - padding: 5px; + margin: 0 0 0; +/* border-left: none; + border-radius: 0 0 6px 6px;*/ + padding: 5px 5px 0; /* background: Window; color: WindowText; @@ -132,14 +132,14 @@ window { .view-button[state="current"] + .view-button, .view-button:hover + .view-button:not([state="current"]) { - border-left-color: transparent; +/* 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; + padding: 5px 5px 3px 5px; } treecol { -- 2.43.0