X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fcheckbox.css;h=230f09be207152762be37cf0ca2361c6765b476e;hp=b419653813603d0c6caaa1b59ed7356a96645a0c;hb=df8c26c46020f7b778d46e6ceedc93e4d4cb6202;hpb=55509a9140d6ed6d8ae18e4fc1da8f5789d2279f diff --git a/EarlyBlue/global/checkbox.css b/EarlyBlue/global/checkbox.css index b4196538..230f09be 100644 --- a/EarlyBlue/global/checkbox.css +++ b/EarlyBlue/global/checkbox.css @@ -35,25 +35,35 @@ * * ***** END LICENSE BLOCK ***** */ +/* ===== checkbox.css =================================================== + == Styles used by the XUL checkbox element. + ======================================================================= */ + @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -/* stylesheet for XUL element */ +/* ::::: checkbox ::::: */ -/* default checkbox for dialogs */ -/* outer frame */ checkbox { - -moz-box-align: center; margin: 1px 2px; - padding: 1px; + 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; } .checkbox-label-box { border: 1px solid transparent; - padding: 0px 1px; -moz-box-align: center; } -.checkbox-icon { +.checkbox-icon[src] { margin-right: 2px; } @@ -63,14 +73,14 @@ checkbox { /* ..... focused state ..... */ -checkbox:focus > .checkbox-label-box { +checkbox:focus > .checkbox-label-center-box > .checkbox-label-box { border: 1px dotted #9999CC; } /* ..... disabled state ..... */ -checkbox[disabled="true"] > .checkbox-check { - background-color: -moz-Dialog; +checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check { + background-color: #CCD0DD; } checkbox[disabled="true"] { @@ -80,23 +90,22 @@ checkbox[disabled="true"] { /* ::::: checkmark image ::::: */ .checkbox-check { - -moz-box-align: center; border: 1px inset #CCD0DD; width: 12px; height: 12px; background: transparent 50% 50% no-repeat; } - -checkbox:hover:active > .checkbox-check { - background-color: transparent; + +checkbox:hover:active > .checkbox-spacer-box > .checkbox-check { + background-color: #CCD0DD; } /* ..... checked state ..... */ -checkbox[checked="true"] > .checkbox-check { +checkbox[checked="true"] > .checkbox-spacer-box > .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 { background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important }