home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / skinclas.xpi / bin / chrome / classic.jar / skin / classic / global / menulist.css < prev    next >
Cascading Style Sheet File  |  2001-08-09  |  5KB  |  163 lines
  1. @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
  2.  
  3. /* outer frame */
  4.   menulist 
  5.     {
  6.       border-left         : 1px solid ThreeDShadow;
  7.       border-top          : 1px solid ThreeDShadow;
  8.       border-right        : 1px solid ThreeDHighlight;
  9.       border-bottom       : 1px solid ThreeDHighlight;
  10.       background-color    : -moz-Field;
  11.       color               : -moz-FieldText;
  12.       margin              : 1px 5px 2px 5px;
  13.     }
  14.     
  15.   menulist[disabled="true"] > .menulist-internal-box > .menulist-display-box
  16.     {
  17.       background-color    : -moz-Dialog;
  18.       color               : GrayText;
  19.     }
  20.     
  21. /* icon display frame */
  22.   .menulist-internal-box
  23.     {
  24.       border-left         : 1px solid ThreeDDarkShadow;
  25.       border-top          : 1px solid ThreeDDarkShadow;
  26.       border-right        : 1px solid ThreeDLightShadow;
  27.       border-bottom       : 1px solid ThreeDLightShadow;
  28.       -moz-user-focus     : ignore;
  29.     }  
  30.  
  31.   .menulist-display-box,
  32.   menulist[open="true"]:focus > .menulist-internal-box > .menulist-display-box
  33.     {
  34.       border              : 1px solid transparent;
  35.       margin              : 1px;
  36.       background-color    : -moz-Field;
  37.       color               : -moz-FieldText;
  38.     }     
  39.     
  40.   menulist:focus > .menulist-internal-box > .menulist-display-box
  41.     {
  42.       border              : 1px dotted HighlightText;
  43.       background-color    : Highlight;
  44.       color               : HighlightText;
  45.     }
  46.       
  47. /* text display frame */
  48.   .menulist-text 
  49.     {
  50.       padding             : 0px 2px 0px 2px;
  51.       margin              : 0px;
  52.     }
  53.     
  54. /* drop marker display frame */
  55.   .menulist-dropmarker-box-1
  56.     {
  57.       border-top          : 1px solid ThreeDFace;
  58.       border-right        : 1px solid ThreeDDarkShadow;
  59.       border-bottom       : 1px solid ThreeDDarkShadow;
  60.       border-left         : 1px solid ThreeDFace;
  61.       background-color    : -moz-Dialog;
  62.     }
  63.   
  64.   .menulist-dropmarker-box-2
  65.     {
  66.       border-top          : 1px solid ThreeDHighlight;
  67.       border-right        : 1px solid ThreeDShadow;
  68.       border-bottom       : 1px solid ThreeDShadow;
  69.       border-left         : 1px solid ThreeDHighlight;
  70.       padding             : 2px 1px 2px 1px;
  71.     }
  72.  
  73.   .menulist-dropmarker
  74.     {
  75.       list-style-image    : url("chrome://global/skin/scroll-down.gif");
  76.     }
  77.   
  78.   .menulist-dropmarker[disabled="true"]
  79.     {
  80.       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
  81.     }
  82.  
  83.   menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1[open="true"]
  84.     { 
  85.       border              : 1px solid ThreeDShadow;
  86.     }
  87.     
  88.   menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1 > .menulist-dropmarker-box-2[open="true"]
  89.     {
  90.       border              : 1px solid ThreeDFace;
  91.       padding             : 3px 0px 1px 2px;
  92.     }
  93.  
  94. /**
  95.  * <menulist>s for things like mailnews addressing widget
  96.  **/
  97.  
  98.   .menulist-compact
  99.     {
  100.       margin              : 0px;
  101.       border-top          : 1px solid ThreeDHighlight;
  102.       border-right        : 1px solid ThreeDDarkShadow;
  103.       border-bottom       : 1px solid ThreeDDarkShadow;
  104.       border-left         : 1px solid ThreeDHighlight;
  105.       background-color    : -moz-Dialog;
  106.       -moz-user-focus     : normal;  
  107.     }    
  108.     
  109.   .menulist-compact-internal-box
  110.     {
  111.       border-top          : 1px solid ThreeDLightShadow;
  112.       border-right        : 1px solid ThreeDShadow;
  113.       border-bottom       : 1px solid ThreeDShadow;
  114.       border-left         : 1px solid ThreeDLightShadow;
  115.     }
  116.     
  117.   .menulist-compact-dropmarker
  118.     {
  119.       list-style-image    : url("chrome://global/skin/scroll-down.gif");
  120.       margin-left         : 2px;
  121.     }
  122.     
  123.   .menulist-compact-text
  124.     {
  125.       margin-right        : 3px;
  126.     }  
  127.  
  128.   .menulist-compact:hover:active,
  129.   .menulist-compact[open="true"]
  130.     {
  131.       border              : 1px solid ThreeDDarkShadow;
  132.       background-color    : ThreeDShadow;
  133.       color               : ThreeDHighlight;
  134.     }
  135.  
  136.   .menulist-compact:hover:active > .menulist-compact-internal-box,
  137.   .menulist-compact[open="true"] > .menulist-compact-internal-box 
  138.     {
  139.       border              : 1px solid transparent;
  140.     }
  141.     
  142. /**
  143.  * Editable menulists (comboboxes) 
  144.  */
  145.   
  146. html|*.menulist-editable-text 
  147.   {
  148.     border                : none !important;
  149.     margin                : 0px !important;
  150.   }
  151.  
  152. menulist[editable="true"] > .menulist-internal-box > .menulist-display-box
  153.   {
  154.     margin                : 0px;
  155.   }
  156.  
  157. menulist[editable="true"]:focus > .menulist-internal-box > .menulist-display-box
  158.   {
  159.     border                : none !important;
  160.   }
  161.  
  162.     
  163.