X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fcolorpicker.css;h=bc42c75a896afdd4fd9408d431962f8f2cbcea2f;hp=3ae29bcc52f2367c1530c2e0b64f5aa3017d7b8c;hb=b1eaa41997928ca662ce1158215dc02e5b203eb0;hpb=d81fcf5942d62a6330422fed14d3f5116a17276a diff --git a/LCARStrek/global/colorpicker.css b/LCARStrek/global/colorpicker.css index 3ae29bcc..bc42c75a 100644 --- a/LCARStrek/global/colorpicker.css +++ b/LCARStrek/global/colorpicker.css @@ -37,38 +37,17 @@ @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; - -moz-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; -} - -/* colorpicker button */ +/* ::::: colorpicker button ::::: */ colorpicker[type="button"] { - width: 35px; + width: 34px; height: 20px; -moz-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; + -moz-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; +}