X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fcheckbox.css;h=1c7cb5abe982c6ea542d3d17e36a521c77f6f924;hp=b28cea22f88b7c180737e46c905d7ab0ec6d6782;hb=refs%2Ftags%2FEarlyBlue-2.50;hpb=b9060895ef5c8141ee106b66e6c2da90a200eca2 diff --git a/EarlyBlue/global/checkbox.css b/EarlyBlue/global/checkbox.css index b28cea22..1c7cb5ab 100644 --- a/EarlyBlue/global/checkbox.css +++ b/EarlyBlue/global/checkbox.css @@ -11,26 +11,19 @@ /* ::::: checkbox ::::: */ checkbox { - margin: 1px 2px; - border-left: 1px transparent; - border-right: 1px transparent; -} - -.checkbox-spacer-box { - -moz-box-align: center; - border-right: 4px solid transparent; -} - -.checkbox-label-center-box { -moz-box-align: center; + margin: 1px 2px; + padding-top: 0; + padding-bottom: 0; + padding-inline-start: 2px; + padding-inline-end: 0; } .checkbox-label-box { border: 1px solid transparent; - -moz-box-align: center; } -.checkbox-icon[src] { +.checkbox-icon { margin-inline-end: 2px; } @@ -40,19 +33,18 @@ checkbox { /* ..... focused state ..... */ -checkbox:-moz-focusring > .checkbox-label-center-box > .checkbox-label-box { +checkbox:-moz-focusring > .checkbox-label-box { border: 1px dotted #9999CC; } /* ..... disabled state ..... */ -checkbox[disabled="true"] > .checkbox-check, -checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check { +checkbox[disabled="true"] > .checkbox-check { background-color: #CCD0DD; } -checkbox[disabled="true"] { - color: #999999 !important; +checkbox[disabled="true"] > .checkbox-label-box { + color: #999999; } /* ::::: checkmark image ::::: */ @@ -64,25 +56,19 @@ checkbox[disabled="true"] { min-width: 12px; min-height: 12px; background: transparent 50% 50% no-repeat; + margin-inline-end: 3px; } -checkbox > .checkbox-check { - margin-inline-end: 4px; -} - -checkbox:hover:active > .checkbox-check, -checkbox:hover:active > .checkbox-spacer-box > .checkbox-check { +checkbox:hover:active > .checkbox-check { background-color: #CCD0DD; } /* ..... checked state ..... */ -checkbox[checked="true"] > .checkbox-check, -checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check { +checkbox[checked="true"] > .checkbox-check { background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); } -checkbox[checked="true"][disabled="true"] > .checkbox-check, -checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check { +checkbox[checked="true"][disabled="true"] > .checkbox-check { background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important }