1 /* ***** BEGIN LICENSE BLOCK *****
2 * Version: NPL 1.1/GPL 2.0/LGPL 2.1
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/
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
14 * The Original Code is mozilla.org code.
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.
22 * Robert Kaiser <KaiRo@KaiRo.at>
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.
36 * ***** END LICENSE BLOCK ***** */
38 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
40 /* ::::: formatting buttons ::::: */
42 #FormatToolbar > toolbarbutton {
46 #FormatToolbar > toolbarbutton > .toolbarbutton-text {
50 #DecreaseFontSizeButton {
51 list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
54 #DecreaseFontSizeButton:hover,
55 #DecreaseFontSizeButton:hover:active {
56 list-style-image: url("chrome://editor/skin/icons/dec-font-size-hover.gif");
59 #DecreaseFontSizeButton[disabled="true"] {
60 list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
63 #IncreaseFontSizeButton {
64 list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
67 #IncreaseFontSizeButton:hover,
68 #IncreaseFontSizeButton:hover:active {
69 list-style-image: url("chrome://editor/skin/icons/inc-font-size-hover.gif");
72 #IncreaseFontSizeButton[disabled="true"] {
73 list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
77 list-style-image: url(chrome://editor/skin/icons/bold.gif);
81 #boldButton:hover:active {
82 list-style-image: url("chrome://editor/skin/icons/bold-hover.gif");
85 #boldButton[disabled="true"] {
86 list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
90 list-style-image: url("chrome://editor/skin/icons/italic.gif");
94 #italicButton:hover:active {
95 list-style-image: url("chrome://editor/skin/icons/italic-hover.gif");
98 #italicButton[disabled="true"] {
99 list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
103 list-style-image: url("chrome://editor/skin/icons/underline.gif");
106 #underlineButton:hover,
107 #underlineButton:hover:active {
108 list-style-image: url("chrome://editor/skin/icons/underline-hover.gif");
111 #underlineButton[disabled="true"] {
112 list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
116 list-style-image:url("chrome://editor/skin/icons/bullets.gif");
120 #ulButton:hover:active {
121 list-style-image: url("chrome://editor/skin/icons/bullets-hover.gif");
124 #ulButton[disabled="true"] {
125 list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
129 list-style-image: url("chrome://editor/skin/icons/numbers.gif");
133 #olButton:hover:active {
134 list-style-image: url("chrome://editor/skin/icons/numbers-hover.gif");
137 #olButton[disabled="true"] {
138 list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
142 list-style-image: url("chrome://editor/skin/icons/outdent.gif");
145 #outdentButton:hover,
146 #outdentButton:hover:active {
147 list-style-image: url("chrome://editor/skin/icons/outdent-hover.gif");
150 #outdentButton[disabled="true"] {
151 list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
155 list-style-image: url("chrome://editor/skin/icons/indent.gif");
159 #indentButton:hover:active {
160 list-style-image: url("chrome://editor/skin/icons/indent-hover.gif");
163 #indentButton[disabled="true"] {
164 list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
168 list-style-image: url("chrome://editor/skin/icons/left.gif");
171 #align-left-button:hover,
172 #align-left-button:hover:active {
173 list-style-image: url("chrome://editor/skin/icons/left-hover.gif");
176 #align-left-button[disabled="true"] {
177 list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
180 #align-center-button {
181 list-style-image: url("chrome://editor/skin/icons/center.gif");
184 #align-center-button:hover,
185 #align-center-button:hover:active {
186 list-style-image: url("chrome://editor/skin/icons/center-hover.gif");
189 #align-center-button[disabled="true"] {
190 list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
193 #align-right-button {
194 list-style-image: url("chrome://editor/skin/icons/right.gif");
197 #align-right-button:hover,
198 #align-right-button:hover:active {
199 list-style-image: url("chrome://editor/skin/icons/right-hover.gif");
202 #align-right-button[disabled="true"] {
203 list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
206 #align-justify-button {
207 list-style-image: url("chrome://editor/skin/icons/justify.gif");
210 #align-justify-button:hover,
211 #align-justify-button:hover:active {
212 list-style-image: url("chrome://editor/skin/icons/justify-hover.gif");
215 #align-justify-button[disabled="true"] {
216 list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
220 list-style-image: url("chrome://editor/skin/icons/align.gif");
223 #AlignPopupButton:hover,
224 #AlignPopupButton:hover:active,
225 #AlignPopupButton[open="true"] {
226 list-style-image: url("chrome://editor/skin/icons/align-hover.gif");
229 #AlignPopupButton[disabled="true"] {
230 list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
234 list-style-image: url("chrome://editor/skin/icons/insert.gif");
237 #InsertPopupButton:hover,
238 #InsertPopupButton:hover:active,
239 #InsertPopupButton[open="true"] {
240 list-style-image: url("chrome://editor/skin/icons/insert-hover.gif");
243 #InsertPopupButton[disabled="true"] {
244 list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
248 list-style-image: url("chrome://editor/skin/icons/smile.gif");
251 #smileButtonMenu[disabled="true"] {
252 list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
255 /* ::::: menuitem icons ::::: */
257 /* ..... align menu ..... */
260 list-style-image: url("chrome://editor/skin/icons/left.gif");
263 #AlignLeftItem:hover,
264 #AlignLeftItem:hover:active {
265 list-style-image: url("chrome://editor/skin/icons/left-hover.gif");
269 list-style-image: url("chrome://editor/skin/icons/center.gif");
272 #AlignCenterItem:hover,
273 #AlignCenterItem:hover:active {
274 list-style-image: url("chrome://editor/skin/icons/center-hover.gif");
278 list-style-image: url("chrome://editor/skin/icons/right.gif");
281 #AlignRightItem:hover,
282 #AlignRightItem:hover:active {
283 list-style-image: url("chrome://editor/skin/icons/right-hover.gif");
287 list-style-image: url("chrome://editor/skin/icons/justify.gif");
290 #AlignJustifyItem:hover,
291 #AlignJustifyItem:hover:active {
292 list-style-image: url("chrome://editor/skin/icons/justify-hover.gif");
295 /* ..... insert menu ..... */
298 list-style-image: url("chrome://editor/skin/icons/link.gif");
301 #InsertLinkItem:hover,
302 #InsertLinkItem:hover:active {
303 list-style-image: url("chrome://editor/skin/icons/link-hover.gif");
307 list-style-image: url("chrome://editor/skin/icons/anchor.gif");
310 #InsertAnchorItem:hover,
311 #InsertAnchorItem:hover:active {
312 list-style-image: url("chrome://editor/skin/icons/anchor-hover.gif");
316 list-style-image: url("chrome://editor/skin/icons/image.gif");
319 #InsertImageItem:hover,
320 #InsertImageItem:hover:active {
321 list-style-image: url("chrome://editor/skin/icons/image-hover.gif");
325 list-style-image: url("chrome://editor/skin/icons/hline.gif");
328 #InsertHRuleItem:hover,
329 #InsertHRuleItem:hover:active {
330 list-style-image: url("chrome://editor/skin/icons/hline-hover.gif");
334 list-style-image: url("chrome://editor/skin/icons/table.gif");
337 #InsertTableItem:hover,
338 #InsertTableItem:hover:active {
339 list-style-image: url("chrome://editor/skin/icons/table-hover.gif");
342 /* ..... smiley menu ..... */
345 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-smile.png");
349 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-frown.png");
353 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-wink.png");
357 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png");
361 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png");
364 .insert-embarrassed {
365 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png");
369 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png");
373 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png");
377 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png");
381 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-yell.png");
385 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png");
389 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png");
393 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png");
397 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png");
401 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png");
405 list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png");
408 /* ::::: fg/bg color picker ::::: */
411 border: 1px inset #FF9F00;
417 border: 1px inset #9C9CFF;
424 .color-button:hover {
425 border: 1px solid #FFCF00;
431 -moz-margin-start: 2px;
432 -moz-margin-end: 9px;
435 #BackgroundColorButton {
438 -moz-margin-start: 9px;
439 -moz-margin-end: 2px;
442 #HighlightColorButton {
443 list-style-image: url("chrome://editor/skin/icons/highlight.gif");
444 background-color: transparent;
447 #HighlightColorButton:hover,
448 #HighlightColorButton:hover:active {
449 list-style-image: url("chrome://editor/skin/icons/highlight-hover.gif");
452 #HighlightColorButton[disabled="true"] {
453 list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
456 #absolutePositionButton {
457 list-style-image: url("chrome://editor/skin/icons/pinned.gif");
460 #absolutePositionButton:hover,
461 #absolutePositionButton:hover:active {
462 list-style-image: url("chrome://editor/skin/icons/pinned-hover.gif");
465 #absolutePositionButton[disabled="true"] {
466 list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
469 #absolutePositionButton[checked="true"] {
470 list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
473 #absolutePositionButton[checked="true"]:hover,
474 #absolutePositionButton[checked="true"]:hover:active {
475 list-style-image: url("chrome://editor/skin/icons/notpinned-hover.gif");
478 #FormatToolbar > #increaseZIndexButton {
479 list-style-image: url("chrome://editor/content/images/bringtofront.gif");
481 #FormatToolbar > #increaseZIndexButton[disabled="true"] {
482 list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
484 #FormatToolbar > #decreaseZIndexButton {
485 list-style-image: url("chrome://editor/content/images/sendtoback.gif");
487 #FormatToolbar > #decreaseZIndexButton[disabled="true"] {
488 list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");