home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / skinclas.xpi / bin / chrome / classic.jar / skin / classic / global / radio.css < prev    next >
Cascading Style Sheet File  |  2001-05-15  |  2KB  |  96 lines
  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-top          : 1px solid ThreeDShadow;
  13.       border-left         : 1px solid ThreeDShadow;
  14.       border-right        : 1px solid ThreeDHighlight;
  15.       border-bottom       : 1px solid ThreeDHighlight;
  16.       background-color    : -moz-Field;
  17.       -moz-border-radius  : 50%;
  18.       margin              : 2px 2px 0px 0px;
  19.       width               : 12px;
  20.       height              : 12px;
  21.     }
  22.  
  23.   .radio-checkmark-box-1[disabled="true"]
  24.     {
  25.       background-color    : -moz-Dialog;
  26.     }
  27.  
  28.   .radio-checkmark-box-2
  29.     {
  30.       border-left         : 1px solid ThreeDDarkShadow;
  31.       border-top          : 1px solid ThreeDDarkShadow;
  32.       border-right        : 1px solid ThreeDLightShadow;
  33.       border-bottom       : 1px solid ThreeDLightShadow;
  34.       -moz-border-radius  : 50%;
  35.       padding             : 2px;
  36.       width               : 10px;
  37.       height              : 10px;
  38.     }  
  39.  
  40.   /* ensure that no list-style-image is inherited in from the Outside */
  41.   .radio-check
  42.     {
  43.       list-style-image    : none;
  44.     }
  45.  
  46.   .radio-check[checked="true"]
  47.     {
  48.       list-style-image    : url(chrome://global/skin/check-radio.gif);
  49.     }
  50.   
  51.   .radio-check[checked="true"][disabled="true"]
  52.     {
  53.       list-style-image    : url(chrome://global/skin/check-radio-disabled.gif);
  54.     }
  55.  
  56.   radio:hover:active > .radio-internal-box > .radio-checkmark-box-1
  57.     {
  58.       background-color    : -moz-Dialog;
  59.     }
  60.  
  61. /* text/icon frames */
  62.   .radio-text
  63.     {
  64.       margin              : 0px 0px 0px 2px;
  65.     }
  66.  
  67.   .radio-icon 
  68.     {
  69.       list-style-image    : inherit;
  70.     }    
  71.  
  72.   .radio-text
  73.     {
  74.       margin              : 0px !important;
  75.     }
  76.     
  77.   .radio-text[disabled="true"]
  78.     {
  79.       color               : GrayText;
  80.     }
  81.   
  82.   radio[focused="true"] > .radio-internal-box > .radio-text-container
  83.     { 
  84.       border              : 1px dotted ThreeDDarkShadow;
  85.     }
  86.   
  87.   .radio-text-container
  88.     {
  89.       border              : 1px solid transparent;
  90.     }
  91.   
  92.   .radio-internal-box
  93.     {
  94.       -moz-user-focus     : ignore;
  95.     }    
  96.