comm-central/suite/themes/modern/global/checkbox.css

Revision control

Copy as Markdown

Other Tools

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/* ===== checkbox.css ===================================================
== Styles used by the XUL checkbox element.
======================================================================= */
/* ::::: checkbox ::::: */
checkbox {
-moz-box-align: center;
margin: 0px 2px;
border: 2px solid transparent;
padding-top: 1px;
padding-bottom: 1px;
padding-inline-start: 4px;
padding-inline-end: 2px;
}
.checkbox-icon {
margin-inline-start: 2px;
}
/* ..... focused state ..... */
checkbox:focus {
border-color: #98A5B2;
border-radius: 4px 5px;
}
/* ..... disabled state ..... */
checkbox[disabled="true"] > .checkbox-label-box > .checkbox-label {
color: #8C99AB !important;
}
/* ::::: checkmark image ::::: */
.checkbox-check {
width: 13px;
height: 13px;
list-style-image: url("chrome://global/skin/checkbox/cbox.png");
}
checkbox:hover:active > .checkbox-check {
list-style-image: url("chrome://global/skin/checkbox/cbox-act.png");
}
.checkbox-check[disabled="true"] {
list-style-image: url("chrome://global/skin/checkbox/cbox-dis.png") !important
}
/* ..... checked state ..... */
.checkbox-check[checked="true"] {
}
checkbox:hover:active > .checkbox-check[checked="true"] {
}
.checkbox-check[checked="true"][disabled="true"] {
list-style-image: url("chrome://global/skin/checkbox/cbox-dis-check.png") !important;
}