зеркало из https://github.com/mozilla/pjs.git
86 строки
2.1 KiB
CSS
86 строки
2.1 KiB
CSS
/* stylesheet for XUL <checkbox> element */
|
|
|
|
/* default checkbox for dialogs */
|
|
|
|
/* outer checkbox frame */
|
|
checkbox
|
|
{
|
|
margin: 3px 5px 3px 5px;
|
|
border: 1px solid transparent;
|
|
padding-left: 1px;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
checkbox > .internal-box
|
|
{
|
|
-moz-user-focus: none;
|
|
}
|
|
|
|
/* checkmark outer frame */
|
|
checkbox > .internal-box > .checkmark-box
|
|
{
|
|
margin: 3px 3px 3px 3px;
|
|
}
|
|
|
|
checkbox[disabled="true"] > .internal-box > .checkmark-box,
|
|
checkbox[disabled="true"]:hover > .internal-box > .checkmark-box
|
|
{
|
|
//border: 1px solid #999999;
|
|
}
|
|
|
|
/* checkmark inner frame */
|
|
checkbox > .internal-box > .checkmark-box > .checkbox-check
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-cb.gif);
|
|
|
|
}
|
|
|
|
checkbox[checked="true"] > .internal-box > .checkmark-box > .checkbox-check
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-cb-check.gif);
|
|
}
|
|
|
|
checkbox[checked="true"][disabled="true"] > .internal-box > .checkmark-box > .checkbox-check
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-cb-check-disabled.gif);
|
|
}
|
|
|
|
checkbox:hover:active > .internal-box > .checkmark-box > .checkbox-check
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-cb-pressed.gif);
|
|
}
|
|
|
|
checkbox[disabled="true"] > .internal-box > .checkmark-box > .checkbox-check
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-cb-disabled.gif);
|
|
}
|
|
|
|
checkbox[checked="true"]:hover:active > .internal-box > .checkmark-box > .checkbox-check
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-cb-check-pressed.gif);
|
|
}
|
|
|
|
checkbox > .internal-box > .checkbox-icon
|
|
{
|
|
list-style-image: inherit;
|
|
}
|
|
|
|
/* checkmark label/icon frame */
|
|
checkbox[value] > .internal-box > html
|
|
{
|
|
margin: 0px 0px 2px 0px;
|
|
padding: 2px 2px 2px 0px;
|
|
}
|
|
|
|
checkbox[disabled="true"][value] > .internal-box > html
|
|
{
|
|
color: #999999;
|
|
}
|
|
|
|
checkbox:focus > .internal-box > .checkmark-box
|
|
{
|
|
border : 2px solid #F2C34F;
|
|
margin : 1px 1px 1px 1px;
|
|
-moz-border-radius : 4px 5px 4px 5px;
|
|
}
|