2 * The contents of this file are subject to the Netscape Public
\r
3 * License Version 1.1 (the "License"); you may not use this file
\r
4 * except in compliance with the License. You may obtain a copy of
\r
5 * the License at http://www.mozilla.org/NPL/
\r
7 * Software distributed under the License is distributed on an "AS
\r
8 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
\r
9 * implied. See the License for the specific language governing
\r
10 * rights and limitations under the License.
\r
12 * The Original Code is Mozilla Communicator client code, released
\r
15 * The Initial Developer of the Original Code is Netscape
\r
16 * Communications Corporation. Portions created by Netscape are
\r
17 * Copyright (C) 1998-1999 Netscape Communications Corporation. All
\r
23 /* This contains CSS just for editor toolbars */
\r
30 border-bottom: 1px solid #9999CC;
\r
37 .margin-left-right {
\r
42 /* From button.css: */
\r
43 /* margin: 4px 7px 1px 1px; */
\r
44 /* We have too many buttons - must be closer! */
\r
46 .toolbar, .key-toolbar {
\r
51 border: 1px inset CCCCDD;
\r
54 /* THIS DOESN'T WORK ON <text>! */
\r
59 /* end of SHOULD GO IN GLOBAL */
\r
63 /* Same as "standard" toolbar background */
\r
64 border-top: 1px solid #9999CC;
\r
65 border-bottom: none;
\r
69 background-color: #CCD0DD;
\r
73 #EditModeToolbar > toolbargrippy {
\r
77 /* BORDERS ARE NOT WORKING! global class="plain" is fighting us! */
\r
78 /* !important in for now as a workaround to above problem! */
\r
79 button.edit-mode:hover, button.edit-mode:hover:active,
\r
81 -moz-border-radius: 0px 0px 7px 7px;
\r
82 padding: 0px 4px 1px 4px;
\r
85 background-color: #666699;
\r
86 border-top: 1px solid #666699 !important; /* Must be same as background */
\r
87 border-bottom: 1px solid #9999CC !important;
\r
88 border-left: 1px solid #9999CC !important;
\r
89 border-right: 1px solid #9999CC !important;
\r
92 button.edit-mode > .button-internal-box,
\r
93 button.edit-mode:hover > .button-internal-box,
\r
94 button.edit-mode:hover:active > .button-internal-box {
\r
98 button.edit-mode:hover {
\r
99 border: 1px solid #3366FF !important;
\r
102 button.edit-mode:hover:active {
\r
103 padding: 1px 5px 0px 3px;
\r
104 border: 1px solid #99CCFF !important;
\r
107 button.edit-mode[selected="1"] {
\r
108 padding: 0px 4px 1px 4px;
\r
109 margin: -1px 0px 0px 0px;
\r
110 /* Not resizing well! - use color instead
\r
111 font-weight: bold;
\r
113 background-color: #FFFFFF;
\r
117 button.edit-mode[selected="1"]:active,
\r
118 button.edit-mode[selected="1"]:hover:active {
\r
119 padding: 1px 5px 0px 3px;
\r
122 #NormalModeButton[type="image"] {
\r
123 list-style-image:url(chrome://editor/skin/images/editmode-normal.gif);
\r
126 #TagModeButton[type="image"] {
\r
127 list-style-image:url(chrome://editor/skin/images/editmode-tags.gif);
\r
129 #SourceModeButton[type="image"] {
\r
130 list-style-image:url(chrome://editor/skin/images/editmode-html.gif);
\r
132 #PreviewModeButton[type="image"] {
\r
133 list-style-image:url(chrome://editor/skin/images/editmode-preview.gif);
\r
135 #ToggleEditModeType {
\r
136 list-style-image:url(chrome://editor/skin/images/editmode-toggle.gif);
\r
137 border: 1px outset #CCD0DD;
\r
140 #ToggleEditModeType:hover {
\r
141 border: 1px solid #99CCFF;
\r
144 #ToggleEditModeType:hover:active {
\r
145 border: 1px inset #99CCFF;
\r
148 /* Image URLs for all Editor toolbar buttons */
\r
151 list-style-image:url(chrome://editor/skin/images/bold.gif);
\r
155 list-style-image:url(chrome://editor/skin/images/italic.gif);
\r
159 list-style-image:url(chrome://editor/skin/images/underline.gif);
\r
163 list-style-image:url("chrome://editor/skin/images/newfile.gif");
\r
165 #newButton[disabled="true"] {
\r
166 list-style-image:url("chrome://editor/skin/images/newfile_dis.gif");
\r
170 list-style-image:url("chrome://editor/skin/images/openfile.gif");
\r
172 #openButton[disabled="true"] {
\r
173 list-style-image:url("chrome://editor/skin/images/openfile_dis.gif");
\r
177 list-style-image:url("chrome://editor/skin/images/savefile.gif");
\r
179 #saveButton[disabled="true"] {
\r
180 list-style-image:url("chrome://editor/skin/images/savefile_dis.gif");
\r
182 #saveButton[dirty="true"] {
\r
183 list-style-image:url(chrome://editor/skin/images/savemod.gif);
\r
187 list-style-image:url("chrome://editor/skin/images/publish.gif");
\r
191 list-style-image:url("chrome://editor/skin/images/preview.gif");
\r
193 #previewButton[disabled="true"] {
\r
194 list-style-image:url("chrome://editor/skin/images/preview_dis.gif");
\r
199 list-style-image : url("chrome://editor/skin/images/print.gif");
\r
201 #printButton[disabled="true"] {
\r
202 list-style-image:url("chrome://editor/skin/images/print_dis.gif");
\r
206 list-style-image:url("chrome://editor/skin/images/find.gif");
\r
208 #findButton[disabled="true"] {
\r
209 list-style-image:url("chrome://editor/skin/images/find_dis.gif");
\r
213 list-style-image:url("chrome://editor/skin/images/link.gif");
\r
215 #linkButton[disabled="true"] {
\r
216 list-style-image:url("chrome://editor/skin/images/link_dis.gif");
\r
220 list-style-image:url("chrome://editor/skin/images/image.gif");
\r
222 #imageButton[disabled="true"] {
\r
223 list-style-image:url("chrome://editor/skin/images/image_dis.gif");
\r
226 #namedAnchorButton {
\r
227 list-style-image:url("chrome://editor/skin/images/anchor.gif");
\r
229 #namedAnchorButton[disabled="true"] {
\r
230 list-style-image:url("chrome://editor/skin/images/anchor_dis.gif");
\r
234 list-style-image:url("chrome://editor/skin/images/hline.gif");
\r
236 #hlineButton[disabled="true"] {
\r
237 list-style-image:url("chrome://editor/skin/images/hline_dis.gif");
\r
241 list-style-image:url("chrome://editor/skin/images/table.gif");
\r
243 #tableButton[disabled="true"] {
\r
244 list-style-image:url("chrome://editor/skin/images/table_dis.gif");
\r
248 list-style-image:url("chrome://editor/skin/images/link.gif");
\r
250 #imageButton-dark {
\r
251 list-style-image:url("chrome://editor/skin/images/image.gif");
\r
253 #namedAnchorButton-dark {
\r
254 list-style-image:url("chrome://editor/skin/images/anchor.gif");
\r
256 #hlineButton-dark {
\r
257 list-style-image:url("chrome://editor/skin/images/hline.gif");
\r
259 #tableButton-dark {
\r
260 list-style-image:url("chrome://editor/skin/images/table.gif");
\r
263 list-style-image:url("chrome://editor/skin/images/spell.gif");
\r
266 #DecreaseFontSizeButton {
\r
267 list-style-image:url("chrome://editor/skin/images/dec-font-size.gif");
\r
270 #IncreaseFontSizeButton {
\r
271 list-style-image:url("chrome://editor/skin/images/inc-font-size.gif");
\r
275 list-style-image:url("chrome://editor/skin/images/bullets.gif");
\r
278 list-style-image:url("chrome://editor/skin/images/numbers.gif");
\r
281 list-style-image:url("chrome://editor/skin/images/outdent.gif");
\r
283 #outdentButton[disabled="true"] {
\r
284 list-style-image:url("chrome://editor/skin/images/outdent_dis.gif");
\r
288 list-style-image:url("chrome://editor/skin/images/indent.gif");
\r
291 #FormatToolbar > button,
\r
292 #FormatToolbar > button:hover,
\r
293 #FormatToolbar > button:active,
\r
294 #FormatToolbar > button[disabled="true"] {
\r
295 margin: 0px 3px 0px 0px;
\r
300 #FormatToolbar > button > .button-internal-box {
\r
303 border: 1px solid transparent;
\r
304 text-align: center;
\r
306 #FormatToolbar > button:hover > .button-internal-box {
\r
307 border: 1px outset #CCD0DD;
\r
309 #FormatToolbar > button:active > .button-internal-box {
\r
310 padding: 2px 0px 0px 2px;
\r
311 border: 1px inset #CCD0DD;
\r
313 #FormatToolbar > button[disabled="true"] > .button-internal-box {
\r
314 border: 1px solid transparent;
\r
317 #FormatToolbar > button > .button-internal-box > .button-text-container
\r
326 #AlignPopupButton {
\r
327 list-style-image:url("chrome://editor/skin/images/align.gif");
\r
330 #AlignPopupButton > .button-internal-box {
\r
331 border:1px solid transparent;
\r
333 #AlignPopupButton:hover > .button-internal-box {
\r
334 border:1px outset #CCD0DD;
\r
336 #AlignPopupButton:active > .button-internal-box,
\r
337 #AlignPopupButton[open="true"] > .button-internal-box {
\r
338 border:1px inset #CCD0DD;
\r
341 #InsertPopupButton {
\r
342 list-style-image:url("chrome://editor/skin/images/object-popup.gif");
\r
348 list-style-image : url("chrome://editor/skin/images/left.gif");
\r
351 #text-align-left[disabled="true"],
\r
352 #text-align-left[disabled="true"]:hover,
\r
353 #text-align-left[disabled="true"]:hover:active,
\r
354 #align-left-button[disabled="true"],
\r
355 #align-left-button[disabled="true"]:hover,
\r
356 #align-left-button[disabled="true"]:hover:active,
\r
358 list-style-image : url("chrome://editor/skin/images/left-disabled.gif");
\r
361 #text-align-center,
\r
362 #align-center-button
\r
364 list-style-image : url("chrome://editor/skin/images/center.gif");
\r
367 #text-align-center[disabled="true"],
\r
368 #text-align-center[disabled="true"]:hover,
\r
369 #text-align-center[disabled="true"]:hover:active,
\r
370 #align-center-button[disabled="true"],
\r
371 #align-center-button[disabled="true"]:hover,
\r
372 #align-center-button[disabled="true"]:hover:active
\r
374 list-style-image : url("chrome://editor/skin/images/center-disabled.gif");
\r
378 #align-right-button
\r
380 list-style-image : url("chrome://editor/skin/images/right.gif");
\r
383 #text-align-right[disabled="true"],
\r
384 #text-align-right[disabled="true"]:hover,
\r
385 #text-align-right[disabled="true"]:hover:active
\r
386 #align-right-button[disabled="true"],
\r
387 #align-right-button[disabled="true"]:hover,
\r
388 #align-right-button[disabled="true"]:hover:active
\r
390 list-style-image : url("chrome://editor/skin/images/right-disabled.gif");
\r
393 #text-align-justify, #align-justify-button
\r
395 list-style-image : url("chrome://editor/skin/images/justify.gif");
\r
398 #text-align-justify[disabled="true"],
\r
399 #text-align-justify[disabled="true"]:hover,
\r
400 #text-align-justify[disabled="true"]:hover:active
\r
401 #align-justify-button[disabled="true"],
\r
402 #align-justify-button[disabled="true"]:hover,
\r
403 #align-justify-button[disabled="true"]:hover:active
\r
405 list-style-image : url("chrome://editor/skin/images/justify-disabled.gif");
\r
408 .ColorPickerLabel {
\r
409 border: 1px inset white;
\r
412 text-align: center;
\r
415 /* TODO: How to make inset color skinable? */
\r
417 border: 1px inset #CCD0DD;
\r
424 .color-button:hover {
\r
425 border: 1px solid #666699;
\r
428 #TextColorPopupButton {
\r
429 margin: 2px 9px 9px 2px;
\r
430 /* TEMP: Set color here. TODO: Set color from page */
\r
431 background-color: #AA0000;
\r
434 #BackColorPopupButton {
\r
435 margin: 9px 2px 2px 9px;
\r
436 /* TEMP: Set color here. TODO: Set color from page */
\r
437 background-color: #FFFF00;
\r