adding images for last EarlyBlue changes

[themes.git] / EarlyBlue / global / skin / radio.css

/* stylesheet for XUL <radio> element */

/* default radio for dialogs */
/* outer frame */
  radio 
    {
      margin: 3px 5px 3px 5px;
    }


/* checkmark outer frame */
  radio > .internal-box > .checkmark-box 
    {
      -moz-border-radius: 50%;
      margin-top: 2px;
    }

/* checkmark inner frame */
  radio > .internal-box > .checkmark-box > image 
    {
      border: 2px outset #CCD0DD;
      width: 12px;
      height: 12px;
      padding: 1px;
      -moz-border-radius: 50%;
    }

  /* ensure that no list-style-image is inherited in from the Outside */
  .checkmark-box
    {
      list-style-image: none;
    }
  

  radio[checked="true"] > .internal-box > .checkmark-box > image 
    {
      list-style-image: url(chrome://global/skin/check-radio.gif);
    }
  
  radio[checked="true"][disabled="true"] > .internal-box > .checkmark-box > image
    {
      list-style-image: url(chrome://global/skin/check-radio-disabled.gif);
    }

  radio:hover:active > .internal-box > .checkmark-box > image 
    {
      border: 2px inset #CCD0DD;
    }

  radio[disabled="true"] > .internal-box > .checkmark-box > image,
  radio[disabled="true"]:active > .internal-box > .checkmark-box > image 
    {
      border: 2px outset #CCD0DD;
    }

/* text/icon frames */
  radio[label] > .internal-box > html,
  radio.iconic > .internal-box > .icon 
    {
      margin: 0px 0px 0px 4px;
      padding: 1px;
    }

  radio.iconic > .internal-box > html 
    {
      margin-left: 4px;
    }
    
  radio[disabled="true"][label] > .internal-box > html 
    {
      color: #999999;
    }
  
  radio:focus > .internal-box > html
    { 
      border              : 1px dotted black;
      padding             : 0px;
    }