X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fcolorpicker.css;h=d0d268ac7fc3669be37cff4bb91ae9f7fcec3730;hp=3aaa1602abadd6b5ed7c4550a2dccf84aae632d4;hb=df8c26c46020f7b778d46e6ceedc93e4d4cb6202;hpb=b87c9562a4c728734927c455c6201d13d11c8a9e diff --git a/EarlyBlue/global/colorpicker.css b/EarlyBlue/global/colorpicker.css index 3aaa1602..d0d268ac 100644 --- 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; }