X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Feditor%2FEditorDialog.css;h=62514168a70bf457442417b46b0bb80f6b677234;hp=d2bd0784ffe05fa3befe107b2a37df57b1a430ef;hb=136d0f4352b32066ee0cb62122a29bb94130b0e0;hpb=351107c90e7ee7a17d9bf63798f2861307118309 diff --git a/LCARStrek/editor/EditorDialog.css b/LCARStrek/editor/EditorDialog.css index d2bd0784..62514168 100644 --- a/LCARStrek/editor/EditorDialog.css +++ b/LCARStrek/editor/EditorDialog.css @@ -58,12 +58,12 @@ groupbox { min-width: 10em; } -.MinWidth20em { - min-width: 20em; +.MinWidth15em { + min-width: 15em; } -.big-left-margin { - margin-left: 10px; +.MinWidth20em { + min-width: 20em; } .bold { @@ -78,7 +78,6 @@ groupbox { font-size: 120%; } - .narrow { width: 3em; } @@ -88,15 +87,15 @@ groupbox { } .menuitem-highlight-1 { - font-weight : bold; + 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; + margin-top: 6px; + margin-bottom: 6px; } .color-well { @@ -125,14 +124,14 @@ groupbox { } #ColorPickerSwatch { - border : 2px outset #9C9CFF; + border: 2px outset #9C9CFF; width: 25px; height: 20px; margin: 0px 3px 0px 0px; } #ColorPickerSwatch[default="true"] { - border : 2px solid transparent; + border: 2px solid transparent; background-color: inherit; } @@ -143,17 +142,11 @@ groupbox { 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 #9C9CFF; /* same as in menulist.css */ margin: 1px 5px 2px 5px; - width: 10em; - height: 3em; /* use rows="#" in XUL to define height */ } @@ -166,38 +159,51 @@ tree.list { min-height: 50px; } -#alignTypeSelect,label#alignLabel { +/* 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; +} + +#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 ::::: */ @@ -226,7 +232,6 @@ tree.list { margin-bottom: 2px; } - .colorpicker:active { border: 1px inset #9C9CFF; } @@ -252,24 +257,28 @@ tree.list { min-height: 10px; } +#alignTypeSelect { + height: 34px; +} + .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"); } .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"); } .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"); } .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"); } .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"); } /* Don't change width/height of these without changing values in @@ -277,19 +286,19 @@ tree.list { */ #preview-image-box { border: 1px inset #9C9CFF; - 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 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 @@ -299,13 +308,36 @@ tree.list { this "property list" style treecell formatting is used by cookie/signon viewers. */ - #tagLabel { font-weight: bold; } /* 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-false) { + background: url("chrome://global/skin/checkbox/cbox.gif") 50% 50% no-repeat; +} + +#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"); +}