make new chatzilla tab appearance actually look fitting with the two themes
authorRobert Kaiser <kairo@kairo.at>
Tue, 12 Jul 2016 19:25:21 +0000 (21:25 +0200)
committerRobert Kaiser <kairo@kairo.at>
Tue, 12 Jul 2016 19:25:21 +0000 (21:25 +0200)
EarlyBlue/chatzilla/chatzilla.css
EarlyBlue/global/resizer.css
LCARStrek/chatzilla/chatzilla.css

index ca8d55d6380ac3de1c16bfa5dc03d2526f0f4a58..2b61a499a58a6d15817bd6da5e9100077f9353a8 100644 (file)
@@ -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 { 
index 6f65eb80526fadce370908e338a051ec32e9e1f8..d8eac956145c5b8e0d0782b21f23b827b2a16538 100644 (file)
@@ -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;
index 8968fbc61695b0f7f8c7b3e586ebf649b6ad5883..a38f3f114c442565388daaa9ce1949a34618460b 100644 (file)
@@ -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 {