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