Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
351107c9 | 4 | |
b1eaa419 | 5 | /* ===== toolbar.css ==================================================== |
6 | == Styles used by XUL toolbar-related elements. | |
7 | ======================================================================= */ | |
8 | ||
f98e9249 RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
b1eaa419 | 11 | /* ::::: toolbox ::::: */ |
12 | ||
13 | toolbox { | |
14 | background-color: #000000; | |
d0646e4a | 15 | color: #FF9F00; |
b1eaa419 | 16 | } |
17 | ||
18 | /* ::::: toolbar & menubar ::::: */ | |
19 | ||
20 | toolbar, | |
21 | menubar { | |
22 | border-bottom: 3px solid #000000; | |
23 | background-color: #000000; | |
d0646e4a | 24 | color: #FF9F00; |
f98e9249 | 25 | min-width: 1px; |
b1eaa419 | 26 | } |
27 | ||
28 | /* toolbar-holder is the body of the main part of a toolbar */ | |
d0646e4a | 29 | .toolbar-holder { |
b1eaa419 | 30 | background-color: #9C9CFF; |
d0646e4a | 31 | color: #000000; |
dae45075 | 32 | padding-inline-end: 2px; |
b1eaa419 | 33 | } |
34 | ||
d0646e4a | 35 | menubar > .toolbar-box > .toolbar-holder, |
1169dad4 | 36 | toolbar[type="menubar"] > .toolbar-box > .toolbar-holder { |
b1eaa419 | 37 | background-color: #6000CF; |
d0646e4a | 38 | color: #FF9F00; |
b1eaa419 | 39 | } |
40 | ||
dd676468 | 41 | /* ::::: toolbargrippy, startcap (LCARStrek specific) ::::: */ |
b1eaa419 | 42 | |
4115f43c | 43 | toolbargrippy, |
d0646e4a RK |
44 | .toolbar-startcap, |
45 | .menubar-startcap { | |
569543b3 | 46 | border-radius: 8px 0px 0px 8px; |
a3b3d4d6 | 47 | -moz-box-orient: vertical; |
48 | -moz-box-align: center; | |
a5516fb7 | 49 | background-color: #FF9F00; |
b1eaa419 | 50 | border: none; |
51 | border-right: 3px solid black; | |
b1eaa419 | 52 | width: 15px; |
37bddb2a | 53 | min-height: 16px; |
b1eaa419 | 54 | } |
55 | ||
a3b3d4d6 | 56 | toolbargrippy:hover { |
57 | background-color: #FFCF00; | |
b1eaa419 | 58 | } |
59 | ||
60 | /* ::::: endcap (LCARStrek specific) ::::: */ | |
61 | ||
d0646e4a RK |
62 | .toolbar-endcap, |
63 | .menubar-endcap { | |
569543b3 | 64 | border-radius: 0px 8px 8px 0px; |
b1eaa419 | 65 | background-color: #FF9F00; |
66 | border: none; | |
67 | border-left: 3px solid black; | |
68 | width: 15px; | |
69 | min-height: 16px; | |
70 | } | |
71 | ||
a3b3d4d6 | 72 | /* ::::: collapsed tray and grippies ::::: */ |
73 | ||
74 | toolbargrippy[tbgrippy-collapsed="true"] { | |
75 | -moz-box-orient: horizontal; | |
569543b3 | 76 | border-radius: 4px 0px 0px 4px; |
a3b3d4d6 | 77 | margin-bottom: 3px; |
78 | width: 30px; | |
37bddb2a RK |
79 | /* height gets set to the width of the uncollapsed grippy by default |
80 | so use !important to force all to the same smaller height */ | |
81 | height: 10px !important; | |
798ffac1 | 82 | min-height: 10px; |
a3b3d4d6 | 83 | } |
84 | ||
85 | .collapsed-tray-spacer { | |
86 | border-bottom: none; | |
87 | } | |
88 | ||
106ae2ed RK |
89 | /* in some cases, the menubar is inside a toolbar... */ |
90 | toolbaritem > menubar, | |
91 | toolbar > menubar { | |
f98e9249 RK |
92 | border-bottom-style: none; |
93 | background-color: transparent; | |
94 | } | |
95 | ||
3b1530c2 RK |
96 | /* ::::: lightweight theme ::::: */ |
97 | ||
8a933f1e | 98 | menubar:-moz-lwtheme, |
3b1530c2 RK |
99 | toolbox:-moz-lwtheme, |
100 | toolbar:-moz-lwtheme { | |
3b1530c2 | 101 | background: none; |
2f2f230e | 102 | border-color: transparent; |
3b1530c2 RK |
103 | } |
104 | ||
f98e9249 | 105 | /* ::::: toolbar decorations ::::: */ |
b1eaa419 | 106 | |
107 | toolbarseparator { | |
02920d2b | 108 | margin: 2px; |
dae45075 | 109 | margin-inline-end: 0; |
f98e9249 | 110 | border-right: 1px solid #000000; |
b1eaa419 | 111 | width: 1px; |
351107c9 | 112 | } |
f98e9249 RK |
113 | |
114 | toolbarspacer { | |
115 | width: 10px; | |
116 | } | |
117 | ||
118 | toolbar[mode="icons"] .toolbarbutton-text { | |
119 | display: none; | |
120 | } | |
121 | ||
122 | toolbar[mode="text"] .toolbarbutton-icon { | |
123 | display: none; | |
124 | } | |
125 | ||
126 | toolbar[mode="text"] .toolbarbutton-text { | |
127 | padding: 0 !important; | |
128 | margin: 1px 3px !important; | |
129 | } | |
130 | ||
131 | /* ::::: toolbarpaletteitem ::::: */ | |
132 | ||
133 | toolbarpaletteitem { | |
2c225fcb | 134 | cursor: grab; |
f98e9249 RK |
135 | } |
136 | ||
137 | .toolbarpaletteitem-box[type="spacer"], | |
138 | .toolbarpaletteitem-box[type="spring"] { | |
569543b3 | 139 | border-radius: 5px; |
f98e9249 RK |
140 | border: 1px solid #9C9CFF; |
141 | background-color: #000000 !important; | |
142 | } | |
143 | ||
f98e9249 RK |
144 | toolbarpaletteitem[place="toolbar"] > toolbarspacer { |
145 | width: 11px; | |
146 | } | |
147 | ||
148 | .toolbarpaletteitem-box[type="spacer"][place="toolbar"], | |
149 | .toolbarpaletteitem-box[type="spring"][place="toolbar"] { | |
150 | margin-top: 2px; | |
151 | margin-bottom: 2px; | |
dae45075 RK |
152 | margin-inline-start: 0px; |
153 | margin-inline-end: 2px; | |
f98e9249 RK |
154 | } |
155 | ||
156 | .toolbarpaletteitem-box[type="separator"][place="palette"] { | |
157 | width: 2px; | |
158 | height: 50px; | |
159 | } | |
160 | ||
161 | .toolbarpaletteitem-box[type="spacer"][place="palette"], | |
162 | .toolbarpaletteitem-box[type="spring"][place="palette"] { | |
163 | margin-bottom: 2px; | |
164 | width: 50px; | |
165 | height: 50px; | |
166 | } | |
167 | ||
168 | .toolbarpaletteitem-box[type="spring"][place="palette"] { | |
169 | background: url("chrome://global/skin/toolbar/spring.gif") no-repeat center; | |
170 | } | |
171 | ||
172 | /* ..... drag and drop feedback ..... */ | |
173 | ||
25fe5264 | 174 | toolbarpaletteitem[place="toolbar"] { |
dae45075 RK |
175 | margin-inline-start: -2px; |
176 | margin-inline-end: -2px; | |
25fe5264 RK |
177 | border-left: 2px solid transparent; |
178 | border-right: 2px solid transparent; | |
179 | } | |
180 | ||
f98e9249 RK |
181 | toolbarpaletteitem[dragover="left"] { |
182 | border-left-color: #008484; | |
183 | } | |
184 | ||
185 | toolbarpaletteitem[dragover="right"] { | |
186 | border-right-color: #008484; | |
187 | } |