X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Feditor%2FEditorDialog.css;h=78ab644dc859435c8965c81d591a4ede9044906e;hp=31fa7fe1fc8b1029960ac6b9888e64397b210675;hb=600bfec4b221a7bfc837f4adae6347618c39c517;hpb=b87c9562a4c728734927c455c6201d13d11c8a9e diff --git a/EarlyBlue/editor/EditorDialog.css b/EarlyBlue/editor/EditorDialog.css index 31fa7fe1..78ab644d 100644 --- a/EarlyBlue/editor/EditorDialog.css +++ b/EarlyBlue/editor/EditorDialog.css @@ -38,13 +38,6 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -/* The defaults are WAY to big! */ -groupbox { - margin: 2px 5px /* 4px 5px */; - padding-top: 2px; - padding-bottom: 4px; -} - .MinWidth5em { min-width: 5em; } @@ -53,12 +46,12 @@ groupbox { min-width: 10em; } -.MinWidth20em { - min-width: 20em; +.MinWidth15em { + min-width: 15em; } -.big-left-margin { - margin-left: 10px; +.MinWidth20em { + min-width: 20em; } .bold { @@ -73,7 +66,6 @@ groupbox { font-size: 120%; } - .narrow { width: 3em; } @@ -83,15 +75,7 @@ groupbox { } .menuitem-highlight-1 { - font-weight : bold; -} - -/* Use this with groove-thin in dialogs - to add margins to top and bottom -*/ -.tb-margin { - margin-top : 6px; - margin-bottom : 6px; + font-weight: bold; } .color-well { @@ -101,8 +85,8 @@ groupbox { } .color-well[default="true"] { - border: 1px solid transparent; - background-color: inherit; + border: 1px solid transparent !important; + background-color: inherit !important; } .color-button { @@ -111,23 +95,20 @@ groupbox { margin: 2px; } -.menu-list[focused="true"] { - color: white; -} - #ColorPicker { -moz-user-focus: normal; } #ColorPickerSwatch { - border : 2px outset #CCD0DD; + border: 2px outset #CCD0DD; width: 25px; height: 20px; - margin: 0px 3px 0px 0px; + margin: 0; + -moz-margin-end: 3px; } #ColorPickerSwatch[default="true"] { - border : 2px solid transparent; + border: 2px solid transparent; background-color: inherit; } @@ -135,72 +116,51 @@ groupbox { width: 17px; height: 13px; border: 1px inset #CCD0DD; - margin: 1px 2px 2px 4px; -} - -.popup-trigger { - list-style-image: url(chrome://global/skin/scroll-down.gif); -} - -/* temporary -- we need a simple box-based list defined in XBL */ -tree.list { - border: 1px inset #CCD0DD; - /* same as in menulist.css */ - margin: 1px 5px 2px 5px; - width: 10em; - height: 3em; - /* use rows="#" in XUL to define height */ + margin-top: 1px; + margin-bottom: 2px; + -moz-margin-start: 4px; + -moz-margin-end: 2px; } #ColorPreview { border: 1px inset #CCD0DD; - margin-left: 10px; - padding-left: 5px; - padding-right: 5px; - min-width: 100px; - min-height: 50px; + -moz-margin-start: 10px; + -moz-padding-start: 5px; + -moz-padding-end: 5px; + min-width: 100px; + min-height: 50px; } -#alignTypeSelect,label#alignLabel { - margin-left: 5px; -} +/* ::::: table properties dialog ::::: */ #MoreFewerButton[more="0"] { - list-style-image: url(chrome://global/skin/scroll-down.gif); - /* bug 9459 - changing button text doesn't resize width. - This covers that problem, but we want this size anyway */ + list-style-image: url(chrome://global/skin/arrow/arrow-down.gif); min-width: 12em; } -/* ::::: table properties dialog ::::: */ - #MoreFewerButton[more="1"] { - list-style-image: url(chrome://global/skin/scroll-up.gif); + list-style-image: url(chrome://global/skin/arrow/arrow-up.gif); min-width: 12em; } #PreviousButton { - list-style-image: url(chrome://global/skin/arrow-left.gif); + list-style-image: url(chrome://global/skin/arrow/arrow-left.gif); } #NextButton { - list-style-image: url(chrome://global/skin/arrow-right.gif); + list-style-image: url(chrome://global/skin/arrow/arrow-right.gif); } #PreviousButton[type="row"] { - list-style-image: url(chrome://global/skin/arrow-up.gif); + list-style-image: url(chrome://global/skin/arrow/arrow-up.gif); } #NextButton[type="row"] { - list-style-image: url(chrome://global/skin/arrow-down.gif); + list-style-image: url(chrome://global/skin/arrow/arrow-down.gif); } /* ::::: spelling dialog ::::: */ -#MisspelledWord { - font-weight: bold; -} - #ReplaceWordInput { min-width: 16em; width: 16em; @@ -216,7 +176,7 @@ tree.list { .colorpicker { border: 1px outset #CCD0DD; /* This should be the same as for textbox */ - margin-left: 4px; + -moz-margin-start: 4px; /* For a little extra space between buttons */ margin-bottom: 2px; } @@ -227,64 +187,83 @@ tree.list { } .smallspacer { - width: 3px; + width: 3px; height: 3px; - min-width: 3px; + min-width: 3px; min-height: 3px; } .spacer { - width: 5px; + width: 5px; height: 5px; - min-width: 5px; + min-width: 5px; min-height: 5px; } .bigspacer { - width: 10px; + width: 10px; height: 10px; - min-width: 10px; + min-width: 10px; min-height: 10px; } +/* These two 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: 16px; + min-width: 16px; +} + +.radio-spacer { + width: 16px; + min-width: 16px; +} + +.align-menu > .menu-iconic-left > .menu-iconic-icon { + height: auto; + width: auto; +} + .align-menu[value="top"] { - list-style-image:url("chrome://editor/skin/images/img-align-top.gif"); + list-style-image:url("chrome://editor/skin/icons/img-align-top.gif") !important; } .align-menu[value="center"] { - list-style-image:url("chrome://editor/skin/images/img-align-middle.gif"); + list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif") !important; } .align-menu[value="bottom"] { - list-style-image:url("chrome://editor/skin/images/img-align-bottom.gif"); + list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif") !important; } .align-menu[value="right"] { - list-style-image:url("chrome://editor/skin/images/img-align-right.gif"); + list-style-image:url("chrome://editor/skin/icons/img-align-right.gif") !important; } .align-menu[value="left"] { - list-style-image:url("chrome://editor/skin/images/img-align-left.gif"); + list-style-image:url("chrome://editor/skin/icons/img-align-left.gif") !important; } /* Don't change width/height of these without changing values in GetOriginalWidth(), EdImageProps.js -*/ +*/ #preview-image-box { border: 1px inset #CCD0DD; - width : 82px; - max-width : 82px; - min-width : 82px; - height : 52px; - max-height : 52px; - min-height : 52px; - margin : 6px 5px 6px 5px; - overflow : hidden; + 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; + padding: 0px; + margin: 0px; } /* Rest are from Ben Goodger for Advanced Edit dialog @@ -301,6 +280,26 @@ tree.list { /* styles for an attribute tree-table */ tree.AttributesTree { - min-width : 200px; + 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.gif"); +} + +.progressitem[progress="done"] { + list-style-image: url("chrome://editor/skin/icons/progress-done.gif"); +} + +.progressitem[progress="failed"] { + list-style-image: url("chrome://editor/skin/icons/progress-failed.gif"); +}