X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Feditor%2FeditorFormatToolbar.css;h=fa8b4ab7c5d779461d9d52687ecf20a324462461;hp=a99eeb905124dadcc95b64195c6284c973bd5be6;hb=3d6dd546c97f902b849a45d2bf2fa7cc623cb2e9;hpb=351107c90e7ee7a17d9bf63798f2861307118309;ds=sidebyside

diff --git a/LCARStrek/editor/editorFormatToolbar.css b/LCARStrek/editor/editorFormatToolbar.css
index a99eeb90..fa8b4ab7 100644
--- a/LCARStrek/editor/editorFormatToolbar.css
+++ b/LCARStrek/editor/editorFormatToolbar.css
@@ -13,7 +13,7 @@
  *
  * The Original Code is mozilla.org code.
  *
- * The Initial Developer of the Original Code is 
+ * 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.
@@ -22,7 +22,7 @@
  *   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 
+ * 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
@@ -37,377 +37,451 @@
 
 @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");
+}
 
-#boldButton[disabled="true"],
-#boldButton[disabled="true"]:hover,
-#boldButton[disabled="true"]:hover:active
-  {
-    list-style-image      : url("chrome://editor/skin/images/bold-disabled.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);
+}
 
 #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");
+}
+
+#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");
+}
+
+#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");
+}
+
+#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");
+}
+
+#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/icons/align-hover.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");
+}
+
+#InsertPopupButton:hover,
+#InsertPopupButton:hover:active,
+#InsertPopupButton[open="true"] {
+  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/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");
+}
+
+#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");
 }
 
-#smileButtonMenu[disabled="true"],
-#smileButtonMenu[disabled="true"]:hover,
-#smileButtonMenu[disabled="true"]:hover:active  {
-	list-style-image:url("chrome://editor/skin/images/smile-disabled.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 ..... */
+
+#InsertLinkItem {
+  list-style-image: url("chrome://editor/skin/icons/link.gif");
+}
+
+#InsertLinkItem:hover,
+#InsertLinkItem:hover:active {
+  list-style-image: url("chrome://editor/skin/icons/link-hover.gif");
+}
+
+#InsertAnchorItem {
+  list-style-image: url("chrome://editor/skin/icons/anchor.gif");
+}
+
+#InsertAnchorItem:hover,
+#InsertAnchorItem:hover:active {
+  list-style-image: url("chrome://editor/skin/icons/anchor-hover.gif");
+}
+
+#InsertImageItem {
+  list-style-image: url("chrome://editor/skin/icons/image.gif");
+}
+
+#InsertImageItem:hover,
+#InsertImageItem:hover:active {
+  list-style-image: url("chrome://editor/skin/icons/image-hover.gif");
+}
+
+#InsertHRuleItem {
+  list-style-image: url("chrome://editor/skin/icons/hline.gif");
+}
+
+#InsertHRuleItem:hover,
+#InsertHRuleItem:hover:active {
+  list-style-image: url("chrome://editor/skin/icons/hline-hover.gif");
+}
+
+#InsertTableItem {
+  list-style-image: url("chrome://editor/skin/icons/table.gif");
+}
+
+#InsertTableItem:hover,
+#InsertTableItem:hover:active {
+  list-style-image: url("chrome://editor/skin/icons/table-hover.gif");
+}
+
+/* ..... smiley menu ..... */
+
 .insert-smile > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/smile_n.gif); 
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smile_n.gif");
 }
 
 .insert-tongue > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/tongue_n.gif); 
+  list-style-image: url("chrome://communicator/skin/icons/smileys/tongue_n.gif");
 }
 
 .insert-frown > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/frown_n.gif); 
- }
+  list-style-image: url("chrome://communicator/skin/icons/smileys/frown_n.gif");
+}
 
 .insert-wink > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/wink_n.gif); 
- }
+  list-style-image: url("chrome://communicator/skin/icons/smileys/wink_n.gif");
+}
 
 .insert-laughing > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/laughing_n.gif); 
- }
+  list-style-image: url("chrome://communicator/skin/icons/smileys/laughing_n.gif");
+}
 
 .insert-embarrassed > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif); 
- }
+  list-style-image: url("chrome://communicator/skin/icons/smileys/embarrassed_n.gif");
+}
 
