diff options
Diffstat (limited to 'comm/suite/themes/modern/editor')
24 files changed, 1300 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/editor/EditorDialog.css b/comm/suite/themes/modern/editor/EditorDialog.css new file mode 100644 index 0000000000..575c3d0653 --- /dev/null +++ b/comm/suite/themes/modern/editor/EditorDialog.css @@ -0,0 +1,289 @@ +/* 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/. */ + +/* ==== EditorDialog.css ==================================================== + == Styles used by all dialog boxes in the Editor application. + ========================================================================== */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: common styles ::::: */ + +.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; +} + +/* ::::: common buttons ::::: */ + +#MoreFewerButton[more="0"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.png"); + min-width: 12em; +} + +#MoreFewerButton[more="1"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up.png"); + min-width: 12em; +} + +/* ::::: table properties dialog ::::: */ + +#PreviousButton { + list-style-image: url("chrome://global/skin/arrow/arrow-lft.png"); +} + +#NextButton { + list-style-image: url("chrome://global/skin/arrow/arrow-rit.png"); +} + +#PreviousButton[type="row"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up.png"); +} + +#NextButton[type="row"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.png"); +} + +/* ::::: spelling dialog ::::: */ + +#MisspelledWord { + font-weight: bold; +} + +#ReplaceWordInput { + min-width: 16em; + width: 16em; +} + +.spell-check { + min-width: 8em; +} + +/* ::::: spacers ::::: */ + +.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: 20px; + min-width: 20px; +} + +.radio-spacer { + width: 20px; + min-width: 20px; +} + +/* ::::: widget adjustments ::::: */ + +/* The defaults are WAY to big! */ +groupbox { + margin: 2px 5px 4px; + padding-top: 2px; + padding-bottom: 4px; +} + +/* ::::: color picker button ::::: */ + +.color-button { + /* override larger default values */ + min-width: 0px; + margin: 2px; +} + +.color-well { + border: 1px inset #B4C3D4; + width: 20px; + height: 12px; +} + +.color-well[default="true"] { + border: 1px solid transparent !important; + background-color: inherit !important; +} + +/* ::::: color picker dialog ::::: */ + +#ColorPicker { + -moz-user-focus: normal; +} + +#ColorPickerSwatch { + margin-top: 0px; + margin-bottom: 0px; + margin-inline-start: 0px; + margin-inline-end: 3px; + border: 2px outset #B4C3D4; + width: 25px; + height: 20px; +} + +#ColorPickerSwatch[default="true"] { + border: 2px solid transparent; + background-color: inherit; +} + +#LastPickedColor { + margin-top: 2px; + margin-bottom: 2px; + margin-inline-start: 2px; + margin-inline-end: 8px; + border: 1px inset #B4C3D4; + width: 17px; + height: 13px; +} + + +/* ::::: Image Properties dialog ::::: */ + +.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="top"]:hover { + list-style-image: url("chrome://editor/skin/icons/img-align-top-sel.png") !important; +} + +.align-menu[value="middle"] { + list-style-image: url("chrome://editor/skin/icons/img-align-mid.png") !important; +} + +.align-menu[value="middle"]:hover { + list-style-image: url("chrome://editor/skin/icons/img-align-mid-sel.png") !important; +} + +.align-menu[value="bottom"] { + list-style-image: url("chrome://editor/skin/icons/img-align-btm.png") !important; +} + +.align-menu[value="bottom"]:hover { + list-style-image: url("chrome://editor/skin/icons/img-align-btm-sel.png") !important; +} + +.align-menu[value="right"] { + list-style-image: url("chrome://editor/skin/icons/img-align-rit.png") !important; +} + +.align-menu[value="left"] { + list-style-image: url("chrome://editor/skin/icons/img-align-lft.png") !important; +} + +/* Don't change width/height of these without changing values in + GetOriginalWidth(), EdImageProps.js */ +#preview-image-box { + margin: 6px 5px; + border: 1px inset #B4C3D4; + width: 82px; + height: 52px; + min-width: 82px; + min-height: 52px; + max-width: 82px; + max-height: 52px; + overflow: -moz-hidden-unscrollable; +} + +#preview-image-holder { + padding: 0px; + margin: 0px; +} + +/* :::::: Advanced Edit dialog ::::: */ + +#tagLabel { + font-weight: bold; +} + +.AttributesTree { + min-width: 200px; + min-height: 200px; +} + +/* ::::: Editor pref panels ::::: */ + +#ColorPreview { + margin-inline-start: 10px; + border: 1px inset #B4C3D4; + padding: 0 5px; + min-width: 100px; + min-height: 50px; +} + +/* ::::: select edit dialog ::::: */ + +#SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-false) { + background: url("chrome://global/skin/checkbox/cbox.png") 50% 50% no-repeat; +} + +#SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) { + background: url("chrome://global/skin/checkbox/cbox-check.png") 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/modern/editor/editor.css b/comm/suite/themes/modern/editor/editor.css new file mode 100644 index 0000000000..b4b65020d1 --- /dev/null +++ b/comm/suite/themes/modern/editor/editor.css @@ -0,0 +1,80 @@ +/* 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 { + height: 400px; + min-width: 10px; + min-height: 10px; +} + +.source-editor, +.source-editor:focus { + margin-top: 0px; + margin-bottom: 5px; + margin-inline-start: 0px; + margin-inline-end: 5px; + border: 0px; + 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; +} + +/* ::::: formatting toolbar ::::: */ + +#FormatToolbar { + background: url("chrome://global/skin/toolbar/tb-mid.png") #C7D0D9 repeat-x top; +} + +#FormatToolbar > .toolbar-box > toolbargrippy, +#FormatToolbar > .toolbar-box > .toolbar-holder { + border-top: 1px solid #CED6DD; + border-right: 1px solid #95A0AD; + border-bottom: 1px solid #95A0AD; + border-left: 1px solid #DAE3ED; +} + +#FormatToolbar > .toolbar-box > toolbargrippy:hover:active { + border-color: #67737E; +} + +/* ::::: struct toolbar ::::: */ + +#structToolbar { + min-width: 1px; + overflow: -moz-hidden-unscrollable; +} + +#structSpacer { + margin: 1px 0px; +} + +.struct-button { + padding: 0px; +} + +.struct-button[checked="true"] { + font-weight: bold; +} + +.struct-textbox { + padding: 0px !important; + border: 1px solid #000000 !important; + margin: 0px !important; +} + diff --git a/comm/suite/themes/modern/editor/editorFormatToolbar.css b/comm/suite/themes/modern/editor/editorFormatToolbar.css new file mode 100644 index 0000000000..8eb20b0f16 --- /dev/null +++ b/comm/suite/themes/modern/editor/editorFormatToolbar.css @@ -0,0 +1,591 @@ +/* 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 ::::: */ + +#FormatToolbar { + background: url("chrome://global/skin/toolbar/tb-mid.png") #C7D0D9 repeat-x top; +} + +#FormatToolbar > toolbargrippy, +#FormatToolbar > .toolbar-holder { + border-top: 1px solid #CED6DD; + border-right: 1px solid #95A0AD; + border-bottom: 1px solid #95A0AD; + border-left: 1px solid #DAE3ED; +} + +#FormatToolbar > toolbargrippy:hover:active { + border-color: #67737E; +} + +/* ::::: formatting buttons ::::: */ + +toolbarbutton.formatting-button { + border: none !important; + list-style-image: url("chrome://editor/skin/icons/btn2.png"); + background-color: transparent !important; +} + +#DecreaseFontSizeButton { + -moz-image-region: rect(101px 22px 118px 0px); +} + +#DecreaseFontSizeButton:hover { + -moz-image-region: rect(101px 44px 118px 22px); +} + +#DecreaseFontSizeButton:hover:active { + -moz-image-region: rect(101px 66px 118px 44px); +} + +#DecreaseFontSizeButton[disabled="true"] { + -moz-image-region: rect(101px 88px 118px 66px) !important; +} + +#IncreaseFontSizeButton { + -moz-image-region: rect(118px 22px 135px 0px); +} + +#IncreaseFontSizeButton:hover { + -moz-image-region: rect(118px 44px 135px 22px); +} + +#IncreaseFontSizeButton:hover:active { + -moz-image-region: rect(118px 66px 135px 44px); +} + +#IncreaseFontSizeButton[disabled="true"] { + -moz-image-region: rect(118px 88px 135px 66px) !important; +} + +#boldButton { + -moz-image-region: rect(33px 54px 50px 32px); +} + +#boldButton:hover { + -moz-image-region: rect(33px 76px 50px 54px); +} + +#boldButton:hover:active { + -moz-image-region: rect(50px 22px 67px 0px ); +} + +#boldButton[checked="true"] { + -moz-image-region: rect(33px 98px 50px 76px); +} + +#boldButton[disabled="true"] { + -moz-image-region: rect(50px 44px 67px 22px) !important; +} + +#italicButton { + -moz-image-region: rect(185px 86px 202px 64px); +} + +#italicButton:hover { + -moz-image-region: rect(202px 22px 219px 0px); +} + +#italicButton:hover:active { + -moz-image-region: rect(202px 66px 219px 44px); +} + +#italicButton[checked="true"] { + -moz-image-region: rect(202px 44px 219px 22px); +} + +#italicButton[disabled="true"] { + -moz-image-region: rect(202px 88px 219px 66px) !important; +} + +#underlineButton { + -moz-image-region: rect(338px 22px 355px 0px); +} + +#underlineButton:hover { + -moz-image-region: rect(338px 44px 355px 22px); +} + +#underlineButton:hover:active { + -moz-image-region: rect(338px 88px 355px 66px); +} + +#underlineButton[checked="true"] { + -moz-image-region: rect(338px 66px 355px 44px); +} + +#underlineButton[disabled="true"] { + -moz-image-region: rect(355px 22px 372px 0px) !important; +} + +#ulButton { + -moz-image-region: rect(50px 66px 67px 44px); +} + +#ulButton:hover { + -moz-image-region: rect(50px 88px 67px 66px); +} + +#ulButton:hover:active { + -moz-image-region: rect(67px 44px 84px 22px); +} + +#ulButton[checked="true"] { + -moz-image-region: rect(67px 22px 84px 0px); +} + +#ulButton[disabled="true"] { + -moz-image-region: rect(67px 66px 84px 44px ) !important; +} + + +#olButton { + -moz-image-region: rect(253px 66px 270px 44px); +} + +#olButton:hover { + -moz-image-region: rect(253px 88px 270px 66px); +} + +#olButton:hover:active { + -moz-image-region: rect(270px 44px 287px 22px); +} + +#olButton[checked="true"] { + -moz-image-region: rect(270px 22px 287px 0px); +} + +#olButton[disabled="true"] { + -moz-image-region: rect(270px 66px 287px 44px) !important; +} + +#outdentButton { + -moz-image-region: rect(270px 88px 287px 66px); +} + +#outdentButton:hover { + -moz-image-region: rect(287px 22px 304px 0px); +} + +#outdentButton:hover:active { + -moz-image-region: rect(287px 44px 304px 22px); +} + +#outdentButton[disabled="true"] { + -moz-image-region: rect(287px 66px 304px 44px) !important; +} + +#indentButton { + -moz-image-region: rect(135px 22px 152px 0px); +} + +#indentButton:hover { + -moz-image-region: rect(135px 44px 152px 22px); +} + +#indentButton:hover:active { + -moz-image-region: rect(135px 66px 152px 44px); +} + +#indentButton[disabled="true"] { + -moz-image-region: rect(135px 88px 152px 66px) !important; +} + +#align-left-button { + -moz-image-region: rect(236px 44px 253px 22px); +} + +#align-left-button:hover { + -moz-image-region: rect(236px 66px 253px 44px); +} + +#align-left-button:hover:active { + -moz-image-region: rect(253px 22px 270px 0px); +} + +#align-left-button[checked="true"] { + -moz-image-region: rect(236px 88px 253px 66px); +} + +#align-left-button[disabled="true"] { + -moz-image-region: rect(253px 44px 270px 22px) !important; +} + +#align-center-button { + -moz-image-region: rect(67px 88px 84px 66px); +} + +#align-center-button:hover { + -moz-image-region: rect(84px 22px 101px 0px); +} + +#align-center-button:hover:active { + -moz-image-region: rect(84px 66px 101px 44px); +} + +#align-center-button[checked="true"] { + -moz-image-region: rect(84px 44px 101px 22px); +} + +#align-center-button[disabled="true"] { + -moz-image-region: rect(84px 88px 101px 66px) !important; +} + +#align-right-button { + -moz-image-region: rect(287px 88px 304px 66px); +} + +#align-right-button:hover { + -moz-image-region: rect(304px 22px 321px 0px); +} + +#align-right-button:hover:active { + -moz-image-region: rect(304px 66px 321px 44px); +} + +#align-right-button[checked="true"] { + -moz-image-region: rect(304px 44px 321px 22px); +} + +#align-right-button[disabled="true"] { + -moz-image-region: rect(304px 88px 321px 66px) !important; +} + +#align-justify-button { + -moz-image-region: rect(219px 22px 236px 0px); +} + +#align-justify-button:hover { + -moz-image-region: rect(219px 44px 236px 22px); +} + +#align-justify-button:hover:active { + -moz-image-region: rect(219px 88px 236px 66px); +} + +#align-justify-button[checked="true"] { + -moz-image-region: rect(219px 66px 236px 44px); +} + +#align-justify-button[disabled="true"] { + -moz-image-region: rect(236px 22px 253px 0px) !important; +} + +#AlignPopupButton { + -moz-image-region: rect(0px 22px 17px 0px); +} + +#AlignPopupButton:hover { + -moz-image-region: rect(0px 44px 17px 22px); +} + +#AlignPopupButton[open="true"] { + -moz-image-region: rect(0px 66px 17px 44px) !important; +} + +#AlignPopupButton[disabled="true"] { + -moz-image-region: rect(0px 88px 17px 66px) !important; +} + +#InsertPopupButton { + -moz-image-region: rect(152px 22px 169px 0px); +} + +#InsertPopupButton:hover { + -moz-image-region: rect(152px 44px 169px 22px); +} + +#InsertPopupButton[open="true"] { + -moz-image-region: rect(152px 66px 169px 44px) !important; +} + +#InsertPopupButton[disabled="true"] { + -moz-image-region: rect(152px 88px 169px 66px) !important; +} + +#smileButtonMenu { + -moz-image-region: rect(321px 22px 338px 0px); +} + +#smileButtonMenu:hover { + -moz-image-region: rect(321px 44px 338px 22px); +} + +#smileButtonMenu[open="true"] { + -moz-image-region: rect(321px 66px 338px 44px) !important; +} + +#smileButtonMenu[disabled="true"] { + -moz-image-region: rect(321px 88px 338px 66px) !important; +} + +/* ::::: menuitem icons ::::: */ + +/* ..... align menu ..... */ + +#AlignPopup > menuitem { + list-style-image: url("chrome://editor/skin/icons/btn2.png"); +} + +#AlignLeftItem { + -moz-image-region: rect(17px 80px 33px 64px); +} + +#AlignLeftItem:hover { + -moz-image-region: rect(17px 96px 33px 80px); +} + +#AlignCenterItem { + -moz-image-region: rect(17px 16px 33px 0px); +} + +#AlignCenterItem:hover { + -moz-image-region: rect(17px 32px 33px 16px); +} + +#AlignRightItem { + -moz-image-region: rect(33px 16px 49px 0px); +} + +#AlignRightItem:hover { + -moz-image-region: rect(33px 32px 49px 0px); +} + +#AlignJustifyItem { + -moz-image-region: rect(17px 48px 33px 32px); +} + +#AlignJustifyItem:hover { + -moz-image-region: rect(17px 64px 33px 48px); +} + +/* ..... insert menu ..... */ + +#InsertPopup > menuitem { + list-style-image: url("chrome://editor/skin/icons/btn2.png"); +} + +#InsertLinkItem { + -moz-image-region: rect(185px 16px 201px 0px); +} + +#InsertLinkItem:hover { + -moz-image-region: rect(185px 32px 201px 16px); +} + +#InsertAnchorItem { + -moz-image-region: rect(169px 16px 185px 0px); +} + +#InsertAnchorItem:hover { + -moz-image-region: rect(169px 32px 185px 16px); +} + +#InsertImageItem { + -moz-image-region: rect(169px 80px 185px 64px); +} + +#InsertImageItem:hover { + -moz-image-region: rect(169px 96px 185px 80px); +} + +#InsertHRuleItem { + -moz-image-region: rect(169px 48px 185px 32px); +} + +#InsertHRuleItem:hover { + -moz-image-region: rect(169px 64px 185px 48px); +} + +#InsertTableItem { + -moz-image-region: rect(185px 48px 201px 32px); +} + +#InsertTableItem:hover { + -moz-image-region: rect(185px 64px 201px 48px); +} + +/* ..... 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 ::::: */ + +.color-button { + margin: 2px; + border: 1px inset #5B7693; + padding: 0px; + width: 14px; + height: 12px; +} + +.color-button:hover { + border: 1px solid #ffffff; +} + +#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 > .toolbarbutton-icon { + margin-inline-end: 0px ! important ; +} + +#HighlightColorButton { + -moz-image-region: rect(355px 44px 372px 22px); + margin: 4px; + border: 1px inset #5B7693; + padding: 0px; + width: 20px; height: 17px; +} + +#HighlightColorButton:hover { + -moz-image-region: rect(355px 66px 372px 44px); +} + +#HighlightColorButton:hover:active { + -moz-image-region: rect(355px 88px 372px 66px); +} + + +#HighlightColorButton[disabled="true"], +#HighlightColorButton[disabled="true"]:hover, +#HighlightColorButton[disabled="true"]:hover:active { + -moz-image-region: rect(372px 22px 389px 0px); +} + +#absolutePositionButton { + -moz-image-region: rect(372px 44px 389px 22px); +} + +#absolutePositionButton:hover { + -moz-image-region: rect(372px 66px 389px 44px); +} + +#absolutePositionButton:hover:active { + -moz-image-region: rect(372px 88px 389px 66px); +} + +#absolutePositionButton[checked="true"]{ + -moz-image-region: rect(389px 22px 406px 0px); +} + +#absolutePositionButton[checked="true"]:hover { + -moz-image-region: rect(389px 44px 406px 22px); +} + +#absolutePositionButton[checked="true"]:hover:active { + -moz-image-region: rect(389px 66px 406px 44px); +} + +#absolutePositionButton[disabled="true"] { + -moz-image-region: rect(389px 88px 406px 66px) !important; +} + +#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/modern/editor/editorModeToolbar.css b/comm/suite/themes/modern/editor/editorModeToolbar.css new file mode 100644 index 0000000000..25ce81355f --- /dev/null +++ b/comm/suite/themes/modern/editor/editorModeToolbar.css @@ -0,0 +1,29 @@ +/* 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 { + border-bottom: 1px solid #B4C3D4; + padding: 0px 0px 2px; + 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"); +} 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; +} diff --git a/comm/suite/themes/modern/editor/icons/btn1.png b/comm/suite/themes/modern/editor/icons/btn1.png Binary files differnew file mode 100644 index 0000000000..ff849ccb72 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/btn1.png diff --git a/comm/suite/themes/modern/editor/icons/btn2.png b/comm/suite/themes/modern/editor/icons/btn2.png Binary files differnew file mode 100644 index 0000000000..e314da5b6b --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/btn2.png diff --git a/comm/suite/themes/modern/editor/icons/editmode-html.png b/comm/suite/themes/modern/editor/icons/editmode-html.png Binary files differnew file mode 100644 index 0000000000..a21159669f --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/editmode-html.png diff --git a/comm/suite/themes/modern/editor/icons/editmode-normal.png b/comm/suite/themes/modern/editor/icons/editmode-normal.png Binary files differnew file mode 100644 index 0000000000..5161e167b1 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/editmode-normal.png diff --git a/comm/suite/themes/modern/editor/icons/editmode-preview.png b/comm/suite/themes/modern/editor/icons/editmode-preview.png Binary files differnew file mode 100644 index 0000000000..c54a61fa91 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/editmode-preview.png diff --git a/comm/suite/themes/modern/editor/icons/editmode-tags.png b/comm/suite/themes/modern/editor/icons/editmode-tags.png Binary files differnew file mode 100644 index 0000000000..a1784dada6 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/editmode-tags.png diff --git a/comm/suite/themes/modern/editor/icons/img-align-btm-sel.png b/comm/suite/themes/modern/editor/icons/img-align-btm-sel.png Binary files differnew file mode 100644 index 0000000000..fd920e634e --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/img-align-btm-sel.png diff --git a/comm/suite/themes/modern/editor/icons/img-align-btm.png b/comm/suite/themes/modern/editor/icons/img-align-btm.png Binary files differnew file mode 100644 index 0000000000..f4d3b83870 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/img-align-btm.png diff --git a/comm/suite/themes/modern/editor/icons/img-align-lft.png b/comm/suite/themes/modern/editor/icons/img-align-lft.png Binary files differnew file mode 100644 index 0000000000..425cd7a238 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/img-align-lft.png diff --git a/comm/suite/themes/modern/editor/icons/img-align-mid-sel.png b/comm/suite/themes/modern/editor/icons/img-align-mid-sel.png Binary files differnew file mode 100644 index 0000000000..b7fa551786 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/img-align-mid-sel.png diff --git a/comm/suite/themes/modern/editor/icons/img-align-mid.png b/comm/suite/themes/modern/editor/icons/img-align-mid.png Binary files differnew file mode 100644 index 0000000000..8baa8c1a36 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/img-align-mid.png diff --git a/comm/suite/themes/modern/editor/icons/img-align-rit.png b/comm/suite/themes/modern/editor/icons/img-align-rit.png Binary files differnew file mode 100644 index 0000000000..3e41c9a1da --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/img-align-rit.png diff --git a/comm/suite/themes/modern/editor/icons/img-align-top-sel.png b/comm/suite/themes/modern/editor/icons/img-align-top-sel.png Binary files differnew file mode 100644 index 0000000000..7cf6558964 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/img-align-top-sel.png diff --git a/comm/suite/themes/modern/editor/icons/img-align-top.png b/comm/suite/themes/modern/editor/icons/img-align-top.png Binary files differnew file mode 100644 index 0000000000..eaabca9205 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/img-align-top.png diff --git a/comm/suite/themes/modern/editor/icons/mast-editor.png b/comm/suite/themes/modern/editor/icons/mast-editor.png Binary files differnew file mode 100644 index 0000000000..f841eba9bf --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/mast-editor.png diff --git a/comm/suite/themes/modern/editor/icons/multicolor.png b/comm/suite/themes/modern/editor/icons/multicolor.png Binary files differnew file mode 100644 index 0000000000..ea20f50c5a --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/multicolor.png diff --git a/comm/suite/themes/modern/editor/icons/progress-busy.png b/comm/suite/themes/modern/editor/icons/progress-busy.png Binary files differnew file mode 100644 index 0000000000..260775bdda --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/progress-busy.png diff --git a/comm/suite/themes/modern/editor/icons/progress-done.png b/comm/suite/themes/modern/editor/icons/progress-done.png Binary files differnew file mode 100644 index 0000000000..ae07a3cb99 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/progress-done.png diff --git a/comm/suite/themes/modern/editor/icons/progress-failed.png b/comm/suite/themes/modern/editor/icons/progress-failed.png Binary files differnew file mode 100644 index 0000000000..e6c54b08d0 --- /dev/null +++ b/comm/suite/themes/modern/editor/icons/progress-failed.png |
