EarlyBlue/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: 2px outset #CCD0DD;
  22       width: 12px;
  23       height: 12px;
  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[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image
  41     {
  42       list-style-image: url(chrome://global/skin/check-radio-disabled.gif);
  43     }
  44
  45   radio:hover:active > .internal-box > .checkmark-box > image
  46     {
  47       border: 2px inset #CCD0DD;
  48     }
  49
  50   radio[disabled="true"] > .internal-box > .checkmark-box > image,
  51   radio[disabled="true"]:active > .internal-box > .checkmark-box > image
  52     {
  53       border: 2px outset #CCD0DD;
  54     }
  55
  56 /* text/icon frames */
  57   radio[label] > .internal-box > html,
  58   radio.iconic > .internal-box > .icon
  59     {
  60       margin: 0px 0px 0px 4px;
  61       padding: 1px;
  62     }
  63
  64   radio.iconic > .internal-box > html
  65     {
  66       margin-left: 4px;
  67     }
  68
  69   radio[disabled="true"][label] > .internal-box > html
  70     {
  71       color: #999999;
  72     }
  73
  74   radio:focus > .internal-box > html
  75     {
  76       border              : 1px dotted black;
  77       padding             : 0px;
  78     }
  79
  80