adding :hover:active to scrollbar(s)

[themes.git] / LCARStrek / global / skin / radio.css

/* stylesheet for XUL <radio> element */\r
\r
/* default radio for dialogs */\r
/* outer frame */\r
  radio \r
    {\r
      margin: 3px 5px 3px 5px;\r
    }\r
\r
\r
/* checkmark outer frame */\r
  radio > .internal-box > .checkmark-box \r
    {\r
      -moz-border-radius: 50%;\r
      margin-top: 2px;\r
    }\r
\r
/* checkmark inner frame */\r
  radio > .internal-box > .checkmark-box > image \r
    {\r
      border: 1px solid #FF9F00;\r
      width: 10px;\r
      height: 10px;\r
      padding: 1px;\r
      -moz-border-radius: 50%;\r
    }\r
\r
  /* ensure that no list-style-image is inherited in from the Outside */\r
  .checkmark-box\r
    {\r
      list-style-image: none;\r
    }\r
  \r
\r
  radio[checked="true"] > .internal-box > .checkmark-box > image \r
    {\r
      list-style-image: url(chrome://global/skin/check-radio.gif);\r
    }\r
  \r
  radio:hover > .internal-box > .checkmark-box > image \r
    {\r
      border: 1px solid #FFCF00;\r
    }\r
  \r
  radio[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image,\r
  radio[disabled="true"]:hover > .internal-box > .checkmark-box > image\r
    {\r
      list-style-image: url(chrome://global/skin/check-radio-disabled.gif);\r
    }\r
\r
  radio:hover:active > .internal-box > .checkmark-box > image \r
    {\r
      border: 2px inset #CCCCDD;\r
    }\r
\r
  radio[disabled="true"] > .internal-box > .checkmark-box > image,\r
  radio[disabled="true"]:active > .internal-box > .checkmark-box > image \r
    {\r
      border: 1px solid #8050B0;\r
    }\r
\r
/* text/icon frames */\r
  radio[value] > .internal-box > html,\r
  radio.iconic > .internal-box > .icon \r
    {\r
      color: #FF9F00;\r
      margin: 0px 0px 0px 4px;\r
      padding: 1px;\r
    }\r
\r
  radio.iconic > .internal-box > html \r
    {\r
      margin-left: 4px;\r
    }\r
    \r
  radio[disabled="true"][value] > .internal-box > html \r
    {\r
      color: #8050B0;\r
    }\r
  \r
  radio:focus > .internal-box > html\r
    { \r
      border              : 1px dotted #FFCF00;\r
      padding             : 0px;\r
    }\r
    \r