update both themes for all (suite default only, actually) changes up to 2011-01-04

[themes.git] / EarlyBlue / global / toolbar.css

diff --git a/EarlyBlue/global/toolbar.css b/EarlyBlue/global/toolbar.css
index 615026fc443095c0a862c6d6eb6f66ce03e1c5ac..53a0103e1a5ec23166c116c987c03256ed543021 100644 (file)
--- a/EarlyBlue/global/toolbar.css
+++ b/EarlyBlue/global/toolbar.css
@@ -35,113 +35,120 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
+/* ===== toolbar.css ====================================================
+  == Styles used by XUL toolbar-related elements.
+  ======================================================================= */
+
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-toolbox
-  {
-    background-color      : #CCD0DD;
-  }
-
-toolbar
-  {
-    background-color      : #CCD0DD;
-    border-bottom         : 1px solid #9999CC;
-    /*
-     * DON'T DELETE.  Removes disappearance of scrollbars in content
-     * pane when window is made smaller.
-     * Talk to evaughan@netscape.com for details.
-     */
-    min-width             : 1px;      
-  }
-  
-.toolbar-holder
-  {
-  }  
-
-menubar
-  {
-    /* DON'T DELETE.  Removes disappearance of scrollbars
-     * in content pane when window is made smaller.
-     * Talk to evaughan@netscape.com for details.
-     */
-    min-width             : 1px;
-    background-color      : #CCD0DD;
-    border-bottom         : 1px solid #9999CC;
-   }
-
-toolbargrippy
-  {
-    -moz-box-orient       : vertical;
-    background-color      : #666699;
-    border                : 1px solid #999999;
-    width                 : 10px;
-    padding-bottom        : 1px;
-  }
-
-.toolbargrippy-twisty
-  {
-    list-style-image      : url("chrome://global/skin/toolbargrippy-twisty.gif");
-    margin-top            : 2px;
-  }
-
-/*
-.toolbargrippy-texture
-  {
-    margin                : 5px 3px 1px 2px;
-    background-image      : url("chrome://global/skin/toolbargrippy-texture.gif");
-    background-position   : 50% 0%;
-    background-repeat     : repeat-y;
-  } 
-*/
-
-toolbargrippy[tbgrippy-collapsed="true"] 
-  {
-    -moz-box-orient       : horizontal;
-    height                : 10px;
-    padding-right         : 1px;
-  }
-
-.toolbargrippy-twisty-collapsed
-  {
-    list-style-image      : url("chrome://global/skin/tbg-twisty-collapsed.gif");
-    margin-left           : 2px;
-  }
-
-/*
-.toolbargrippy-texture-collapsed
-  {
-    margin                : 2px 1px 1px 5px;
-    background-image      : url("chrome://global/skin/tbg-texture-collapsed.gif");
-    background-position   : 0% 50%;
-    background-repeat     : repeat-x;
-  } 
-*/
-
-.collapsed-tray-spacer
-  {
-    border-bottom         : none;
-  }  
-  
-toolbargrippy:hover
-  {
-    background-color      : #6699FF;
-  }
-  
-toolbar[collapsed="true"] > toolbargrippy
-  {
-    width                 : 30px;
-  }
-  
-toolbarseparator 
-  {
-    width                 : 1px;
-    border-right          : 1px solid #666699;
-    margin                : 2px 0.2em 2px 0.2em;
-  }
-  
-.toolbar-focustarget
-  {
-    -moz-user-focus       : ignore !important;
-  } 
+/* ::::: toolbox ::::: */
+
+toolbox {
+  background-color: #CCD0DD;
+}
+
+/* ::::: toolbar & menubar ::::: */
+
+toolbar,
+menubar {
+  border-bottom: 1px solid #9999CC;
+  background-color: #CCD0DD;
+  min-width: 1px;
+}
+
+/* in browser.xul, the menubar is inside a toolbar... */
+toolbaritem > menubar {
+  border-bottom-style: none;
+  background-color: transparent;
+}
+
+/* ::::: lightweight theme ::::: */
+
+toolbox:-moz-lwtheme,
+toolbar:-moz-lwtheme {
+  -moz-appearance: none;
+  background: none;
+  border-style: none;
+}
+
+/* ::::: toolbar decorations ::::: */
+
+toolbarseparator {
+  margin : 2px 0.2em;
+  border-right: 1px solid #666699;
+  width : 1px;
+}
+
+toolbarspacer {
+  width: 10px;
+}
+
+toolbar[mode="icons"] .toolbarbutton-text {
+  display: none;
+}
+
+toolbar[mode="text"] .toolbarbutton-icon {
+  display: none;
+}
+
+toolbar[mode="text"] .toolbarbutton-text {
+  padding: 0 !important;
+  margin: 1px 3px !important;
+}
+
+/* ::::: toolbarpaletteitem ::::: */
+
+toolbarpaletteitem {
+  cursor: -moz-grab;
+}
+
+.toolbarpaletteitem-box[type="spacer"],
+.toolbarpaletteitem-box[type="spring"] {
+  border: 1px solid #666699;
+  background-color: #FFFFFF !important;
+}
+
+toolbarpaletteitem[place="toolbar"] {
+  -moz-margin-start: -2px;
+  -moz-margin-end: -2px;
+  border-left: 2px solid transparent;
+  border-right: 2px solid transparent;
+}
+
+toolbarpaletteitem[place="toolbar"] > toolbarspacer {
+  width: 11px;
+}
+
+.toolbarpaletteitem-box[type="spacer"][place="toolbar"],
+.toolbarpaletteitem-box[type="spring"][place="toolbar"] {
+  margin-top: 2px;
+  margin-bottom: 2px;
+  -moz-margin-start: 0px;
+  -moz-margin-end: 2px;
+}
+
+.toolbarpaletteitem-box[type="separator"][place="palette"] {
+  width: 2px;
+  height: 50px;
+}
+
+.toolbarpaletteitem-box[type="spacer"][place="palette"],
+.toolbarpaletteitem-box[type="spring"][place="palette"] {
+  margin-bottom: 2px;
+  width: 50px;
+  height: 50px;
+}
+
+.toolbarpaletteitem-box[type="spring"][place="palette"] {
+  background: url("chrome://global/skin/toolbar/spring.gif") no-repeat center;
+}
+
+/* ..... drag and drop feedback ..... */
 
+toolbarpaletteitem[dragover="left"] {
+  border-left-color: #000000;
+}
 
+toolbarpaletteitem[dragover="right"] {
+  border-right-color: #000000;
+}