updating EarlyBlue skin; should almost be 0.8 now ;-)

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

diff --git a/EarlyBlue/global/colorpicker.css b/EarlyBlue/global/colorpicker.css
index 3aaa1602abadd6b5ed7c4550a2dccf84aae632d4..e089a9e6066efedd8cd67279e1726baad0042bdd 100644 (file)
--- a/EarlyBlue/global/colorpicker.css
+++ b/EarlyBlue/global/colorpicker.css
@@ -37,36 +37,19 @@
 
 @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;
-}
-
-.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"][open="true"] {
+  border: 1px inset #CCD0DD;
+}
 
+/* ::::: colorpicker tiles ::::: */
 
-colorpicker[type="button"]:focus > .colorpicker-button-internal-box {
+.colorpickertile {
+  width                 : 20px;
+  height                : 20px;
+  margin                : 1px;
+  border                : 1px inset #CCD0DD;
 }
 
-colorpicker[type="button"][open="true"] {
-  border: 1px inset #CCD0DD;
+.colorpickertile[selected="true"] {
+  border                : 1px solid #000000;
 }
 
-colorpicker[type="button"][open="true"] > .colorpicker-button-internal-box {
+.colorpickertile[hover="true"] {
+  border                : 1px solid #FFFFFF;
+}
+
+.cp-light[hover="true"] {
+  border                : 2px dotted #9999CC;
 }