*
* ***** 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 ::::: */
+
+menubar:-moz-lwtheme,
+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;
+}