diff options
Diffstat (limited to 'comm/suite/themes/modern/editor/editorPrimaryToolbar.css')
-rw-r--r-- | comm/suite/themes/modern/editor/editorPrimaryToolbar.css | 311 |
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; +} |