trying to fit in menubuttons better

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

/* stylesheet for XUL <checkbox> element */\r
\r
/* default checkbox for dialogs */\r
\r
/* outer checkbox frame */\r
  checkbox \r
    {\r
      margin: 3px 5px 3px 5px;\r
    }\r
\r
/* checkmark outer frame */\r
  checkbox > .internal-box > .checkmark-box \r
    {\r
      -moz-border-radius: 2px;\r
      border: 1px solid #FF9F00;\r
      background-color: #000000;\r
      margin-top: 2px;\r
      margin-right: 4px;\r
      padding: 1px; \r
    }\r
\r
  checkbox:hover > .internal-box > .checkmark-box \r
    {\r
      border: 1px solid #FFCF00;\r
    }\r
\r
  checkbox[disabled="true"] > .internal-box > .checkmark-box,\r
  checkbox[disabled="true"]:hover > .internal-box > .checkmark-box \r
    {\r
      border: 1px inset #8050B0;\r
    }\r
    \r
/* checkmark inner frame */\r
  checkbox > .internal-box > .checkmark-box > .checkbox-check \r
    {\r
      width: 8px;\r
      height: 8px;\r
      list-style-image: none;\r
    }\r
  \r
  checkbox[checked="true"] > .internal-box > .checkmark-box > .checkbox-check \r
    {\r
      list-style-image: url(chrome://global/skin/check-check.gif);\r
    }\r
    \r
  checkbox[checked="true"][disabled="true"] > .internal-box > .checkmark-box > .checkbox-check\r
    {\r
      list-style-image: url(chrome://global/skin/check-check-disabled.gif);\r
    }  \r
\r
  checkbox > .internal-box > .checkbox-icon \r
    {\r
      list-style-image: inherit;\r
    }\r
    \r
/* checkmark label/icon frame */\r
  checkbox[value] > .internal-box > html\r
    {\r
      margin: 0px 0px 0px 4px;\r
      padding: 1px;\r
      color: #FF9F00;\r
    }\r
\r
  checkbox[disabled="true"][value] > .internal-box > html \r
    {\r
      color: #8050B0;\r
    }\r
    \r
  checkbox:focus > .internal-box > html \r
    {\r
      border              : 1px dotted black;\r
      padding             : 0px;\r
    }\r