X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fradio.css;h=e46d2223aaa80ee689f86a5fd8fbcbc73337e393;hp=9bbd1cd56f214e32dc633eb3a75250745fce4c10;hb=64da60f36aef0e5ba1f11899c135565230a70edd;hpb=b9060895ef5c8141ee106b66e6c2da90a200eca2 diff --git a/LCARStrek/global/radio.css b/LCARStrek/global/radio.css index 9bbd1cd5..e46d2223 100644 --- a/LCARStrek/global/radio.css +++ b/LCARStrek/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 #008484; } /* ..... disabled state ..... */ -radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 { +radio[disabled="true"] > .radio-check-box1 { background-color: #000000; border: 1px solid #8050B0; } @@ -60,14 +56,12 @@ radio[disabled="true"] { /* ::::: checkmark image ::::: */ .radio-check-box1 { -/* -moz-box-align: center; - -moz-box-pack: center; */ + margin: 0 0; border: 1px solid #FF9F00; border-radius: 50%; width: 10px; height: 10px; background-color: #000000; - /* background-color: transparent; */ } .radio-check-box2 { @@ -78,27 +72,27 @@ radio[disabled="true"] { list-style-image: none; } -radio:not([disabled="true"]):hover > .radio-spacer-box > .radio-check-box1, -radio:not([disabled="true"]):hover:active > .radio-spacer-box > .radio-check-box1 { +radio:not([disabled="true"]):hover > .radio-check-box1, +radio:not([disabled="true"]):hover:active > .radio-check-box1 { border: 1px solid #FFCF00; } -radio:not([disabled="true"]):hover > .radio-label-center-box > .radio-label-box, -radio:not([disabled="true"]):hover:active > .radio-label-center-box > .radio-label-box { +radio:not([disabled="true"]):hover > .radio-label-box, +radio:not([disabled="true"]):hover:active > .radio-label-box { color: #FFCF00; } /* ..... 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"]:hover > .radio-spacer-box > .radio-check-box1 > .radio-check-box2, -radio[selected="true"]:hover:active > .radio-spacer-box > .radio-check-box1 > .radio-check-box2{ +radio[selected="true"]:hover > .radio-check-box1 > .radio-check-box2, +radio[selected="true"]:hover:active > .radio-check-box1 > .radio-check-box2{ list-style-image: url("chrome://global/skin/radio/radio-check-hover.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 }