make new chatzilla tab appearance actually look fitting with the two themes

[themes.git] / EarlyBlue / chatzilla / chatzilla.css

diff --git a/EarlyBlue/chatzilla/chatzilla.css b/EarlyBlue/chatzilla/chatzilla.css
index ca8d55d6380ac3de1c16bfa5dc03d2526f0f4a58..2b61a499a58a6d15817bd6da5e9100077f9353a8 100644 (file)
--- a/EarlyBlue/chatzilla/chatzilla.css
+++ b/EarlyBlue/chatzilla/chatzilla.css
@@ -49,6 +49,7 @@ window {
 
 #user-list {
   margin: 0;
 
 #user-list {
   margin: 0;

+  border: 0px none;

 }
 
 #view-tabs {
 }
 
 #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;
 .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;
   padding: 0 5px;
 /*
   background: Button;


@@ -95,14 +96,15 @@ window {
 }
 
 .view-button:first-child {
 }
 
 .view-button:first-child {

-  border-left-color: transparent;

 }
 
 .view-button::before {
   content: " ";
   display: -moz-box;
 }
 
 .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 {
 }
 
 .view-button[state="superfluous"]::before {


@@ -119,10 +121,10 @@ window {
 
 .view-button:hover,
 .view-button[state="current"] {
 
 .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;
 /*
   background: Window;
   color: WindowText;


@@ -131,14 +133,13 @@ window {
 
 .view-button[state="current"] + .view-button,
 .view-button:hover + .view-button:not([state="current"]) {
 
 .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;
 }
 
 .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 { 
 }
 
 treecol {