LCARStrek/global/skin/radio.css

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