adding new LCARStrek skin

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

diff --git a/LCARStrek/skin/LCARStrek/communicator/sidebar/sidebar.css b/LCARStrek/skin/LCARStrek/communicator/sidebar/sidebar.css
new file mode 100644 (file)
index 0000000..88e7f7b
--- /dev/null
+++ b/LCARStrek/skin/LCARStrek/communicator/sidebar/sidebar.css
@@ -0,0 +1,143 @@
+#sidebar-panels-splitter[state="collapsed"] {
+    margin-bottom         : 0px;
+}
+
+#sidebar-splitter {
+    border-top            : none;
+    border-bottom         : none;
+}
+
+#sidebar-splitter[state="collapsed"] {
+    margin-left           : 0px;
+}
+
+#sidebar-box 
+  {
+    border                : none;
+  }
+
+.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                 : #FF9F00;
+    background-color      : #6000CF;
+    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.gif");
+  }
+
+#sidebar-panel-picker:hover > .toolbarbutton-box > .toolbarbutton-dropmarker,
+#sidebar-panel-picker[open="true"] > .toolbarbutton-box > .toolbarbutton-dropmarker
+  {
+    list-style-image        : url("chrome://global/skin/menu-arrow-hover.gif");
+  }
+
+.sidebar-header-text  
+  {
+    font-weight           : bold;
+  }
+
+/**
+ * texttab folder lookalike e.g. for sidebar panel headers
+ */
+  .box-texttab
+    {
+      -moz-binding        : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
+      -moz-border-radius  : 5px;
+      border-top          : 3px solid black;
+      cursor              : pointer;
+    }
+
+  .box-texttab > .panelheader-box-1
+    {
+      -moz-border-radius  : 5px;
+      background-color    : #FF9F00;
+      color               : #000000;
+      padding             : 2px 0px 2px 0px;
+    }
+
+  .box-texttab:hover > .panelheader-box-1,
+  .box-texttab:hover:active > .panelheader-box-1
+    {
+      background-color    : #FFCF00;
+    }
+
+  .box-texttab[selected="true"],
+  .box-texttab[selected="true"]:hover ,
+  .box-texttab[selected="true"]:hover:active
+    {
+      border-bottom       : 3px solid black;
+    }
+
+  .box-texttab[selected="true"] > .panelheader-box-1,
+  .box-texttab[selected="true"]:hover > .panelheader-box-1,
+  .box-texttab[selected="true"]:hover:active > .panelheader-box-1
+    {
+      background-color    : #008484;
+      color               : #FFCF00;
+    }
+
+  .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-selected.gif");
+    }
+
+  .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-active.gif");
+    }
+
+  .sidebar-iframe-no-panels, .loadarea
+    {
+      background-color      : #000000;
+    }
+    
+  .iframe-panel
+    {
+    } 
+