| 1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
| 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this |
| 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
| 4 | |
| 5 | /* ===== toolbar.css ==================================================== |
| 6 | == Styles used by XUL toolbar-related elements. |
| 7 | ======================================================================= */ |
| 8 | |
| 9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
| 10 | |
| 11 | /* ::::: toolbox ::::: */ |
| 12 | |
| 13 | toolbox { |
| 14 | background-color: #CCD0DD; |
| 15 | } |
| 16 | |
| 17 | /* ::::: toolbar & menubar ::::: */ |
| 18 | |
| 19 | toolbar, |
| 20 | menubar { |
| 21 | border-bottom: 1px solid #9999CC; |
| 22 | background-color: #CCD0DD; |
| 23 | min-width: 1px; |
| 24 | } |
| 25 | |
| 26 | /* in browser.xul, the menubar is inside a toolbar... */ |
| 27 | toolbaritem > menubar { |
| 28 | border-bottom-style: none; |
| 29 | background-color: transparent; |
| 30 | } |
| 31 | |
| 32 | /* ::::: lightweight theme ::::: */ |
| 33 | |
| 34 | menubar:-moz-lwtheme, |
| 35 | toolbox:-moz-lwtheme, |
| 36 | toolbar:-moz-lwtheme { |
| 37 | background: none; |
| 38 | border-color: transparent; |
| 39 | } |
| 40 | |
| 41 | /* ::::: toolbar decorations ::::: */ |
| 42 | |
| 43 | toolbarseparator { |
| 44 | margin : 2px 0.2em; |
| 45 | border-right: 1px solid #666699; |
| 46 | width : 1px; |
| 47 | } |
| 48 | |
| 49 | toolbarspacer { |
| 50 | width: 10px; |
| 51 | } |
| 52 | |
| 53 | toolbar[mode="icons"] .toolbarbutton-text { |
| 54 | display: none; |
| 55 | } |
| 56 | |
| 57 | toolbar[mode="text"] .toolbarbutton-icon { |
| 58 | display: none; |
| 59 | } |
| 60 | |
| 61 | toolbar[mode="text"] .toolbarbutton-text { |
| 62 | padding: 0 !important; |
| 63 | margin: 1px 3px !important; |
| 64 | } |
| 65 | |
| 66 | /* ::::: toolbarpaletteitem ::::: */ |
| 67 | |
| 68 | toolbarpaletteitem { |
| 69 | cursor: grab; |
| 70 | } |
| 71 | |
| 72 | .toolbarpaletteitem-box[type="spacer"], |
| 73 | .toolbarpaletteitem-box[type="spring"] { |
| 74 | border: 1px solid #666699; |
| 75 | background-color: #FFFFFF !important; |
| 76 | } |
| 77 | |
| 78 | toolbarpaletteitem[place="toolbar"] > toolbarspacer { |
| 79 | width: 11px; |
| 80 | } |
| 81 | |
| 82 | .toolbarpaletteitem-box[type="spacer"][place="toolbar"], |
| 83 | .toolbarpaletteitem-box[type="spring"][place="toolbar"] { |
| 84 | margin-top: 2px; |
| 85 | margin-bottom: 2px; |
| 86 | margin-inline-start: 0px; |
| 87 | margin-inline-end: 2px; |
| 88 | } |
| 89 | |
| 90 | .toolbarpaletteitem-box[type="separator"][place="palette"] { |
| 91 | width: 2px; |
| 92 | height: 50px; |
| 93 | } |
| 94 | |
| 95 | .toolbarpaletteitem-box[type="spacer"][place="palette"], |
| 96 | .toolbarpaletteitem-box[type="spring"][place="palette"] { |
| 97 | margin-bottom: 2px; |
| 98 | width: 50px; |
| 99 | height: 50px; |
| 100 | } |
| 101 | |
| 102 | .toolbarpaletteitem-box[type="spring"][place="palette"] { |
| 103 | background: url("chrome://global/skin/toolbar/spring.gif") no-repeat center; |
| 104 | } |
| 105 | |
| 106 | /* ..... drag and drop feedback ..... */ |
| 107 | |
| 108 | toolbarpaletteitem[place="toolbar"] { |
| 109 | margin-inline-start: -2px; |
| 110 | margin-inline-end: -2px; |
| 111 | border-left: 2px solid transparent; |
| 112 | border-right: 2px solid transparent; |
| 113 | } |
| 114 | |
| 115 | toolbarpaletteitem[dragover="left"] { |
| 116 | border-left-color: #000000; |
| 117 | } |
| 118 | |
| 119 | toolbarpaletteitem[dragover="right"] { |
| 120 | border-right-color: #000000; |
| 121 | } |