X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Feditor%2FeditorFormatToolbar.css;h=83ea31cb5f1d2105f234cdb2e9a3735780aace19;hp=2307cb95ab234d478c291aa32c89accc318c037e;hb=74d14f90a7085ce7d63f78d6124b57e9a8422d3f;hpb=b87c9562a4c728734927c455c6201d13d11c8a9e diff --git a/EarlyBlue/editor/editorFormatToolbar.css b/EarlyBlue/editor/editorFormatToolbar.css index 2307cb95..83ea31cb 100644 --- a/EarlyBlue/editor/editorFormatToolbar.css +++ b/EarlyBlue/editor/editorFormatToolbar.css @@ -37,278 +37,249 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +/* ::::: formatting buttons ::::: */ + #FormatToolbar > toolbarbutton { min-width: 18px; } -#FormatToolbar > toolbarbutton > .toolbarbutton-box > .toolbarbutton-text { +#FormatToolbar > toolbarbutton > .toolbarbutton-text { display: none; } -#boldButton - { - list-style-image : url(chrome://editor/skin/images/bold.gif); - } +#DecreaseFontSizeButton { + list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif"); +} + +#DecreaseFontSizeButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important; +} + +#IncreaseFontSizeButton { + list-style-image: url("chrome://editor/skin/icons/inc-font-size.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[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important; +} + +#italicButton { + list-style-image: url("chrome://editor/skin/icons/italic.gif"); +} + +#italicButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important; +} + +#underlineButton { + list-style-image: url("chrome://editor/skin/icons/underline.gif"); +} + +#underlineButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important; +} + +#ulButton { + list-style-image:url("chrome://editor/skin/icons/bullets.gif"); +} + +#ulButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important; +} + +#olButton { + list-style-image: url("chrome://editor/skin/icons/numbers.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"); +} + +#outdentButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important; +} + +#indentButton { + list-style-image: url("chrome://editor/skin/icons/indent.gif"); +} + +#indentButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important; +} + +#align-left-button { + list-style-image: url("chrome://editor/skin/icons/left.gif"); +} + +#align-left-button[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important; +} + +#align-center-button { + list-style-image: url("chrome://editor/skin/icons/center.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[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important; +} + +#align-justify-button { + list-style-image: url("chrome://editor/skin/icons/justify.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[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important; +} + +#InsertPopupButton { + list-style-image: url("chrome://editor/skin/icons/insert.gif"); +} -#boldButton[disabled="true"], -#boldButton[disabled="true"]:hover, -#boldButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/bold-disabled.gif"); - } +#InsertPopupButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important; +} #smileButtonMenu { - list-style-image:url("chrome://editor/skin/images/smile.gif"); + 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"); +} + +#AlignCenterItem { + list-style-image: url("chrome://editor/skin/icons/center.gif"); +} + +#AlignRightItem { + list-style-image: url("chrome://editor/skin/icons/right.gif"); +} + +#AlignJustifyItem { + list-style-image: url("chrome://editor/skin/icons/justify.gif"); +} + +/* ..... insert menu ..... */ + +#InsertLinkItem { + list-style-image: url("chrome://editor/skin/icons/link.gif"); +} + +#InsertAnchorItem { + list-style-image: url("chrome://editor/skin/icons/anchor.gif"); +} + +#InsertImageItem { + list-style-image: url("chrome://editor/skin/icons/image.gif"); +} + +#InsertHRuleItem { + list-style-image: url("chrome://editor/skin/icons/hline.gif"); } -#smileButtonMenu[disabled="true"], -#smileButtonMenu[disabled="true"]:hover, -#smileButtonMenu[disabled="true"]:hover:active { - list-style-image:url("chrome://editor/skin/images/smile-disabled.gif"); +#InsertTableItem { + list-style-image: url("chrome://editor/skin/icons/table.gif"); } +/* ..... smiley menu ..... */ + .insert-smile > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/smile_n.gif); + list-style-image: url("chrome://editor/content/images/smile_n.gif"); } .insert-tongue > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/tongue_n.gif); + list-style-image: url("chrome://editor/content/images/tongue_n.gif"); } .insert-frown > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/frown_n.gif); - } + list-style-image: url("chrome://editor/content/images/frown_n.gif"); +} .insert-wink > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/wink_n.gif); - } + list-style-image: url("chrome://editor/content/images/wink_n.gif"); +} .insert-laughing > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/laughing_n.gif); - } + list-style-image: url("chrome://editor/content/images/laughing_n.gif"); +} .insert-embarrassed > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif); - } - + list-style-image: url("chrome://editor/content/images/embarrassed_n.gif"); +} .insert-undecided > .menu-iconic-left { - list-style-image:url(chrome://global/skin/smiley/undecided_n.gif); -} - -.smiley > .menu-iconic-left { - - margin-right: 15px; -} - - - -#italicButton - { - list-style-image : url("chrome://editor/skin/images/italic.gif"); - } - -#italicButton[disabled="true"], -#italicButton[disabled="true"]:hover, -#italicButton[disabled="true"]:hover:active - { - list-style-image : url("chrome://editor/skin/images/italic-disabled.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"); - } - -#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"); - } - -#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"); - } - -#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"); - } - -#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"); - } - -#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"); - } - -#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"); - } + list-style-image: url("chrome://editor/content/images/undecided_n.gif"); +} -#AlignPopupButton { - list-style-image : url("chrome://editor/skin/images/align.gif"); +/* ::::: fg/bg color picker ::::: */ + +.ColorPickerLabel { + border: 1px inset #CCD0DD; + margin: 0px; + padding: 2px; } -#AlignPopupButton[disabled="true"], -#AlignPopupButton[disabled="true"]:hover, -#AlignPopupButton[disabled="true"]:hover:active { - list-style-image : url("chrome://editor/skin/images/align-disabled.gif"); +.color-button { + border: 1px inset #CCD0DD; + padding: 0px; + width: 14px; + height: 12px; + margin: 2px; } -#InsertPopupButton { - list-style-image : url("chrome://editor/skin/images/insert.gif"); -} - -#InsertPopupButton[disabled="true"], -#InsertPopupButton[disabled="true"]:hover, -#InsertPopupButton[disabled="true"]:hover:active { - list-style-image : url("chrome://editor/skin/images/insert-disabled.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-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-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-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"); - } - -.ColorPickerLabel - { - border : 1px inset white; - margin : 0px; - padding : 2px; - } - -.color-button - { - border : 1px inset #CCD0DD; - padding : 0px; - width : 14px; - height : 12px; - margin : 2px; - } - -.color-button:hover - { - border : 1px solid #666699; - } - -#TextColorButton - { - margin : 2px 9px 9px 2px; - } - -#BackgroundColorButton - { - margin : 9px 2px 2px 9px; - } +.color-button:hover { + border: 1px solid #666699; +} + +#TextColorButton { + margin: 2px 9px 9px 2px; +} + +#BackgroundColorButton { + margin: 9px 2px 2px 9px; +} + +#HighlightColorButton { + list-style-image: url("chrome://editor/skin/icons/highlight.gif"); + background-color: transparent; +} + +#HighlightColorButton[disabled="true"] { + list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important; +}