include/javascript/yui3/build/node-menunav/assets/node-menunav-core.css

   1 /*
   2 Copyright (c) 2010, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.com/yui/license.html
   5 version: 3.3.0
   6 build: 3167
   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 }