X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fradio.css;h=4c956b49b523258f0fdbf0e875e5e906a9de5fc6;hp=dfab765ab90fd62283e83cdecb4ad97f9ff04b37;hb=refs%2Ftags%2FEarlyBlue-2.50;hpb=b9060895ef5c8141ee106b66e6c2da90a200eca2 diff --git a/EarlyBlue/global/radio.css b/EarlyBlue/global/radio.css index dfab765a..4c956b49 100644 --- a/EarlyBlue/global/radio.css +++ b/EarlyBlue/global/radio.css @@ -11,44 +11,40 @@ /* ::::: radio ::::: */ radio { - margin: 1px 2px; - border-left: 1px transparent; - border-right: 1px transparent; -} - -.radio-spacer-box { - -moz-box-align: center; - border-right: 4px solid transparent; - border-top: 1px; - border-bottom: 1px; -} - -.radio-label-center-box { -moz-box-align: center; + margin: 1px 2px; + padding-top: 0; + padding-bottom: 0; + padding-inline-start: 2px; + padding-inline-end: 0; } .radio-label-box { + margin-inline-start: 2px; border: 1px solid transparent; - -moz-box-align: center; + padding-top: 0px; + padding-bottom: 0; + padding-inline-start: 1px; + padding-inline-end: 0px; } -.radio-icon[src] { +.radio-icon { margin-inline-end: 2px; } .radio-label { - margin: 0px !important; + margin: 0 !important; } /* ..... focused state ..... */ -radio[focused="true"] > .radio-label-center-box > .radio-label-box { +radio[focused="true"] > .radio-label-box { border: 1px dotted #9999CC; } /* ..... disabled state ..... */ -radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 { +radio[disabled="true"] > .radio-check-box1 { background-color: #CCD0DD; } @@ -59,6 +55,7 @@ radio[disabled="true"] { /* ::::: checkmark image ::::: */ .radio-check-box1 { + margin: 0 0; border: 2px outset #CCD0DD; border-radius: 50%; width: 12px; @@ -75,20 +72,20 @@ radio[disabled="true"] { list-style-image: none; } -radio:hover:active > .radio-spacer-box > .radio-check-box1 { +radio:hover:active > .radio-check-box1 { border: 2px inset #CCD0DD; } -radio[disabled="true"]:hover:active > .radio-spacer-box > .radio-check-box1 { +radio[disabled="true"]:hover:active > .radio-check-box1 { border: 2px outset #CCD0DD; } /* ..... selected state ..... */ -radio[selected="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { +radio[selected="true"] > .radio-check-box1 > .radio-check-box2 { list-style-image: url("chrome://global/skin/radio/radio-check.gif"); } -radio[selected="true"][disabled="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { +radio[selected="true"][disabled="true"] > .radio-check-box1 > .radio-check-box2 { list-style-image: url("chrome://global/skin/radio/radio-check-disabled.gif") !important }