comm-central/suite/themes/classic/editor/editorPrimaryToolbar.css

Revision control

Copy as Markdown

Other Tools

/* 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/. */
/* ::::: primary toolbar buttons ::::: */
#newButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(120px 29px 149px 0);
}
#newButton:hover {
-moz-image-region: rect(120px 59px 149px 30px);
}
#newButton:hover:active {
-moz-image-region: rect(120px 89px 149px 60px);
}
#newButton[disabled="true"] {
-moz-image-region: rect(120px 119px 149px 90px) !important;
}
#openButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(150px 29px 179px 0);
}
#openButton:hover {
-moz-image-region: rect(150px 59px 179px 30px);
}
#openButton:hover:active {
-moz-image-region: rect(150px 89px 179px 60px);
}
#openButton[disabled="true"] {
-moz-image-region: rect(150px 119px 179px 90px) !important;
}
#saveButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(210px 29px 239px 0);
}
#saveButton:hover {
-moz-image-region: rect(210px 59px 239px 30px);
}
#saveButton:hover:active {
-moz-image-region: rect(210px 89px 239px 60px);
}
#saveButton[disabled="true"] {
-moz-image-region: rect(210px 119px 239px 90px) !important;
}
#publishButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(300px 29px 329px 0);
}
#publishButton:hover {
-moz-image-region: rect(300px 59px 329px 30px);
}
#publishButton:hover:active {
-moz-image-region: rect(300px 89px 329px 60px);
}
#publishButton[disabled="true"] {
-moz-image-region: rect(300px 119px 329px 90px) !important;
}
#previewButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(180px 29px 209px 0);
}
#previewButton:hover {
-moz-image-region: rect(180px 59px 209px 30px);
}
#previewButton:hover:active {
-moz-image-region: rect(180px 89px 209px 60px);
}
#previewButton[disabled="true"] {
-moz-image-region: rect(180px 119px 209px 90px) !important;
}
#linkButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(90px 29px 119px 0);
}
#linkButton:hover {
-moz-image-region: rect(90px 59px 119px 30px);
}
#linkButton:hover:active {
-moz-image-region: rect(90px 89px 119px 60px);
}
#linkButton[disabled="true"] {
-moz-image-region: rect(90px 119px 119px 90px) !important;
}
#imageButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(60px 29px 89px 0);
}
#imageButton:hover {
-moz-image-region: rect(60px 59px 89px 30px);
}
#imageButton:hover:active {
-moz-image-region: rect(60px 89px 89px 60px);
}
#imageButton[disabled="true"] {
-moz-image-region: rect(60px 119px 89px 90px) !important;
}
#formButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(450px 29px 479px 0);
}
#formButton:hover {
-moz-image-region: rect(450px 59px 479px 30px);
}
#formButton:hover:active {
-moz-image-region: rect(450px 89px 479px 60px);
}
#formButton[disabled="true"] {
-moz-image-region: rect(450px 119px 479px 90px) !important;
}
#namedAnchorButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(0 29px 29px 0);
}
#namedAnchorButton:hover {
-moz-image-region: rect(0 59px 29px 30px);
}
#namedAnchorButton:hover:active {
-moz-image-region: rect(0 89px 29px 60px);
}
#namedAnchorButton[disabled="true"] {
-moz-image-region: rect(0 119px 29px 90px) !important;
}
#hlineButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(30px 29px 59px 0);
}
#hlineButton:hover {
-moz-image-region: rect(30px 59px 59px 30px);
}
#hlineButton:hover:active {
-moz-image-region: rect(30px 89px 59px 60px);
}
#hlineButton[disabled="true"] {
-moz-image-region: rect(30px 119px 59px 90px) !important;
}
#tableButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(270px 29px 299px 0);
}
#tableButton:hover {
-moz-image-region: rect(270px 59px 299px 30px);
}
#tableButton:hover:active {
-moz-image-region: rect(270px 89px 299px 60px);
}
#tableButton[disabled="true"] {
-moz-image-region: rect(270px 119px 299px 90px) !important;
}
#spellingButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(240px 29px 269px 0);
}
#spellingButton:hover {
-moz-image-region: rect(240px 59px 269px 30px);
}
#spellingButton:hover:active {
-moz-image-region: rect(240px 89px 269px 60px);
}
#spellingButton[disabled="true"] {
-moz-image-region: rect(240px 119px 269px 90px) !important;
}
#cutButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(330px 29px 359px 0);
}
#cutButton:hover {
-moz-image-region: rect(330px 59px 359px 30px);
}
#cutButton:hover:active {
-moz-image-region: rect(330px 89px 359px 60px);
}
#cutButton[disabled="true"] {
-moz-image-region: rect(330px 119px 359px 90px) !important;
}
#copyButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(360px 29px 389px 0);
}
#copyButton:hover {
-moz-image-region: rect(360px 59px 389px 30px);
}
#copyButton:hover:active {
-moz-image-region: rect(360px 89px 389px 60px);
}
#copyButton[disabled="true"] {
-moz-image-region: rect(360px 119px 389px 90px) !important;
}
#pasteButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(390px 29px 419px 0);
}
#pasteButton:hover {
-moz-image-region: rect(390px 59px 419px 30px);
}
#pasteButton:hover:active {
-moz-image-region: rect(390px 89px 419px 60px);
}
#pasteButton[disabled="true"] {
-moz-image-region: rect(390px 119px 419px 90px) !important;
}
#findButton {
list-style-image: url("chrome://editor/skin/icons/editoricons.png");
-moz-image-region: rect(420px 29px 449px 0);
}
#findButton:hover {
-moz-image-region: rect(420px 59px 449px 30px);
}
#findButton:hover:active {
-moz-image-region: rect(420px 89px 449px 60px);
}
#findButton[disabled="true"] {
-moz-image-region: rect(420px 119px 449px 90px) !important;
}
/* ::::: small primary toolbar buttons ::::: */
toolbar[iconsize="small"] > #newButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #newButton {
-moz-image-region: rect(80px 19px 99px 0);
}
toolbar[iconsize="small"] > #newButton:hover {
-moz-image-region: rect(80px 39px 99px 20px);
}
toolbar[iconsize="small"] > #newButton:hover:active {
-moz-image-region: rect(80px 59px 99px 40px);
}
toolbar[iconsize="small"] > #newButton[disabled="true"] {
-moz-image-region: rect(80px 79px 99px 60px) !important;
}
toolbar[iconsize="small"] > #openButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #openButton {
-moz-image-region: rect(100px 19px 119px 0);
}
toolbar[iconsize="small"] > #openButton:hover {
-moz-image-region: rect(100px 39px 119px 20px);
}
toolbar[iconsize="small"] > #openButton:hover:active {
-moz-image-region: rect(100px 59px 119px 40px);
}
toolbar[iconsize="small"] > #openButton[disabled="true"] {
-moz-image-region: rect(100px 79px 119px 60px) !important;
}
toolbar[iconsize="small"] > #saveButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #saveButton {
-moz-image-region: rect(140px 19px 159px 0);
}
toolbar[iconsize="small"] > #saveButton:hover {
-moz-image-region: rect(140px 39px 159px 20px);
}
toolbar[iconsize="small"] > #saveButton:hover:active {
-moz-image-region: rect(140px 59px 159px 40px);
}
toolbar[iconsize="small"] > #saveButton[disabled="true"] {
-moz-image-region: rect(140px 79px 159px 60px) !important;
}
toolbar[iconsize="small"] > #publishButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #publishButton {
-moz-image-region: rect(200px 19px 219px 0);
}
toolbar[iconsize="small"] > #publishButton:hover {
-moz-image-region: rect(200px 39px 219px 20px);
}
toolbar[iconsize="small"] > #publishButton:hover:active {
-moz-image-region: rect(200px 59px 219px 40px);
}
toolbar[iconsize="small"] > #publishButton[disabled="true"] {
-moz-image-region: rect(200px 79px 219px 60px) !important;
}
toolbar[iconsize="small"] > #previewButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #previewButton {
-moz-image-region: rect(120px 19px 139px 0);
}
toolbar[iconsize="small"] > #previewButton:hover {
-moz-image-region: rect(120px 39px 139px 20px);
}
toolbar[iconsize="small"] > #previewButton:hover:active {
-moz-image-region: rect(120px 59px 139px 40px);
}
toolbar[iconsize="small"] > #previewButton[disabled="true"] {
-moz-image-region: rect(120px 79px 139px 60px) !important;
}
toolbar[iconsize="small"] > #linkButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #linkButton {
-moz-image-region: rect(60px 19px 79px 0);
}
toolbar[iconsize="small"] > #linkButton:hover {
-moz-image-region: rect(60px 39px 79px 20px);
}
toolbar[iconsize="small"] > #linkButton:hover:active {
-moz-image-region: rect(60px 59px 79px 40px);
}
toolbar[iconsize="small"] > #linkButton[disabled="true"] {
-moz-image-region: rect(60px 79px 79px 60px) !important;
}
toolbar[iconsize="small"] > #imageButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #imageButton {
-moz-image-region: rect(40px 19px 59px 0);
}
toolbar[iconsize="small"] > #imageButton:hover {
-moz-image-region: rect(40px 39px 59px 20px);
}
toolbar[iconsize="small"] > #imageButton:hover:active {
-moz-image-region: rect(40px 59px 59px 40px);
}
toolbar[iconsize="small"] > #imageButton[disabled="true"] {
-moz-image-region: rect(40px 79px 59px 60px) !important;
}
toolbar[iconsize="small"] > #formButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #formButton {
-moz-image-region: rect(300px 19px 319px 0);
}
toolbar[iconsize="small"] > #formButton:hover {
-moz-image-region: rect(300px 39px 319px 20px);
}
toolbar[iconsize="small"] > #formButton:hover:active {
-moz-image-region: rect(300px 59px 319px 40px);
}
toolbar[iconsize="small"] > #formButton[disabled="true"] {
-moz-image-region: rect(300px 79px 319px 60px) !important;
}
toolbar[iconsize="small"] > #namedAnchorButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #namedAnchorButton {
-moz-image-region: rect(0 19px 19px 0);
}
toolbar[iconsize="small"] > #namedAnchorButton:hover {
-moz-image-region: rect(0 39px 19px 20px);
}
toolbar[iconsize="small"] > #namedAnchorButton:hover:active {
-moz-image-region: rect(0 59px 19px 40px);
}
toolbar[iconsize="small"] > #namedAnchorButton[disabled="true"] {
-moz-image-region: rect(0 79px 19px 60px) !important;
}
toolbar[iconsize="small"] > #hlineButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #hlineButton {
-moz-image-region: rect(20px 19px 39px 0);
}
toolbar[iconsize="small"] > #hlineButton:hover {
-moz-image-region: rect(20px 39px 39px 20px);
}
toolbar[iconsize="small"] > #hlineButton:hover:active {
-moz-image-region: rect(20px 59px 39px 40px);
}
toolbar[iconsize="small"] > #hlineButton[disabled="true"] {
-moz-image-region: rect(20px 79px 39px 60px) !important;
}
toolbar[iconsize="small"] > #tableButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #tableButton {
-moz-image-region: rect(180px 19px 199px 0);
}
toolbar[iconsize="small"] > #tableButton:hover {
-moz-image-region: rect(180px 39px 199px 20px);
}
toolbar[iconsize="small"] > #tableButton:hover:active {
-moz-image-region: rect(180px 59px 199px 40px);
}
toolbar[iconsize="small"] > #tableButton[disabled="true"] {
-moz-image-region: rect(180px 79px 199px 60px) !important;
}
toolbar[iconsize="small"] > #spellingButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #spellingButton {
-moz-image-region: rect(160px 19px 179px 0);
}
toolbar[iconsize="small"] > #spellingButton:hover {
-moz-image-region: rect(160px 39px 179px 20px);
}
toolbar[iconsize="small"] > #spellingButton:hover:active {
-moz-image-region: rect(160px 59px 179px 40px);
}
toolbar[iconsize="small"] > #spellingButton[disabled="true"] {
-moz-image-region: rect(160px 79px 179px 60px) !important;
}
toolbar[iconsize="small"] > #cutButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #cutButton {
-moz-image-region: rect(220px 19px 239px 0);
}
toolbar[iconsize="small"] > #cutButton:hover {
-moz-image-region: rect(220px 39px 239px 20px);
}
toolbar[iconsize="small"] > #cutButton:hover:active {
-moz-image-region: rect(220px 59px 239px 40px);
}
toolbar[iconsize="small"] > #cutButton[disabled="true"] {
-moz-image-region: rect(220px 79px 239px 60px) !important;
}
toolbar[iconsize="small"] > #copyButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #copyButton {
-moz-image-region: rect(240px 19px 259px 0);
}
toolbar[iconsize="small"] > #copyButton:hover {
-moz-image-region: rect(240px 39px 259px 20px);
}
toolbar[iconsize="small"] > #copyButton:hover:active {
-moz-image-region: rect(240px 59px 259px 40px);
}
toolbar[iconsize="small"] > #copyButton[disabled="true"] {
-moz-image-region: rect(240px 79px 259px 60px) !important;
}
toolbar[iconsize="small"] > #pasteButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #pasteButton {
-moz-image-region: rect(260px 19px 279px 0);
}
toolbar[iconsize="small"] > #pasteButton:hover {
-moz-image-region: rect(260px 39px 279px 20px);
}
toolbar[iconsize="small"] > #pasteButton:hover:active {
-moz-image-region: rect(260px 59px 279px 40px);
}
toolbar[iconsize="small"] > #pasteButton[disabled="true"] {
-moz-image-region: rect(260px 79px 279px 60px) !important;
}
toolbar[iconsize="small"] > #findButton,
toolbar[iconsize="small"] > toolbarpaletteitem > #findButton {
-moz-image-region: rect(280px 19px 299px 0);
}
toolbar[iconsize="small"] > #findButton:hover {
-moz-image-region: rect(280px 39px 299px 20px);
}
toolbar[iconsize="small"] > #findButton:hover:active {
-moz-image-region: rect(280px 59px 299px 40px);
}
toolbar[iconsize="small"] > #findButton[disabled="true"] {
-moz-image-region: rect(280px 79px 299px 60px) !important;
}