adding new EarlyBlue skin, cleanup remains

[themes.git] / EarlyBlue / skin / EarlyBlue / communicator / sidebar / sidebar.css

diff --git a/EarlyBlue/skin/EarlyBlue/communicator/sidebar/sidebar.css b/EarlyBlue/skin/EarlyBlue/communicator/sidebar/sidebar.css
new file mode 100644 (file)
index 0000000..dbaffb6
--- /dev/null
+++ b/EarlyBlue/skin/EarlyBlue/communicator/sidebar/sidebar.css
@@ -0,0 +1,166 @@
+/*
+#sidebar-splitter 
+  {
+    border-top            : 1px solid ThreeDHighlight;
+    border-bottom         : 1px solid ThreeDShadow;
+  }
+*/
+
+#sidebar-box 
+  {
+    margin-top            : 0px;
+    border                : none;
+    background-color      : #CCD0DD;
+  }
+
+.text-panel-loading 
+  {
+    margin                : 5px 0px;
+  }
+
+.image-panel-loading 
+  {
+    margin                : 5px;
+    list-style-image      : url("chrome://global/skin/loading.gif"); 
+  }
+
+.sidebarheader-main 
+  {
+    border                : none;
+    color                 : #CCD0DD;
+    background-color      : #666699;
+    padding-left          : 4px;
+  }
+
+#sidebar-panel-picker {
+  -moz-box-direction: reverse;
+  color: inherit;
+}
+  
+#sidebar-panel-picker > .toolbarbutton-box > .toolbarbutton-dropmarker
+  {
+    padding-left            : 4px;
+    list-style-image        : url("chrome://global/skin/menu-arrow-hover.gif");
+  }
+
+.sidebar-header-text  
+  {
+    font-weight           : bold;
+  }
+
+/*
+.sidebar-header-grippy
+  { 
+    list-style-image       : url("chrome://global/skin/grippy-short-vert-after.gif");
+       background-color            : -moz-Dialog;
+       max-width                               : 32px;
+       height                                  : 4px;
+  }
+
+#sidebar-title-box[state="collapsed"] > .sidebar-header-grippy 
+  {
+    list-style-image       : url("chrome://global/skin/grippy-short-vert-before.gif"); 
+  }
+*/
+  
+/**
+ * texttab folder lookalike e.g. for sidebar panel headers
+ */
+  .box-texttab
+    {
+      -moz-binding        : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
+      padding             : 2px 0px 2px 0px;
+      background-color    : #CCD0DD;
+      color               : #000000;
+      cursor              : pointer;
+      border-top          : 1px outset #CCD0DD;
+      border-bottom       : 1px outset #CCD0DD;
+    }
+
+  .box-texttab[selected="true"],
+  .box-texttab[selected="true"]:hover,
+  .box-texttab[selected="true"]:hover:active
+    {
+      background-color    : #336699;
+      border-top          : 1px solid #336699;
+    }
+    
+  .panelheader-box-1,
+  .box-texttab[selected="true"]:hover > .panelheader-box-1
+    {
+      padding             : 1px 1px 1px 0px;
+    }
+    
+  .box-texttab[last-panel="true"], 
+  .box-texttab[last-panel="true"]:hover,
+  .box-texttab[last-panel="true"]:hover:active,
+  .box-texttab[last-panel="true"][selected="true"],
+  .box-texttab[last-panel="true"][selected="true"]:hover,
+  .box-texttab[last-panel="true"][selected="true"]:hover:active
+    {
+      border-bottom       : none;
+    }
+
+  .panelheader-grippy-icon
+    {
+      margin              : 2px 3px 0px 3px;
+      list-style-image    : url("chrome://global/skin/twisty-closed.gif");
+    }
+
+/*
+  .panelheader-texture
+    {
+      margin              : 1px 0px 1px 0px;
+      background-image    : url("chrome://global/skin/toolbargrippy-texture.gif");
+      background-position : 50% 0%;
+      background-repeat   : repeat-y; 
+      width               : 12px;
+    }
+*/
+
+  .box-texttab:hover
+    {
+      background-color      : #DDDDDD;
+    }
+    
+  .box-texttab:hover > .panelheader-box-1
+    {
+    }
+
+  .box-texttab:hover:active
+    {
+      background-color      : #6699FF;
+    }
+    
+  .box-texttab:hover:active > .panelheader-box-1
+    {
+    }
+
+  .box-texttab[selected="true"],
+  .box-texttab[selected="true"]:hover
+    {
+      font-weight           : bold;
+      cursor                : default;
+    }
+
+  .box-texttab[last-panel="true"], 
+  .box-texttab[selected="true"]
+    {
+      margin-bottom       : 0px;
+    }
+
+  .panelheader-grippy-icon[selected="true"]
+    {
+      margin              : 2px 3px 0px 3px;
+      list-style-image    : url("chrome://global/skin/twisty-open.gif");
+    }
+
+  .sidebar-iframe-no-panels, .loadarea
+    {
+      background-color      : #FFFFFF;
+    }
+    
+  .iframe-panel
+    {
+    } 
+