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