Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

6 files changed, 1139 insertions, 0 deletions

diff --git a/comm/suite/themes/classic/mac/editor/editor.css b/comm/suite/themes/classic/mac/editor/editor.css
new file mode 100644
index 0000000000..1c180f2f42
--- /dev/null
+++ b/comm/suite/themes/classic/mac/editor/editor.css
@@ -0,0 +1,84 @@
+/* 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/. */
+
+/* ==== editor.css ==========================================================
+   == Styles shared throughout the Editor application.
+   ========================================================================== */
+
+@import url("chrome://communicator/skin/");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#editorWindow {
+  -moz-appearance: none;
+  background-color: #EEEEEE;
+}
+
+#content-frame { 
+  min-width: 10px; 
+  min-height: 10px;
+  height: 400px;
+} 
+
+.source-editor,
+.source-editor:focus {
+  margin-top: 0px;
+  margin-bottom: 5px;
+  margin-inline-start: 0px;
+  margin-inline-end: 5px;
+  border: 0px;
+  /* Scroll bars are in content, 
+     so we can't use right and bottom padding! */
+  padding-top: 5px;
+  padding-bottom: 0px;
+  padding-inline-start: 5px;
+  padding-inline-end: 0px;
+}
+
+/* Multiline textarea for HTML source editing */
+#content-source,
+#doctype-text {
+  font-family: -moz-fixed;
+  font-size: initial;
+}
+
+#ContentWindowDeck {
+  border-left: 1px solid ThreeDDarkShadow;
+  border-right: 1px solid ThreeDLightShadow;
+}
+
+/* ::::: struct toolbar ::::: */
+
+#structToolbar {
+  min-width: 1px;
+  overflow: -moz-hidden-unscrollable;
+}
+
+#structSpacer {
+  margin: 2px 0px;
+}
+
+.struct-button {
+  padding: 2px;
+}
+
+.struct-button[checked="true"] {
+  font-weight: bold;
+}
+
+.struct-textbox {
+  -moz-appearance: none !important;
+  padding: 0px !important;
+  margin: 0px !important;
+  border: none !important;
+}
+
+/* ::::: lightweight themes ::::: */
+
+#EditModeToolbar:-moz-lwtheme {
+  text-shadow: none;
+  color: -moz-dialogtext;
+  background-color: -moz-dialog;
+}
+
diff --git a/comm/suite/themes/classic/mac/editor/editorFormatToolbar.css b/comm/suite/themes/classic/mac/editor/editorFormatToolbar.css
new file mode 100644
index 0000000000..d3f6ff36d8
--- /dev/null
+++ b/comm/suite/themes/classic/mac/editor/editorFormatToolbar.css
@@ -0,0 +1,538 @@
+/* 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 toolbar and buttons ::::: */
+
+#FormatToolbar {
+  -moz-appearance: none;
+  border-bottom: 1px solid rgba(0,0,0,0.35);
+}
+
+#FormatToolbar > toolbarbutton > .toolbarbutton-text {
+  display: none;
+}
+
+toolbarbutton.formatting-button {
+  list-style-image: url("chrome://editor/skin/icons/btn2.png");
+  min-width: 32px;
+}
+
+#DecreaseFontSizeButton {
+  -moz-image-region: rect(64px 14px 80px 0px);
+}
+
+#DecreaseFontSizeButton:hover {
+  -moz-image-region: rect(64px 28px 80px 14px);
+}
+
+#DecreaseFontSizeButton:hover:active {
+  -moz-image-region: rect(64px 42px 80px 28px);
+}
+
+#DecreaseFontSizeButton[disabled="true"] {
+  -moz-image-region: rect(64px 56px 80px 42px) !important;
+}
+
+#IncreaseFontSizeButton {
+  -moz-image-region: rect(81px 18px 98px 0px);
+}
+
+#IncreaseFontSizeButton:hover {
+  -moz-image-region: rect(81px 36px 98px 18px);
+}
+
+#IncreaseFontSizeButton:hover:active {
+  -moz-image-region: rect(81px 54px 98px 36px);
+}
+
+#IncreaseFontSizeButton[disabled="true"] {
+  -moz-image-region: rect(81px 72px 98px 54px) !important;
+}
+
+#boldButton {
+  -moz-image-region: rect(16px 16px 32px 0px);
+}
+
+#boldButton:hover {
+  -moz-image-region: rect(16px 32px 32px 16px);
+}
+
+#boldButton:hover:active {
+  -moz-image-region: rect(16px 48px 32px 32px);
+}
+
+#boldButton[checked="true"] {
+  -moz-image-region: rect(16px 16px 32px 0px);
+}
+
+#boldButton[disabled="true"] {
+  -moz-image-region: rect(16px 64px 32px 48px) !important;
+}
+
+#italicButton {
+  -moz-image-region: rect(98px 16px 114px 0px);
+}
+
+#italicButton:hover {
+  -moz-image-region: rect(98px 32px 114px 16px);
+}
+
+#italicButton:hover:active {
+  -moz-image-region: rect(98px 48px 114px 32px);
+}
+
+#italicButton[checked="true"] {
+  -moz-image-region: rect(98px 16px 114px 0px);
+}
+
+#italicButton[disabled="true"] {
+  -moz-image-region: rect(98px 64px 114px 48px) !important;
+}
+
+#underlineButton {
+  -moz-image-region: rect(114px 16px 130px 0px);
+}
+
+#underlineButton:hover {
+  -moz-image-region: rect(114px 32px 130px 16px);
+}
+
+#underlineButton:hover:active {
+  -moz-image-region: rect(114px 48px 130px 32px);
+}
+
+#underlineButton[checked="true"] {
+  -moz-image-region: rect(114px 16px 130px 0px);
+}
+
+#underlineButton[disabled="true"] {
+  -moz-image-region: rect(114px 64px 130px 48px) !important;
+}
+
+#ulButton {
+  -moz-image-region: rect(32px 16px 48px 0px);
+}
+
+#ulButton:hover {
+  -moz-image-region: rect(32px 32px 48px 16px);
+}
+
+#ulButton:hover:active {
+  -moz-image-region: rect(32px 48px 48px 32px);
+}
+
+#ulButton[checked="true"] {
+  -moz-image-region: rect(32px 16px 48px 0px);
+}
+
+#ulButton[disabled="true"] {
+  -moz-image-region: rect(32px 64px 48px 48px) !important;
+}
+
+#olButton {
+  -moz-image-region: rect(194px 16px 210px 0px);
+}
+
+#olButton:hover {
+  -moz-image-region: rect(194px 32px 210px 16px);
+}
+
+#olButton:hover:active {
+  -moz-image-region: rect(194px 48px 210px 32px);
+}
+
+#olButton[checked="true"] {
+  -moz-image-region: rect(194px 16px 210px 0px);
+}
+
+#olButton[disabled="true"] {
+  -moz-image-region: rect(194px 64px 210px 48px) !important;
+}
+
+#outdentButton {
+  -moz-image-region: rect(210px 16px 226px 0px);
+}
+
+#outdentButton:hover {
+  -moz-image-region: rect(210px 32px 226px 16px);
+}
+
+#outdentButton:hover:active {
+  -moz-image-region: rect(210px 48px 226px 32px);
+}
+
+#outdentButton[disabled="true"] {
+  -moz-image-region: rect(210px 64px 226px 48px) !important;
+}
+
+#indentButton {
+  -moz-image-region: rect(178px 16px 194px 0px);
+}
+
+#indentButton:hover {
+  -moz-image-region: rect(178px 32px 194px 16px);
+}
+
+#indentButton:hover:active {
+  -moz-image-region: rect(178px 48px 194px 32px);
+}
+
+#indentButton[disabled="true"] {
+  -moz-image-region: rect(178px 64px 194px 48px) !important;
+}
+
+#align-left-button {
+  -moz-image-region: rect(146px 16px 162px 0px);
+}
+
+#align-left-button:hover {
+  -moz-image-region: rect(146px 32px 162px 16px);
+}
+
+#align-left-button:hover:active {
+  -moz-image-region: rect(146px 48px 162px 32px);
+}
+
+#align-left-button[checked="true"] {
+  -moz-image-region: rect(146px 16px 162px 0px);
+}
+
+#align-left-button[disabled="true"] {
+  -moz-image-region: rect(146px 64px 162px 48px) !important;
+}
+
+#align-center-button {
+  -moz-image-region: rect(48px 16px 64px 0px);
+}
+
+#align-center-button:hover {
+  -moz-image-region: rect(48px 32px 64px 16px);
+}
+
+#align-center-button:hover:active {
+  -moz-image-region: rect(48px 48px 64px 32px);
+}
+
+#align-center-button[checked="true"] {
+  -moz-image-region: rect(48px 16px 64px 0px);
+}
+
+#align-center-button[disabled="true"] {
+  -moz-image-region: rect(48px 64px 64px 48px) !important;
+}
+
+#align-right-button {
+  -moz-image-region: rect(162px 16px 178px 0px);
+}
+
+#align-right-button:hover {
+  -moz-image-region: rect(162px 32px 178px 16px);
+}
+
+#align-right-button:hover:active {
+  -moz-image-region: rect(162px 48px 178px 32px);
+}
+
+#align-right-button[checked="true"] {
+  -moz-image-region: rect(162px 16px 178px 0px);
+}
+
+#align-right-button[disabled="true"] {
+  -moz-image-region: rect(162px 64px 178px 48px) !important;
+}
+
+#align-justify-button {
+  -moz-image-region: rect(130px 16px 146px 0px);
+}
+
+#align-justify-button:hover {
+  -moz-image-region: rect(130px 32px 146px 16px);
+}
+
+#align-justify-button:hover:active {
+  -moz-image-region: rect(130px 48px 146px 32px);
+}
+
+#align-justify-button[checked="true"] {
+  -moz-image-region: rect(130px 16px 146px 0px);
+}
+
+#align-justify-button[disabled="true"] {
+  -moz-image-region: rect(130px 64px 146px 48px) !important;
+}
+
+#AlignPopupButton {
+  -moz-image-region: rect(0px 16px 16px 0px);
+}
+
+#AlignPopupButton:hover {
+  -moz-image-region: rect(0px 32px 16px 16px);
+}
+
+#AlignPopupButton[open="true"] {
+  -moz-image-region: rect(0px 48px 16px 32px) !important;
+}
+
+#AlignPopupButton[disabled="true"] {
+  -moz-image-region: rect(0px 64px 16px 48px) !important;
+}
+
+#InsertPopupButton {
+  -moz-image-region: rect(244px 16px 260px 0px);
+}
+
+#InsertPopupButton:hover {
+  -moz-image-region: rect(244px 32px 260px 16px);
+}
+
+#InsertPopupButton[open="true"] {
+  -moz-image-region: rect(244px 48px 260px 32px) !important;
+}
+
+#InsertPopupButton[disabled="true"] {
+  -moz-image-region: rect(244px 64px 260px 48px) !important;
+}
+
+#smileButtonMenu {
+  -moz-image-region: rect(227px 17px 244px 0px);
+}
+
+#smileButtonMenu:hover {
+  -moz-image-region: rect(227px 34px 244px 17px);
+}
+
+#smileButtonMenu[open="true"] {
+  -moz-image-region: rect(227px 51px 244px 34px) !important;
+}
+
+#smileButtonMenu[disabled="true"] {
+  -moz-image-region: rect(227px 68px 244px 51px) !important;
+}
+
+/* ::::: menuitem icons ::::: */
+
+/* ..... align menu ..... */
+
+#AlignPopup > menuitem {
+  list-style-image: url("chrome://editor/skin/icons/btn2.png");
+}
+
+#AlignLeftItem {
+  -moz-image-region: rect(146px 16px 162px 0px);
+}
+
+#AlignCenterItem {
+  -moz-image-region: rect(48px 16px 64px 0px);
+}
+
+#AlignRightItem {
+  -moz-image-region: rect(162px 16px 178px 0px);
+}
+
+#AlignJustifyItem {
+  -moz-image-region: rect(130px 16px 146px 0px);
+}
+
+/* ..... insert menu ..... */
+
+#InsertPopup > menuitem {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+}
+
+#InsertLinkItem {
+  -moz-image-region: rect(60px 19px 79px 0);
+}
+
+#InsertAnchorItem {
+  -moz-image-region: rect(0 19px 19px 0);
+}
+
+#InsertImageItem {
+  -moz-image-region: rect(40px 19px 59px 0);
+}
+
+#InsertHRuleItem {
+  -moz-image-region: rect(20px 19px 39px 0);
+}
+
+#InsertTableItem {
+  -moz-image-region: rect(180px 19px 199px 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 ThreeDFace;
+  margin: 0px;
+  padding: 2px;
+}
+
+.color-button {
+  border: 1px inset ThreeDFace;
+  padding: 0px;
+  width: 14px;
+  height: 12px;
+  margin: 2px;
+}
+
+.color-button:hover {
+  border: 1px solid ThreeDDarkShadow;
+}
+
+#TextColorButton {
+  margin-top: 2px;
+  margin-bottom: 9px;
+  margin-inline-start: 2px;
+  margin-inline-end: 9px;
+}
+
+#BackgroundColorButton {
+  margin-top: 9px;
+  margin-bottom: 2px;
+  margin-inline-start: 9px;
+  margin-inline-end: 2px;
+}
+
+#HighlightColorButton {
+  -moz-image-region: rect(260px 16px 272px 0px);
+  background-color: transparent;
+}
+
+#HighlightColorButton:hover {
+  -moz-image-region: rect(260px 32px 272px 16px);
+}
+
+#HighlightColorButton:hover:active {
+  -moz-image-region: rect(260px 48px 272px 32px);
+}
+
+#HighlightColorButton[disabled="true"],
+#HighlightColorButton[disabled="true"]:hover,
+#HighlightColorButton[disabled="true"]:hover:active {
+  -moz-image-region: rect(260px 64px 272px 48px);
+}
+
+
+#absolutePositionButton {
+  -moz-image-region: rect(273px 16px 289px 0px);
+}
+
+#absolutePositionButton:hover {
+  -moz-image-region: rect(273px 32px 289px 16px);
+}
+
+#absolutePositionButton:hover:active {
+  -moz-image-region: rect(273px 48px 289px 32px);
+}
+
+#absolutePositionButton[disabled="true"] {
+  -moz-image-region: rect(273px 64px 289px 48px) ! important;
+}
+
+#absolutePositionButton[checked="true"]{
+  -moz-image-region: rect(289px 16px 305px 0px);
+}
+
+#absolutePositionButton[checked="true"]:hover {
+  -moz-image-region: rect(289px 32px 305px 16px);
+}
+
+#absolutePositionButton[checked="true"]:hover:active {
+  -moz-image-region: rect(289px 48px 305px 32px);
+}
+
+#increaseZIndexButton {
+  list-style-image: url("chrome://editor/content/images/bringtofront.png");
+}
+
+#increaseZIndexButton[disabled="true"] {
+  list-style-image: url("chrome://editor/content/images/bringtofront-disabled.png");
+}
+
+#decreaseZIndexButton {
+  list-style-image: url("chrome://editor/content/images/sendtoback.png");
+}
+
+#decreaseZIndexButton[disabled="true"] {
+  list-style-image: url("chrome://editor/content/images/sendtoback-disabled.png");
+}
+
+/* Force the folder location and mail view items to fit in the available width
+   in the Customize Toolbar dialog. */
+#palette-box #paragraph-select-container,
+#palette-box #ParagraphSelect,
+#palette-box #font-face-select-container,
+#palette-box #FontFaceSelect,
+#palette-box #font-size-select-container,
+#palette-box #FontSizeSelect {
+  -moz-box-flex: 1;
+}
diff --git a/comm/suite/themes/classic/mac/editor/editorModeToolbar.css b/comm/suite/themes/classic/mac/editor/editorModeToolbar.css
new file mode 100644
index 0000000000..79762cc446
--- /dev/null
+++ b/comm/suite/themes/classic/mac/editor/editorModeToolbar.css
@@ -0,0 +1,76 @@
+/* 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");
+
+/* ::::: edit mode toolbar ::::: */
+
+#EditModeToolbar {
+  -moz-box-align: start;
+  min-width: 1px;
+}
+
+#NormalModeButton {
+  list-style-image: url("chrome://editor/skin/icons/editmode-normal.png");
+}
+
+#TagModeButton {
+  list-style-image: url("chrome://editor/skin/icons/editmode-tags.png");
+}
+
+#SourceModeButton {
+  list-style-image: url("chrome://editor/skin/icons/editmode-html.png");
+}
+
+#PreviewModeButton {
+  list-style-image: url("chrome://editor/skin/icons/editmode-preview.png"); 
+}
+
+#EditModeTabs {
+  background-color: rgba(0, 0, 0, 0.1);
+  padding: 0;
+  margin: 0;
+  border-top: 1px solid #888;
+  -moz-box-align: start;
+  font: message-box;
+}
+#EditModeTabs > .tabs-left {
+  -moz-box-flex: 0;
+}
+
+.tab-bottom {
+  -moz-appearance: none;
+  margin: -1px 0 0;
+  padding: 0 0 2px 0;
+  position: relative;
+  border-inline-end: 1px solid rgba(0, 0, 0, 0.19);
+}
+
+.tab-bottom:first-of-type {
+  border-inline-start: 1px solid rgba(0, 0, 0, 0.19);
+}
+
+.tab-bottom > .tab-middle {
+  padding: 1px 2px 0 2px;
+}
+
+.tab-bottom:not([visuallyselected=true]):hover {
+  background-color: rgba(0, 0, 0, 0.1);
+  border-inline-end-color: rgba(0, 0, 0, 0.1);
+}
+
+.tab-bottom[visuallyselected=true] {
+  color: #000;
+  text-shadow: none;
+  border: solid #888;
+  border-width: 0 1px 1px;
+  border-radius: 2px;
+  margin-inline-end: -1px;
+  margin-bottom: 1px;
+  padding: 0;
+}
+
+.tab-bottom[visuallyselected=true] > .tab-middle {
+  -moz-appearance: dialog;
+}
diff --git a/comm/suite/themes/classic/mac/editor/editorPrimaryToolbar.css b/comm/suite/themes/classic/mac/editor/editorPrimaryToolbar.css
new file mode 100644
index 0000000000..bf2ec77e82
--- /dev/null
+++ b/comm/suite/themes/classic/mac/editor/editorPrimaryToolbar.css
@@ -0,0 +1,441 @@
+/* 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");
+
+/* ::::: primary toolbar buttons ::::: */
+
+#newButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(120px 29px 149px 0);
+}
+
+#newButton:hover:active {
+  -moz-image-region: rect(120px 59px 149px 30px);
+}
+
+#newButton[disabled="true"] {
+  -moz-image-region: rect(120px 89px 149px 60px) !important;
+}
+
+#openButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(150px 29px 179px 0);
+}
+
+#openButton:hover:active {
+  -moz-image-region: rect(150px 59px 179px 30px);
+}
+
+#openButton[disabled="true"] {
+  -moz-image-region: rect(150px 89px 179px 60px) !important;
+}
+
+#saveButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(210px 29px 239px 0);
+}
+
+#saveButton:hover:active {
+  -moz-image-region: rect(210px 59px 239px 30px);
+}
+
+#saveButton[disabled="true"] {
+  -moz-image-region: rect(210px 89px 239px 60px) !important;
+}
+
+#publishButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(300px 29px 329px 0);
+}
+
+#publishButton:hover:active {
+  -moz-image-region: rect(300px 59px 329px 30px);
+}
+
+#publishButton[disabled="true"] {
+  -moz-image-region: rect(300px 89px 329px 60px) !important;
+}
+
+#previewButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(180px 29px 209px 0);
+}
+
+#previewButton:hover:active {
+  -moz-image-region: rect(180px 59px 209px 30px);
+}
+
+#previewButton[disabled="true"] {
+  -moz-image-region: rect(180px 89px 209px 60px) !important;
+}
+
+#linkButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(90px 29px 119px 0);
+}
+
+#linkButton:hover:active {
+  -moz-image-region: rect(90px 59px 119px 30px);
+}
+
+#linkButton[disabled="true"] {
+  -moz-image-region: rect(90px 89px 119px 60px) !important;
+}
+
+#imageButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(60px 29px 89px 0);
+}
+
+#imageButton:hover:active {
+  -moz-image-region: rect(60px 59px 89px 30px);
+}
+
+#imageButton[disabled="true"] {
+  -moz-image-region: rect(60px 89px 89px 60px) !important;
+}
+
+#formButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(450px 29px 479px 0);
+}
+
+#formButton:hover:active {
+  -moz-image-region: rect(450px 59px 479px 30px);
+}
+
+#formButton[disabled="true"] {
+  -moz-image-region: rect(450px 89px 479px 60px) !important;
+}
+
+#namedAnchorButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(0 29px 29px 0);
+}
+
+#namedAnchorButton:hover:active {
+  -moz-image-region: rect(0 59px 29px 30px);
+}
+
+#namedAnchorButton[disabled="true"] {
+  -moz-image-region: rect(0 89px 29px 60px) !important;
+}
+
+#hlineButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(30px 29px 59px 0);
+}
+
+#hlineButton:hover:active {
+  -moz-image-region: rect(30px 59px 59px 30px);
+}
+
+#hlineButton[disabled="true"] {
+  -moz-image-region: rect(30px 89px 59px 60px) !important;
+}
+
+#tableButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(270px 29px 299px 0);
+}
+
+#tableButton:hover:active {
+  -moz-image-region: rect(270px 59px 299px 30px);
+}
+
+#tableButton[disabled="true"] {
+  -moz-image-region: rect(270px 89px 299px 60px) !important;
+}
+
+#spellingButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(240px 29px 269px 0);
+}
+
+#spellingButton:hover:active {
+  -moz-image-region: rect(240px 59px 269px 30px);
+}
+
+#spellingButton[disabled="true"] {
+  -moz-image-region: rect(240px 89px 269px 60px) !important;
+}
+
+#cutButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(330px 29px 359px 0);
+}
+
+#cutButton:hover:active {
+  -moz-image-region: rect(330px 59px 359px 30px);
+}
+
+#cutButton[disabled="true"] {
+  -moz-image-region: rect(330px 89px 359px 60px) !important;
+}
+
+#copyButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(360px 29px 389px 0);
+}
+
+#copyButton:hover:active {
+  -moz-image-region: rect(360px 59px 389px 30px);
+}
+
+#copyButton[disabled="true"] {
+  -moz-image-region: rect(360px 89px 389px 60px) !important;
+}
+
+#pasteButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(390px 29px 419px 0);
+}
+
+#pasteButton:hover:active {
+  -moz-image-region: rect(390px 59px 419px 30px);
+}
+
+#pasteButton[disabled="true"] {
+  -moz-image-region: rect(390px 89px 419px 60px) !important;
+}
+
+#findButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons.png");
+  -moz-image-region: rect(420px 29px 449px 0);
+}
+
+#findButton:hover:active {
+  -moz-image-region: rect(420px 59px 449px 30px);
+}
+
+#findButton[disabled="true"] {
+  -moz-image-region: rect(420px 89px 449px 60px) !important;
+}
+
+/* ::::: small primary toolbar buttons ::::: */
+
+toolbar[iconsize="small"] > #newButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #newButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(80px 19px 99px 0);
+}
+
+toolbar[iconsize="small"] > #newButton:hover:active {
+  -moz-image-region: rect(80px 39px 99px 20px);
+}
+
+toolbar[iconsize="small"] > #newButton[disabled="true"] {
+  -moz-image-region: rect(80px 59px 99px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #openButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #openButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(100px 19px 119px 0);
+}
+
+toolbar[iconsize="small"] > #openButton:hover:active {
+  -moz-image-region: rect(100px 39px 119px 20px);
+}
+
+toolbar[iconsize="small"] > #openButton[disabled="true"] {
+  -moz-image-region: rect(100px 59px 119px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #saveButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #saveButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(140px 19px 159px 0);
+}
+
+toolbar[iconsize="small"] > #saveButton:hover:active {
+  -moz-image-region: rect(140px 39px 159px 20px);
+}
+
+toolbar[iconsize="small"] > #saveButton[disabled="true"] {
+  -moz-image-region: rect(140px 59px 159px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #publishButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #publishButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(200px 19px 219px 0);
+}
+
+toolbar[iconsize="small"] > #publishButton:hover:active {
+  -moz-image-region: rect(200px 39px 219px 20px);
+}
+
+toolbar[iconsize="small"] > #publishButton[disabled="true"] {
+  -moz-image-region: rect(200px 59px 219px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #previewButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #previewButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(120px 19px 139px 0);
+}
+
+toolbar[iconsize="small"] > #previewButton:hover:active {
+  -moz-image-region: rect(120px 39px 139px 20px);
+}
+
+toolbar[iconsize="small"] > #previewButton[disabled="true"] {
+  -moz-image-region: rect(120px 59px 139px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #linkButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #linkButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(60px 19px 79px 0);
+}
+
+toolbar[iconsize="small"] > #linkButton:hover:active {
+  -moz-image-region: rect(60px 39px 79px 20px);
+}
+
+toolbar[iconsize="small"] > #linkButton[disabled="true"] {
+  -moz-image-region: rect(60px 59px 79px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #imageButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #imageButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(40px 19px 59px 0);
+}
+
+toolbar[iconsize="small"] > #imageButton:hover:active {
+  -moz-image-region: rect(40px 39px 59px 20px);
+}
+
+toolbar[iconsize="small"] > #imageButton[disabled="true"] {
+  -moz-image-region: rect(40px 59px 59px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #formButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #formButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(300px 19px 319px 0);
+}
+
+toolbar[iconsize="small"] > #formButton:hover:active {
+  -moz-image-region: rect(300px 39px 319px 20px);
+}
+
+toolbar[iconsize="small"] > #formButton[disabled="true"] {
+  -moz-image-region: rect(300px 59px 319px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #namedAnchorButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #namedAnchorButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(0 19px 19px 0);
+}
+
+toolbar[iconsize="small"] > #namedAnchorButton:hover:active {
+  -moz-image-region: rect(0 39px 19px 20px);
+}
+
+toolbar[iconsize="small"] > #namedAnchorButton[disabled="true"] {
+  -moz-image-region: rect(0 59px 19px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #hlineButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #hlineButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(20px 19px 39px 0);
+}
+
+toolbar[iconsize="small"] > #hlineButton:hover:active {
+  -moz-image-region: rect(20px 39px 39px 20px);
+}
+
+toolbar[iconsize="small"] > #hlineButton[disabled="true"] {
+  -moz-image-region: rect(20px 59px 39px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #tableButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #tableButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(180px 19px 199px 0);
+}
+
+toolbar[iconsize="small"] > #tableButton:hover:active {
+  -moz-image-region: rect(180px 39px 199px 20px);
+}
+
+toolbar[iconsize="small"] > #tableButton[disabled="true"] {
+  -moz-image-region: rect(180px 59px 199px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #spellingButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #spellingButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(160px 19px 179px 0);
+}
+
+toolbar[iconsize="small"] > #spellingButton:hover:active {
+  -moz-image-region: rect(160px 39px 179px 20px);
+}
+
+toolbar[iconsize="small"] > #spellingButton[disabled="true"] {
+  -moz-image-region: rect(160px 59px 179px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #cutButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #cutButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(220px 19px 239px 0);
+}
+
+toolbar[iconsize="small"] > #cutButton:hover:active {
+  -moz-image-region: rect(220px 39px 239px 20px);
+}
+
+toolbar[iconsize="small"] > #cutButton[disabled="true"] {
+  -moz-image-region: rect(220px 59px 239px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #copyButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #copyButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(240px 19px 259px 0);
+}
+
+toolbar[iconsize="small"] > #copyButton:hover:active {
+  -moz-image-region: rect(240px 39px 259px 20px);
+}
+
+toolbar[iconsize="small"] > #copyButton[disabled="true"] {
+  -moz-image-region: rect(240px 59px 259px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #pasteButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #pasteButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(260px 19px 279px 0);
+}
+
+toolbar[iconsize="small"] > #pasteButton:hover:active {
+  -moz-image-region: rect(260px 39px 279px 20px);
+}
+
+toolbar[iconsize="small"] > #pasteButton[disabled="true"] {
+  -moz-image-region: rect(260px 59px 279px 40px) !important;
+}
+
+toolbar[iconsize="small"] > #findButton,
+toolbar[iconsize="small"] > toolbarpaletteitem > #findButton {
+  list-style-image: url("chrome://editor/skin/icons/editoricons-small.png");
+  -moz-image-region: rect(280px 19px 299px 0);
+}
+
+toolbar[iconsize="small"] > #findButton:hover:active {
+  -moz-image-region: rect(280px 39px 299px 20px);
+}
+
+toolbar[iconsize="small"] > #findButton[disabled="true"] {
+  -moz-image-region: rect(280px 59px 299px 40px) !important;
+}
diff --git a/comm/suite/themes/classic/mac/editor/icons/editoricons-small.png b/comm/suite/themes/classic/mac/editor/icons/editoricons-small.png
new file mode 100644
index 0000000000..c42e638f92
--- /dev/null
+++ b/comm/suite/themes/classic/mac/editor/icons/editoricons-small.png
diff --git a/comm/suite/themes/classic/mac/editor/icons/editoricons.png b/comm/suite/themes/classic/mac/editor/icons/editoricons.png
new file mode 100644
index 0000000000..6be73b1a31
--- /dev/null
+++ b/comm/suite/themes/classic/mac/editor/icons/editoricons.png