X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fcolorpicker.css;h=cb24e7893f604d2499f6877e835514444e18215c;hp=3aaa1602abadd6b5ed7c4550a2dccf84aae632d4;hb=f993773df903b31f33af331dc3fbd4394beed74d;hpb=b87c9562a4c728734927c455c6201d13d11c8a9e diff --git a/EarlyBlue/global/colorpicker.css b/EarlyBlue/global/colorpicker.css index 3aaa1602..cb24e789 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 */ - -.colorpickertile { - width : 20px; - height : 20px; - margin : 1px; - border : 1px inset #CCD0DD; -} - -.colorpickertile[selected="true"] { - border : 1px solid #000000; -} +/* ===== colorpicker.css ================================================ + == Styles used by the XUL colorpicker element. + ======================================================================= */ -.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; }