EarlyBlue/skin/EarlyBlue/global/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   .radio-checkmark-box-1
  11     {
  12       border: 2px outset #CCD0DD;
  13       -moz-border-radius  : 50%;
  14       margin              : 0px 2px 0px 0px;
  15       width               : 12px;
  16       height              : 12px;
  17     }
  18
  19   .radio-checkmark-box-1[disabled="true"]
  20     {
  21       background-color    : -moz-Dialog;
  22     }
  23
  24   .radio-checkmark-box-2
  25     {
  26       -moz-border-radius  : 50%;
  27       padding             : 1px;
  28       width               : 11px;
  29       height              : 11px;
  30     }
  31
  32   /* ensure that no list-style-image is inherited in from the Outside */
  33   .radio-check
  34     {
  35       list-style-image    : none;
  36     }
  37
  38   .radio-check[checked="true"]
  39     {
  40       list-style-image    : url(chrome://global/skin/check-radio.gif);
  41     }
  42
  43   .radio-check[checked="true"][disabled="true"]
  44     {
  45       list-style-image    : url(chrome://global/skin/check-radio-disabled.gif);
  46     }
  47
  48   radio:hover:active > .radio-internal-box > .radio-checkmark-box-1
  49     {
  50       border: 2px inset #CCD0DD;
  51     }
  52
  53   radio[disabled="true"] > .radio-internal-box > .radio-checkmark-box-1,
  54   radio[disabled="true"]:active > .radio-internal-box > .radio-checkmark-box-1
  55     {
  56       border: 2px outset #CCD0DD;
  57     }
  58
  59 /* text/icon frames */
  60   .radio-text
  61     {
  62       margin              : 0px 0px 0px 2px;
  63     }
  64
  65   .radio-icon
  66     {
  67       list-style-image    : inherit;
  68     }
  69
  70   .radio-text
  71     {
  72       margin              : 0px !important;
  73     }
  74
  75   .radio-text[disabled="true"]
  76     {
  77       color               : #999999;
  78     }
  79
  80   radio[focused="true"] > .radio-internal-box > .radio-text-container
  81     {
  82       border              : 1px dotted #9999CC;
  83     }
  84
  85   .radio-text-container
  86     {
  87       border              : 1px solid transparent;
  88     }
  89
  90   .radio-internal-box
  91     {
  92       -moz-user-focus     : ignore;
  93     }
  94
  95