+.insert-undecided > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
+}
+
+.insert-surprise > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/surprise_n.gif");
+}
+
+.insert-kiss > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/kiss_n.gif");
+}
+
+.insert-yell > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/yell_n.gif");
+}
+
+.insert-cool > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/cool_n.gif");
+}
 
 .insert-undecided > .menu-iconic-left {
-  list-style-image:url(chrome://global/skin/smiley/undecided_n.gif); 
+  list-style-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
 }
 
-.smiley > .menu-iconic-left {
+.insert-money > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/money_n.gif");
+}
 
-    margin-right: 15px;
+.insert-foot > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/foot_n.gif");
 }
 
+.insert-innocent > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/innocent_n.gif");
+}
 
+.insert-cry > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/cry_n.gif");
+}
 
-#italicButton
-  {
-    list-style-image      : url("chrome://editor/skin/images/italic.gif");
-  } 
+.insert-sealed > .menu-iconic-left {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/sealed_n.gif");
+}
 
-#italicButton[disabled="true"],
-#italicButton[disabled="true"]:hover,
-#italicButton[disabled="true"]:hover:active
-  {
-    list-style-image      : url("chrome://editor/skin/images/italic-disabled.gif");
-  } 
+/* ::::: fg/bg color picker ::::: */
 
-#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");
-  } 
+.ColorPickerLabel {
+  border: 1px inset #FF9F00;
+  margin: 0px;
+  padding: 2px;
+}
 
-#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");
-  } 
+.color-button {
+  border: 1px inset #9C9CFF;
+  padding: 0px;
+  width: 14px;
+  height: 12px;
+  margin: 2px;
+}
 
-#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");
-  } 
+.color-button:hover {
+  border: 1px solid #FFCF00;
+}
 
-#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");
-  } 
+#TextColorButton {
+  margin: 2px 9px 9px 2px;
+}
 
-#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");
-  } 
+#BackgroundColorButton {
+  margin: 9px 2px 2px 9px;
+}
 
-#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");
-  } 
+#HighlightColorButton {
+  list-style-image: url("chrome://editor/skin/icons/highlight.gif");
+  background-color: transparent;
+}
 
-#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");
-  } 
+#HighlightColorButton:hover,
+#HighlightColorButton:hover:active {
+  list-style-image: url("chrome://editor/skin/icons/highlight-hover.gif");
+}
 
-#indentButton:hover,
-#indentButton:hover:active
-  {
-    list-style-image      : url("chrome://editor/skin/images/indent-hover.gif");
-  } 
+#HighlightColorButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
+}
 
-#AlignPopupButton {
-	list-style-image        : url("chrome://editor/skin/images/align.gif");
+#absolutePositionButton {
+  list-style-image: url("chrome://editor/skin/icons/pinned.gif");
 }
 
-#AlignPopupButton[disabled="true"],
-#AlignPopupButton[disabled="true"]:hover,
-#AlignPopupButton[disabled="true"]:hover:active {
-	list-style-image        : url("chrome://editor/skin/images/align-disabled.gif");
+#absolutePositionButton:hover,
+#absolutePositionButton:hover:active {
+  list-style-image: url("chrome://editor/skin/icons/pinned-hover.gif");
 }
 
-#AlignPopupButton:hover,
-#AlignPopupButton:hover:active,
-#AlignPopupButton[open="true"] {
-	list-style-image        : url("chrome://editor/skin/images/align-hover.gif");
+#absolutePositionButton[disabled="true"] {
+  list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
 }
 
-#InsertPopupButton {
-	list-style-image        : url("chrome://editor/skin/images/insert.gif");
+#absolutePositionButton[checked="true"] {
+  list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
 }
 
-#InsertPopupButton[disabled="true"],
-#InsertPopupButton[disabled="true"]:hover,
-#InsertPopupButton[disabled="true"]:hover:active {
-	list-style-image        : url("chrome://editor/skin/images/insert-disabled.gif");
+#absolutePositionButton[checked="true"]:hover,
+#absolutePositionButton[checked="true"]:hover:active {
+  list-style-image: url("chrome://editor/skin/icons/notpinned-hover.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;
-  }
+#FormatToolbar > #increaseZIndexButton {
+  list-style-image: url("chrome://editor/content/images/bringtofront.gif");
+}
+#FormatToolbar > #increaseZIndexButton[disabled="true"] {
+  list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
+}
+#FormatToolbar > #decreaseZIndexButton {
+  list-style-image: url("chrome://editor/content/images/sendtoback.gif");
+}
+#FormatToolbar > #decreaseZIndexButton[disabled="true"] {
+  list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
+}