/* The defaults are WAY to big! */
groupbox {
- margin: 2px 5px /* 4px 5px */;
- padding-top: 2px;
+ margin: 2px 5px /* 4px 5px */;
+ padding-top: 2px;
padding-bottom: 4px;
}
min-width: 10em;
}
-.MinWidth20em {
- min-width: 20em;
+.MinWidth15em {
+ min-width: 15em;
}
-.big-left-margin {
- margin-left: 10px;
+.MinWidth20em {
+ min-width: 20em;
}
.bold {
font-size: 120%;
}
-
.narrow {
width: 3em;
}
}
.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 {
}
#ColorPickerSwatch {
- border : 2px outset #CCD0DD;
+ border: 2px outset #CCD0DD;
width: 25px;
height: 20px;
margin: 0px 3px 0px 0px;
}
#ColorPickerSwatch[default="true"] {
- border : 2px solid transparent;
+ border: 2px solid transparent;
background-color: inherit;
}
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 */
}
#ColorPreview {
border: 1px inset #CCD0DD;
- margin-left: 10px;
- padding-left: 5px;
- padding-right: 5px;
- min-width: 100px;
- min-height: 50px;
+ margin-left: 10px;
+ padding-left: 5px;
+ padding-right: 5px;
+ min-width: 100px;
+ min-height: 50px;
}
-#alignTypeSelect,label#alignLabel {
+#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 ::::: */
}
.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;
+}
+
+#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
*/
#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 6px 5px;
+ overflow: hidden;
}
#preview-image-holder {
- padding : 0px;
- margin : 0px;
+ padding: 0px;
+ margin: 0px;
}
/* Rest are from Ben Goodger for Advanced Edit dialog
/* 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");
+}