fix a few coloring problems in both themes with new add-ons manager
[themes.git] / EarlyBlue / 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 {
43   min-width: 18px;
44 }
45
46 #FormatToolbar > toolbarbutton > .toolbarbutton-text {
47   display: none;
48 }
49
50 #DecreaseFontSizeButton {
51   list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
52 }
53
54 #DecreaseFontSizeButton[disabled="true"] {
55   list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
56 }
57
58 #IncreaseFontSizeButton {
59   list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
60 }
61
62 #IncreaseFontSizeButton[disabled="true"] {
63   list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
64 }
65
66 #boldButton {
67   list-style-image: url(chrome://editor/skin/icons/bold.gif);
68 }
69
70 #boldButton[disabled="true"] {
71   list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
72 }
73
74 #italicButton {
75   list-style-image: url("chrome://editor/skin/icons/italic.gif");
76 }
77
78 #italicButton[disabled="true"] {
79   list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
80 }
81
82 #underlineButton {
83   list-style-image: url("chrome://editor/skin/icons/underline.gif");
84 }
85
86 #underlineButton[disabled="true"] {
87   list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
88 }
89
90 #ulButton {
91   list-style-image:url("chrome://editor/skin/icons/bullets.gif");
92 }
93
94 #ulButton[disabled="true"] {
95   list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
96 }
97
98 #olButton {
99   list-style-image: url("chrome://editor/skin/icons/numbers.gif");
100 }
101
102 #olButton[disabled="true"] {
103   list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
104 }
105
106 #outdentButton {
107   list-style-image: url("chrome://editor/skin/icons/outdent.gif");
108 }
109
110 #outdentButton[disabled="true"] {
111   list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
112 }
113
114 #indentButton {
115   list-style-image: url("chrome://editor/skin/icons/indent.gif");
116 }
117
118 #indentButton[disabled="true"] {
119   list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
120 }
121
122 #align-left-button {
123   list-style-image: url("chrome://editor/skin/icons/left.gif");
124 }
125
126 #align-left-button[disabled="true"] {
127   list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
128 }
129
130 #align-center-button {
131   list-style-image: url("chrome://editor/skin/icons/center.gif");
132 }
133
134 #align-center-button[disabled="true"] {
135   list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
136 }
137
138 #align-right-button {
139   list-style-image: url("chrome://editor/skin/icons/right.gif");
140 }
141
142 #align-right-button[disabled="true"] {
143   list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
144 }
145
146 #align-justify-button {
147   list-style-image: url("chrome://editor/skin/icons/justify.gif");
148 }
149
150 #align-justify-button[disabled="true"] {
151   list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
152 }
153
154 #AlignPopupButton {
155   list-style-image: url("chrome://editor/skin/icons/align.gif");
156 }
157
158 #AlignPopupButton[disabled="true"] {
159   list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
160 }
161
162 #InsertPopupButton {
163   list-style-image: url("chrome://editor/skin/icons/insert.gif");
164 }
165
166 #InsertPopupButton[disabled="true"] {
167   list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
168 }
169
170 #smileButtonMenu {
171   list-style-image: url("chrome://editor/skin/icons/smile.gif");
172 }
173
174 #smileButtonMenu[disabled="true"] {
175   list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
176 }
177
178 /* ::::: menuitem icons ::::: */
179
180 /* ..... align menu ..... */
181
182 #AlignLeftItem {
183   list-style-image: url("chrome://editor/skin/icons/left.gif");
184 }
185
186 #AlignCenterItem {
187   list-style-image: url("chrome://editor/skin/icons/center.gif");
188 }
189
190 #AlignRightItem {
191   list-style-image: url("chrome://editor/skin/icons/right.gif");
192 }
193
194 #AlignJustifyItem {
195   list-style-image: url("chrome://editor/skin/icons/justify.gif");
196 }
197
198 /* ..... insert menu ..... */
199
200 #InsertLinkItem {
201   list-style-image: url("chrome://editor/skin/icons/link.gif");
202 }
203
204 #InsertAnchorItem {
205   list-style-image: url("chrome://editor/skin/icons/anchor.gif");
206 }
207
208 #InsertImageItem {
209   list-style-image: url("chrome://editor/skin/icons/image.gif");
210 }
211
212 #InsertHRuleItem {
213   list-style-image: url("chrome://editor/skin/icons/hline.gif");
214 }
215
216 #InsertTableItem {
217   list-style-image: url("chrome://editor/skin/icons/table.gif");
218 }
219
220 /* ..... smiley menu ..... */
221
222 .insert-smile {
223   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-smile.png");
224 }
225
226 .insert-frown {
227   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-frown.png"); 
228 }
229
230 .insert-wink {
231   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-wink.png");
232 }
233
234 .insert-tongue {
235   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png");
236 }
237
238 .insert-laughing {
239   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png"); 
240 }
241
242 .insert-embarrassed {
243   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png");
244 }
245
246 .insert-undecided {
247   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png"); 
248 }
249
250 .insert-surprise {
251   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png"); 
252 }
253
254 .insert-kiss {
255   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png"); 
256 }
257
258 .insert-yell {
259   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-yell.png"); 
260 }
261
262 .insert-cool {
263   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png"); 
264 }
265
266 .insert-money {
267   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png"); 
268 }
269
270 .insert-foot {
271   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png"); 
272 }
273
274 .insert-innocent {
275   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png"); 
276 }
277
278 .insert-cry {
279   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png"); 
280 }
281
282 .insert-sealed {
283   list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png"); 
284 }
285
286 /* ::::: fg/bg color picker ::::: */
287
288 .ColorPickerLabel {
289   border: 1px inset #CCD0DD;
290   margin: 0px;
291   padding: 2px;
292 }
293
294 .color-button {
295   border: 1px inset #CCD0DD;
296   padding: 0px;
297   width: 14px;
298   height: 12px;
299   margin: 2px;
300 }
301
302 .color-button:hover {
303   border: 1px solid #666699;
304 }
305
306 #TextColorButton {
307   margin-top: 2px;
308   margin-bottom: 9px;
309   -moz-margin-start: 2px;
310   -moz-margin-end: 9px;
311 }
312
313 #BackgroundColorButton {
314   margin-top: 9px;
315   margin-bottom: 2px;
316   -moz-margin-start: 9px;
317   -moz-margin-end: 2px;
318 }
319
320 #HighlightColorButton {
321   list-style-image: url("chrome://editor/skin/icons/highlight.gif");
322   background-color: transparent;
323 }
324
325 #HighlightColorButton[disabled="true"] {
326   list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
327 }
328
329 #absolutePositionButton {
330   list-style-image: url("chrome://editor/skin/icons/pinned.gif");
331 }
332
333 #absolutePositionButton[disabled="true"] {
334   list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
335 }
336
337 #absolutePositionButton[checked="true"] {
338   list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
339 }
340
341 #FormatToolbar > #increaseZIndexButton {
342   list-style-image: url("chrome://editor/content/images/bringtofront.gif");
343 }
344 #FormatToolbar > #increaseZIndexButton[disabled="true"] {
345   list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
346 }
347 #FormatToolbar > #decreaseZIndexButton {
348   list-style-image: url("chrome://editor/content/images/sendtoback.gif");
349 }
350 #FormatToolbar > #decreaseZIndexButton[disabled="true"] {
351   list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
352 }