2 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
3 Code licensed under the BSD License:
4 http://developer.yahoo.net/yui/license.txt
8 /* Vertical menus and submenus */
10 .yui-skin-sam .yui-menu-content,
11 .yui-skin-sam .yui-menu .yui-menu .yui-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 .yui-skin-sam .yui-menu .yui-menu .yui-menu-content {
29 /* Horizontal menus */
31 .yui-skin-sam .yui-menu-horizontal .yui-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 .yui-skin-sam .yui-menu ul,
42 .yui-skin-sam .yui-menu ul ul {
46 border-top: solid 1px #ccc;
50 .yui-skin-sam .yui-menu ul.first-of-type {
58 .yui-skin-sam .yui-menu-horizontal ul {
67 .yui-skin-sam .yui-menu li,
68 .yui-skin-sam .yui-menu .yui-menu li {
71 For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only): Used to collapse
72 superfluous white space between <li> elements that is triggered by the "display" property
73 of the <a> elements being set to "block" by node-menunav-core.css file.
76 _border-bottom: solid 1px #fff;
80 .yui-skin-sam .yui-menu-horizontal li {
86 .yui-skin-sam .yui-menubuttonnav li {
88 border-right: solid 1px #ccc;
92 .yui-skin-sam .yui-splitbuttonnav li {
94 border-right: solid 1px #808080;
98 .yui-skin-sam .yui-menubuttonnav li li,
99 .yui-skin-sam .yui-splitbuttonnav li li {
106 /* Menuitems and menu labels */
109 .yui-skin-sam .yui-menu-label,
110 .yui-skin-sam .yui-menu .yui-menu .yui-menu-label,
111 .yui-skin-sam .yui-menuitem-content,
112 .yui-skin-sam .yui-menu .yui-menu .yui-menuitem-content {
116 text-decoration: none;
120 Necessary specify values for border, position and margin to override values specified in
121 the selectors that follow.
130 .yui-skin-sam .yui-menu-horizontal .yui-menu-label,
131 .yui-skin-sam .yui-menu-horizontal .yui-menuitem-content {
135 border-color: #808080;
139 float: left; /* Ensures that menu labels clear floated descendents. Also gets negative
140 margins working in IE 7 (Strict Mode). */
145 .yui-skin-sam .yui-menu-label,
146 .yui-skin-sam .yui-menu .yui-menu .yui-menu-label {
148 background: url(vertical-menu-submenu-indicator.png) right center no-repeat;
152 .yui-skin-sam .yui-menu-horizontal .yui-menu-label {
154 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
158 .yui-skin-sam .yui-menubuttonnav .yui-menu-label,
159 .yui-skin-sam .yui-splitbuttonnav .yui-menu-label {
161 background-image: none;
165 .yui-skin-sam .yui-menubuttonnav .yui-menu-label {
171 .yui-skin-sam .yui-menubuttonnav .yui-menu-label em {
176 background: url(horizontal-menu-submenu-indicator.png) right center no-repeat;
181 .yui-skin-sam .yui-splitbuttonnav .yui-menu-label {
187 .yui-skin-sam .yui-splitbuttonnav .yui-menu-label a {
192 text-decoration: none;
194 padding: 0 5px 0 10px;
198 .yui-skin-sam .yui-splitbuttonnav .yui-menu-label .yui-menu-toggle {
200 padding: 0; /* Overide padding applied by the preceeding rule. */
201 border-left: solid 1px #ccc;
204 text-indent: -1000px;
205 background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
210 /* Selected menuitem */
212 .yui-skin-sam .yui-menu-label-active,
213 .yui-skin-sam .yui-menu-label-menuvisible,
214 .yui-skin-sam .yui-menu .yui-menu .yui-menu-label-active,
215 .yui-skin-sam .yui-menu .yui-menu .yui-menu-label-menuvisible {
217 background-color: #B3D4FF;
221 .yui-skin-sam .yui-menuitem-active .yui-menuitem-content,
222 .yui-skin-sam .yui-menu .yui-menu .yui-menuitem-active .yui-menuitem-content {
224 background-image: none;
225 background-color: #B3D4FF;
228 Undo values set for "border-left-width" and "margin-left" when the root menu has a class of
229 "yui-menubuttonnav" or "yui-splitbuttonnav" applied.
232 border-left-width: 0;
237 .yui-skin-sam .yui-menu-horizontal .yui-menu-label-active,
238 .yui-skin-sam .yui-menu-horizontal .yui-menuitem-active .yui-menuitem-content,
239 .yui-skin-sam .yui-menu-horizontal .yui-menu-label-menuvisible {
241 border-color: #7D98B8;
242 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
246 .yui-skin-sam .yui-menubuttonnav .yui-menu-label-active,
247 .yui-skin-sam .yui-menubuttonnav .yui-menuitem-active .yui-menuitem-content,
248 .yui-skin-sam .yui-menubuttonnav .yui-menu-label-menuvisible,
249 .yui-skin-sam .yui-splitbuttonnav .yui-menu-label-active,
250 .yui-skin-sam .yui-splitbuttonnav .yui-menuitem-active .yui-menuitem-content,
251 .yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible {
253 border-left-width: 1px;
258 .yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible {
260 border-color: #808080;
261 background: transparent;
265 .yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible .yui-menu-toggle {
267 border-color: #7D98B8;
268 background: url(horizontal-menu-submenu-toggle.png) left center no-repeat;