3c30e09e |
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 | #boldButton:hover, |
44 | #boldButton:hover:active |
45 | { |
46 | list-style-image : url("chrome://editor/skin/images/bold-hover.gif"); |
47 | } |
48 | |
49 | #smileButtonMenu { |
50 | list-style-image:url("chrome://editor/skin/images/smile.gif"); |
51 | } |
52 | |
53 | #smileButtonMenu[disabled="true"], |
54 | #smileButtonMenu[disabled="true"]:hover, |
55 | #smileButtonMenu[disabled="true"]:hover:active { |
56 | list-style-image:url("chrome://editor/skin/images/smile-disabled.gif"); |
57 | } |
58 | |
59 | .insert-smile > .menu-iconic-left { |
60 | list-style-image:url(chrome://global/skin/smiley/smile_n.gif); |
61 | } |
62 | |
63 | .insert-tongue > .menu-iconic-left { |
64 | list-style-image:url(chrome://global/skin/smiley/tongue_n.gif); |
65 | } |
66 | |
67 | .insert-frown > .menu-iconic-left { |
68 | list-style-image:url(chrome://global/skin/smiley/frown_n.gif); |
69 | } |
70 | |
71 | .insert-wink > .menu-iconic-left { |
72 | list-style-image:url(chrome://global/skin/smiley/wink_n.gif); |
73 | } |
74 | |
75 | .insert-laughing > .menu-iconic-left { |
76 | list-style-image:url(chrome://global/skin/smiley/laughing_n.gif); |
77 | } |
78 | |
79 | .insert-embarrassed > .menu-iconic-left { |
80 | list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif); |
81 | } |
82 | |
83 | |
84 | .insert-undecided > .menu-iconic-left { |
85 | list-style-image:url(chrome://global/skin/smiley/undecided_n.gif); |
86 | } |
87 | |
88 | .smiley > .menu-iconic-left { |
89 | |
90 | margin-right: 15px; |
91 | } |
92 | |
93 | |
94 | |
95 | #italicButton |
96 | { |
97 | list-style-image : url("chrome://editor/skin/images/italic.gif"); |
98 | } |
99 | |
100 | #italicButton[disabled="true"], |
101 | #italicButton[disabled="true"]:hover, |
102 | #italicButton[disabled="true"]:hover:active |
103 | { |
104 | list-style-image : url("chrome://editor/skin/images/italic-disabled.gif"); |
105 | } |
106 | |
107 | #italicButton:hover, |
108 | #italicButton:hover:active |
109 | { |
110 | list-style-image : url("chrome://editor/skin/images/italic-hover.gif"); |
111 | } |
112 | |
113 | #underlineButton |
114 | { |
115 | list-style-image : url("chrome://editor/skin/images/underline.gif"); |
116 | } |
117 | |
118 | #underlineButton[disabled="true"], |
119 | #underlineButton[disabled="true"]:hover, |
120 | #underlineButton[disabled="true"]:hover:active |
121 | { |
122 | list-style-image : url("chrome://editor/skin/images/underline-disabled.gif"); |
123 | } |
124 | |
125 | #underlineButton:hover, |
126 | #underlineButton:hover:active |
127 | { |
128 | list-style-image : url("chrome://editor/skin/images/underline-hover.gif"); |
129 | } |
130 | |
131 | #DecreaseFontSizeButton |
132 | { |
133 | list-style-image : url("chrome://editor/skin/images/dec-font-size.gif"); |
134 | } |
135 | |
136 | #DecreaseFontSizeButton[disabled="true"], |
137 | #DecreaseFontSizeButton[disabled="true"]:hover, |
138 | #DecreaseFontSizeButton[disabled="true"]:hover:active |
139 | { |
140 | list-style-image : url("chrome://editor/skin/images/dec-font-size-disabled.gif"); |
141 | } |
142 | |
143 | #DecreaseFontSizeButton:hover, |
144 | #DecreaseFontSizeButton:hover:active |
145 | { |
146 | list-style-image : url("chrome://editor/skin/images/dec-font-size-hover.gif"); |
147 | } |
148 | |
149 | #IncreaseFontSizeButton |
150 | { |
151 | list-style-image : url("chrome://editor/skin/images/inc-font-size.gif"); |
152 | } |
153 | |
154 | #IncreaseFontSizeButton[disabled="true"], |
155 | #IncreaseFontSizeButton[disabled="true"]:hover, |
156 | #IncreaseFontSizeButton[disabled="true"]:hover:active |
157 | { |
158 | list-style-image : url("chrome://editor/skin/images/inc-font-size-disabled.gif"); |
159 | } |
160 | |
161 | #IncreaseFontSizeButton:hover, |
162 | #IncreaseFontSizeButton:hover:active |
163 | { |
164 | list-style-image : url("chrome://editor/skin/images/inc-font-size-hover.gif"); |
165 | } |
166 | |
167 | #ulButton |
168 | { |
169 | list-style-image :url("chrome://editor/skin/images/bullets.gif"); |
170 | } |
171 | |
172 | #ulButton[disabled="true"], |
173 | #ulButton[disabled="true"]:hover, |
174 | #ulButton[disabled="true"]:hover:active |
175 | { |
176 | list-style-image : url("chrome://editor/skin/images/bullets-disabled.gif"); |
177 | } |
178 | |
179 | #ulButton:hover, |
180 | #ulButton:hover:active |
181 | { |
182 | list-style-image : url("chrome://editor/skin/images/bullets-hover.gif"); |
183 | } |
184 | |
185 | #olButton |
186 | { |
187 | list-style-image : url("chrome://editor/skin/images/numbers.gif"); |
188 | } |
189 | |
190 | #olButton[disabled="true"], |
191 | #olButton[disabled="true"]:hover, |
192 | #olButton[disabled="true"]:hover:active |
193 | { |
194 | list-style-image : url("chrome://editor/skin/images/numbers-disabled.gif"); |
195 | } |
196 | |
197 | #olButton:hover, |
198 | #olButton:hover:active |
199 | { |
200 | list-style-image : url("chrome://editor/skin/images/numbers-hover.gif"); |
201 | } |
202 | |
203 | #outdentButton |
204 | { |
205 | list-style-image : url("chrome://editor/skin/images/outdent.gif"); |
206 | } |
207 | |
208 | #outdentButton[disabled="true"], |
209 | #outdentButton[disabled="true"]:hover, |
210 | #outdentButton[disabled="true"]:hover:active |
211 | { |
212 | list-style-image : url("chrome://editor/skin/images/outdent-disabled.gif"); |
213 | } |
214 | |
215 | #outdentButton:hover, |
216 | #outdentButton:hover:active |
217 | { |
218 | list-style-image : url("chrome://editor/skin/images/outdent-hover.gif"); |
219 | } |
220 | |
221 | #indentButton |
222 | { |
223 | list-style-image : url("chrome://editor/skin/images/indent.gif"); |
224 | } |
225 | |
226 | #indentButton[disabled="true"], |
227 | #indentButton[disabled="true"]:hover, |
228 | #indentButton[disabled="true"]:hover:active |
229 | { |
230 | list-style-image : url("chrome://editor/skin/images/indent-disabled.gif"); |
231 | } |
232 | |
233 | #indentButton:hover, |
234 | #indentButton:hover:active |
235 | { |
236 | list-style-image : url("chrome://editor/skin/images/indent-hover.gif"); |
237 | } |
238 | |
239 | #AlignPopupButton { |
240 | list-style-image : url("chrome://editor/skin/images/align.gif"); |
241 | } |
242 | |
243 | #AlignPopupButton[disabled="true"], |
244 | #AlignPopupButton[disabled="true"]:hover, |
245 | #AlignPopupButton[disabled="true"]:hover:active { |
246 | list-style-image : url("chrome://editor/skin/images/align-disabled.gif"); |
247 | } |
248 | |
249 | #AlignPopupButton:hover, |
250 | #AlignPopupButton:hover:active, |
251 | #AlignPopupButton[open="true"] { |
252 | list-style-image : url("chrome://editor/skin/images/align-hover.gif"); |
253 | } |
254 | |
255 | #InsertPopupButton { |
256 | list-style-image : url("chrome://editor/skin/images/insert.gif"); |
257 | } |
258 | |
259 | #InsertPopupButton[disabled="true"], |
260 | #InsertPopupButton[disabled="true"]:hover, |
261 | #InsertPopupButton[disabled="true"]:hover:active { |
262 | list-style-image : url("chrome://editor/skin/images/insert-disabled.gif"); |
263 | } |
264 | |
265 | #InsertPopupButton:hover, |
266 | #InsertPopupButton:hover:active, |
267 | #InsertPopupButton[open="true"] { |
268 | list-style-image : url("chrome://editor/skin/images/insert-hover.gif"); |
269 | } |
270 | |
271 | #text-align-left, |
272 | #align-left-button |
273 | { |
274 | list-style-image : url("chrome://editor/skin/images/left.gif"); |
275 | } |
276 | |
277 | #text-align-left[disabled="true"], |
278 | #text-align-left[disabled="true"]:hover, |
279 | #text-align-left[disabled="true"]:hover:active, |
280 | #align-left-button[disabled="true"], |
281 | #align-left-button[disabled="true"]:hover, |
282 | #align-left-button[disabled="true"]:hover:active |
283 | { |
284 | list-style-image : url("chrome://editor/skin/images/left-disabled.gif"); |
285 | } |
286 | |
287 | #text-align-left:hover, |
288 | #align-left-button:hover, |
289 | #text-align-left:hover:active, |
290 | #align-left-button:hover:active |
291 | { |
292 | list-style-image : url("chrome://editor/skin/images/left-hover.gif"); |
293 | } |
294 | |
295 | |
296 | #text-align-center, |
297 | #align-center-button |
298 | { |
299 | list-style-image : url("chrome://editor/skin/images/center.gif"); |
300 | } |
301 | |
302 | #text-align-center[disabled="true"], |
303 | #text-align-center[disabled="true"]:hover, |
304 | #text-align-center[disabled="true"]:hover:active, |
305 | #align-center-button[disabled="true"], |
306 | #align-center-button[disabled="true"]:hover, |
307 | #align-center-button[disabled="true"]:hover:active |
308 | { |
309 | list-style-image : url("chrome://editor/skin/images/center-disabled.gif"); |
310 | } |
311 | |
312 | #text-align-center:hover, |
313 | #align-center-button:hover, |
314 | #text-align-center:hover:active, |
315 | #align-center-button:hover:active |
316 | { |
317 | list-style-image : url("chrome://editor/skin/images/center-hover.gif"); |
318 | } |
319 | |
320 | #text-align-right, |
321 | #align-right-button |
322 | { |
323 | list-style-image : url("chrome://editor/skin/images/right.gif"); |
324 | } |
325 | |
326 | #text-align-right[disabled="true"], |
327 | #text-align-right[disabled="true"]:hover, |
328 | #text-align-right[disabled="true"]:hover:active |
329 | #align-right-button[disabled="true"], |
330 | #align-right-button[disabled="true"]:hover, |
331 | #align-right-button[disabled="true"]:hover:active |
332 | { |
333 | list-style-image : url("chrome://editor/skin/images/right-disabled.gif"); |
334 | } |
335 | |
336 | #text-align-right:hover, |
337 | #align-right-button:hover, |
338 | #text-align-right:hover:active, |
339 | #align-right-button:hover:active |
340 | { |
341 | list-style-image : url("chrome://editor/skin/images/right-hover.gif"); |
342 | } |
343 | |
344 | #text-align-justify, #align-justify-button |
345 | { |
346 | list-style-image : url("chrome://editor/skin/images/justify.gif"); |
347 | } |
348 | |
349 | #text-align-justify[disabled="true"], |
350 | #text-align-justify[disabled="true"]:hover, |
351 | #text-align-justify[disabled="true"]:hover:active |
352 | #align-justify-button[disabled="true"], |
353 | #align-justify-button[disabled="true"]:hover, |
354 | #align-justify-button[disabled="true"]:hover:active |
355 | { |
356 | list-style-image : url("chrome://editor/skin/images/justify-disabled.gif"); |
357 | } |
358 | |
359 | #text-align-justify:hover, |
360 | #align-justify-button:hover, |
361 | #text-align-justify:hover:active, |
362 | #align-justify-button:hover:active |
363 | { |
364 | list-style-image : url("chrome://editor/skin/images/justify-hover.gif"); |
365 | } |
366 | |
367 | .ColorPickerLabel |
368 | { |
369 | border : 1px inset white; |
370 | margin : 0px; |
371 | padding : 2px; |
372 | } |
373 | |
374 | .color-button |
375 | { |
376 | border : 1px inset #9C9CFF; |
377 | padding : 0px; |
378 | width : 14px; |
379 | height : 12px; |
380 | margin : 2px; |
381 | } |
382 | |
383 | .color-button:hover |
384 | { |
385 | border : 1px solid #FFCF00; |
386 | } |
387 | |
388 | #TextColorButton |
389 | { |
390 | margin : 2px 7px 7px 2px; |
391 | } |
392 | |
393 | #BackgroundColorButton |
394 | { |
395 | margin : 7px 2px 2px 7px; |
396 | } |