1d798428 |
1 | |
2 | /** Standard toolbar buttons |
3 | * class="button-toolbar" |
4 | **/ |
5 | .button-toolbar |
6 | { |
7 | border : none; |
8 | margin : 0px 1px 0px 1px; |
9 | padding : 0px; |
10 | /* font : 3mm "Final Frontier",tahoma,arial,helvetica,sans-serif; */ |
11 | max-width : 10em; |
12 | min-height : 16px; |
13 | } |
14 | |
15 | .button-toolbar[toggled="true"] |
16 | { |
17 | background-color : #008484; |
18 | } |
19 | |
20 | .button-toolbar[disabled="true"], |
21 | .button-toolbar[disabled="true"]:hover, |
22 | .button-toolbar[disabled="true"]:hover:active |
23 | { |
24 | color : #8050B0; |
25 | } |
26 | |
27 | .button-toolbar > .button-internal-box |
28 | { |
29 | border : none; |
30 | padding : 1px 2px 1px 2px; |
31 | } |
32 | |
33 | .button-toolbar:hover > .button-internal-box |
34 | { |
35 | border : none; |
36 | padding : 1px 2px 1px 2px; |
37 | } |
38 | |
39 | .button-toolbar:hover:active > .button-internal-box |
40 | { |
41 | border : none; |
42 | padding : 2px 1px 0px 3px; |
43 | } |
44 | |
45 | .button-toolbar[disabled="true"]:hover:active > .button-internal-box |
46 | { |
47 | border : none; |
48 | padding : 1px 2px 1px 2px; |
49 | } |
50 | |
51 | .button-toolbar:hover:active[home-dragover="true"] > .button-internal-box |
52 | { |
53 | border : none; |
54 | padding : 1px 2px 1px 2px; |
55 | } |
56 | |
57 | .button-toolbar > .button-internal-box > .button-text-container |
58 | { |
59 | padding : 0px; |
60 | margin : 0px; |
61 | } |
62 | |
63 | .button-toolbar > .button-internal-box > .button-text-container > .button-text |
64 | { |
65 | padding : 0px; |
66 | padding-left : 1px; |
67 | margin : 0px; |
68 | } |
69 | |
70 | /** The largest type of toolbar buttons. In the Seamonkey implementation, |
71 | * these are only used in the navigation toolbar in the navigator package. |
72 | **/ |
73 | |
74 | /* outer frame */ |
75 | .button-toolbar-1 |
76 | { |
77 | /* background-color : transparent; |
78 | color : #000000; */ |
79 | min-width : 36px; |
80 | min-height : 36px; |
81 | margin : 0px 1px 0px 1px; |
82 | padding : 0px; |
83 | font-size : smaller; |
84 | border : none; |
85 | } |
86 | |
87 | /* internal frame */ |
88 | .button-toolbar-1[disabled="true"] > .button-internal-box, |
89 | .button-toolbar-1[disabled="true"]:hover > .button-internal-box, |
90 | .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box |
91 | { |
92 | border : none; |
93 | padding : 1px; |
94 | } |
95 | |
96 | .button-toolbar-1 > .button-internal-box |
97 | { |
98 | border : none; |
99 | vertical-align : middle; |
100 | } |
101 | |
102 | .button-toolbar-1:hover > .button-internal-box |
103 | { |
104 | border : none; |
105 | vertical-align : middle; |
106 | } |
107 | |
108 | .button-toolbar-1:hover:active > .button-internal-box |
109 | { |
110 | border : none; |
111 | vertical-align : middle; |
112 | padding : 2px 0px 0px 2px; |
113 | } |
114 | |
115 | .button-toolbar-1 > .button-internal-box > .button-text-container |
116 | { |
117 | display : none; |
118 | text-align : center; |
119 | } |
120 | |
121 | /** Styles for the standard 'large' toolbar button, these buttons are used for |
122 | * toolbar buttons that are the most commonly used elements on a toolbar, e.g. |
123 | * 'GetMsg' in Mailnews or 'Send' in Mail/Compose. |
124 | **/ |
125 | .button-toolbar-2 |
126 | { |
127 | /* background-color : transparent; |
128 | color : #000000; */ |
129 | min-width : 32px; |
130 | min-height : 32px; |
70e7962c |
131 | max-height : 40px; |
1d798428 |
132 | margin : 0px 1px 0px 1px; |
133 | padding : 0px; |
134 | font-size : smaller; |
135 | border : none; |
136 | } |
137 | |
138 | /* internal frame */ |
139 | .button-toolbar-2 > .button-internal-box |
140 | { |
141 | border : none; |
142 | padding : 1px; |
143 | vertical-align : middle; |
144 | } |
145 | |
146 | .button-toolbar-2:hover > .button-internal-box |
147 | { |
148 | padding : 1px; |
149 | border : none; |
150 | } |
151 | |
152 | .button-toolbar-2:hover:active > .button-internal-box |
153 | { |
154 | padding : 2px 0px 0px 2px; |
155 | border : none; |
156 | } |
157 | |
158 | .button-toolbar-2[disabled="true"] > .button-internal-box, |
159 | .button-toolbar-2[disabled="true"]:hover > .button-internal-box, |
160 | .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box |
161 | { |
162 | padding : 1px; |
163 | border : none; |
164 | } |
165 | |
166 | /* text wrapper frame */ |
167 | .button-toolbar-2 > .button-internal-box > .button-text-container |
168 | { |
169 | padding-top : 3px; |
170 | text-align : center; |
171 | } |
172 | |
173 | |
174 | /** "Green" buttons, e.g. "Search" |
175 | * class="button-toolbar-3" |
176 | **/ |
177 | .button-toolbar-3 |
178 | { |
179 | margin : 0px 1px 0px 1px; |
180 | font-weight : bold; |
181 | /* background-color : #9999CC; */ |
182 | border : none |
183 | } |
184 | |
185 | .button-toolbar-3[disabled="true"], |
186 | .button-toolbar-3[disabled="true"]:hover, |
187 | .button-toolbar-3[disabled="true"]:hover:active |
188 | { |
189 | border : none; |
190 | /* color : #CCCCCC; */ |
191 | } |
192 | |
193 | .button-toolbar-3 > .button-internal-box, |
194 | { |
195 | border : none; |
196 | padding : 1px; |
197 | } |
198 | |
199 | .button-toolbar-3:hover:active > .button-internal-box, |
200 | { |
201 | border : none; |
202 | padding : 2px 0px 0px 2px; |
203 | } |
204 | |
205 | /** Expanding Region Button **/ |
206 | |
207 | /* outer frame */ |
208 | button.expander |
209 | { |
210 | border : none; |
211 | padding : none; |
212 | /* margin : 1px 5px 3px 1px; */ |
213 | background-color : inherit; |
214 | list-style-image : url("chrome://global/skin/closedtwisty.gif"); |
215 | } |
216 | |
217 | button[open="true"].expander |
218 | { |
219 | list-style-image : url("chrome://global/skin/opentwisty.gif"); |
220 | } |
221 | |
222 | /* internal frame */ |
223 | button.expander > .button-internal-box |
224 | { |
225 | border : none; |
226 | background-color : inherit; |
227 | padding : none; |
228 | margin : none; |
229 | } |
230 | |
231 | /* text frame */ |
232 | button.expander > .button-internal-box > .button-text-container > .button-text |
233 | { |
234 | color : #0000FF; |
235 | text-decoration : underline; |
236 | } |
237 | |
238 | button.expander:hover > .button-internal-box > .button-text-container > .button-text |
239 | { |
240 | color : #FF0000; |
241 | } |
242 | |
243 | /** |
244 | * button styles for taskbar, sidebar headers, etc. |
245 | **/ |
246 | .button-toolbar-4 |
247 | { |
248 | font : inherit; |
249 | border : none; |
bd0fcaa8 |
250 | padding : 0px; |
1d798428 |
251 | margin : 0px; |
252 | } |
253 | |
254 | .button-toolbar-4:hover |
255 | { |
256 | text-decoration : none; |
257 | } |
258 | |
259 | .button-toolbar-4:hover:active |
260 | { |
261 | text-decoration : none; |
bd0fcaa8 |
262 | /* padding : 2px 0px 0px 2px; */ |
263 | padding : 0px; |
1d798428 |
264 | } |
265 | |
266 | menubutton.button-toolbar-4 |
267 | { |
268 | -moz-binding : url("chrome://global/content/menulistBindings.xml#menubutton-single-right"); |
269 | padding : 0px; |
270 | } |
271 | |
272 | .button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon |
273 | { |
274 | list-style-image : url(chrome://global/skin/mb-single-arrow.gif); |
275 | margin-left : 4px; |
276 | } |
277 | |
278 | .button-toolbar-4:hover > .menubutton-internal-box > .menubutton-single-icon, |
279 | .button-toolbar-4[open="true"] > .menubutton-internal-box > .menubutton-single-icon |
280 | { |
281 | list-style-image : url(chrome://global/skin/mb-single-arrow-hover.gif); |
282 | } |
283 | |
284 | .button-toolbar-4 > .button-internal-box, |
1d798428 |
285 | .button-toolbar-4 > .menubutton-internal-box |
286 | { |
287 | border : none; |
bd0fcaa8 |
288 | padding : 1px; |
289 | padding-left : 3px; |
1d798428 |
290 | } |
291 | |
bd0fcaa8 |
292 | .button-toolbar-4:hover:active > .button-internal-box, |
293 | .button-toolbar-4:hover:active > .menubutton-internal-box |
294 | { |
295 | padding : 2px 0px 0px 4px; |
296 | } |
297 | |
298 | |
1d798428 |
299 | |
70e7962c |
300 | |