mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-08 20:47:44 +00:00
96 lines
2.2 KiB
CSS
96 lines
2.2 KiB
CSS
/* stylesheet for XUL <radio> element */
|
|
|
|
/* default radio for dialogs */
|
|
/* outer frame */
|
|
radio
|
|
{
|
|
border: 2px solid transparent;
|
|
margin: 0px 3px 0px 3px;
|
|
-moz-user-focus: normal !important;
|
|
}
|
|
|
|
radio > .internal-box
|
|
{
|
|
-moz-user-focus: ignore;
|
|
}
|
|
|
|
radio:focus
|
|
{
|
|
border-color: #8C9EB5;
|
|
-moz-border-radius : 4px 5px 4px 5px;
|
|
}
|
|
|
|
/* checkmark outer frame */
|
|
radio > .internal-box > .checkmark-box
|
|
{
|
|
margin: 3px;
|
|
}
|
|
|
|
radio[disabled="true"] > .internal-box > .checkmark-box,
|
|
radio[disabled="true"]:hover > .internal-box > .checkmark-box
|
|
{
|
|
//border: 1px solid #999999;
|
|
}
|
|
|
|
/* checkmark inner frame */
|
|
radio > .internal-box > .checkmark-box > image
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-radio.gif);
|
|
}
|
|
|
|
radio:hover:active > .internal-box > .checkmark-box > image
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-radio-pressed.gif);
|
|
}
|
|
|
|
radio[disabled="true"] > .internal-box > checkmark-box > image
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-radio-disabled.gif);
|
|
}
|
|
|
|
/* ensure that no list-style-image is inherited in from the Outside */
|
|
.checkmark-box
|
|
{
|
|
list-style-image: none;
|
|
}
|
|
|
|
/* Checked States */
|
|
|
|
radio[checked="true"] > .internal-box > .checkmark-box > image
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-radio-check.gif);
|
|
}
|
|
|
|
radio[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-radio-check-disabled.gif);
|
|
}
|
|
|
|
radio[checked="true"]:hover:active > .internal-box > .checkmark-box > image
|
|
{
|
|
list-style-image: url(chrome://global/skin/check-radio-check-pressed.gif);
|
|
}
|
|
|
|
/* text/icon frames */
|
|
radio[value] > .internal-box > html,
|
|
radio.iconic > .internal-box > .icon
|
|
{
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 2px 2px 2px 0px;
|
|
}
|
|
|
|
radio.iconic > .internal-box > html
|
|
{
|
|
margin-left: 2px;
|
|
}
|
|
|
|
radio[disabled="true"][value] > .internal-box > html
|
|
{
|
|
color: #999999;
|
|
}
|
|
|
|
radiogroup
|
|
{
|
|
-moz-user-focus : ignore;
|
|
}
|
|
|