more small adjustments for LCARStrek
[themes.git] / LCARStrek / editor / editorFormatToolbar.css
CommitLineData
351107c9 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 *
3d6dd546 16 * The Initial Developer of the Original Code is
351107c9 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
3d6dd546 25 * either the GNU General Public License Version 2 or later (the "GPL"), or
351107c9 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
b1eaa419 40/* ::::: formatting buttons ::::: */
41
351107c9 42#FormatToolbar > toolbarbutton {
43 min-width: 18px;
44}
3d6dd546 45
b1eaa419 46#FormatToolbar > toolbarbutton > .toolbarbutton-text {
351107c9 47 display: none;
48}
49
b1eaa419 50#DecreaseFontSizeButton {
51 list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
3d6dd546 52}
351107c9 53
b1eaa419 54#DecreaseFontSizeButton:hover,
55#DecreaseFontSizeButton:hover:active {
56 list-style-image: url("chrome://editor/skin/icons/dec-font-size-hover.gif");
3d6dd546 57}
351107c9 58
b1eaa419 59#DecreaseFontSizeButton[disabled="true"] {
60 list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
3d6dd546 61}
351107c9 62
b1eaa419 63#IncreaseFontSizeButton {
64 list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
3d6dd546 65}
351107c9 66
b1eaa419 67#IncreaseFontSizeButton:hover,
68#IncreaseFontSizeButton:hover:active {
69 list-style-image: url("chrome://editor/skin/icons/inc-font-size-hover.gif");
3d6dd546 70}
351107c9 71
b1eaa419 72#IncreaseFontSizeButton[disabled="true"] {
73 list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
3d6dd546 74}
351107c9 75
b1eaa419 76#boldButton {
3d6dd546 77 list-style-image: url(chrome://editor/skin/icons/bold.gif);
351107c9 78}
79
b1eaa419 80#boldButton:hover,
81#boldButton:hover:active {
82 list-style-image: url("chrome://editor/skin/icons/bold-hover.gif");
3d6dd546 83}
351107c9 84
b1eaa419 85#boldButton[disabled="true"] {
86 list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
3d6dd546 87}
351107c9 88
b1eaa419 89#italicButton {
90 list-style-image: url("chrome://editor/skin/icons/italic.gif");
3d6dd546 91}
351107c9 92
b1eaa419 93#italicButton:hover,
94#italicButton:hover:active {
95 list-style-image: url("chrome://editor/skin/icons/italic-hover.gif");
3d6dd546 96}
351107c9 97
b1eaa419 98#italicButton[disabled="true"] {
99 list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
3d6dd546 100}
351107c9 101
b1eaa419 102#underlineButton {
103 list-style-image: url("chrome://editor/skin/icons/underline.gif");
3d6dd546 104}
b1eaa419 105
106#underlineButton:hover,
107#underlineButton:hover:active {
108 list-style-image: url("chrome://editor/skin/icons/underline-hover.gif");
3d6dd546 109}
b1eaa419 110
111#underlineButton[disabled="true"] {
112 list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
3d6dd546 113}
b1eaa419 114
115#ulButton {
116 list-style-image:url("chrome://editor/skin/icons/bullets.gif");
351107c9 117}
118
b1eaa419 119#ulButton:hover,
120#ulButton:hover:active {
121 list-style-image: url("chrome://editor/skin/icons/bullets-hover.gif");
3d6dd546 122}
351107c9 123
b1eaa419 124#ulButton[disabled="true"] {
125 list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
3d6dd546 126}
b1eaa419 127
128#olButton {
129 list-style-image: url("chrome://editor/skin/icons/numbers.gif");
351107c9 130}
131
b1eaa419 132#olButton:hover,
133#olButton:hover:active {
134 list-style-image: url("chrome://editor/skin/icons/numbers-hover.gif");
3d6dd546 135}
351107c9 136
b1eaa419 137#olButton[disabled="true"] {
138 list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
3d6dd546 139}
351107c9 140
b1eaa419 141#outdentButton {
142 list-style-image: url("chrome://editor/skin/icons/outdent.gif");
3d6dd546 143}
351107c9 144
b1eaa419 145#outdentButton:hover,
146#outdentButton:hover:active {
147 list-style-image: url("chrome://editor/skin/icons/outdent-hover.gif");
3d6dd546 148}
351107c9 149
b1eaa419 150#outdentButton[disabled="true"] {
151 list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
3d6dd546 152}
351107c9 153
b1eaa419 154#indentButton {
155 list-style-image: url("chrome://editor/skin/icons/indent.gif");
3d6dd546 156}
351107c9 157
b1eaa419 158#indentButton:hover,
159#indentButton:hover:active {
160 list-style-image: url("chrome://editor/skin/icons/indent-hover.gif");
3d6dd546 161}
351107c9 162
b1eaa419 163#indentButton[disabled="true"] {
164 list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
3d6dd546 165}
351107c9 166
b1eaa419 167#align-left-button {
168 list-style-image: url("chrome://editor/skin/icons/left.gif");
3d6dd546 169}
351107c9 170
b1eaa419 171#align-left-button:hover,
172#align-left-button:hover:active {
173 list-style-image: url("chrome://editor/skin/icons/left-hover.gif");
3d6dd546 174}
351107c9 175
b1eaa419 176#align-left-button[disabled="true"] {
177 list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
3d6dd546 178}
351107c9 179
b1eaa419 180#align-center-button {
181 list-style-image: url("chrome://editor/skin/icons/center.gif");
3d6dd546 182}
351107c9 183
b1eaa419 184#align-center-button:hover,
185#align-center-button:hover:active {
186 list-style-image: url("chrome://editor/skin/icons/center-hover.gif");
3d6dd546 187}
b1eaa419 188
189#align-center-button[disabled="true"] {
190 list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
3d6dd546 191}
b1eaa419 192
193#align-right-button {
194 list-style-image: url("chrome://editor/skin/icons/right.gif");
3d6dd546 195}
b1eaa419 196
197#align-right-button:hover,
198#align-right-button:hover:active {
199 list-style-image: url("chrome://editor/skin/icons/right-hover.gif");
3d6dd546 200}
b1eaa419 201
202#align-right-button[disabled="true"] {
203 list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
3d6dd546 204}
b1eaa419 205
206#align-justify-button {
207 list-style-image: url("chrome://editor/skin/icons/justify.gif");
351107c9 208}
209
b1eaa419 210#align-justify-button:hover,
211#align-justify-button:hover:active {
212 list-style-image: url("chrome://editor/skin/icons/justify-hover.gif");
213}
214
215#align-justify-button[disabled="true"] {
216 list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
3d6dd546 217}
b1eaa419 218
219#AlignPopupButton {
220 list-style-image: url("chrome://editor/skin/icons/align.gif");
351107c9 221}
222
223#AlignPopupButton:hover,
224#AlignPopupButton:hover:active,
225#AlignPopupButton[open="true"] {
b1eaa419 226 list-style-image: url("chrome://editor/skin/icons/align-hover.gif");
351107c9 227}
228
b1eaa419 229#AlignPopupButton[disabled="true"] {
230 list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
351107c9 231}
232
b1eaa419 233#InsertPopupButton {
234 list-style-image: url("chrome://editor/skin/icons/insert.gif");
351107c9 235}
236
237#InsertPopupButton:hover,
238#InsertPopupButton:hover:active,
239#InsertPopupButton[open="true"] {
b1eaa419 240 list-style-image: url("chrome://editor/skin/icons/insert-hover.gif");
241}
242
243#InsertPopupButton[disabled="true"] {
244 list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
245}
246
247#smileButtonMenu {
3d6dd546 248 list-style-image: url("chrome://editor/skin/icons/smile.gif");
b1eaa419 249}
250
251#smileButtonMenu[disabled="true"] {
252 list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
253}
254
255/* ::::: menuitem icons ::::: */
256
257/* ..... align menu ..... */
258
259#AlignLeftItem {
260 list-style-image: url("chrome://editor/skin/icons/left.gif");
3d6dd546 261}
b1eaa419 262
263#AlignLeftItem:hover,
264#AlignLeftItem:hover:active {
265 list-style-image: url("chrome://editor/skin/icons/left-hover.gif");
3d6dd546 266}
b1eaa419 267
268#AlignCenterItem {
269 list-style-image: url("chrome://editor/skin/icons/center.gif");
3d6dd546 270}
b1eaa419 271
272#AlignCenterItem:hover,
273#AlignCenterItem:hover:active {
274 list-style-image: url("chrome://editor/skin/icons/center-hover.gif");
3d6dd546 275}
b1eaa419 276
277#AlignRightItem {
278 list-style-image: url("chrome://editor/skin/icons/right.gif");
3d6dd546 279}
b1eaa419 280
281#AlignRightItem:hover,
282#AlignRightItem:hover:active {
283 list-style-image: url("chrome://editor/skin/icons/right-hover.gif");
3d6dd546 284}
b1eaa419 285
286#AlignJustifyItem {
287 list-style-image: url("chrome://editor/skin/icons/justify.gif");
288}
289
290#AlignJustifyItem:hover,
291#AlignJustifyItem:hover:active {
292 list-style-image: url("chrome://editor/skin/icons/justify-hover.gif");
293}
294
295/* ..... insert menu ..... */
296
297#InsertLinkItem {
298 list-style-image: url("chrome://editor/skin/icons/link.gif");
299}
300
301#InsertLinkItem:hover,
302#InsertLinkItem:hover:active {
303 list-style-image: url("chrome://editor/skin/icons/link-hover.gif");
304}
305
306#InsertAnchorItem {
307 list-style-image: url("chrome://editor/skin/icons/anchor.gif");
308}
309
310#InsertAnchorItem:hover,
311#InsertAnchorItem:hover:active {
312 list-style-image: url("chrome://editor/skin/icons/anchor-hover.gif");
313}
314
315#InsertImageItem {
316 list-style-image: url("chrome://editor/skin/icons/image.gif");
317}
318
319#InsertImageItem:hover,
320#InsertImageItem:hover:active {
321 list-style-image: url("chrome://editor/skin/icons/image-hover.gif");
322}
323
324#InsertHRuleItem {
325 list-style-image: url("chrome://editor/skin/icons/hline.gif");
326}
327
328#InsertHRuleItem:hover,
329#InsertHRuleItem:hover:active {
330 list-style-image: url("chrome://editor/skin/icons/hline-hover.gif");
331}
332
333#InsertTableItem {
334 list-style-image: url("chrome://editor/skin/icons/table.gif");
335}
336
337#InsertTableItem:hover,
338#InsertTableItem:hover:active {
339 list-style-image: url("chrome://editor/skin/icons/table-hover.gif");
340}
341
342/* ..... smiley menu ..... */
343
344.insert-smile > .menu-iconic-left {
3d6dd546 345 list-style-image: url("chrome://communicator/skin/icons/smileys/smile_n.gif");
b1eaa419 346}
347
348.insert-tongue > .menu-iconic-left {
3d6dd546 349 list-style-image: url("chrome://communicator/skin/icons/smileys/tongue_n.gif");
b1eaa419 350}
351
352.insert-frown > .menu-iconic-left {
3d6dd546 353 list-style-image: url("chrome://communicator/skin/icons/smileys/frown_n.gif");
b1eaa419 354}
355
356.insert-wink > .menu-iconic-left {
3d6dd546 357 list-style-image: url("chrome://communicator/skin/icons/smileys/wink_n.gif");
b1eaa419 358}
359
360.insert-laughing > .menu-iconic-left {
3d6dd546 361 list-style-image: url("chrome://communicator/skin/icons/smileys/laughing_n.gif");
b1eaa419 362}
363
364.insert-embarrassed > .menu-iconic-left {
3d6dd546 365 list-style-image: url("chrome://communicator/skin/icons/smileys/embarrassed_n.gif");
b1eaa419 366}
367
368.insert-undecided > .menu-iconic-left {
3d6dd546 369 list-style-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
b1eaa419 370}
371
ac1cdf20 372.insert-surprise > .menu-iconic-left {
3d6dd546 373 list-style-image: url("chrome://communicator/skin/icons/smileys/surprise_n.gif");
ac1cdf20 374}
375
376.insert-kiss > .menu-iconic-left {
3d6dd546 377 list-style-image: url("chrome://communicator/skin/icons/smileys/kiss_n.gif");
ac1cdf20 378}
379
380.insert-yell > .menu-iconic-left {
3d6dd546 381 list-style-image: url("chrome://communicator/skin/icons/smileys/yell_n.gif");
ac1cdf20 382}
383
384.insert-cool > .menu-iconic-left {
3d6dd546 385 list-style-image: url("chrome://communicator/skin/icons/smileys/cool_n.gif");
ac1cdf20 386}
387
388.insert-undecided > .menu-iconic-left {
3d6dd546 389 list-style-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
ac1cdf20 390}
391
392.insert-money > .menu-iconic-left {
3d6dd546 393 list-style-image: url("chrome://communicator/skin/icons/smileys/money_n.gif");
ac1cdf20 394}
395
396.insert-foot > .menu-iconic-left {
3d6dd546 397 list-style-image: url("chrome://communicator/skin/icons/smileys/foot_n.gif");
ac1cdf20 398}
399
400.insert-innocent > .menu-iconic-left {
3d6dd546 401 list-style-image: url("chrome://communicator/skin/icons/smileys/innocent_n.gif");
ac1cdf20 402}
403
4115f43c 404.insert-cry > .menu-iconic-left {
3d6dd546 405 list-style-image: url("chrome://communicator/skin/icons/smileys/cry_n.gif");
4115f43c 406}
407
ac1cdf20 408.insert-sealed > .menu-iconic-left {
3d6dd546 409 list-style-image: url("chrome://communicator/skin/icons/smileys/sealed_n.gif");
ac1cdf20 410}
411
b1eaa419 412/* ::::: fg/bg color picker ::::: */
413
414.ColorPickerLabel {
415 border: 1px inset #FF9F00;
416 margin: 0px;
417 padding: 2px;
418}
419
420.color-button {
421 border: 1px inset #9C9CFF;
422 padding: 0px;
423 width: 14px;
424 height: 12px;
425 margin: 2px;
426}
427
428.color-button:hover {
429 border: 1px solid #FFCF00;
430}
431
432#TextColorButton {
433 margin: 2px 9px 9px 2px;
434}
435
436#BackgroundColorButton {
437 margin: 9px 2px 2px 9px;
438}
439
440#HighlightColorButton {
441 list-style-image: url("chrome://editor/skin/icons/highlight.gif");
442 background-color: transparent;
443}
444
445#HighlightColorButton:hover,
446#HighlightColorButton:hover:active {
447 list-style-image: url("chrome://editor/skin/icons/highlight-hover.gif");
448}
449
450#HighlightColorButton[disabled="true"] {
451 list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
452}
01fc5c11 453
454#absolutePositionButton {
455 list-style-image: url("chrome://editor/skin/icons/pinned.gif");
456}
457
458#absolutePositionButton:hover,
459#absolutePositionButton:hover:active {
460 list-style-image: url("chrome://editor/skin/icons/pinned-hover.gif");
461}
462
463#absolutePositionButton[disabled="true"] {
464 list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
465}
466
467#absolutePositionButton[checked="true"] {
468 list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
469}
470
471#absolutePositionButton[checked="true"]:hover,
472#absolutePositionButton[checked="true"]:hover:active {
473 list-style-image: url("chrome://editor/skin/icons/notpinned-hover.gif");
474}
475
476#FormatToolbar > #increaseZIndexButton {
477 list-style-image: url("chrome://editor/content/images/bringtofront.gif");
478}
479#FormatToolbar > #increaseZIndexButton[disabled="true"] {
480 list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
481}
482#FormatToolbar > #decreaseZIndexButton {
483 list-style-image: url("chrome://editor/content/images/sendtoback.gif");
484}
485#FormatToolbar > #decreaseZIndexButton[disabled="true"] {
486 list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
487}