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