1 files changed, 311 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/editor/editorPrimaryToolbar.css b/comm/suite/themes/modern/editor/editorPrimaryToolbar.css
new file mode 100644
index 0000000000..5b0dd2ce6e
--- /dev/null
+++ b/comm/suite/themes/modern/editor/editorPrimaryToolbar.css
@@ -0,0 +1,311 @@
+/* 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 masthead ::::: */
+
+#EditToolbar > .toolbar-holder > .toolbar-primary-icon {
+  background-image: url("chrome://editor/skin/icons/mast-editor.png");
+  width: 57px;
+}
+
+.toolbar-primary-icon {
+  width: 57px;
+}
+
+/* ::::: primary toolbar buttons ::::: */
+
+.toolbarseparator-primary {
+  width: 9px !important;
+}
+
+#newButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(136px 49px 169px 0);
+}
+
+#newButton:hover {
+  -moz-image-region: rect(136px 99px 169px 50px);
+}
+
+#newButton:hover:active {
+  -moz-image-region: rect(136px 149px 169px 100px);
+}
+
+#newButton[disabled="true"] {
+  -moz-image-region: rect(136px 199px 169px 150px) !important;
+}
+
+#openButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(170px 49px 203px 0);
+}
+
+#openButton:hover {
+  -moz-image-region: rect(170px 99px 203px 50px);
+}
+
+#openButton:hover:active {
+  -moz-image-region: rect(170px 149px 203px 100px);
+}
+
+#openButton[disabled="true"] {
+  -moz-image-region: rect(170px 199px 203px 150px) !important;
+}
+
+#saveButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(238px 49px 271px 0);
+}
+
+#saveButton:hover {
+  -moz-image-region: rect(238px 99px 271px 50px);
+}
+
+#saveButton:hover:active {
+  -moz-image-region: rect(238px 149px 271px 100px);
+}
+
+#saveButton[disabled="true"] {
+  -moz-image-region: rect(238px 199px 271px 150px) !important;
+}
+
+#publishButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(340px 49px 373px 0);
+}
+
+#publishButton:hover {
+  -moz-image-region: rect(340px 99px 373px 50px);
+}
+
+#publishButton:hover:active {
+  -moz-image-region: rect(340px 149px 373px 100px);
+}
+
+#publishButton[disabled="true"] {
+  -moz-image-region: rect(340px 199px 373px 150px) !important;
+}
+
+#previewButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(204px 49px 237px 0);
+}
+
+#previewButton:hover {
+  -moz-image-region: rect(204px 99px 237px 50px);
+}
+
+#previewButton:hover:active {
+  -moz-image-region: rect(204px 149px 237px 100px);
+}
+
+#previewButton[disabled="true"] {
+  -moz-image-region: rect(204px 199px 237px 150px) !important;
+}
+
+/* To workaround that the composer icons are all 33px tall */
+#print-button {
+  -moz-image-region: rect(5px 42px 38px 0);
+}
+
+#print-button:hover {
+  -moz-image-region: rect(5px 84px 38px 42px);
+}
+
+#print-button:hover:active {
+  -moz-image-region: rect(5px 126px 38px 84px);
+}
+
+#print-button[disabled="true"] {
+  -moz-image-region: rect(5px 168px 38px 126px) !important;
+}
+
+#linkButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(102px 49px 135px 0);
+}
+
+#linkButton:hover {
+  -moz-image-region: rect(102px 99px 135px 50px);
+}
+
+#linkButton:hover:active {
+  -moz-image-region: rect(102px 149px 135px 100px);
+}
+
+#linkButton[disabled="true"] {
+  -moz-image-region: rect(102px 199px 135px 150px) !important;
+}
+
+#imageButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(68px 49px 101px 0);
+}
+
+#imageButton:hover {
+  -moz-image-region: rect(68px 99px 101px 50px);
+}
+
+#imageButton:hover:active {
+  -moz-image-region: rect(68px 149px 101px 100px);
+}
+
+#imageButton[disabled="true"] {
+  -moz-image-region: rect(68px 199px 101px 150px) !important;
+}
+
+#formButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(510px 49px 543px 0);
+}
+
+#formButton:hover {
+  -moz-image-region: rect(510px 99px 543px 50px);
+}
+
+#formButton:hover:active {
+  -moz-image-region: rect(510px 149px 543px 100px);
+}
+
+#formButton[disabled="true"] {
+  -moz-image-region: rect(510px 199px 543px 150px) !important;
+}
+
+#namedAnchorButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(0 49px 33px 0);
+}
+
+#namedAnchorButton:hover {
+  -moz-image-region: rect(0 99px 33px 50px);
+}
+
+#namedAnchorButton:hover:active {
+  -moz-image-region: rect(0 149px 33px 100px);
+}
+
+#namedAnchorButton[disabled="true"] {
+  -moz-image-region: rect(0 199px 33px 150px) !important;
+}
+
+#hlineButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(34px 49px 67px 0);
+}
+
+#hlineButton:hover {
+  -moz-image-region: rect(34px 99px 67px 50px);
+}
+
+#hlineButton:hover:active {
+  -moz-image-region: rect(34px 149px 67px 100px);
+}
+
+#hlineButton[disabled="true"] {
+  -moz-image-region: rect(34px 199px 67px 150px) !important;
+}
+
+#tableButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(306px 49px 339px 0);
+}
+
+#tableButton:hover {
+  -moz-image-region: rect(306px 99px 339px 50px);
+}
+
+#tableButton:hover:active {
+  -moz-image-region: rect(306px 149px 339px 100px);
+}
+
+#tableButton[disabled="true"] {
+  -moz-image-region: rect(306px 199px 339px 150px) !important;
+}
+
+#spellingButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(272px 49px 305px 0);
+}
+
+#spellingButton:hover {
+  -moz-image-region: rect(272px 99px 305px 50px);
+}
+
+#spellingButton:hover:active {
+  -moz-image-region: rect(272px 149px 305px 100px);
+}
+
+#spellingButton[disabled="true"] {
+  -moz-image-region: rect(272px 199px 305px 150px) !important;
+}
+
+#cutButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(374px 49px 407px 0);
+}
+
+#cutButton:hover {
+  -moz-image-region: rect(374px 99px 407px 50px);
+}
+
+#cutButton:hover:active {
+  -moz-image-region: rect(374px 149px 407px 100px);
+}
+
+#cutButton[disabled="true"] {
+  -moz-image-region: rect(374px 199px 407px 150px) !important;
+}
+
+#copyButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(408px 49px 441px 0);
+}
+
+#copyButton:hover {
+  -moz-image-region: rect(408px 99px 441px 50px);
+}
+
+#copyButton:hover:active {
+  -moz-image-region: rect(408px 149px 441px 100px);
+}
+
+#copyButton[disabled="true"] {
+  -moz-image-region: rect(408px 199px 441px 150px) !important;
+}
+
+#pasteButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(442px 49px 475px 0);
+}
+
+#pasteButton:hover {
+  -moz-image-region: rect(442px 99px 475px 50px);
+}
+
+#pasteButton:hover:active {
+  -moz-image-region: rect(442px 149px 475px 100px);
+}
+
+#pasteButton[disabled="true"] {
+  -moz-image-region: rect(442px 199px 475px 150px) !important;
+}
+
+#findButton {
+  list-style-image: url("chrome://editor/skin/icons/btn1.png");
+  -moz-image-region: rect(476px 49px 509px 0);
+}
+
+#findButton:hover {
+  -moz-image-region: rect(476px 99px 509px 50px);
+}
+
+#findButton:hover:active {
+  -moz-image-region: rect(476px 149px 509px 100px);
+}
+
+#findButton[disabled="true"] {
+  -moz-image-region: rect(476px 199px 509px 150px) !important;
+}