update with classic theme development, keep about:plugins compatible for 1.7 release...
[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 > .menu-iconic-left {
223   list-style-image: url("chrome://communicator/skin/icons/smileys/smile_n.gif");
224 }
225
226 .insert-tongue > .menu-iconic-left {
227   list-style-image: url("chrome://communicator/skin/icons/smileys/tongue_n.gif");
228 }
229
230 .insert-frown > .menu-iconic-left {
231   list-style-image: url("chrome://communicator/skin/icons/smileys/frown_n.gif");
232 }
233
234 .insert-wink > .menu-iconic-left {
235   list-style-image: url("chrome://communicator/skin/icons/smileys/wink_n.gif");
236 }
237
238 .insert-laughing > .menu-iconic-left {
239   list-style-image: url("chrome://communicator/skin/icons/smileys/laughing_n.gif");
240 }
241
242 .insert-embarrassed > .menu-iconic-left {
243   list-style-image: url("chrome://communicator/skin/icons/smileys/embarrassed_n.gif");
244 }
245
246 .insert-undecided > .menu-iconic-left {
247   list-style-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
248 }
249
250 .insert-surprise > .menu-iconic-left {
251   list-style-image: url("chrome://communicator/skin/icons/smileys/surprise_n.gif");
252 }
253
254 .insert-kiss > .menu-iconic-left {
255   list-style-image: url("chrome://communicator/skin/icons/smileys/kiss_n.gif");
256 }
257
258 .insert-yell > .menu-iconic-left {
259   list-style-image: url("chrome://communicator/skin/icons/smileys/yell_n.gif");
260 }
261
262 .insert-cool > .menu-iconic-left {
263   list-style-image: url("chrome://communicator/skin/icons/smileys/cool_n.gif");
264 }
265
266 .insert-undecided > .menu-iconic-left {
267   list-style-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
268 }
269
270 .insert-money > .menu-iconic-left {
271   list-style-image: url("chrome://communicator/skin/icons/smileys/money_n.gif");
272 }
273
274 .insert-foot > .menu-iconic-left {
275   list-style-image: url("chrome://communicator/skin/icons/smileys/foot_n.gif");
276 }
277
278 .insert-innocent > .menu-iconic-left {
279   list-style-image: url("chrome://communicator/skin/icons/smileys/innocent_n.gif");
280 }
281
282 .insert-cry > .menu-iconic-left {
283   list-style-image: url("chrome://communicator/skin/icons/smileys/cry_n.gif");
284 }
285
286 .insert-sealed > .menu-iconic-left {
287   list-style-image: url("chrome://communicator/skin/icons/smileys/sealed_n.gif");
288 }
289
290 /* ::::: fg/bg color picker ::::: */
291
292 .ColorPickerLabel {
293   border: 1px inset #CCD0DD;
294   margin: 0px;
295   padding: 2px;
296 }
297
298 .color-button {
299   border: 1px inset #CCD0DD;
300   padding: 0px;
301   width: 14px;
302   height: 12px;
303   margin: 2px;
304 }
305
306 .color-button:hover {
307   border: 1px solid #666699;
308 }
309
310 #TextColorButton {
311   margin: 2px 9px 9px 2px;
312 }
313
314 #BackgroundColorButton {
315   margin: 9px 2px 2px 9px;
316 }
317
318 #HighlightColorButton {
319   list-style-image: url("chrome://editor/skin/icons/highlight.gif");
320   background-color: transparent;
321 }
322
323 #HighlightColorButton[disabled="true"] {
324   list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
325 }
326
327 #absolutePositionButton {
328   list-style-image: url("chrome://editor/skin/icons/pinned.gif");
329 }
330
331 #absolutePositionButton[disabled="true"] {
332   list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
333 }
334
335 #absolutePositionButton[checked="true"] {
336   list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
337 }
338
339 #FormatToolbar > #increaseZIndexButton {
340   list-style-image: url("chrome://editor/content/images/bringtofront.gif");
341 }
342 #FormatToolbar > #increaseZIndexButton[disabled="true"] {
343   list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
344 }
345 #FormatToolbar > #decreaseZIndexButton {
346   list-style-image: url("chrome://editor/content/images/sendtoback.gif");
347 }
348 #FormatToolbar > #decreaseZIndexButton[disabled="true"] {
349   list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
350 }