f6e0a33f |
1 | /* |
2 | * The contents of this file are subject to the Netscape Public |
3 | * License Version 1.1 (the "License"); you may not use this file |
4 | * except in compliance with the License. You may obtain a copy of |
5 | * the License at http://www.mozilla.org/NPL/ |
6 | * |
7 | * Software distributed under the License is distributed on an "AS |
8 | * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or |
9 | * implied. See the License for the specific language governing |
10 | * rights and limitations under the License. |
11 | * |
12 | * The Original Code is Mozilla Communicator client code, released |
13 | * March 31, 1998. |
14 | * |
15 | * The Initial Developer of the Original Code is Netscape |
16 | * Communications Corporation. Portions created by Netscape are |
17 | * Copyright (C) 1998-1999 Netscape Communications Corporation. All |
18 | * Rights Reserved. |
19 | * |
20 | * Contributor(s): |
21 | */ |
22 | |
23 | #FormatToolbar > toolbarbutton { |
24 | min-width: 18px; |
25 | } |
26 | |
27 | #FormatToolbar > toolbarbutton > .toolbarbutton-box > .toolbarbutton-text { |
28 | display: none; |
29 | } |
30 | |
31 | #boldButton |
32 | { |
33 | list-style-image : url(chrome://editor/skin/images/bold.gif); |
34 | } |
35 | |
36 | #boldButton[disabled="true"], |
37 | #boldButton[disabled="true"]:hover, |
38 | #boldButton[disabled="true"]:hover:active |
39 | { |
40 | list-style-image : url("chrome://editor/skin/images/bold-disabled.gif"); |
41 | } |
42 | |
43 | /* |
44 | #boldButton:hover |
45 | { |
46 | list-style-image : url("chrome://editor/skin/images/bold-hover.gif"); |
47 | } |
48 | |
49 | #boldButton:hover:active |
50 | { |
51 | list-style-image : url("chrome://editor/skin/images/bold-hover-active.gif"); |
52 | } |
53 | */ |
54 | |
55 | #smileButtonMenu { |
56 | list-style-image:url("chrome://editor/skin/images/smile.gif"); |
57 | } |
58 | |
59 | #smileButtonMenu[disabled="true"], |
60 | #smileButtonMenu[disabled="true"]:hover, |
61 | #smileButtonMenu[disabled="true"]:hover:active { |
62 | list-style-image:url("chrome://editor/skin/images/smile-disabled.gif"); |
63 | } |
64 | |
65 | .insert-smile > .menu-iconic-left { |
66 | list-style-image:url(chrome://global/skin/smiley/smile_n.gif); |
67 | } |
68 | |
69 | .insert-tongue > .menu-iconic-left { |
70 | list-style-image:url(chrome://global/skin/smiley/tongue_n.gif); |
71 | } |
72 | |
73 | .insert-frown > .menu-iconic-left { |
74 | list-style-image:url(chrome://global/skin/smiley/frown_n.gif); |
75 | } |
76 | |
77 | .insert-wink > .menu-iconic-left { |
78 | list-style-image:url(chrome://global/skin/smiley/wink_n.gif); |
79 | } |
80 | |
81 | .insert-laughing > .menu-iconic-left { |
82 | list-style-image:url(chrome://global/skin/smiley/laughing_n.gif); |
83 | } |
84 | |
85 | .insert-embarrassed > .menu-iconic-left { |
86 | list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif); |
87 | } |
88 | |
89 | |
90 | .insert-undecided > .menu-iconic-left { |
91 | list-style-image:url(chrome://global/skin/smiley/undecided_n.gif); |
92 | } |
93 | |
94 | .smiley > .menu-iconic-left { |
95 | |
96 | margin-right: 15px; |
97 | } |
98 | |
99 | |
100 | |
101 | #italicButton |
102 | { |
103 | list-style-image : url("chrome://editor/skin/images/italic.gif"); |
104 | } |
105 | |
106 | #italicButton[disabled="true"], |
107 | #italicButton[disabled="true"]:hover, |
108 | #italicButton[disabled="true"]:hover:active |
109 | { |
110 | list-style-image : url("chrome://editor/skin/images/italic-disabled.gif"); |
111 | } |
112 | |
113 | /* |
114 | #italicButton:hover |
115 | { |
116 | list-style-image : url("chrome://editor/skin/images/italic-hover.gif"); |
117 | } |
118 | |
119 | #italicButton:hover:active |
120 | { |
121 | list-style-image : url("chrome://editor/skin/images/italic-hover-active.gif"); |
122 | } |
123 | */ |
124 | |
125 | #underlineButton |
126 | { |
127 | list-style-image : url("chrome://editor/skin/images/underline.gif"); |
128 | } |
129 | |
130 | #underlineButton[disabled="true"], |
131 | #underlineButton[disabled="true"]:hover, |
132 | #underlineButton[disabled="true"]:hover:active |
133 | { |
134 | list-style-image : url("chrome://editor/skin/images/underline-disabled.gif"); |
135 | } |
136 | |
137 | /* |
138 | #underlineButton:hover |
139 | { |
140 | list-style-image : url("chrome://editor/skin/images/underline-hover.gif"); |
141 | } |
142 | |
143 | #underlineButton:hover:active |
144 | { |
145 | list-style-image : url("chrome://editor/skin/images/underline-hover-active.gif"); |
146 | } |
147 | */ |
148 | |
149 | #DecreaseFontSizeButton |
150 | { |
151 | list-style-image : url("chrome://editor/skin/images/dec-font-size.gif"); |
152 | } |
153 | |
154 | #DecreaseFontSizeButton[disabled="true"], |
155 | #DecreaseFontSizeButton[disabled="true"]:hover, |
156 | #DecreaseFontSizeButton[disabled="true"]:hover:active |
157 | { |
158 | list-style-image : url("chrome://editor/skin/images/dec-font-size-disabled.gif"); |
159 | } |
160 | |
161 | /* |
162 | #DecreaseFontSizeButton:hover |
163 | { |
164 | list-style-image : url("chrome://editor/skin/images/dec-font-size-hover.gif"); |
165 | } |
166 | |
167 | #DecreaseFontSizeButton:hover:active |
168 | { |
169 | list-style-image : url("chrome://editor/skin/images/dec-font-size-hover-active.gif"); |
170 | } |
171 | */ |
172 | |
173 | #IncreaseFontSizeButton |
174 | { |
175 | list-style-image : url("chrome://editor/skin/images/inc-font-size.gif"); |
176 | } |
177 | |
178 | #IncreaseFontSizeButton[disabled="true"], |
179 | #IncreaseFontSizeButton[disabled="true"]:hover, |
180 | #IncreaseFontSizeButton[disabled="true"]:hover:active |
181 | { |
182 | list-style-image : url("chrome://editor/skin/images/inc-font-size-disabled.gif"); |
183 | } |
184 | |
185 | /* |
186 | #IncreaseFontSizeButton:hover |
187 | { |
188 | list-style-image : url("chrome://editor/skin/images/inc-font-size-hover.gif"); |
189 | } |
190 | |
191 | #IncreaseFontSizeButton:hover:active |
192 | { |
193 | list-style-image : url("chrome://editor/skin/images/inc-font-size-hover-active.gif"); |
194 | } |
195 | */ |
196 | |
197 | #ulButton |
198 | { |
199 | list-style-image :url("chrome://editor/skin/images/bullets.gif"); |
200 | } |
201 | |
202 | #ulButton[disabled="true"], |
203 | #ulButton[disabled="true"]:hover, |
204 | #ulButton[disabled="true"]:hover:active |
205 | { |
206 | list-style-image : url("chrome://editor/skin/images/bullets-disabled.gif"); |
207 | } |
208 | |
209 | /* |
210 | #ulButton:hover |
211 | { |
212 | list-style-image : url("chrome://editor/skin/images/bullets-hover.gif"); |
213 | } |
214 | |
215 | #ulButton:hover:active |
216 | { |
217 | list-style-image : url("chrome://editor/skin/images/bullets-hover-active.gif"); |
218 | } |
219 | */ |
220 | |
221 | #olButton |
222 | { |
223 | list-style-image : url("chrome://editor/skin/images/numbers.gif"); |
224 | } |
225 | |
226 | #olButton[disabled="true"], |
227 | #olButton[disabled="true"]:hover, |
228 | #olButton[disabled="true"]:hover:active |
229 | { |
230 | list-style-image : url("chrome://editor/skin/images/numbers-disabled.gif"); |
231 | } |
232 | |
233 | /* |
234 | #olButton:hover |
235 | { |
236 | list-style-image : url("chrome://editor/skin/images/numbers-hover.gif"); |
237 | } |
238 | |
239 | #olButton:hover:active |
240 | { |
241 | list-style-image : url("chrome://editor/skin/images/numbers-hover-active.gif"); |
242 | } |
243 | */ |
244 | |
245 | #outdentButton |
246 | { |
247 | list-style-image : url("chrome://editor/skin/images/outdent.gif"); |
248 | } |
249 | |
250 | #outdentButton[disabled="true"], |
251 | #outdentButton[disabled="true"]:hover, |
252 | #outdentButton[disabled="true"]:hover:active |
253 | { |
254 | list-style-image : url("chrome://editor/skin/images/outdent-disabled.gif"); |
255 | } |
256 | |
257 | /* |
258 | #outdentButton:hover |
259 | { |
260 | list-style-image : url("chrome://editor/skin/images/outdent-hover.gif"); |
261 | } |
262 | |
263 | #outdentButton:hover:active |
264 | { |
265 | list-style-image : url("chrome://editor/skin/images/outdent-hover-active.gif"); |
266 | } |
267 | */ |
268 | |
269 | #indentButton |
270 | { |
271 | list-style-image : url("chrome://editor/skin/images/indent.gif"); |
272 | } |
273 | |
274 | #indentButton[disabled="true"], |
275 | #indentButton[disabled="true"]:hover, |
276 | #indentButton[disabled="true"]:hover:active |
277 | { |
278 | list-style-image : url("chrome://editor/skin/images/indent-disabled.gif"); |
279 | } |
280 | |
281 | /* |
282 | #indentButton:hover |
283 | { |
284 | list-style-image : url("chrome://editor/skin/images/indent-hover.gif"); |
285 | } |
286 | |
287 | #indentButton:hover:active |
288 | { |
289 | list-style-image : url("chrome://editor/skin/images/indent-hover-active.gif"); |
290 | } |
291 | */ |
292 | |
293 | #AlignPopupButton { |
294 | list-style-image : url("chrome://editor/skin/images/align.gif"); |
295 | } |
296 | |
297 | #AlignPopupButton[disabled="true"], |
298 | #AlignPopupButton[disabled="true"]:hover, |
299 | #AlignPopupButton[disabled="true"]:hover:active { |
300 | list-style-image : url("chrome://editor/skin/images/align-disabled.gif"); |
301 | } |
302 | |
303 | /* |
304 | #AlignPopupButton:hover { |
305 | list-style-image : url("chrome://editor/skin/images/align-hover.gif"); |
306 | } |
307 | |
308 | #AlignPopupButton:hover:active, |
309 | #AlignPopupButton[open="true"] { |
310 | list-style-image : url("chrome://editor/skin/images/align-hover-active.gif"); |
311 | } |
312 | */ |
313 | |
314 | #InsertPopupButton { |
315 | list-style-image : url("chrome://editor/skin/images/insert.gif"); |
316 | } |
317 | |
318 | #InsertPopupButton[disabled="true"], |
319 | #InsertPopupButton[disabled="true"]:hover, |
320 | #InsertPopupButton[disabled="true"]:hover:active { |
321 | list-style-image : url("chrome://editor/skin/images/insert-disabled.gif"); |
322 | } |
323 | |
324 | /* |
325 | #InsertPopupButton:hover { |
326 | list-style-image : url("chrome://editor/skin/images/insert-hover.gif"); |
327 | } |
328 | |
329 | #InsertPopupButton:hover:active, |
330 | #InsertPopupButton[open="true"] { |
331 | list-style-image : url("chrome://editor/skin/images/insert-hover-active.gif"); |
332 | } |
333 | */ |
334 | |
335 | #text-align-left, |
336 | #align-left-button |
337 | { |
338 | list-style-image : url("chrome://editor/skin/images/left.gif"); |
339 | } |
340 | |
341 | #text-align-left[disabled="true"], |
342 | #text-align-left[disabled="true"]:hover, |
343 | #text-align-left[disabled="true"]:hover:active, |
344 | #align-left-button[disabled="true"], |
345 | #align-left-button[disabled="true"]:hover, |
346 | #align-left-button[disabled="true"]:hover:active |
347 | { |
348 | list-style-image : url("chrome://editor/skin/images/left-disabled.gif"); |
349 | } |
350 | |
351 | /* |
352 | #text-align-left:hover, |
353 | #align-left-button:hover |
354 | { |
355 | list-style-image : url("chrome://editor/skin/images/left-hover.gif"); |
356 | } |
357 | |
358 | #text-align-left:hover:active, |
359 | #align-left-button:hover:active |
360 | { |
361 | list-style-image : url("chrome://editor/skin/images/left-hover-active.gif"); |
362 | } |
363 | */ |
364 | |
365 | #text-align-center, |
366 | #align-center-button |
367 | { |
368 | list-style-image : url("chrome://editor/skin/images/center.gif"); |
369 | } |
370 | |
371 | #text-align-center[disabled="true"], |
372 | #text-align-center[disabled="true"]:hover, |
373 | #text-align-center[disabled="true"]:hover:active, |
374 | #align-center-button[disabled="true"], |
375 | #align-center-button[disabled="true"]:hover, |
376 | #align-center-button[disabled="true"]:hover:active |
377 | { |
378 | list-style-image : url("chrome://editor/skin/images/center-disabled.gif"); |
379 | } |
380 | |
381 | /* |
382 | #text-align-center:hover, |
383 | #align-center-button:hover |
384 | { |
385 | list-style-image : url("chrome://editor/skin/images/center-hover.gif"); |
386 | } |
387 | |
388 | #text-align-center:hover:active, |
389 | #align-center-button:hover:active |
390 | { |
391 | list-style-image : url("chrome://editor/skin/images/center-hover-active.gif"); |
392 | } |
393 | */ |
394 | |
395 | #text-align-right, |
396 | #align-right-button |
397 | { |
398 | list-style-image : url("chrome://editor/skin/images/right.gif"); |
399 | } |
400 | |
401 | #text-align-right[disabled="true"], |
402 | #text-align-right[disabled="true"]:hover, |
403 | #text-align-right[disabled="true"]:hover:active |
404 | #align-right-button[disabled="true"], |
405 | #align-right-button[disabled="true"]:hover, |
406 | #align-right-button[disabled="true"]:hover:active |
407 | { |
408 | list-style-image : url("chrome://editor/skin/images/right-disabled.gif"); |
409 | } |
410 | |
411 | /* |
412 | #text-align-right:hover, |
413 | #align-right-button:hover |
414 | { |
415 | list-style-image : url("chrome://editor/skin/images/right-hover.gif"); |
416 | } |
417 | |
418 | #text-align-right:hover:active, |
419 | #align-right-button:hover:active |
420 | { |
421 | list-style-image : url("chrome://editor/skin/images/right-hover-active.gif"); |
422 | } |
423 | */ |
424 | |
425 | #text-align-justify, #align-justify-button |
426 | { |
427 | list-style-image : url("chrome://editor/skin/images/justify.gif"); |
428 | } |
429 | |
430 | #text-align-justify[disabled="true"], |
431 | #text-align-justify[disabled="true"]:hover, |
432 | #text-align-justify[disabled="true"]:hover:active |
433 | #align-justify-button[disabled="true"], |
434 | #align-justify-button[disabled="true"]:hover, |
435 | #align-justify-button[disabled="true"]:hover:active |
436 | { |
437 | list-style-image : url("chrome://editor/skin/images/justify-disabled.gif"); |
438 | } |
439 | |
440 | /* |
441 | #text-align-justify:hover, |
442 | #align-justify-button:hover |
443 | { |
444 | list-style-image : url("chrome://editor/skin/images/justify-hover.gif"); |
445 | } |
446 | |
447 | #text-align-justify:hover:active, |
448 | #align-justify-button:hover:active |
449 | { |
450 | list-style-image : url("chrome://editor/skin/images/justify-hover-active.gif"); |
451 | } |
452 | */ |
453 | |
454 | .ColorPickerLabel |
455 | { |
456 | border : 1px inset white; |
457 | margin : 0px; |
458 | padding : 2px; |
459 | } |
460 | |
461 | .color-button |
462 | { |
463 | border : 1px inset #CCD0DD; |
464 | padding : 0px; |
465 | width : 14px; |
466 | height : 12px; |
467 | margin : 2px; |
468 | } |
469 | |
470 | .color-button:hover |
471 | { |
472 | border : 1px solid #666699; |
473 | } |
474 | |
475 | #TextColorButton |
476 | { |
477 | margin : 2px 9px 9px 2px; |
478 | } |
479 | |
480 | #BackgroundColorButton |
481 | { |
482 | margin : 9px 2px 2px 9px; |
483 | } |
484 | |
485 | |