*
* ***** 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;
}
}
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;
}