first (largest) part of sync for both themes with toolkit windows theme changes in...
[themes.git] / EarlyBlue / editor / editorFormatToolbar.css
index 2307cb95ab234d478c291aa32c89accc318c037e..961d35ad3ab90e39179105367cf189201bf9878c 100644 (file)
-/* ***** 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 <KaiRo@KaiRo.at>
- *
- * 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 {
-  min-width: 18px;
-}
-#FormatToolbar > toolbarbutton > .toolbarbutton-box > .toolbarbutton-text {
+/* ::::: formatting buttons ::::: */
+
+#FormatToolbar > toolbarbutton > .toolbarbutton-text {
   display: none;
 }
 
-#boldButton 
-  {
-    list-style-image      : url(chrome://editor/skin/images/bold.gif); 
-  }
+toolbarbutton.formatting-button {
+  min-width: 18px;
+}
 
-#boldButton[disabled="true"],
-#boldButton[disabled="true"]:hover,
-#boldButton[disabled="true"]:hover:active
-  {
-    list-style-image      : url("chrome://editor/skin/images/bold-disabled.gif");
-  } 
+#DecreaseFontSizeButton {
+  list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
+}
 
-#smileButtonMenu {
-  list-style-image:url("chrome://editor/skin/images/smile.gif"); 
+#DecreaseFontSizeButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/dec-font-size-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");
+#IncreaseFontSizeButton {
+  list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
 }
 
-.insert-smile > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/smile_n.gif); 
+#IncreaseFontSizeButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
 }
 
-.insert-tongue > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/tongue_n.gif); 
+#boldButton {
+  list-style-image: url(chrome://editor/skin/icons/bold.gif);
 }
 
-.insert-frown > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/frown_n.gif); 
- }
+#boldButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
+}
 
-.insert-wink > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/wink_n.gif); 
- }
+#italicButton {
+  list-style-image: url("chrome://editor/skin/icons/italic.gif");
+}
 
-.insert-laughing > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/laughing_n.gif); 
- }
+#italicButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
+}
 
-.insert-embarrassed > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif); 
- }
+#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;
+}
 
-.insert-undecided > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/undecided_n.gif); 
+#ulButton {
+  list-style-image:url("chrome://editor/skin/icons/bullets.gif");
 }
 
-.smiley > .menu-iconic-left {
+#ulButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
+}
 
-    margin-right: 15px;
+#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");
+}
 
-#italicButton
-  {
-    list-style-image      : url("chrome://editor/skin/images/italic.gif");
-  } 
+#outdentButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
+}
 
-#italicButton[disabled="true"],
-#italicButton[disabled="true"]:hover,
-#italicButton[disabled="true"]:hover:active
-  {
-    list-style-image      : url("chrome://editor/skin/images/italic-disabled.gif");
-  } 
+#indentButton {
+  list-style-image: url("chrome://editor/skin/icons/indent.gif");
+}
 
-#underlineButton
-  {
-         list-style-image      : url("chrome://editor/skin/images/underline.gif");
-  } 
+#indentButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
+}
 
-#underlineButton[disabled="true"],
-#underlineButton[disabled="true"]:hover,
-#underlineButton[disabled="true"]:hover:active
-  {
-    list-style-image      : url("chrome://editor/skin/images/underline-disabled.gif");
-  } 
+#align-left-button {
+  list-style-image: url("chrome://editor/skin/icons/left.gif");
+}
 
-#DecreaseFontSizeButton 
-  {
-         list-style-image      : url("chrome://editor/skin/images/dec-font-size.gif");
-  } 
+#align-left-button[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
+}
 
-#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");
-  } 
+#align-center-button {
+  list-style-image: url("chrome://editor/skin/icons/center.gif");
+}
 
-#IncreaseFontSizeButton 
-  {
-         list-style-image      : url("chrome://editor/skin/images/inc-font-size.gif");
-  } 
+#align-center-button[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
+}
 
-#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");
-  } 
+#align-right-button {
+  list-style-image: url("chrome://editor/skin/icons/right.gif");
+}
 
-#ulButton 
-  {
-         list-style-image      :url("chrome://editor/skin/images/bullets.gif");
-  }
+#align-right-button[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
+}
 
-#ulButton[disabled="true"],
-#ulButton[disabled="true"]:hover,
-#ulButton[disabled="true"]:hover:active
-  {
-    list-style-image      : url("chrome://editor/skin/images/bullets-disabled.gif");
-  } 
+#align-justify-button {
+  list-style-image: url("chrome://editor/skin/icons/justify.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");
-  } 
+#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/images/align.gif");
+  list-style-image: url("chrome://editor/skin/icons/align.gif");
 }
 
-#AlignPopupButton[disabled="true"],
-#AlignPopupButton[disabled="true"]:hover,
-#AlignPopupButton[disabled="true"]:hover:active {
-       list-style-image        : url("chrome://editor/skin/images/align-disabled.gif");
+#AlignPopupButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
 }
 
 #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;
-  }
+  list-style-image: url("chrome://editor/skin/icons/insert.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");
+}
+
+#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 ..... */
+
+#InsertPopup > menuitem {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+}
+
+#InsertLinkItem {
+  -moz-image-region: rect(48px 16px 64px 0);
+}
+
+#InsertAnchorItem {
+  -moz-image-region: rect(0px 16px 16px 0);
+}
+
+#InsertImageItem {
+  -moz-image-region: rect(32px 16px 48px 0);
+}
+
+#InsertHRuleItem {
+  -moz-image-region: rect(16px 16px 32px 0);
+}
+
+#InsertTableItem {
+  -moz-image-region: rect(144px 16px 160px 0);
+}
+
+/* ..... 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 #CCD0DD;
+  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-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-top: 9px;
+  margin-bottom: 2px;
+  margin-inline-start: 9px;
+  margin-inline-end: 2px;
+}
+
+#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;
+}
+
+#absolutePositionButton {
+  list-style-image: url("chrome://editor/skin/icons/pinned.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");
+}
+
+#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");
+}