X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Feditor%2FeditorFormatToolbar.css;h=df480a82486ffb6eeed06cb7a7f91d0db792bc37;hp=a99eeb905124dadcc95b64195c6284c973bd5be6;hb=21c0144b2194f018832e93a3b6e112d3bd4852cb;hpb=351107c90e7ee7a17d9bf63798f2861307118309 diff --git a/LCARStrek/editor/editorFormatToolbar.css b/LCARStrek/editor/editorFormatToolbar.css index a99eeb90..df480a82 100644 --- a/LCARStrek/editor/editorFormatToolbar.css +++ b/LCARStrek/editor/editorFormatToolbar.css @@ -1,413 +1,468 @@ -/* ***** BEGIN LICENSE BLOCK ***** - * Version: NPL 1.1/GPL 2.0/LGPL 2.1 - * - * The contents of this file are subject to the Netscape Public License - * Version 1.1 (the "License"); you may not use this file except in - * compliance with the License. You may obtain a copy of the License at - * http://www.mozilla.org/NPL/ - * - * Software distributed under the License is distributed on an "AS IS" basis, - * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License - * for the specific language governing rights and limitations under the - * License. - * - * The Original Code is mozilla.org code. - * - * The Initial Developer of the Original Code is - * Netscape Communications Corporation. - * Portions created by the Initial Developer are Copyright (C) 1998 - * the Initial Developer. All Rights Reserved. - * - * Contributor(s): - * Robert Kaiser - * - * Alternatively, the contents of this file may be used under the terms of - * either the GNU General Public License Version 2 or later (the "GPL"), or - * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), - * in which case the provisions of the GPL or the LGPL are applicable instead - * of those above. If you wish to allow use of your version of this file only - * under the terms of either the GPL or the LGPL, and not to allow others to - * use your version of this file under the terms of the NPL, indicate your - * decision by deleting the provisions above and replace them with the notice - * and other provisions required by the GPL or the LGPL. If you do not delete - * the provisions above, a recipient may use your version of this file under - * the terms of any one of the NPL, the GPL or the LGPL. - * - * ***** END LICENSE BLOCK ***** */ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -#FormatToolbar > toolbarbutton { +/* ::::: formatting buttons ::::: */ + +#FormatToolbar > toolbarbutton > .toolbarbutton-text { + display: none; +} + +toolbarbutton.formatting-button { min-width: 18px; } - -#FormatToolbar > toolbarbutton > .toolbarbutton-box > .toolbarbutton-text { - display: none; + +#DecreaseFontSizeButton { + list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif"); } -#boldButton - { - list-style-image : url(chrome://editor/skin/images/bold.gif); - } +#DecreaseFontSizeButton:hover, +#DecreaseFontSizeButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/dec-font-size-hover.gif"); +} + +#DecreaseFontSizeButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important; +} -#boldButton[disabled="true"], -#boldButton[disabled="true"]:hover, -#boldButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/bold-disabled.gif"); - } +#IncreaseFontSizeButton { + list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif"); +} + +#IncreaseFontSizeButton:hover, +#IncreaseFontSizeButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/inc-font-size-hover.gif"); +} + +#IncreaseFontSizeButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important; +} + +#boldButton { + list-style-image: url(chrome://editor/skin/icons/bold.gif); +} #boldButton:hover, -#boldButton:hover:active - { - list-style-image : url("chrome://editor/skin/images/bold-hover.gif"); - } +#boldButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/bold-hover.gif"); +} -#smileButtonMenu { - list-style-image:url("chrome://editor/skin/images/smile.gif"); +#boldButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important; } -#smileButtonMenu[disabled="true"], -#smileButtonMenu[disabled="true"]:hover, -#smileButtonMenu[disabled="true"]:hover:active { - list-style-image:url("chrome://editor/skin/images/smile-disabled.gif"); +#italicButton { + list-style-image: url("chrome://editor/skin/icons/italic.gif"); } -.insert-smile > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/smile_n.gif); +#italicButton:hover, +#italicButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/italic-hover.gif"); } -.insert-tongue > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/tongue_n.gif); +#italicButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important; } -.insert-frown > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/frown_n.gif); - } +#underlineButton { + list-style-image: url("chrome://editor/skin/icons/underline.gif"); +} -.insert-wink > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/wink_n.gif); - } +#underlineButton:hover, +#underlineButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/underline-hover.gif"); +} -.insert-laughing > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/laughing_n.gif); - } +#underlineButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important; +} -.insert-embarrassed > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif); - } +#ulButton { + list-style-image:url("chrome://editor/skin/icons/bullets.gif"); +} +#ulButton:hover, +#ulButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/bullets-hover.gif"); +} -.insert-undecided > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/undecided_n.gif); +#ulButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important; } -.smiley > .menu-iconic-left { +#olButton { + list-style-image: url("chrome://editor/skin/icons/numbers.gif"); +} - margin-right: 15px; +#olButton:hover, +#olButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/numbers-hover.gif"); } +#olButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important; +} +#outdentButton { + list-style-image: url("chrome://editor/skin/icons/outdent.gif"); +} -#italicButton - { - list-style-image : url("chrome://editor/skin/images/italic.gif"); - } +#outdentButton:hover, +#outdentButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/outdent-hover.gif"); +} -#italicButton[disabled="true"], -#italicButton[disabled="true"]:hover, -#italicButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/italic-disabled.gif"); - } +#outdentButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important; +} -#italicButton:hover, -#italicButton:hover:active - { - list-style-image : url("chrome://editor/skin/images/italic-hover.gif"); - } - -#underlineButton - { - list-style-image : url("chrome://editor/skin/images/underline.gif"); - } - -#underlineButton[disabled="true"], -#underlineButton[disabled="true"]:hover, -#underlineButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/underline-disabled.gif"); - } +#indentButton { + list-style-image: url("chrome://editor/skin/icons/indent.gif"); +} -#underlineButton:hover, -#underlineButton:hover:active - { - list-style-image : url("chrome://editor/skin/images/underline-hover.gif"); - } - -#DecreaseFontSizeButton - { - list-style-image : url("chrome://editor/skin/images/dec-font-size.gif"); - } - -#DecreaseFontSizeButton[disabled="true"], -#DecreaseFontSizeButton[disabled="true"]:hover, -#DecreaseFontSizeButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/dec-font-size-disabled.gif"); - } +#indentButton:hover, +#indentButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/indent-hover.gif"); +} -#DecreaseFontSizeButton:hover, -#DecreaseFontSizeButton:hover:active - { - list-style-image : url("chrome://editor/skin/images/dec-font-size-hover.gif"); - } - -#IncreaseFontSizeButton - { - list-style-image : url("chrome://editor/skin/images/inc-font-size.gif"); - } - -#IncreaseFontSizeButton[disabled="true"], -#IncreaseFontSizeButton[disabled="true"]:hover, -#IncreaseFontSizeButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/inc-font-size-disabled.gif"); - } +#indentButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important; +} -#IncreaseFontSizeButton:hover, -#IncreaseFontSizeButton:hover:active - { - list-style-image : url("chrome://editor/skin/images/inc-font-size-hover.gif"); - } - -#ulButton - { - list-style-image :url("chrome://editor/skin/images/bullets.gif"); - } - -#ulButton[disabled="true"], -#ulButton[disabled="true"]:hover, -#ulButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/bullets-disabled.gif"); - } +#align-left-button { + list-style-image: url("chrome://editor/skin/icons/left.gif"); +} -#ulButton:hover, -#ulButton:hover:active - { - list-style-image : url("chrome://editor/skin/images/bullets-hover.gif"); - } - -#olButton - { - list-style-image : url("chrome://editor/skin/images/numbers.gif"); - } - -#olButton[disabled="true"], -#olButton[disabled="true"]:hover, -#olButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/numbers-disabled.gif"); - } +#align-left-button:hover, +#align-left-button:hover:active { + list-style-image: url("chrome://editor/skin/icons/left-hover.gif"); +} -#olButton:hover, -#olButton:hover:active - { - list-style-image : url("chrome://editor/skin/images/numbers-hover.gif"); - } - -#outdentButton - { - list-style-image : url("chrome://editor/skin/images/outdent.gif"); - } - -#outdentButton[disabled="true"], -#outdentButton[disabled="true"]:hover, -#outdentButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/outdent-disabled.gif"); - } +#align-left-button[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important; +} -#outdentButton:hover, -#outdentButton:hover:active - { - list-style-image : url("chrome://editor/skin/images/outdent-hover.gif"); - } - -#indentButton - { - list-style-image : url("chrome://editor/skin/images/indent.gif"); - } - -#indentButton[disabled="true"], -#indentButton[disabled="true"]:hover, -#indentButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/indent-disabled.gif"); - } +#align-center-button { + list-style-image: url("chrome://editor/skin/icons/center.gif"); +} -#indentButton:hover, -#indentButton:hover:active - { - list-style-image : url("chrome://editor/skin/images/indent-hover.gif"); - } +#align-center-button:hover, +#align-center-button:hover:active { + list-style-image: url("chrome://editor/skin/icons/center-hover.gif"); +} -#AlignPopupButton { - list-style-image : url("chrome://editor/skin/images/align.gif"); +#align-center-button[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important; +} + +#align-right-button { + list-style-image: url("chrome://editor/skin/icons/right.gif"); +} + +#align-right-button:hover, +#align-right-button:hover:active { + list-style-image: url("chrome://editor/skin/icons/right-hover.gif"); +} + +#align-right-button[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important; } -#AlignPopupButton[disabled="true"], -#AlignPopupButton[disabled="true"]:hover, -#AlignPopupButton[disabled="true"]:hover:active { - list-style-image : url("chrome://editor/skin/images/align-disabled.gif"); +#align-justify-button { + list-style-image: url("chrome://editor/skin/icons/justify.gif"); +} + +#align-justify-button:hover, +#align-justify-button:hover:active { + list-style-image: url("chrome://editor/skin/icons/justify-hover.gif"); +} + +#align-justify-button[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important; +} + +#AlignPopupButton { + list-style-image: url("chrome://editor/skin/icons/align.gif"); } #AlignPopupButton:hover, #AlignPopupButton:hover:active, #AlignPopupButton[open="true"] { - list-style-image : url("chrome://editor/skin/images/align-hover.gif"); + list-style-image: url("chrome://editor/skin/icons/align-hover.gif"); } -#InsertPopupButton { - list-style-image : url("chrome://editor/skin/images/insert.gif"); +#AlignPopupButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important; } -#InsertPopupButton[disabled="true"], -#InsertPopupButton[disabled="true"]:hover, -#InsertPopupButton[disabled="true"]:hover:active { - list-style-image : url("chrome://editor/skin/images/insert-disabled.gif"); +#InsertPopupButton { + list-style-image: url("chrome://editor/skin/icons/insert.gif"); } #InsertPopupButton:hover, #InsertPopupButton:hover:active, #InsertPopupButton[open="true"] { - list-style-image : url("chrome://editor/skin/images/insert-hover.gif"); -} - -#text-align-left, -#align-left-button - { - list-style-image : url("chrome://editor/skin/images/left.gif"); - } - -#text-align-left[disabled="true"], -#text-align-left[disabled="true"]:hover, -#text-align-left[disabled="true"]:hover:active, -#align-left-button[disabled="true"], -#align-left-button[disabled="true"]:hover, -#align-left-button[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/left-disabled.gif"); - } - -#text-align-left:hover, -#align-left-button:hover, -#text-align-left:hover:active, -#align-left-button:hover:active - { - list-style-image : url("chrome://editor/skin/images/left-hover.gif"); - } - - -#text-align-center, -#align-center-button - { - list-style-image : url("chrome://editor/skin/images/center.gif"); - } - -#text-align-center[disabled="true"], -#text-align-center[disabled="true"]:hover, -#text-align-center[disabled="true"]:hover:active, -#align-center-button[disabled="true"], -#align-center-button[disabled="true"]:hover, -#align-center-button[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/center-disabled.gif"); - } - -#text-align-center:hover, -#align-center-button:hover, -#text-align-center:hover:active, -#align-center-button:hover:active - { - list-style-image : url("chrome://editor/skin/images/center-hover.gif"); - } - -#text-align-right, -#align-right-button - { - list-style-image : url("chrome://editor/skin/images/right.gif"); - } - -#text-align-right[disabled="true"], -#text-align-right[disabled="true"]:hover, -#text-align-right[disabled="true"]:hover:active -#align-right-button[disabled="true"], -#align-right-button[disabled="true"]:hover, -#align-right-button[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/right-disabled.gif"); - } - -#text-align-right:hover, -#align-right-button:hover, -#text-align-right:hover:active, -#align-right-button:hover:active - { - list-style-image : url("chrome://editor/skin/images/right-hover.gif"); - } - -#text-align-justify, #align-justify-button - { - list-style-image : url("chrome://editor/skin/images/justify.gif"); - } - -#text-align-justify[disabled="true"], -#text-align-justify[disabled="true"]:hover, -#text-align-justify[disabled="true"]:hover:active -#align-justify-button[disabled="true"], -#align-justify-button[disabled="true"]:hover, -#align-justify-button[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/justify-disabled.gif"); - } - -#text-align-justify:hover, -#align-justify-button:hover, -#text-align-justify:hover:active, -#align-justify-button:hover:active - { - list-style-image : url("chrome://editor/skin/images/justify-hover.gif"); - } - -.ColorPickerLabel - { - border : 1px inset white; - margin : 0px; - padding : 2px; - } - -.color-button - { - border : 1px inset #9C9CFF; - padding : 0px; - width : 14px; - height : 12px; - margin : 2px; - } - -.color-button:hover - { - border : 1px solid #FFCF00; - } - -#TextColorButton - { - margin : 2px 7px 7px 2px; - } - -#BackgroundColorButton - { - margin : 7px 2px 2px 7px; - } + list-style-image: url("chrome://editor/skin/icons/insert-hover.gif"); +} + +#InsertPopupButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important; +} + +#smileButtonMenu { + list-style-image: url("chrome://editor/skin/icons/smile.gif"); +} + +#smileButtonMenu[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important; +} + +/* ::::: menuitem icons ::::: */ + +/* ..... align menu ..... */ + +#AlignLeftItem { + list-style-image: url("chrome://editor/skin/icons/left.gif"); +} + +#AlignLeftItem:hover, +#AlignLeftItem:hover:active { + list-style-image: url("chrome://editor/skin/icons/left-hover.gif"); +} + +#AlignCenterItem { + list-style-image: url("chrome://editor/skin/icons/center.gif"); +} + +#AlignCenterItem:hover, +#AlignCenterItem:hover:active { + list-style-image: url("chrome://editor/skin/icons/center-hover.gif"); +} + +#AlignRightItem { + list-style-image: url("chrome://editor/skin/icons/right.gif"); +} + +#AlignRightItem:hover, +#AlignRightItem:hover:active { + list-style-image: url("chrome://editor/skin/icons/right-hover.gif"); +} + +#AlignJustifyItem { + list-style-image: url("chrome://editor/skin/icons/justify.gif"); +} + +#AlignJustifyItem:hover, +#AlignJustifyItem:hover:active { + list-style-image: url("chrome://editor/skin/icons/justify-hover.gif"); +} + +/* ..... insert menu ..... */ + +#InsertPopup > menuitem { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); +} + +#InsertLinkItem { + -moz-image-region: rect(48px 16px 64px 0); +} + +#InsertLinkItem:hover, +#InsertLinkItem:hover:active { + -moz-image-region: rect(48px 48px 64px 32px); +} + +#InsertAnchorItem { + -moz-image-region: rect(0px 16px 16px 0); +} + +#InsertAnchorItem:hover, +#InsertAnchorItem:hover:active { + -moz-image-region: rect(0px 48px 16px 32px); +} + +#InsertImageItem { + -moz-image-region: rect(32px 16px 48px 0); +} + +#InsertImageItem:hover, +#InsertImageItem:hover:active { + -moz-image-region: rect(32px 48px 48px 32px); +} + +#InsertHRuleItem { + -moz-image-region: rect(16px 16px 32px 0); +} + +#InsertHRuleItem:hover, +#InsertHRuleItem:hover:active { + -moz-image-region: rect(16px 48px 32px 32px); +} + +#InsertTableItem { + -moz-image-region: rect(144px 16px 160px 0); +} + +#InsertTableItem:hover, +#InsertTableItem:hover:active { + -moz-image-region: rect(144px 48px 160px 32px); +} + +/* ..... smiley menu ..... */ + +.insert-smile { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-smile.png"); +} + +.insert-frown { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-frown.png"); +} + +.insert-wink { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-wink.png"); +} + +.insert-tongue { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png"); +} + +.insert-laughing { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png"); +} + +.insert-embarrassed { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png"); +} + +.insert-undecided { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png"); +} + +.insert-surprise { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png"); +} + +.insert-kiss { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png"); +} + +.insert-yell { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-yell.png"); +} + +.insert-cool { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png"); +} + +.insert-money { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png"); +} + +.insert-foot { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png"); +} + +.insert-innocent { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png"); +} + +.insert-cry { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png"); +} + +.insert-sealed { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png"); +} + +/* ::::: fg/bg color picker ::::: */ + +.ColorPickerLabel { + border: 1px inset #FF9F00; + margin: 0px; + padding: 2px; +} + +.color-button { + border: 1px inset #9C9CFF; + padding: 0px; + width: 14px; + height: 12px; + margin: 2px; +} + +.color-button:hover { + border: 1px solid #FFCF00; +} + +#TextColorButton { + margin-top: 2px; + margin-bottom: 9px; + -moz-margin-start: 2px; + -moz-margin-end: 9px; +} + +#TextColorButton[color="mixed"] { + background-image: url("chrome://editor/skin/icons/multicolor.png"); + background-size: cover; +} + +#BackgroundColorButton { + margin-top: 9px; + margin-bottom: 2px; + -moz-margin-start: 9px; + -moz-margin-end: 2px; +} + +#HighlightColorButton { + list-style-image: url("chrome://editor/skin/icons/highlight.gif"); + background-color: transparent; +} + +#HighlightColorButton:hover, +#HighlightColorButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/highlight-hover.gif"); +} + +#HighlightColorButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important; +} + +#absolutePositionButton { + list-style-image: url("chrome://editor/skin/icons/pinned.gif"); +} + +#absolutePositionButton:hover, +#absolutePositionButton:hover:active { + list-style-image: url("chrome://editor/skin/icons/pinned-hover.gif"); +} + +#absolutePositionButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important; +} + +#absolutePositionButton[checked="true"] { + list-style-image: url("chrome://editor/skin/icons/notpinned.gif"); +} + +#absolutePositionButton[checked="true"]:hover, +#absolutePositionButton[checked="true"]:hover:active { + list-style-image: url("chrome://editor/skin/icons/notpinned-hover.gif"); +} + +#increaseZIndexButton { + list-style-image: url("chrome://editor/content/images/bringtofront.gif"); +} + +#increaseZIndexButton[disabled="true"] { + list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif"); +} + +#decreaseZIndexButton { + list-style-image: url("chrome://editor/content/images/sendtoback.gif"); +} + +#decreaseZIndexButton[disabled="true"] { + list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif"); +}