@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;
+}