latest updates from Classic, development, working towards the 1.5 version of the...

[themes.git] / EarlyBlue / editor / EditorDialog.css

diff --git a/EarlyBlue/editor/EditorDialog.css b/EarlyBlue/editor/EditorDialog.css
index 31fa7fe1fc8b1029960ac6b9888e64397b210675..1151d8f7a8a09a390ac44bbb287306602da9095b 100644 (file)
--- a/EarlyBlue/editor/EditorDialog.css
+++ b/EarlyBlue/editor/EditorDialog.css
@@ -40,8 +40,8 @@
 
 /* The defaults are WAY to big! */
 groupbox {
 
 /* 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;
 }
 
   padding-bottom: 4px;
 }
 


@@ -53,12 +53,12 @@ groupbox {
   min-width: 10em;
 }
 
   min-width: 10em;
 }
 

-.MinWidth20em {
-  min-width: 20em;
+.MinWidth15em {
+  min-width: 15em;

 }
 
 }
 

-.big-left-margin {
-  margin-left:    10px;
+.MinWidth20em {
+  min-width: 20em;

 }
 
 .bold {
 }
 
 .bold {


@@ -73,7 +73,6 @@ groupbox {
   font-size: 120%;
 }
 
   font-size: 120%;
 }
 

-

 .narrow {
   width: 3em;
 }
 .narrow {
   width: 3em;
 }


@@ -83,15 +82,15 @@ groupbox {
 }
 
 .menuitem-highlight-1 {
 }
 
 .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 {
 }
 
 /* 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 {
 }
 
 .color-well {


@@ -120,14 +119,14 @@ groupbox {
 }
 
 #ColorPickerSwatch {
 }
 
 #ColorPickerSwatch {

-  border : 2px outset #CCD0DD;
+  border: 2px outset #CCD0DD;

   width: 25px;
   height: 20px;
   margin: 0px 3px 0px 0px;
 }
 
 #ColorPickerSwatch[default="true"] {
   width: 25px;
   height: 20px;
   margin: 0px 3px 0px 0px;
 }
 
 #ColorPickerSwatch[default="true"] {

-  border : 2px solid transparent;
+  border: 2px solid transparent;

   background-color: inherit;
 }
 
   background-color: inherit;
 }
 


@@ -138,61 +137,54 @@ groupbox {
   margin: 1px 2px 2px 4px;
 }
 
   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;
 /* 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;
   /* 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;
 }
 
   margin-left: 5px;
 }
 

+/* ::::: table properties dialog ::::: */
+

 #MoreFewerButton[more="0"] {
 #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;
 }
 
   min-width: 12em;
 }
 

-/* ::::: table properties dialog ::::: */
-

 #MoreFewerButton[more="1"] {
 #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 {
   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 {
 }
 
 #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"] {
 }
 
 #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"] {
 }
 
 #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 ::::: */
 }
 
 /* ::::: spelling dialog ::::: */


@@ -227,44 +219,62 @@ tree.list {
 }
 
 .smallspacer {
 }
 
 .smallspacer {

-  width:  3px;
+  width: 3px;

   height: 3px;
   height: 3px;

-  min-width:  3px;
+  min-width: 3px;

   min-height: 3px;
 }
 
 .spacer {
   min-height: 3px;
 }
 
 .spacer {

-  width:  5px;
+  width: 5px;

   height: 5px;
   height: 5px;

-  min-width:  5px;
+  min-width: 5px;

   min-height: 5px;
 }
 
 .bigspacer {
   min-height: 5px;
 }
 
 .bigspacer {

-  width:  10px;
+  width: 10px;

   height: 10px;
   height: 10px;

-  min-width:  10px;
+  min-width: 10px;

   min-height: 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"] {
 .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"] {
 }
 
 .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"] {
 }
 
 .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"] {
 }
 
 .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"] {
 }
 
 .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 
 }
 
 /* Don't change width/height of these without changing values in 


@@ -272,19 +282,19 @@ tree.list {
 */    
 #preview-image-box {
   border: 1px inset #CCD0DD;
 */    
 #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: -moz-hidden-unscrollable;

 }
 
 #preview-image-holder {
 }
 
 #preview-image-holder {

-  padding : 0px;
-  margin  : 0px;
+  padding: 0px;
+  margin: 0px;

 }
 
 /* Rest are from Ben Goodger for Advanced Edit dialog 
 }
 
 /* Rest are from Ben Goodger for Advanced Edit dialog 


@@ -301,6 +311,30 @@ tree.list {
 
 /* styles for an attribute tree-table */
 tree.AttributesTree {
 
 /* styles for an attribute tree-table */
 tree.AttributesTree {

-  min-width : 200px;
+  min-width: 200px;

   min-height: 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");
+}