diff options
Diffstat (limited to 'comm/suite/themes/classic/editor/EditorDialog.css')
-rw-r--r-- | comm/suite/themes/classic/editor/EditorDialog.css | 267 |
1 files changed, 267 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"); +} |