2 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
3 Code licensed under the BSD License:
4 http://developer.yahoo.net/yui/license.txt
7 /* MenuBar style rules */
9 .yui-skin-sam .yuimenubar {
11 font-size: 93%; /* 12px */
12 line-height: 2; /* ~24px */
13 *line-height: 1.9; /* For IE */
14 border: solid 1px #808080;
15 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
20 /* MenuBarItem style rules */
22 .yui-skin-sam .yuimenubarnav .yuimenubaritem {
24 border-right: solid 1px #ccc;
28 .yui-skin-sam .yuimenubaritemlabel {
32 text-decoration: none;
35 border-color: #808080;
37 *position: relative; /* Necessary to get negative margins in IE. */
42 .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
47 Prevents the label from shifting left in IE when the
48 ".yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected"
52 *display: inline-block;
56 .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
58 background: url(menubaritem_submenuindicator.png) right center no-repeat;
64 /* MenuBarItem states */
66 /* Selected MenuBarItem */
68 .yui-skin-sam .yuimenubaritem-selected {
70 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
74 .yui-skin-sam .yuimenubaritemlabel-selected {
76 border-color: #7D98B8;
80 .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
82 border-left-width: 1px;
84 *left: -1px; /* For IE */
89 /* Disabled MenuBarItem */
91 .yui-skin-sam .yuimenubaritemlabel-disabled {
98 .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled {
100 background-image: url(menubaritem_submenuindicator_disabled.png);
106 /* Menu style rules */
108 .yui-skin-sam .yuimenu {
110 font-size: 93%; /* 12px */
111 line-height: 1.5; /* 18px */
112 *line-height: 1.45; /* For IE */
116 .yui-skin-sam .yuimenubar .yuimenu,
117 .yui-skin-sam .yuimenu .yuimenu {
123 .yui-skin-sam .yuimenu .bd {
126 The following application of zoom:1 prevents first tier submenus of a MenuBar from hiding
127 when the mouse is moving from an item in a MenuBar to a submenu in IE 7.
131 _zoom: normal; /* Remove this rule for IE 6. */
132 border: solid 1px #808080;
133 background-color: #fff;
137 .yui-skin-sam .yuimenu .yuimenu .bd {
143 .yui-skin-sam .yuimenu ul {
146 border-width: 1px 0 0 0;
152 .yui-skin-sam .yuimenu ul.first-of-type {
161 .yui-skin-sam .yuimenu h6 {
166 border-width: 1px 0 0 0;
168 padding: 3px 10px 0 10px;
172 .yui-skin-sam .yuimenu ul.hastitle,
173 .yui-skin-sam .yuimenu h6.first-of-type {
180 /* Top and bottom scroll controls */
182 .yui-skin-sam .yuimenu .yui-menu-body-scrolled {
184 border-color: #ccc #808080;
189 .yui-skin-sam .yuimenu .topscrollbar,
190 .yui-skin-sam .yuimenu .bottomscrollbar {
193 border: solid 1px #808080;
194 background: #fff url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;
198 .yui-skin-sam .yuimenu .topscrollbar {
200 border-bottom-width: 0;
201 background-position: center -950px;
205 .yui-skin-sam .yuimenu .topscrollbar_disabled {
207 background-position: center -975px;
211 .yui-skin-sam .yuimenu .bottomscrollbar {
214 background-position: center -850px;
218 .yui-skin-sam .yuimenu .bottomscrollbar_disabled {
220 background-position: center -875px;
225 /* MenuItem style rules */
227 .yui-skin-sam .yuimenuitem {
230 For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
231 Used to collapse superfluous white space between <li> elements
232 that is triggered by the "display" property of the <a> elements being
236 _border-bottom: solid 1px #fff;
240 .yui-skin-sam .yuimenuitemlabel {
244 text-decoration: none;
249 .yui-skin-sam .yuimenuitemlabel .helptext {
252 *margin-top: -1.45em; /* For IE*/
256 .yui-skin-sam .yuimenuitem-hassubmenu {
258 background-image: url(menuitem_submenuindicator.png);
259 background-position: right center;
260 background-repeat: no-repeat;
264 .yui-skin-sam .yuimenuitem-checked {
266 background-image: url(menuitem_checkbox.png);
267 background-position: left center;
268 background-repeat: no-repeat;
278 .yui-skin-sam .yui-menu-shadow-visible {
280 background-color: #000;
283 Opacity can be expensive, so defer the use of opacity until the
288 filter: alpha(opacity=12); /* For IE */
294 /* MenuItem states */
297 /* Selected MenuItem */
299 .yui-skin-sam .yuimenuitem-selected {
301 background-color: #B3D4FF;
306 /* Disabled MenuItem */
308 .yui-skin-sam .yuimenuitemlabel-disabled {
315 .yui-skin-sam .yuimenuitem-hassubmenu-disabled {
317 background-image: url(menuitem_submenuindicator_disabled.png);
321 .yui-skin-sam .yuimenuitem-checked-disabled {
323 background-image: url(menuitem_checkbox_disabled.png);