[Summary view] [Print] [Text view]

   1  /*
   2  YUI 3.17.2 (build 9c3c78e)
   3  Copyright 2014 Yahoo! Inc. All rights reserved.
   4  Licensed under the BSD License.
   5  http://yuilibrary.com/license/
   6  */
   7  
   8  .yui3-menu .yui3-menu {
   9  
  10      position: absolute;
  11      z-index: 1;
  12  
  13  }
  14  
  15  
  16  .yui3-menu .yui3-shim {
  17  
  18      /* 
  19          Styles for the <iframe> shim used to prevent <select> elements from poking through 
  20          submenus in IE < 7.  Note: For peformance, creation of the <iframe> shim for each submenu  
  21          is deferred until it is initially made visible by the user.
  22      */
  23  
  24      position: absolute;
  25      top: 0;
  26      left: 0;
  27      z-index: -1;
  28      opacity: 0;
  29      filter: alpha(opacity=0);  /* For IE since it doesn't implement the CSS3 "opacity" property. */
  30      border: none;
  31      margin: 0;
  32      padding: 0;
  33      height: 100%;
  34      width: 100%;
  35  
  36  }
  37  
  38  .yui3-menu-hidden {
  39  
  40      /*
  41          Position hidden menus outside the viewport boundaries to prevent them from 
  42          triggering scrollbars on the viewport.
  43      */
  44  
  45      top: -10000px;
  46      left: -10000px;
  47  
  48      /*
  49          Using "visibility:hidden" over "display" none because:
  50          
  51          1)    As the "position" property for submenus is set to "absolute", they are out of 
  52              the document flow and take up no space.  Therefore, from that perspective use of 
  53              "display:none" is redundant.
  54          
  55          2)    According to MSDN use of "display:none" is more expensive:
  56              "Display is the more expensive of the two CSS properties, so if you are 
  57              making elements appear and disappear often, visibility will be faster." 
  58              (See http://msdn.microsoft.com/en-us/library/bb264005(VS.85).aspx)
  59      */
  60  
  61      visibility: hidden;
  62  
  63  }
  64  
  65  .yui3-menu li {
  66  
  67      list-style-type: none;    
  68  
  69  }
  70  
  71  .yui3-menu ul, 
  72  .yui3-menu li { 
  73  
  74      margin: 0;
  75      padding: 0;
  76  
  77  }
  78  
  79  .yui3-menu-label,
  80  .yui3-menuitem-content {
  81  
  82      text-align: left;
  83      white-space: nowrap;
  84      display: block;
  85  
  86  }
  87  
  88  .yui3-menu-horizontal li {
  89  
  90      float: left;
  91      width: auto;
  92  
  93  }
  94  
  95  .yui3-menu-horizontal li li {
  96  
  97      float: none;
  98  
  99  }
 100  
 101  .yui3-menu-horizontal ul {
 102  
 103      /*
 104          Use of "zoom" sets the "hasLayout" property to "true" in IE (< 8).  When "hasLayout" is 
 105          set to "true", an element can clear its floated descendents.  For more:
 106          http://msdn.microsoft.com/en-gb/library/ms533776(VS.85).aspx
 107      */
 108  
 109      *zoom: 1;
 110  
 111  }
 112  
 113  .yui3-menu-horizontal ul ul {
 114  
 115      /*
 116          No need to clear <ul>s of submenus of horizontal menus since <li>s of submenus
 117          aren't floated.
 118      */
 119  
 120      *zoom: normal;
 121  
 122  }            
 123  
 124  .yui3-menu-horizontal>.yui3-menu-content>ul:after {
 125  
 126      /*    Self-clearing solution for Opera, Webkit, Gecko and IE > 7    */
 127  
 128      content: "";
 129      display: block;
 130      clear: both;
 131      line-height: 0;
 132      font-size: 0;
 133      visibility: hidden;
 134  
 135  }
 136  
 137  
 138  /*
 139      The following two rules are for IE 7.  Triggering "hasLayout" (via use of "zoom") prevents 
 140      first-tier submenus from hiding when the mouse is moving from an menu label in a root menu to 
 141      its corresponding submenu.
 142  */
 143  
 144  .yui3-menu-content {
 145  
 146      *zoom: 1;
 147      
 148  }
 149  
 150  
 151  .yui3-menu-hidden .yui3-menu-content {
 152  
 153      *zoom: normal;
 154  
 155  }
 156  
 157  
 158  /*
 159      The following two rules are for IE 6 (Standards Mode and Quirks Mode) and IE 7 (Quirks Mode 
 160      only).  Triggering "hasLayout" (via use of "zoom") fixes a bug in IE where mousing mousing off 
 161      the text node of menuitem or menu label will incorrectly trigger the mouseout event.
 162  */
 163  
 164  .yui3-menuitem-content,
 165  .yui3-menu-label {
 166  
 167      _zoom: 1;
 168  
 169  }
 170  
 171  .yui3-menu-hidden .yui3-menuitem-content,
 172  .yui3-menu-hidden .yui3-menu-label {
 173  
 174      _zoom: normal;
 175  
 176  }