diff options
Diffstat (limited to 'comm/suite/themes/classic/editor')
21 files changed, 1534 insertions, 0 deletions
diff --git a/comm/suite/themes/classic/editor/EditorDialog.css b/comm/suite/themes/classic/editor/EditorDialog.css new file mode 100644 index 0000000000..3b7d7f04af --- /dev/null +++ b/comm/suite/themes/classic/editor/EditorDialog.css @@ -0,0 +1,267 @@ +/* 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"); + +.MinWidth5em { + min-width: 5em; +} + +.MinWidth10em { + min-width: 10em; +} + +.MinWidth20em { + min-width: 20em; +} + +.bold { + font-weight: bold; +} + +.italic { + font-style: italic; +} + +.larger { + font-size: 120%; +} + +.narrow { + width: 3em; +} + +.wrap { + width: 1em; +} + +.menuitem-highlight-1 { + font-weight : bold; +} + +.color-well { + width: 20px; + height: 12px; + border: 1px inset #CCCCCC; +} + +.color-well[default="true"] { + border: 1px solid transparent !important; + background-color: inherit !important; +} + +.color-button { + /* override large default min-width */ + min-width : 0px; + margin: 2px; +} + +#ColorPicker { + -moz-user-focus: normal; +} + +#ColorPickerSwatch { + border : 2px outset #CCCCCC; + width: 25px; + height: 20px; + margin-top: 0px; + margin-bottom: 0px; + margin-inline-start: 0px; + margin-inline-end: 3px; +} + +#ColorPickerSwatch[default="true"] { + border : 2px solid transparent; + background-color: inherit; +} + +#LastPickedColor { + width: 17px; + height: 13px; + border: 1px inset #CCCCCC; + margin-top: 1px; + margin-bottom: 2px; + margin-inline-start: 4px; + margin-inline-end: 2px; +} + +#ColorPreview { + border: 1px inset #CCCCCC; + margin-inline-start: 10px; + padding: 0 5px; + min-width: 100px; + min-height: 50px; +} + +/* ::::: table properties dialog ::::: */ + +#MoreFewerButton[more="0"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + min-width: 12em; +} + +#MoreFewerButton[more="1"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); + min-width: 12em; +} + +#PreviousButton { + list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); +} + +#NextButton { + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); +} + +#PreviousButton[type="row"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} + +#NextButton[type="row"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); +} + +/* ::::: spelling dialog ::::: */ + +#ReplaceWordInput { + min-width: 16em; + width: 16em; +} + +.spell-check { + min-width: 8em; +} + +/* ::::: color picker ::::: */ + +/* use outset shape for a button look */ +.colorpicker { + border: 1px outset #CCCCCC; + /* This should be the same as for textbox */ + margin-inline-start: 4px; + /* For a little extra space between buttons */ + margin-bottom: 2px; +} + + +.colorpicker:active { + border: 1px inset #CCCCCC; +} + +.smallspacer { + width: 3px; + height: 3px; + min-width: 3px; + min-height: 3px; +} + +.spacer { + width: 5px; + height: 5px; + min-width: 5px; + min-height: 5px; +} + +.bigspacer { + width: 10px; + height: 10px; + min-width: 10px; + min-height: 10px; +} + +/* These should be the width of the checkbox and radio button images + margin + padding + Used to indent below those to the level of the text label next to image +*/ +.checkbox-spacer { + width: 2em; + min-width: 2em; +} + +.radio-spacer { + width: 2em; + min-width: 2em; +} + +.align-menu > .menu-iconic-left > .menu-iconic-icon { + height: auto; + width: auto; +} + +.align-menu[value="top"] { + list-style-image:url("chrome://editor/skin/icons/img-align-top.png") !important; +} + +.align-menu[value="middle"] { + list-style-image:url("chrome://editor/skin/icons/img-align-middle.png") !important; +} + +.align-menu[value="bottom"] { + list-style-image:url("chrome://editor/skin/icons/img-align-bottom.png") !important; +} + +.align-menu[value="right"] { + list-style-image:url("chrome://editor/skin/icons/img-align-right.png") !important; +} + +.align-menu[value="left"] { + list-style-image:url("chrome://editor/skin/icons/img-align-left.png") !important; +} + +/* Don't change width/height of these without changing values in + GetOriginalWidth(), EdImageProps.js +*/ +#preview-image-box { + border: 1px inset #CCCCCC; + width : 82px; + max-width : 82px; + min-width : 82px; + height : 52px; + max-height : 52px; + min-height : 52px; + margin : 6px 5px; + overflow : -moz-hidden-unscrollable; +} + +#preview-image-holder { + padding : 0px; + margin : 0px; +} + +/* Rest are from Ben Goodger for Advanced Edit dialog + These need reviewing and eliminate all but essential attributes */ +/* Have made some mods and eliminated some unnecessary portions. + hope to merge most of the treecell formatting into global as some of + this "property list" style treecell formatting is used by cookie/signon + viewers. */ + + +#tagLabel { + font-weight: bold; +} + +/* styles for an attribute tree-table */ +.AttributesTree { + min-width : 200px; + min-height: 200px; +} + +/* ::::: select edit dialog ::::: */ + +#SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) { + background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat; +} + +/* ::::: Publishing Progress ::::: */ + +.progressitem[progress="busy"] { + list-style-image: url("chrome://editor/skin/icons/progress-busy.png"); +} + +.progressitem[progress="done"] { + list-style-image: url("chrome://editor/skin/icons/progress-done.png"); +} + +.progressitem[progress="failed"] { + list-style-image: url("chrome://editor/skin/icons/progress-failed.png"); +} diff --git a/comm/suite/themes/classic/editor/editor.css b/comm/suite/themes/classic/editor/editor.css new file mode 100644 index 0000000000..bee714c526 --- /dev/null +++ b/comm/suite/themes/classic/editor/editor.css @@ -0,0 +1,85 @@ +/* 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"); + +#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; +} + +#appcontent { + border-left: 1px solid ThreeDShadow; + border-top: 1px solid ThreeDDarkShadow; + border-right: 1px solid ThreeDHighlight; +} + +#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/editor/editorFormatToolbar.css b/comm/suite/themes/classic/editor/editorFormatToolbar.css new file mode 100644 index 0000000000..4445ab0fab --- /dev/null +++ b/comm/suite/themes/classic/editor/editorFormatToolbar.css @@ -0,0 +1,574 @@ +/* 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 buttons ::::: */ + +#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); +} + +#AlignLeftItem:hover { + -moz-image-region: rect(146px 32px 162px 16px); +} + +#AlignCenterItem { + -moz-image-region: rect(48px 16px 64px 0px); +} + +#AlignCenterItem:hover { + -moz-image-region: rect(48px 32px 64px 16px); +} + +#AlignRightItem { + -moz-image-region: rect(162px 16px 178px 0px); +} + +#AlignRightItem:hover { + -moz-image-region: rect(162px 32px 178px 16px); +} + +#AlignJustifyItem { + -moz-image-region: rect(130px 16px 146px 0px); +} + +#AlignJustifyItem:hover { + -moz-image-region: rect(130px 32px 146px 16px); +} + +/* ..... insert menu ..... */ + +#InsertPopup > menuitem { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); +} + +#InsertLinkItem { + -moz-image-region: rect(60px 19px 79px 0); +} + +#InsertLinkItem:hover { + -moz-image-region: rect(60px 39px 79px 20px); +} + +#InsertAnchorItem { + -moz-image-region: rect(0 19px 19px 0); +} + +#InsertAnchorItem:hover { + -moz-image-region: rect(0 39px 19px 20px); +} + +#InsertImageItem { + -moz-image-region: rect(40px 19px 59px 0); +} + +#InsertImageItem:hover { + -moz-image-region: rect(40px 39px 59px 20px); +} + +#InsertHRuleItem { + -moz-image-region: rect(20px 19px 39px 0); +} + +#InsertHRuleItem:hover { + -moz-image-region: rect(20px 39px 39px 20px); +} + +#InsertTableItem { + -moz-image-region: rect(180px 19px 199px 0); +} + +#InsertTableItem:hover { + -moz-image-region: rect(180px 39px 199px 20px); +} + +/* ..... 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; +} + +#TextColorButton[color="mixed"] { + background-image: url("chrome://editor/skin/icons/multicolor.png"); + background-size: cover; +} + +#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/editor/editorModeToolbar.css b/comm/suite/themes/classic/editor/editorModeToolbar.css new file mode 100644 index 0000000000..8284e0f254 --- /dev/null +++ b/comm/suite/themes/classic/editor/editorModeToolbar.css @@ -0,0 +1,39 @@ +/* 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; + border-left: 1px solid ThreeDDarkShadow; + border-right: 1px solid ThreeDLightShadow; + padding: 0px 2px 2px; + min-width: 1px; +} + +.tab-bottom[selected="true"] { + color: -moz-FieldText; + border-top-color: -moz-Field; + border-bottom-color: ThreeDShadow; + border-left-color: ThreeDHighlight; +} + +#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"); +} + diff --git a/comm/suite/themes/classic/editor/editorPrimaryToolbar.css b/comm/suite/themes/classic/editor/editorPrimaryToolbar.css new file mode 100644 index 0000000000..392661d819 --- /dev/null +++ b/comm/suite/themes/classic/editor/editorPrimaryToolbar.css @@ -0,0 +1,569 @@ +/* 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 { + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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 { + list-style-image: url("chrome://editor/skin/icons/editoricons-small.png"); + -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; +} diff --git a/comm/suite/themes/classic/editor/icons/btn2.png b/comm/suite/themes/classic/editor/icons/btn2.png Binary files differnew file mode 100644 index 0000000000..5558ecac1c --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/btn2.png diff --git a/comm/suite/themes/classic/editor/icons/editmode-html.png b/comm/suite/themes/classic/editor/icons/editmode-html.png Binary files differnew file mode 100644 index 0000000000..4040b13078 --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/editmode-html.png diff --git a/comm/suite/themes/classic/editor/icons/editmode-normal.png b/comm/suite/themes/classic/editor/icons/editmode-normal.png Binary files differnew file mode 100644 index 0000000000..5195b5da2c --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/editmode-normal.png diff --git a/comm/suite/themes/classic/editor/icons/editmode-preview.png b/comm/suite/themes/classic/editor/icons/editmode-preview.png Binary files differnew file mode 100644 index 0000000000..c54a61fa91 --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/editmode-preview.png diff --git a/comm/suite/themes/classic/editor/icons/editmode-tags.png b/comm/suite/themes/classic/editor/icons/editmode-tags.png Binary files differnew file mode 100644 index 0000000000..a1784dada6 --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/editmode-tags.png diff --git a/comm/suite/themes/classic/editor/icons/editoricons-small.png b/comm/suite/themes/classic/editor/icons/editoricons-small.png Binary files differnew file mode 100644 index 0000000000..dbbb99e77f --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/editoricons-small.png diff --git a/comm/suite/themes/classic/editor/icons/editoricons.png b/comm/suite/themes/classic/editor/icons/editoricons.png Binary files differnew file mode 100644 index 0000000000..b68444f66b --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/editoricons.png diff --git a/comm/suite/themes/classic/editor/icons/img-align-bottom.png b/comm/suite/themes/classic/editor/icons/img-align-bottom.png Binary files differnew file mode 100644 index 0000000000..aed8e15b69 --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/img-align-bottom.png diff --git a/comm/suite/themes/classic/editor/icons/img-align-left.png b/comm/suite/themes/classic/editor/icons/img-align-left.png Binary files differnew file mode 100644 index 0000000000..425cd7a238 --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/img-align-left.png diff --git a/comm/suite/themes/classic/editor/icons/img-align-middle.png b/comm/suite/themes/classic/editor/icons/img-align-middle.png Binary files differnew file mode 100644 index 0000000000..439573c44b --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/img-align-middle.png diff --git a/comm/suite/themes/classic/editor/icons/img-align-right.png b/comm/suite/themes/classic/editor/icons/img-align-right.png Binary files differnew file mode 100644 index 0000000000..3e41c9a1da --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/img-align-right.png diff --git a/comm/suite/themes/classic/editor/icons/img-align-top.png b/comm/suite/themes/classic/editor/icons/img-align-top.png Binary files differnew file mode 100644 index 0000000000..1a248a99d1 --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/img-align-top.png diff --git a/comm/suite/themes/classic/editor/icons/multicolor.png b/comm/suite/themes/classic/editor/icons/multicolor.png Binary files differnew file mode 100644 index 0000000000..ea20f50c5a --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/multicolor.png diff --git a/comm/suite/themes/classic/editor/icons/progress-busy.png b/comm/suite/themes/classic/editor/icons/progress-busy.png Binary files differnew file mode 100644 index 0000000000..260775bdda --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/progress-busy.png diff --git a/comm/suite/themes/classic/editor/icons/progress-done.png b/comm/suite/themes/classic/editor/icons/progress-done.png Binary files differnew file mode 100644 index 0000000000..ae07a3cb99 --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/progress-done.png diff --git a/comm/suite/themes/classic/editor/icons/progress-failed.png b/comm/suite/themes/classic/editor/icons/progress-failed.png Binary files differnew file mode 100644 index 0000000000..e6c54b08d0 --- /dev/null +++ b/comm/suite/themes/classic/editor/icons/progress-failed.png |
