make links have more contrast to black, add new design to SeaMonkey profile manager
[themes.git] / EarlyBlue / editor / EditorDialog.css
index 31fa7fe1fc8b1029960ac6b9888e64397b210675..8f8dcffb7a30db3e52f608f35b945239b0db6845 100644 (file)
@@ -1,50 +1,9 @@
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: NPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Netscape Public License
- * Version 1.1 (the "License"); you may not use this file except in
- * compliance with the License. You may obtain a copy of the License at
- * http://www.mozilla.org/NPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is mozilla.org code.
- *
- * The Initial Developer of the Original Code is 
- * Netscape Communications Corporation.
- * Portions created by the Initial Developer are Copyright (C) 1998
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- *   Pete Collins, Ben Goodger
- *   Robert Kaiser <KaiRo@KaiRo.at>
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or 
- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the NPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the NPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */
+/* 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");
 
-/* The defaults are WAY to big! */
-groupbox {
-  margin:         2px 5px /* 4px 5px */;
-  padding-top:    2px;
-  padding-bottom: 4px;
-}
-
 .MinWidth5em {
   min-width: 5em;
 }
@@ -53,12 +12,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 +32,6 @@ groupbox {
   font-size: 120%;
 }
 
-
 .narrow {
   width: 3em;
 }
@@ -83,15 +41,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 +51,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 +61,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 +82,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 +142,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 +153,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 +246,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");
+}