first steps on synching EarlyBlue with trunk *stripe (global files starting with...

[themes.git] / EarlyBlue / global / colorpicker.css

diff --git a/EarlyBlue/global/colorpicker.css b/EarlyBlue/global/colorpicker.css
index 3aaa1602abadd6b5ed7c4550a2dccf84aae632d4..d0d268ac7fc3669be37cff4bb91ae9f7fcec3730 100644 (file)
--- a/EarlyBlue/global/colorpicker.css
+++ b/EarlyBlue/global/colorpicker.css
@@ -35,38 +35,21 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-/* colorpicker tiles */
+/* ===== colorpicker.css ================================================
+  == Styles used by the XUL colorpicker element.
+  ======================================================================= */
 
-.colorpickertile {
-  width                 : 20px;
-  height                : 20px;
-  margin                : 1px;
-  border                : 1px inset #CCD0DD;
-}
-
-.colorpickertile[selected="true"] {
-  border                : 1px solid #000000;
-}
-
-.colorpickertile[hover="true"] {
-  border                : 1px solid #FFFFFF;
-}
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-.cp-light[hover="true"] {
-  border                : 2px dotted #9999CC;
-}
+/* ::::: colorpicker button ::::: */
 
 /* colorpicker button */
 
 colorpicker[type="button"] {
-  width: 35px;
+  width: 34px;
   height: 20px;
   border: 1px outset #CCD0DD;
-}
-
-.colorpicker-button-internal-box {
+  background-color: #CCD0DD;
   padding: 3px;
 }
 
@@ -75,14 +58,29 @@ colorpicker[type="button"] {
 }
 
 colorpicker[type="button"]:focus {
-
-
-colorpicker[type="button"]:focus > .colorpicker-button-internal-box {
 }
 
 colorpicker[type="button"][open="true"] {
   border: 1px inset #CCD0DD;
 }
 
-colorpicker[type="button"][open="true"] > .colorpicker-button-internal-box {
+/* ::::: colorpicker tiles ::::: */
+
+.colorpickertile {
+  width                 : 20px;
+  height                : 20px;
+  margin                : 1px;
+  border                : 1px inset #CCD0DD;
+}
+
+.colorpickertile[selected="true"] {
+  border                : 1px solid #000000;
+}
+
+.colorpickertile[hover="true"] {
+  border                : 1px solid #FFFFFF;
+}
+
+.cp-light[hover="true"] {
+  border                : 2px dotted #9999CC;
 }