make debugger work nicely on trunk as well
[themes.git] / LCARStrek / editor / editorFormatToolbar.css
index 5116cb996a2895de810eace9bb855e36fcf5a193..1c1bae164fce89de0146b5381cf63df21ca68f04 100644 (file)
@@ -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
 
 /* ::::: 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");
 #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[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");
 }
 
 #smileButtonMenu {
-  list-style-image: url("chrome://editor/skin/icons/smile.gif"); 
+  list-style-image: url("chrome://editor/skin/icons/smile.gif");
 }
 
 #smileButtonMenu[disabled="true"] {
 
 #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");
 
 /* ..... 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-tongue > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/tongue_n.gif");
+.insert-frown {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-frown.png"); 
 }
 
-.insert-frown > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/frown_n.gif"); 
+.insert-wink {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-wink.png");
 }
 
-.insert-wink > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/wink_n.gif");
+.insert-tongue {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-tongue.png");
 }
 
-.insert-laughing > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/laughing_n.gif"); 
+.insert-laughing {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-laughing.png"); 
 }
 
-.insert-embarrassed > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/embarrassed_n.gif");
+.insert-embarrassed {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-embarrassed.png");
 }
 
-.insert-undecided > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/undecided_n.gif"); 
+.insert-undecided {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-undecided.png"); 
 }
 
-.insert-surprise > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/surprise_n.gif");
+.insert-surprise {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-surprise.png"); 
 }
 
-.insert-kiss > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/kiss_n.gif");
+.insert-kiss {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-kiss.png"); 
 }
 
-.insert-yell > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/yell_n.gif");
+.insert-yell {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-yell.png"); 
 }
 
-.insert-cool > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/cool_n.gif");
+.insert-cool {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cool.png"); 
 }
 
-.insert-undecided > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/undecided_n.gif");
+.insert-money {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-money.png"); 
 }
 
-.insert-money > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/money_n.gif");
+.insert-foot {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-foot.png"); 
 }
 
-.insert-foot > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/foot_n.gif");
+.insert-innocent {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-innocent.png"); 
 }
 
-.insert-innocent > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/innocent_n.gif");
+.insert-cry {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-cry.png"); 
 }
 
-.insert-sealed > .menu-iconic-left {
-  list-style-image: url("chrome://editor/content/images/sealed_n.gif");
+.insert-sealed {
+  list-style-image: url("chrome://communicator/skin/icons/smileys/smiley-sealed.png"); 
 }
 
 /* ::::: fg/bg color picker ::::: */
 }
 
 #TextColorButton {
-  margin: 2px 9px 9px 2px;
+  margin-top: 2px;
+  margin-bottom: 9px;
+  -moz-margin-start: 2px;
+  -moz-margin-end: 9px;
 }
 
 #BackgroundColorButton {
-  margin: 9px 2px 2px 9px;
+  margin-top: 9px;
+  margin-bottom: 2px;
+  -moz-margin-start: 9px;
+  -moz-margin-end: 2px;
 }
 
 #HighlightColorButton {
 #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");
+}