making sidebar panels not suck appearance wise.

themes/modern/communicator/communicator.css

@@ -20,57 +20,3 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
 @namespace html url("http://www.w3.org/TR/REC-html40"); /* namespace for HTML elements */
-
-/**
- * texttab folder lookalike e.g. for sidebar panel headers
- */
-
-  .box-texttab
-    {
-      behavior            : url("chrome://global/content/globalBindings.xml#texttab");
-      padding-top         : 2px;
-      min-height          : 10px;
-      min-width           : 10px;
-    }
-  
-  .box-texttab[selected="true"] 
-    {
-      border-bottom       : 1px solid white;
-    }
-  
-  .box-texttab > .remain-space
-    {
-      border-bottom       : 1px solid black;
-    }
-  
-  .box-texttab > .tab-leftedge 
-    {
-      list-style-image    : url("chrome://global/skin/tab-leftedge.gif");
-    }
-  
-  .box-texttab > .tab-rightedge 
-    {
-      list-style-image    : url("chrome://global/skin/tab-rightedge.gif");
-    }
-  
-  .box-texttab[selected="true"] > .tab-leftedge 
-    {
-      list-style-image    : url("chrome://global/skin/seltab-leftedge.gif");
-    }
-  
-  .box-texttab[selected="true"]  > .tab-rightedge 
-    {
-      list-style-image    : url("chrome://global/skin/seltab-rightedge.gif");
-    }
-  
-  .box-texttab > .textholder 
-    {
-      border-top          : 1px solid black;  
-      background-color    : #CCCCCC;
-    }
-  
-  .box-texttab[selected="true"] > .textholder 
-    {
-      background-color    : white;
-      font-weight         : bold;
-    }

themes/modern/communicator/sidebar/sidebarOverlay.css

@@ -108,7 +108,7 @@
 #sidebar-panels {
     min-width: 1px;
     min-height: 10px;
-    margin-top: 1px;
+    margin: 0px 1px 1px 1px;
 }
 
 .text-panel-loading {
@@ -164,22 +164,30 @@ sidebarheader[type="splitter"] {
     display: none;
 }
 
-.texttab-sidebar {
-    background-color: #CCCCCC;
-    padding: 0px;
-    margin: 0px;
-}
-.texttab-sidebar[top-panel="true"],
-.texttab-sidebar[first-panel-after-selected="true"] {
-    background-color: white;
-}
-.texttab-sidebar > .remain-space {
-    width: 30px;
-    min-width: 1px;
-}
-.texttab-sidebar[last-panel="true"] > .remain-space {
-  border-bottom: none;
-}
-.texttab-sidebar[last-panel="true"][selected="true"] > .remain-space {
-  border-bottom: 1px solid black;
-}
+/**
+ * texttab folder lookalike e.g. for sidebar panel headers
+ */
+  .box-texttab
+    {
+      behavior            : url("chrome://global/content/globalBindings.xml#texttab");
+      background-color    : #99CCCC;
+      color               : #003366;
+      padding             : 2px 5px 2px 5px;
+      margin-top          : 1px;
+      border              : 1px solid #99CCCC;
+      border-bottom       : none;
+    }
+
+  .box-texttab[selected="true"]
+    {
+      border-top          : 1px solid #003366;
+      border-left         : 1px solid #003366;
+      border-right        : 1px solid #003366;
+    }
+  
+  .iframe-panel
+    {
+      border-left         : 1px solid #003366;
+      border-right        : 1px solid #003366;
+      border-bottom       : 1px solid #003366;
+    }

xpfe/global/resources/content/globalBindings.xml

@@ -10,6 +10,14 @@
   xmlns:html="http://www.w3.org/TR/REC-html40"
   xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
   
+  <binding id="texttab">
+    <content>
+      <xul:text inherits="value,accesskey,crop"/>
+    </content>
+  </binding>
+  
+  <!--
+  
   <binding id="texttab">
     <content>
       <xul:image class="tab-leftedge"/>
@@ -24,6 +32,8 @@
      </content>
   </binding>
 
+  -->
+  
   <binding id="sidebar-header-box" extends="xul:box">
     <content>
       <xul:text inherits="value,crop" crop="right" flex="1"/>