X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fcolorpicker.css;h=f85cae23e28cf3cf46dde7aff55f3c14ca3f1c93;hp=3ae29bcc52f2367c1530c2e0b64f5aa3017d7b8c;hb=569543b3d2d5099d602cc6644b026ee2adf3e00a;hpb=351107c90e7ee7a17d9bf63798f2861307118309 diff --git a/LCARStrek/global/colorpicker.css b/LCARStrek/global/colorpicker.css index 3ae29bcc..f85cae23 100644 --- a/LCARStrek/global/colorpicker.css +++ b/LCARStrek/global/colorpicker.css @@ -35,40 +35,19 @@ * * ***** END LICENSE BLOCK ***** */ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -/* colorpicker tiles */ - -.colorpickertile { - width : 20px; - height : 20px; - margin : 1px; - -moz-border-radius : 3px; - border : 1px solid #9C9CFF; -} +/* ===== colorpicker.css ================================================ + == Styles used by the XUL colorpicker element. + ======================================================================= */ -.colorpickertile[selected="true"] { - border : 1px solid #008484; -} - -.colorpickertile[hover="true"] { - border : 1px solid #FFCF00; -} - -.cp-light[hover="true"] { - border : 2px dotted #FF9F00; -} +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -/* colorpicker button */ +/* ::::: colorpicker button ::::: */ colorpicker[type="button"] { - width: 35px; + width: 34px; height: 20px; - -moz-border-radius: 3px; + border-radius: 3px; border: 1px solid #9C9CFF; -} - -.colorpicker-button-internal-box { padding: 3px; } @@ -77,9 +56,6 @@ colorpicker[type="button"] { } colorpicker[type="button"]:focus { - - -colorpicker[type="button"]:focus > .colorpicker-button-internal-box { } colorpicker[type="button"][open="true"] { @@ -88,3 +64,25 @@ colorpicker[type="button"][open="true"] { colorpicker[type="button"][open="true"] > .colorpicker-button-internal-box { } + +/* ::::: colorpicker tiles ::::: */ + +.colorpickertile { + width: 20px; + height: 20px; + margin: 1px; + border-radius: 3px; + border : 1px solid #9C9CFF; +} + +.colorpickertile[selected="true"] { + border: 1px solid #008484; +} + +.colorpickertile[hover="true"] { + border: 1px solid #FFCF00; +} + +.cp-light[hover="true"] { + border: 2px dotted #FF9F00; +}