X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Feditor%2FeditorFormatToolbar.css;h=9e0194c0b4547ce56b7ab2b8188f52749c61ca08;hp=0ec371b9dc969628443b9f1443b00ff1acc5b43e;hb=d4dc8501cbf0073d6d4b9ccd1adf18823688d134;hpb=b1eaa41997928ca662ce1158215dc02e5b203eb0;ds=sidebyside diff --git a/LCARStrek/editor/editorFormatToolbar.css b/LCARStrek/editor/editorFormatToolbar.css index 0ec371b9..9e0194c0 100644 --- a/LCARStrek/editor/editorFormatToolbar.css +++ b/LCARStrek/editor/editorFormatToolbar.css @@ -1,116 +1,83 @@ -/* ***** 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"); /* ::::: formatting buttons ::::: */ -#FormatToolbar > toolbarbutton { - min-width: 18px; -} - #FormatToolbar > toolbarbutton > .toolbarbutton-text { display: none; } +toolbarbutton.formatting-button { + min-width: 18px; +} + #DecreaseFontSizeButton { list-style-image: url("chrome://editor/skin/icons/dec-font-size.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; -} +} #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); + list-style-image: url(chrome://editor/skin/icons/bold.gif); } #boldButton:hover, #boldButton:hover:active { list-style-image: url("chrome://editor/skin/icons/bold-hover.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:hover, #italicButton:hover:active { list-style-image: url("chrome://editor/skin/icons/italic-hover.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:hover, #underlineButton:hover:active { list-style-image: url("chrome://editor/skin/icons/underline-hover.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"); @@ -119,11 +86,11 @@ #ulButton:hover, #ulButton:hover:active { list-style-image: url("chrome://editor/skin/icons/bullets-hover.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"); @@ -132,76 +99,76 @@ #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"); -} +} #outdentButton:hover, #outdentButton:hover:active { list-style-image: url("chrome://editor/skin/icons/outdent-hover.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:hover, #indentButton:hover:active { list-style-image: url("chrome://editor/skin/icons/indent-hover.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:hover, #align-left-button:hover:active { list-style-image: url("chrome://editor/skin/icons/left-hover.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:hover, #align-center-button:hover:active { list-style-image: url("chrome://editor/skin/icons/center-hover.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; -} +} #align-justify-button { list-style-image: url("chrome://editor/skin/icons/justify.gif"); @@ -214,7 +181,7 @@ #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"); @@ -245,7 +212,7 @@ } #smileButtonMenu { - list-style-image: url("chrome://editor/skin/icons/smile.gif"); + list-style-image: url("chrome://editor/skin/icons/smile.gif"); } #smileButtonMenu[disabled="true"] { @@ -258,30 +225,30 @@ #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"); @@ -294,79 +261,119 @@ /* ..... insert menu ..... */ +#InsertPopup > menuitem { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); +} + #InsertLinkItem { - list-style-image: url("chrome://editor/skin/icons/link.gif"); + -moz-image-region: rect(48px 16px 64px 0); } #InsertLinkItem:hover, #InsertLinkItem:hover:active { - list-style-image: url("chrome://editor/skin/icons/link-hover.gif"); + -moz-image-region: rect(48px 48px 64px 32px); } #InsertAnchorItem { - list-style-image: url("chrome://editor/skin/icons/anchor.gif"); + -moz-image-region: rect(0px 16px 16px 0); } #InsertAnchorItem:hover, #InsertAnchorItem:hover:active { - list-style-image: url("chrome://editor/skin/icons/anchor-hover.gif"); + -moz-image-region: rect(0px 48px 16px 32px); } #InsertImageItem { - list-style-image: url("chrome://editor/skin/icons/image.gif"); + -moz-image-region: rect(32px 16px 48px 0); } #InsertImageItem:hover, #InsertImageItem:hover:active { - list-style-image: url("chrome://editor/skin/icons/image-hover.gif"); + -moz-image-region: rect(32px 48px 48px 32px); } #InsertHRuleItem { - list-style-image: url("chrome://editor/skin/icons/hline.gif"); + -moz-image-region: rect(16px 16px 32px 0); } #InsertHRuleItem:hover, #InsertHRuleItem:hover:active { - list-style-image: url("chrome://editor/skin/icons/hline-hover.gif"); + -moz-image-region: rect(16px 48px 32px 32px); } #InsertTableItem { - list-style-image: url("chrome://editor/skin/icons/table.gif"); + -moz-image-region: rect(144px 16px 160px 0); } #InsertTableItem:hover, #InsertTableItem:hover:active { - list-style-image: url("chrome://editor/skin/icons/table-hover.gif"); + -moz-image-region: rect(144px 48px 160px 32px); } /* ..... smiley menu ..... */ -.insert-smile > .menu-iconic-left { - list-style-image: url("chrome://editor/content/images/smile_n.gif"); +.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-tongue > .menu-iconic-left { - list-style-image: url("chrome://editor/content/images/tongue_n.gif"); +.insert-cool { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png"); } -.insert-frown > .menu-iconic-left { - list-style-image: url("chrome://editor/content/images/frown_n.gif"); +.insert-money { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png"); } -.insert-wink > .menu-iconic-left { - list-style-image: url("chrome://editor/content/images/wink_n.gif"); +.insert-foot { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png"); } -.insert-laughing > .menu-iconic-left { - list-style-image: url("chrome://editor/content/images/laughing_n.gif"); +.insert-innocent { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png"); } -.insert-embarrassed > .menu-iconic-left { - list-style-image: url("chrome://editor/content/images/embarrassed_n.gif"); +.insert-cry { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png"); } -.insert-undecided > .menu-iconic-left { - list-style-image: url("chrome://editor/content/images/undecided_n.gif"); +.insert-sealed { + list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png"); } /* ::::: fg/bg color picker ::::: */ @@ -390,11 +397,22 @@ } #TextColorButton { - margin: 2px 9px 9px 2px; + margin-top: 2px; + margin-bottom: 9px; + margin-inline-start: 2px; + margin-inline-end: 9px; +} + +#TextColorButton[color="mixed"] { + background-image: url("chrome://editor/skin/icons/multicolor.png"); + background-size: cover; } #BackgroundColorButton { - margin: 9px 2px 2px 9px; + margin-top: 9px; + margin-bottom: 2px; + margin-inline-start: 9px; + margin-inline-end: 2px; } #HighlightColorButton { @@ -410,3 +428,41 @@ #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"); +}