X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Ftoolbar.css;h=2c9734d68c84b3672fa9ac111a40494fd8128249;hp=a91e4a555ffa09be993157d71ebf666bf9e13d30;hb=d0646e4a75a2e7c90b075456d6bab4a0b0d8ab6f;hpb=351107c90e7ee7a17d9bf63798f2861307118309 diff --git a/LCARStrek/global/toolbar.css b/LCARStrek/global/toolbar.css index a91e4a55..2c9734d6 100644 --- a/LCARStrek/global/toolbar.css +++ b/LCARStrek/global/toolbar.css @@ -35,115 +35,172 @@ * * ***** 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; +} + +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: 5px 0px 0px 5px; + margin-bottom: 3px; + width: 30px; + 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 0px 2px 2px; + 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"] { + margin-left: -2px; + margin-right: -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; +}