LCARStrek/global/skin/radio.css

   1 /* stylesheet for XUL <radio> element */\r
   2 \r
   3 /* default radio for dialogs */\r
   4 /* outer frame */\r
   5   radio \r
   6     {\r
   7       margin: 3px 5px 3px 5px;\r
   8     }\r
   9 \r
  10 \r
  11 /* checkmark outer frame */\r
  12   radio > .internal-box > .checkmark-box \r
  13     {\r
  14       -moz-border-radius: 50%;\r
  15       margin-top: 2px;\r
  16     }\r
  17 \r
  18 /* checkmark inner frame */\r
  19   radio > .internal-box > .checkmark-box > image \r
  20     {\r
  21       border: 1px solid #FF9F00;\r
  22       width: 10px;\r
  23       height: 10px;\r
  24       padding: 1px;\r
  25       -moz-border-radius: 50%;\r
  26     }\r
  27 \r
  28   /* ensure that no list-style-image is inherited in from the Outside */\r
  29   .checkmark-box\r
  30     {\r
  31       list-style-image: none;\r
  32     }\r
  33   \r
  34 \r
  35   radio[checked="true"] > .internal-box > .checkmark-box > image \r
  36     {\r
  37       list-style-image: url(chrome://global/skin/check-radio.gif);\r
  38     }\r
  39   \r
  40   radio:hover > .internal-box > .checkmark-box > image \r
  41     {\r
  42       border: 1px solid #FFCF00;\r
  43     }\r
  44   \r
  45   radio[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image,\r
  46   radio[disabled="true"]:hover > .internal-box > .checkmark-box > image\r
  47     {\r
  48       list-style-image: url(chrome://global/skin/check-radio-disabled.gif);\r
  49     }\r
  50 \r
  51   radio:hover:active > .internal-box > .checkmark-box > image \r
  52     {\r
  53       border: 2px inset #CCCCDD;\r
  54     }\r
  55 \r
  56   radio[disabled="true"] > .internal-box > .checkmark-box > image,\r
  57   radio[disabled="true"]:active > .internal-box > .checkmark-box > image \r
  58     {\r
  59       border: 1px solid #8050B0;\r
  60     }\r
  61 \r
  62 /* text/icon frames */\r
  63   radio[value] > .internal-box > html,\r
  64   radio.iconic > .internal-box > .icon \r
  65     {\r
  66       color: #FF9F00;\r
  67       margin: 0px 0px 0px 4px;\r
  68       padding: 1px;\r
  69     }\r
  70 \r
  71   radio.iconic > .internal-box > html \r
  72     {\r
  73       margin-left: 4px;\r
  74     }\r
  75     \r
  76   radio[disabled="true"][value] > .internal-box > html \r
  77     {\r
  78       color: #8050B0;\r
  79     }\r
  80   \r
  81   radio:focus > .internal-box > html\r
  82     { \r
  83       border              : 1px dotted #FFCF00;\r
  84       padding             : 0px;\r
  85     }\r
  86     \r
  87