2 Copyright (c) 2010, Yahoo! Inc. All rights reserved.
3 Code licensed under the BSD License:
4 http://developer.yahoo.com/yui/license.html
8 /* Vertical menus and submenus */
10 .yui3-skin-sam .yui3-menu-content,
11 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
13 font-size: 93%; /* 12px */
14 line-height: 1.5; /* 18px */
15 *line-height: 1.45; /* For IE */
16 border: solid 1px #808080;
22 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
29 /* Horizontal menus */
31 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
33 line-height: 2; /* ~24px */
34 *line-height: 1.9; /* For IE */
35 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
41 .yui3-skin-sam .yui3-menu ul,
42 .yui3-skin-sam .yui3-menu ul ul {
46 border-top: solid 1px #ccc;
50 .yui3-skin-sam .yui3-menu ul.first-of-type {
58 .yui3-skin-sam .yui3-menu-horizontal ul {
67 .yui3-skin-sam .yui3-menu li,
68 .yui3-skin-sam .yui3-menu .yui3-menu li {
71 For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only):
72 Used to collapse superfluous white space between <li> elements that is
73 triggered by the "display" property of the <a> elements being set to
74 "block" by node-menunav-core.css file.
77 _border-bottom: solid 1px #fff;
81 .yui3-skin-sam .yui3-menu-horizontal li {
87 .yui3-skin-sam .yui3-menubuttonnav li {
89 border-right: solid 1px #ccc;
93 .yui3-skin-sam .yui3-splitbuttonnav li {
95 border-right: solid 1px #808080;
99 .yui3-skin-sam .yui3-menubuttonnav li li,
100 .yui3-skin-sam .yui3-splitbuttonnav li li {
107 /* Menuitems and menu labels */
110 .yui3-skin-sam .yui3-menu-label,
111 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label,
112 .yui3-skin-sam .yui3-menuitem-content,
113 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content {
117 text-decoration: none;
121 Necessary specify values for border, position and margin to override
122 values specified in the selectors that follow.
131 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label,
132 .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
136 border-color: #808080;
140 float: left; /* Ensures that menu labels clear floated descendents.
141 Also gets negative margins working in IE 7
147 .yui3-skin-sam .yui3-menu-label,
148 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label {
150 background: url(vertical-menu-submenu-indicator.png) right center no-repeat;
154 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
156 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
160 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label,
161 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
163 background-image: none;
167 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label {
173 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label em {
178 background: url(horizontal-menu-submenu-indicator.png) right center no-repeat;
183 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
189 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label a {
194 text-decoration: none;
196 padding: 0 5px 0 10px;
200 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
202 padding: 0; /* Overide padding applied by the preceeding rule. */
203 border-left: solid 1px #ccc;
206 text-indent: -1000px;
207 background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
212 /* Selected menuitem */
214 .yui3-skin-sam .yui3-menu-label-active,
215 .yui3-skin-sam .yui3-menu-label-menuvisible,
216 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
217 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
219 background-color: #B3D4FF;
223 .yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content,
224 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
226 background-image: none;
227 background-color: #B3D4FF;
230 Undo values set for "border-left-width" and "margin-left" when the root
231 menu has a class of "yui-menubuttonnav" or "yui-splitbuttonnav" applied.
234 border-left-width: 0;
239 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active,
240 .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,
241 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
243 border-color: #7D98B8;
244 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
248 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-active,
249 .yui3-skin-sam .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content,
250 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-menuvisible,
251 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-active,
252 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content,
253 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
255 border-left-width: 1px;
260 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
262 border-color: #808080;
263 background: transparent;
267 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
269 border-color: #7D98B8;
270 background: url(horizontal-menu-submenu-toggle.png) left center no-repeat;