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/
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.
12 * The Original Code is Mozilla Communicator client code, released
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
23 /* This contains CSS just for editor toolbars */
29 #FormatToolbar > .toolbar-holder {
30 background-image: url(chrome://editor/skin/images/format-toolbar-endcap.gif);
42 /* From button.css: */
43 /* margin: 4px 7px 1px 1px; */
44 /* We have too many buttons - must be closer! */
46 .toolbar, .key-toolbar {
51 border: 1px inset FF9F00;
54 /* THIS DOESN'T WORK ON <text>! */
59 /* end of SHOULD GO IN GLOBAL */
63 /* Same as "standard" toolbar background */
64 border-top: 1px solid #9C9CFF;
69 /* BORDERS ARE NOT WORKING! global class="plain" is fighting us! */
70 /* !important in for now as a workaround to above problem! */
71 tab.edit-mode:hover, button.edit-mode:hover:active,
73 -moz-border-radius: 0px 0px 7px 7px ;
74 padding: 0px 4px 1px 4px;
76 border-top: 0px solid black !important; /* Must be same as background */
77 border-bottom: 1px solid #9C9CFF !important;
78 border-left: 1px solid #9C9CFF !important;
79 border-right: 1px solid #9C9CFF !important;
82 tab.edit-mode > .button-internal-box,
83 tab.edit-mode:hover > .button-internal-box,
84 tab.edit-mode:hover:active > .button-internal-box {
89 /* border: 1px solid #3366FF !important; */
92 tab.edit-mode:hover:active {
93 padding: 1px 5px 0px 3px;
94 /* border: 1px solid #99CCFF !important; */
97 /* selected="1" is from old times when edit-mode was a <button> - still left in xul */
99 tab.edit-mode[selected="1"],
100 tab.edit-mode[selected="true"] {
101 padding: 0px 4px 1px 4px;
102 margin: -1px 0px 0px 0px;
103 /* Not resizing well! - use color instead
106 background-color: #008484;
110 tab.edit-mode[selected="1"]:active,
111 tab.edit-mode[selected="1"]:hover:active,
112 tab.edit-mode[selected="true"]:active,
113 tab.edit-mode[selected="true"]:hover:active {
114 padding: 1px 5px 0px 3px;
117 #NormalModeButton[type="image"] {
118 list-style-image:url(chrome://editor/skin/images/editmode-normal.gif);
121 #TagModeButton[type="image"] {
122 list-style-image:url(chrome://editor/skin/images/editmode-tags.gif);
125 #SourceModeButton[type="image"] {
126 list-style-image:url(chrome://editor/skin/images/editmode-html.gif);
129 #PreviewModeButton[type="image"] {
130 list-style-image:url(chrome://editor/skin/images/editmode-preview.gif);
133 #ToggleEditModeType {
134 list-style-image:url(chrome://editor/skin/images/editmode-toggle.gif);
135 border: 1px outset #CCCCDD;
138 #ToggleEditModeType:hover {
139 border: 1px solid #99CCFF;
142 #ToggleEditModeType:hover:active {
143 border: 1px inset #99CCFF;
146 /* Image URLs for all Editor toolbar buttons */
149 list-style-image:url(chrome://editor/skin/images/bold.gif);
153 list-style-image:url(chrome://editor/skin/images/bold-hover.gif);
157 list-style-image:url(chrome://editor/skin/images/italic.gif);
160 #italicButton:hover {
161 list-style-image:url(chrome://editor/skin/images/italic-hover.gif);
165 list-style-image:url(chrome://editor/skin/images/underline.gif);
168 #underlineButton:hover {
169 list-style-image:url(chrome://editor/skin/images/underline-hover.gif);
173 list-style-image:url("chrome://editor/skin/images/newfile.gif");
177 list-style-image:url("chrome://editor/skin/images/newfile-hover.gif");
180 #newButton[disabled="true"] {
181 list-style-image:url("chrome://editor/skin/images/newfile_dis.gif");
185 list-style-image:url("chrome://editor/skin/images/openfile.gif");
189 list-style-image:url("chrome://editor/skin/images/openfile-hover.gif");
192 #openButton[disabled="true"] {
193 list-style-image:url("chrome://editor/skin/images/openfile_dis.gif");
197 list-style-image:url("chrome://editor/skin/images/savefile.gif");
201 list-style-image:url("chrome://editor/skin/images/savefile-hover.gif");
204 #saveButton[disabled="true"] {
205 list-style-image:url("chrome://editor/skin/images/savefile_dis.gif");
208 #saveButton[dirty="true"] {
209 list-style-image:url(chrome://editor/skin/images/savemod.gif);
212 #saveButton[dirty="true"]:hover {
213 list-style-image:url(chrome://editor/skin/images/savemod-hover.gif);
217 list-style-image:url("chrome://editor/skin/images/publish.gif");
221 list-style-image:url("chrome://editor/skin/images/preview.gif");
224 #previewButton:hover {
225 list-style-image:url("chrome://editor/skin/images/preview-hover.gif");
228 #previewButton[disabled="true"] {
229 list-style-image:url("chrome://editor/skin/images/preview_dis.gif");
234 list-style-image : url("chrome://global/skin/print.gif");
238 #printButton:hover:active,
239 #printButton[buttonover="true"],
240 #printButton[open="true"]
242 list-style-image : url("chrome://global/skin/print-hover.gif");
245 #printButton[disabled="true"],
246 #printButton[disabled="true"]:hover,
247 #printButton[disabled="true"]:hover:active,
248 #printButton[disabled="true"][buttonover="true"]
250 list-style-image : url("chrome://global/skin/print_dis.gif");
254 list-style-image:url("chrome://editor/skin/images/find.gif");
257 #findButton[disabled="true"] {
258 list-style-image:url("chrome://editor/skin/images/find_dis.gif");
262 list-style-image:url("chrome://editor/skin/images/link.gif");
266 list-style-image:url("chrome://editor/skin/images/link-hover.gif");
269 #linkButton[disabled="true"] {
270 list-style-image:url("chrome://editor/skin/images/link_dis.gif");
274 list-style-image:url("chrome://editor/skin/images/image.gif");
278 list-style-image:url("chrome://editor/skin/images/image-hover.gif");
281 #imageButton[disabled="true"] {
282 list-style-image:url("chrome://editor/skin/images/image_dis.gif");
286 list-style-image:url("chrome://editor/skin/images/anchor.gif");
289 #namedAnchorButton:hover {
290 list-style-image:url("chrome://editor/skin/images/anchor-hover.gif");
293 #namedAnchorButton[disabled="true"] {
294 list-style-image:url("chrome://editor/skin/images/anchor_dis.gif");
298 list-style-image:url("chrome://editor/skin/images/hline.gif");
302 list-style-image:url("chrome://editor/skin/images/hline-hover.gif");
305 #hlineButton[disabled="true"] {
306 list-style-image:url("chrome://editor/skin/images/hline_dis.gif");
310 list-style-image:url("chrome://editor/skin/images/table.gif");
314 list-style-image:url("chrome://editor/skin/images/table-hover.gif");
317 #tableButton[disabled="true"] {
318 list-style-image:url("chrome://editor/skin/images/table_dis.gif");
322 list-style-image:url("chrome://editor/skin/images/link.gif");
325 list-style-image:url("chrome://editor/skin/images/image.gif");
327 #namedAnchorButton-dark {
328 list-style-image:url("chrome://editor/skin/images/anchor.gif");
331 list-style-image:url("chrome://editor/skin/images/hline.gif");
334 list-style-image:url("chrome://editor/skin/images/table.gif");
337 list-style-image:url("chrome://editor/skin/images/spell.gif");
340 #DecreaseFontSizeButton {
341 list-style-image:url("chrome://editor/skin/images/dec-font-size.gif");
344 #DecreaseFontSizeButton:hover {
345 list-style-image:url("chrome://editor/skin/images/dec-font-size-hover.gif");
348 #IncreaseFontSizeButton {
349 list-style-image:url("chrome://editor/skin/images/inc-font-size.gif");
352 #IncreaseFontSizeButton:hover {
353 list-style-image:url("chrome://editor/skin/images/inc-font-size-hover.gif");
357 list-style-image:url("chrome://editor/skin/images/bullets.gif");
361 list-style-image:url("chrome://editor/skin/images/bullets-hover.gif");
365 list-style-image:url("chrome://editor/skin/images/numbers.gif");
369 list-style-image:url("chrome://editor/skin/images/numbers-hover.gif");
373 list-style-image:url("chrome://editor/skin/images/outdent.gif");
376 #outdentButton:hover {
377 list-style-image:url("chrome://editor/skin/images/outdent-hover.gif");
380 #outdentButton[disabled="true"] {
381 list-style-image:url("chrome://editor/skin/images/outdent_dis.gif");
385 list-style-image:url("chrome://editor/skin/images/indent.gif");
388 #indentButton:hover {
389 list-style-image:url("chrome://editor/skin/images/indent-hover.gif");
392 #FormatToolbar > button,
393 #FormatToolbar > button:hover,
394 #FormatToolbar > button:active,
395 #FormatToolbar > button[disabled="true"] {
400 #FormatToolbar > button > .button-internal-box {
406 #FormatToolbar > button:active > .button-internal-box {
407 padding: 2px 0px 0px 2px;
410 #FormatToolbar > button > .button-internal-box > .button-text-container
420 list-style-image:url("chrome://editor/skin/images/align.gif");
423 #AlignPopupButton:hover {
424 list-style-image:url("chrome://editor/skin/images/align-hover.gif");
427 #AlignPopupButton > .button-internal-box {
428 border:1px solid transparent;
430 #AlignPopupButton:hover > .button-internal-box {
431 border:1px outset #CCCCDD;
433 #AlignPopupButton:active > .button-internal-box,
434 #AlignPopupButton[open="true"] > .button-internal-box {
435 border:1px inset #CCCCDD;
439 list-style-image:url("chrome://editor/skin/images/object-popup.gif");
445 list-style-image : url("chrome://editor/skin/images/left.gif");
448 #text-align-left:hover,
449 #align-left-button:hover
451 list-style-image : url("chrome://editor/skin/images/left-hover.gif");
454 #text-align-left[disabled="true"],
455 #text-align-left[disabled="true"]:hover,
456 #text-align-left[disabled="true"]:hover:active,
457 #align-left-button[disabled="true"],
458 #align-left-button[disabled="true"]:hover,
459 #align-left-button[disabled="true"]:hover:active,
461 list-style-image : url("chrome://editor/skin/images/left-disabled.gif");
467 list-style-image : url("chrome://editor/skin/images/center.gif");
470 #text-align-center:hover,
471 #align-center-button:hover
473 list-style-image : url("chrome://editor/skin/images/center-hover.gif");
476 #text-align-center[disabled="true"],
477 #text-align-center[disabled="true"]:hover,
478 #text-align-center[disabled="true"]:hover:active,
479 #align-center-button[disabled="true"],
480 #align-center-button[disabled="true"]:hover,
481 #align-center-button[disabled="true"]:hover:active
483 list-style-image : url("chrome://editor/skin/images/center-disabled.gif");
489 list-style-image : url("chrome://editor/skin/images/right.gif");
492 #text-align-right:hover,
493 #align-right-button:hover
495 list-style-image : url("chrome://editor/skin/images/right-hover.gif");
498 #text-align-right[disabled="true"],
499 #text-align-right[disabled="true"]:hover,
500 #text-align-right[disabled="true"]:hover:active
501 #align-right-button[disabled="true"],
502 #align-right-button[disabled="true"]:hover,
503 #align-right-button[disabled="true"]:hover:active
505 list-style-image : url("chrome://editor/skin/images/right-disabled.gif");
509 #align-justify-button
511 list-style-image : url("chrome://editor/skin/images/justify.gif");
514 #text-align-justify:hover,
515 #align-justify-button:hover
517 list-style-image : url("chrome://editor/skin/images/justify-hover.gif");
520 #text-align-justify[disabled="true"],
521 #text-align-justify[disabled="true"]:hover,
522 #text-align-justify[disabled="true"]:hover:active
523 #align-justify-button[disabled="true"],
524 #align-justify-button[disabled="true"]:hover,
525 #align-justify-button[disabled="true"]:hover:active
527 list-style-image : url("chrome://editor/skin/images/justify-disabled.gif");
531 border: 1px inset white;
537 /* TODO: How to make inset color skinable? */
539 border: 1px inset #FF9F00;
546 .color-button:hover {
547 border: 1px solid #FFCF00;
555 margin: 1px 7px 7px 1px;
556 /* TEMP: Set color here. TODO: Set color from page */
557 background-color: #AA0000;
560 #BackgroundColorButton {
561 margin: 7px 1px 1px 7px;
562 /* TEMP: Set color here. TODO: Set color from page */
563 background-color: #FFFF00;