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