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 ::::: */
15 border-left: 1px transparent;
16 border-right: 1px transparent;
19 .checkbox-spacer-box {
20 -moz-box-align: center;
21 border-right: 4px solid transparent;
24 .checkbox-label-center-box {
25 -moz-box-align: center;
29 border: 1px solid transparent;
30 -moz-box-align: center;
41 /* ..... focused state ..... */
43 checkbox:-moz-focusring > .checkbox-label-center-box > .checkbox-label-box {
44 border: 1px dotted #9999CC;
47 /* ..... disabled state ..... */
49 checkbox[disabled="true"] > .checkbox-check,
50 checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check {
51 background-color: #CCD0DD;
54 checkbox[disabled="true"] {
55 color: #999999 !important;
58 /* ::::: checkmark image ::::: */
61 border: 1px inset #CCD0DD;
66 background: transparent 50% 50% no-repeat;
69 checkbox > .checkbox-check {
73 checkbox:hover:active > .checkbox-check,
74 checkbox:hover:active > .checkbox-spacer-box > .checkbox-check {
75 background-color: #CCD0DD;
78 /* ..... checked state ..... */
80 checkbox[checked="true"] > .checkbox-check,
81 checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check {
82 background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
85 checkbox[checked="true"][disabled="true"] > .checkbox-check,
86 checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check {
87 background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important