X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fin-content%2Fcommon.css;h=a7fda135efbc3aa46ed0a69d98d5a0955b8de98e;hp=4643c06626dc907f3a980a4bca8a377fb5785e7e;hb=e0a1501955cc9b54835c4e082921cead70292b4e;hpb=cb8b9460bc32310392db13c6e78ded25229133c8;ds=sidebyside diff --git a/LCARStrek/global/in-content/common.css b/LCARStrek/global/in-content/common.css index 4643c066..a7fda135 100644 --- a/LCARStrek/global/in-content/common.css +++ b/LCARStrek/global/in-content/common.css @@ -415,14 +415,13 @@ html|a:hover:active, } /* Checkboxes and radio buttons */ -/* -/ Hide the actual checkbox / +/* Hide the actual checkbox */ html|input[type="checkbox"] { opacity: 0; position: absolute; } -/ Create a box to style as the checkbox / +/* Create a box to style as the checkbox */ html|input[type="checkbox"] + html|label:before { display: inline-block; content: ""; @@ -432,47 +431,56 @@ html|input[type="checkbox"] + html|label:before { html|input[type="checkbox"] + html|label { line-height: 0px; } - +/* xul|checkbox { -moz-margin-start: 0; } - -xul|*.checkbox-check, +*/ +/* xul|*.checkbox-check, */ html|input[type="checkbox"] + html|label:before { -moz-appearance: none; width: 23px; height: 23px; - border-radius: 2px; - border: 1px solid #c1c1c1; + border-radius: 0; + border: 1px solid #FF9F00; -moz-margin-end: 10px; - background-color: #f1f1f1; - / !important needed to override toolkit checked !important rule / - background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important; + background-color: #000000; background-position: center center; background-repeat: no-repeat; - box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03); } -xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check, +/* xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check, */ html|input[type="checkbox"]:not(:disabled) + html|label:hover:before { - border-color: #0095dd; + border-color: #FFCF00; } - +html|input[type="checkbox"]:not(:disabled) + html|label:hover { + color: #FFCF00; +} +/* xul|*.checkbox-check[checked] { background-image: url("chrome://global/skin/in-content/check.png"), / * !important needed to override toolkit !important rule * / linear-gradient(#fff, rgba(255,255,255,0.8)) !important; } - +*/ html|input[type="checkbox"]:checked + html|label:before { - background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important; + background-image: url("chrome://global/skin/in-content/check.svg#check"); } -xul|checkbox[disabled="true"] > xul|*.checkbox-check, +/*xul|checkbox[checked][disabled="true"] > xul|*.checkbox-check,*/ +html|input[type="checkbox"]:checked:disabled + html|label:before { + background-image: url("chrome://global/skin/in-content/check.svg#check-disabled"); +} +html|input[type="checkbox"]:not(:disabled) + html|label:hover:before { + background-image: url("chrome://global/skin/in-content/check.svg#check-hover"); +} +html|input[type="checkbox"]:disabled + html|label:before { + border-color: #8050B0; +} html|input[type="checkbox"]:disabled + html|label { - opacity: 0.5; + color: #8050B0; } - +/* xul|*.checkbox-label-box { -moz-margin-start: -1px; / * negative margin for the transparent border * / -moz-padding-start: 0;