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/. */
5 /* ===== checkbox.css ===================================================
6 == Styles used by the XUL checkbox element.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* ::::: checkbox ::::: */
14 -moz-box-align: center;
18 padding-inline-start: 2px;
19 padding-inline-end: 0;
23 border: 1px solid transparent;
27 margin-inline-end: 2px;
34 /* ..... focused state ..... */
36 checkbox:-moz-focusring > .checkbox-label-box {
37 border: 1px dotted #9999CC;
40 /* ..... disabled state ..... */
42 checkbox[disabled="true"] > .checkbox-check {
43 background-color: #CCD0DD;
46 checkbox[disabled="true"] > .checkbox-label-box {
50 /* ::::: checkmark image ::::: */
53 border: 1px inset #CCD0DD;
58 background: transparent 50% 50% no-repeat;
59 margin-inline-end: 3px;
62 checkbox:hover:active > .checkbox-check {
63 background-color: #CCD0DD;
66 /* ..... checked state ..... */
68 checkbox[checked="true"] > .checkbox-check {
69 background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
72 checkbox[checked="true"][disabled="true"] > .checkbox-check {
73 background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important