*
* ***** 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 : #000000;
- }
-
-toolbar
- {
- background-color : #000000;
-/* border : 1px solid #9C9CFF; */
- /*
- * 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;
- border-bottom : 3px solid #000000;
- }
-
-toolbar > .toolbar-holder
- {
- background-color : #9C9CFF;
-}
-
-toolbar > .toolbar-endcap
-{
- -moz-border-radius : 0px 8px 8px 0px;
- background-color : #FF9F00;
- border : none;
- border-left : 3px solid black;
- width : 15px;
- min-height : 16px;
- }
-
-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;
- border-bottom : 3px solid #000000;
- }
-
-menubar > .toolbar-holder
- {
- background-color : #6000CF;
- }
-
-menubar > .menubar-endcap
-{
- -moz-border-radius : 0px 8px 8px 0px;
- background-color : #FF9F00;
- border : none;
- border-left : 3px solid black;
- width : 15px;
- min-height : 16px;
- }
-
-toolbargrippy
- {
- -moz-box-orient : vertical;
- -moz-border-radius : 8px 0px 0px 8px;
- background-color : #FF9F00;
- border : none;
- border-right : 3px solid black;
- width : 15px;
- min-height : 16px;
- }
-
-toolbar[collapsed="true"]
- {
- min-height : 0px;
- }
-
-toolbargrippy[tbgrippy-collapsed="true"]
- {
- -moz-box-orient : horizontal;
- -moz-border-radius : 5px 0px 0px 5px;
- margin-bottom : 3px;
- min-height : 10px;
- max-height : 10px;
- }
-
-.collapsed-tray-spacer
- {
- border-bottom : none;
- }
-
-toolbargrippy:hover
- {
- background-color : #FFCF00;
- }
-
-toolbar[collapsed="true"] > toolbargrippy
- {
- width : 30px;
- }
-
-toolbarseparator
- {
- width : 1px;
- background-color : #000000;
- margin : 2px;
- margin-right : 0px;
- }
-
-.toolbar-focustarget
- {
- -moz-user-focus : ignore !important;
- }
+/* ::::: toolbox ::::: */
+
+toolbox {
+ background-color: #000000;
+ color: #FF9F00;
+}
+
+/* ::::: toolbar & menubar ::::: */
+
+toolbar,
+menubar {
+ border-bottom: 3px solid #000000;
+ background-color: #000000;
+ color: #FF9F00;
+ min-width: 1px;
+}
+
+/* toolbar-holder is the body of the main part of a toolbar */
+.toolbar-holder {
+ background-color: #9C9CFF;
+ color: #000000;
+ -moz-padding-end: 2px;
+}
+
+menubar > .toolbar-box > .toolbar-holder,
+toolbar#toolbar-menubar > .toolbar-box > .toolbar-holder {
+ background-color: #6000CF;
+ color: #FF9F00;
+}
+
+/* ::::: toolbargrippy, startcap (LCARStrek specific) ::::: */
+
+toolbargrippy,
+.toolbar-startcap,
+.menubar-startcap {
+ -moz-border-radius: 8px 0px 0px 8px;
+ -moz-box-orient: vertical;
+ -moz-box-align: center;
+ background-color: #FF9F00;
+ border: none;
+ border-right: 3px solid black;
+ width: 15px;
+ min-height: 16px;
+}
+
+toolbargrippy:hover {
+ background-color: #FFCF00;
+}
+
+/* ::::: endcap (LCARStrek specific) ::::: */
+
+.toolbar-endcap,
+.menubar-endcap {
+ -moz-border-radius: 0px 8px 8px 0px;
+ background-color: #FF9F00;
+ border: none;
+ border-left: 3px solid black;
+ width: 15px;
+ min-height: 16px;
+}
+
+/* ::::: collapsed tray and grippies ::::: */
+
+toolbargrippy[tbgrippy-collapsed="true"] {
+ -moz-box-orient: horizontal;
+ -moz-border-radius: 4px 0px 0px 4px;
+ margin-bottom: 3px;
+ width: 30px;
+ /* height gets set to the width of the uncollapsed grippy by default
+ so use !important to force all to the same smaller height */
+ height: 10px !important;
+ min-height: 10px;
+}
+
+.collapsed-tray-spacer {
+ border-bottom: none;
+}
+
+
+/* in browser.xul, the menubar is inside a toolbar... */
+toolbaritem > menubar {
+ border-bottom-style: none;
+ background-color: transparent;
+}
+
+/* ::::: toolbar decorations ::::: */
+
+toolbarseparator {
+ margin: 2px;
+ -moz-margin-end: 0;
+ border-right: 1px solid #000000;
+ 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"] {
+ -moz-border-radius: 5px;
+ border: 1px solid #9C9CFF;
+ background-color: #000000 !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: #008484;
+}
+
+toolbarpaletteitem[dragover="right"] {
+ border-right-color: #008484;
+}