checkbox.css (1954B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 /* ===== checkbox.css =================================================== 6 == Styles used by the XUL checkbox element. 7 ======================================================================= */ 8 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 10 11 /* ::::: checkbox ::::: */ 12 13 checkbox { 14 -moz-appearance: none; 15 -moz-box-align: center; 16 margin: 2px 4px; 17 padding-top: 1px; 18 padding-bottom: 1px; 19 padding-inline-start: 4px; 20 padding-inline-end: 2px; 21 } 22 23 .checkbox-label-box { 24 margin-inline-start: 2px; 25 border: 1px solid transparent; 26 padding: 0px 1px; 27 } 28 29 .checkbox-icon { 30 margin-inline-end: 2px; 31 } 32 33 .checkbox-label { 34 margin: 0 !important; 35 } 36 37 /* ..... focused state ..... */ 38 39 checkbox:-moz-focusring > .checkbox-label-box { 40 border: 1px dotted ThreeDDarkShadow; 41 } 42 43 /* ..... disabled state ..... */ 44 45 checkbox[disabled="true"] > .checkbox-check { 46 background-color: #181411; 47 } 48 49 checkbox[disabled="true"] { 50 color: GrayText; 51 } 52 53 /* ::::: checkmark image ::::: */ 54 55 .checkbox-check { 56 -moz-appearance: none; 57 -moz-box-align: center; 58 border: 1px solid; 59 -moz-border-top-colors: rgb(75,75,75); 60 -moz-border-right-colors: rgb(75,75,75); 61 -moz-border-bottom-colors: rgb(75,75,75); 62 -moz-border-left-colors: rgb(75,75,75); 63 min-width: 13px; 64 min-height: 13px; 65 background: #181411 no-repeat 50% 50%; 66 } 67 68 checkbox:hover:active > .checkbox-check { 69 background-color: rgb(1,1,1); 70 } 71 72 /* ..... checked state ..... */ 73 74 checkbox[checked="true"] > .checkbox-check { 75 background-image: url("chrome://global/skin/checkbox/cbox-check.svg#check"); 76 } 77 78 checkbox[checked="true"][disabled="true"] > .checkbox-check { 79 background-image: url("chrome://global/skin/checkbox/cbox-check.svg#check-dis") !important 80 } 81