sync both themes with SeaMonkey 2.42 to 2.45 classic theme changes
[themes.git] / LCARStrek / communicator / sidebar / sidebar.css
index 5cef2c6cbdf49e2040155d2a2b21750d48d38243..3ce6e4f378949b522c2e3f26170bdd297cfa3a49 100644 (file)
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is "Classic" theme of mozilla.org code.
- *
- * The Initial Developer of the Original Code is
- * the Mozilla Organization.
- * Portions created by the Initial Developer are Copyright (C) 1998-2001
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- *   Robert Kaiser <KaiRo@KaiRo.at>
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or
- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the MPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the MPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
+/* ::::: sidebar container ::::: */
+
+#sidebar-box {
+  border: none;
+}
+
+/* ::::: sidebar splitter ::::: */
+
 #sidebar-panels-splitter[state="collapsed"] {
-    margin-bottom         : 0px;
+  margin-bottom: 0px;
 }
 
 #sidebar-splitter {
-    border-top            : none;
-    border-bottom         : none;
+  -moz-margin-start: 0px;
+}
+
+#sidebar-splitter:not([state="collapsed"]) {
+  border-radius: 0 5px 0 0;
+}
+
+/* Get lower rounded corner right to connect to splitter. */
+#sidebar-panels-splitter-box {
+  background-color: #9C9CFF
+}
+
+#sidebar-panels {
+  background-color: #000000;
+  border-radius: 0 5px 0 0;
+  -moz-padding-end: 3px;
+}
+
+#sidebar-splitter:not([state="collapsed"]):-moz-locale-dir(rtl),
+#sidebar-panels:-moz-locale-dir(rtl) {
+  border-radius: 5px 0 0 0;
+}
+
+/* ::::: sidebar header ::::: */
+
+.sidebarheader-main {
+  border: none;
+  color: #000000;
+  background-color: #9C9CFF;
+  padding: 0px 2px;
+  -moz-padding-start: 3px;
+  -moz-padding-end: 8px;
+  height: auto;
+  overflow-x: hidden;
 }
 
-#sidebar-splitter[state="collapsed"] {
-    margin-left           : 0px;
+.sidebar-header-text {
+  font-weight: bold;
 }
 
-#sidebar-box 
-  {
-    border                : none;
-  }
+/* ..... close button ..... */
 
-.text-panel-loading 
-  {
-    margin                : 5px 0px;
-  }
+#sidebar-close-button {
+  -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
+  padding: 3px;
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+  border-radius: 0;
+}
 
-.image-panel-loading 
-  {
-    margin                : 5px;
-    list-style-image      : url("chrome://global/skin/loading.gif"); 
-  }
+#sidebar-close-button:hover,
+#sidebar-close-button:hover:active {
+  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
+}
 
-.sidebarheader-main 
-  {
-    border                : none;
-    color                 : #FF9F00;
-    background-color      : #6000CF;
-    padding-left          : 4px;
-  }
+/* ..... panel picker button ..... */
 
 #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
-    {
-    } 
-
-  .panelheader-text
-    {
-      margin              : 0px;
-    }
+  padding: 3px 1px;
+  border-radius: 0;
+}
+
+/* ::::: sidebar panel ::::: */
+
+.sidebar-iframe-no-panels,
+.loadarea {
+  background-color: #000000;
+  color: #FF9F00;
+}
+
+.iframe-panel, .browser-sidebar {
+}  
+
+/* ::::: loading info ::::: */
+
+.text-panel-loading {
+  margin: 5px 0px;
+}
+
+.text-panel-loading[loading="false"] {
+  -moz-margin-start: 11px;
+}
+
+.image-panel-loading {
+  margin: 5px;
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+/* ::::: sidebar tabs ::::: */
+
+.box-texttab {
+  -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab");
+  cursor: pointer;
+  border-top: 3px solid black;
+  border-radius: 5px;
+}
+
+.box-texttab > hbox {
+  border-radius: 300px;
+  -moz-box-align: stretch;
+  padding: 2px 3px;
+  background-color: #C09070;
+  color: #000000;
+}
+
+.box-texttab[selected="true"] > hbox,
+.box-texttab[selected="true"]:hover > hbox,
+.box-texttab[selected="true"]:hover:active > hbox {
+  background-color: #008484;
+  color: #FFCF00;
+  font-weight: bold;
+}
+
+.box-texttab[selected="true"],
+.box-texttab[selected="true"]:hover,
+.box-texttab[selected="true"]:hover:active {
+  border-bottom: 3px solid black;
+}
+
+.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;
+}
+
+.sbtab-label {
+  margin: 0px !important;
+}
+
+.sbtab-twisty {
+  margin: 2px 3px 0px;
+  list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover");
+}
+
+.box-texttab:hover > hbox,
+.box-texttab:hover:active > hbox {
+  background-color: #FFCF00;
+}
+
+.box-texttab[last-panel="true"], 
+.box-texttab[selected="true"] {
+  margin-bottom: 0px;
+}
+
+.sbtab-twisty[selected="true"] {
+  list-style-image: url("chrome://global/skin/tree/twisty.svg#open");
+}
+
+/* ::::: sidebar navigation buttons ::::: */
+
+.sidebar-nav-button {
+  -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
+  padding: 5px 0px;
+}
+
+.tab-fwd {
+  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
+}
+
+.tab-back {
+  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+}