From: Robert Kaiser Date: Sun, 12 Apr 2015 14:37:53 +0000 (+0200) Subject: make checkboxes in in-content prefs captions look and work decently X-Git-Tag: LCARStrek-2.34^0 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=70793992759d582e5cb84e56ced9df9e903ddf67;p=themes.git make checkboxes in in-content prefs captions look and work decently --- diff --git a/LCARStrek/global/checkbox.css b/LCARStrek/global/checkbox.css index ad38b377..759ec780 100644 --- a/LCARStrek/global/checkbox.css +++ b/LCARStrek/global/checkbox.css @@ -90,3 +90,38 @@ checkbox[checked="true"]:hover:active > .checkbox-spacer-box > .checkbox-check { checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check { background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important; } + +/* ..... checkbox in groupbox caption ..... */ + +caption > checkbox { + border-radius: 7px; + border: 0; + margin: 0 -3px; + padding: 0 5px; +} + +caption > checkbox:hover { + background-color: #FFCF00; +} + +caption > checkbox:hover:active { + background-color: #FF9F00; +} + +caption > checkbox:not([disabled="true"]) > .checkbox-label-center-box > .checkbox-label-box, +caption > checkbox:not([disabled="true"]):hover > .checkbox-label-center-box > .checkbox-label-box, +caption > checkbox:not([disabled="true"]):hover:active > .checkbox-label-center-box > .checkbox-label-box { + color: inherit; +} + +caption > checkbox:not([disabled="true"]) > .checkbox-spacer-box > .checkbox-check, +caption > checkbox:not([disabled="true"]):hover > .checkbox-spacer-box > .checkbox-check, +caption > checkbox:not([disabled="true"]):hover:active > .checkbox-spacer-box > .checkbox-check { + border-color: #000000; +} + +caption > checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check, +caption > checkbox[checked="true"]:hover > .checkbox-spacer-box > .checkbox-check, +caption > checkbox[checked="true"]:hover:active > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check-inverted.gif"); +}