menu-skin.css
338 lines
| 5.7 KiB
| text/css
|
CssLexer
r547 | /* | ||
Copyright (c) 2009, Yahoo! Inc. All rights reserved. | |||
Code licensed under the BSD License: | |||
http://developer.yahoo.net/yui/license.txt | |||
version: 2.8.0r4 | |||
*/ | |||
/* MenuBar style rules */ | |||
.yui-skin-sam .yuimenubar { | |||
font-size: 93%; /* 12px */ | |||
line-height: 2; /* ~24px */ | |||
*line-height: 1.9; /* For IE */ | |||
border: solid 1px #808080; | |||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0; | |||
} | |||
/* MenuBarItem style rules */ | |||
.yui-skin-sam .yuimenubarnav .yuimenubaritem { | |||
border-right: solid 1px #ccc; | |||
} | |||
.yui-skin-sam .yuimenubaritemlabel { | |||
padding: 0 10px; | |||
color: #000; | |||
text-decoration: none; | |||
cursor: default; | |||
border-style: solid; | |||
border-color: #808080; | |||
border-width: 1px 0; | |||
*position: relative; /* Necessary to get negative margins in IE. */ | |||
margin: -1px 0; | |||
} | |||
.yui-skin-sam .yuimenubaritemlabel:visited { | |||
color: #000; | |||
} | |||
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel { | |||
padding-right: 20px; | |||
/* | |||
Prevents the label from shifting left in IE when the | |||
".yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected" | |||
rule us applied. | |||
*/ | |||
*display: inline-block; | |||
} | |||
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu { | |||
background: url(menubaritem_submenuindicator.png) right center no-repeat; | |||
} | |||
/* MenuBarItem states */ | |||
/* Selected MenuBarItem */ | |||
.yui-skin-sam .yuimenubaritem-selected { | |||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px; | |||
} | |||
.yui-skin-sam .yuimenubaritemlabel-selected { | |||
border-color: #7D98B8; | |||
} | |||
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected { | |||
border-left-width: 1px; | |||
margin-left: -1px; | |||
*left: -1px; /* For IE */ | |||
} | |||
/* Disabled MenuBarItem */ | |||
.yui-skin-sam .yuimenubaritemlabel-disabled, | |||
.yui-skin-sam .yuimenubaritemlabel-disabled:visited { | |||
cursor: default; | |||
color: #A6A6A6; | |||
} | |||
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled { | |||
background-image: url(menubaritem_submenuindicator_disabled.png); | |||
} | |||
/* Menu style rules */ | |||
.yui-skin-sam .yuimenu { | |||
font-size: 93%; /* 12px */ | |||
line-height: 1.5; /* 18px */ | |||
*line-height: 1.45; /* For IE */ | |||
} | |||
.yui-skin-sam .yuimenubar .yuimenu, | |||
.yui-skin-sam .yuimenu .yuimenu { | |||
font-size: 100%; | |||
} | |||
.yui-skin-sam .yuimenu .bd { | |||
/* | |||
The following application of zoom:1 prevents first tier submenus of a MenuBar from hiding | |||
when the mouse is moving from an item in a MenuBar to a submenu in IE 7. | |||
*/ | |||
*zoom: 1; | |||
_zoom: normal; /* Remove this rule for IE 6. */ | |||
border: solid 1px #808080; | |||
background-color: #fff; | |||
} | |||
.yui-skin-sam .yuimenu .yuimenu .bd { | |||
*zoom: normal; | |||
} | |||
.yui-skin-sam .yuimenu ul { | |||
padding: 3px 0; | |||
border-width: 1px 0 0 0; | |||
border-color: #ccc; | |||
border-style: solid; | |||
} | |||
.yui-skin-sam .yuimenu ul.first-of-type { | |||
border-width: 0; | |||
} | |||
/* Group titles */ | |||
.yui-skin-sam .yuimenu h6 { | |||
font-weight: bold; | |||
border-style: solid; | |||
border-color: #ccc; | |||
border-width: 1px 0 0 0; | |||
color: #a4a4a4; | |||
padding: 3px 10px 0 10px; | |||
} | |||
.yui-skin-sam .yuimenu ul.hastitle, | |||
.yui-skin-sam .yuimenu h6.first-of-type { | |||
border-width: 0; | |||
} | |||
/* Top and bottom scroll controls */ | |||
.yui-skin-sam .yuimenu .yui-menu-body-scrolled { | |||
border-color: #ccc #808080; | |||
overflow: hidden; | |||
} | |||
.yui-skin-sam .yuimenu .topscrollbar, | |||
.yui-skin-sam .yuimenu .bottomscrollbar { | |||
height: 16px; | |||
border: solid 1px #808080; | |||
background: #fff url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0; | |||
} | |||
.yui-skin-sam .yuimenu .topscrollbar { | |||
border-bottom-width: 0; | |||
background-position: center -950px; | |||
} | |||
.yui-skin-sam .yuimenu .topscrollbar_disabled { | |||
background-position: center -975px; | |||
} | |||
.yui-skin-sam .yuimenu .bottomscrollbar { | |||
border-top-width: 0; | |||
background-position: center -850px; | |||
} | |||
.yui-skin-sam .yuimenu .bottomscrollbar_disabled { | |||
background-position: center -875px; | |||
} | |||
/* MenuItem style rules */ | |||
.yui-skin-sam .yuimenuitem { | |||
/* | |||
For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode: | |||
Used to collapse superfluous white space between <li> elements | |||
that is triggered by the "display" property of the <a> elements being | |||
set to "block." | |||
*/ | |||
_border-bottom: solid 1px #fff; | |||
} | |||
.yui-skin-sam .yuimenuitemlabel { | |||
padding: 0 20px; | |||
color: #000; | |||
text-decoration: none; | |||
cursor: default; | |||
} | |||
.yui-skin-sam .yuimenuitemlabel:visited { | |||
color: #000; | |||
} | |||
.yui-skin-sam .yuimenuitemlabel .helptext { | |||
margin-top: -1.5em; | |||
*margin-top: -1.45em; /* For IE*/ | |||
} | |||
.yui-skin-sam .yuimenuitem-hassubmenu { | |||
background-image: url(menuitem_submenuindicator.png); | |||
background-position: right center; | |||
background-repeat: no-repeat; | |||
} | |||
.yui-skin-sam .yuimenuitem-checked { | |||
background-image: url(menuitem_checkbox.png); | |||
background-position: left center; | |||
background-repeat: no-repeat; | |||
} | |||
/* Menu states */ | |||
/* Visible Menu */ | |||
.yui-skin-sam .yui-menu-shadow-visible { | |||
background-color: #000; | |||
/* | |||
Opacity can be expensive, so defer the use of opacity until the | |||
menu is visible. | |||
*/ | |||
opacity: .12; | |||
filter: alpha(opacity=12); /* For IE */ | |||
} | |||
/* MenuItem states */ | |||
/* Selected MenuItem */ | |||
.yui-skin-sam .yuimenuitem-selected { | |||
background-color: #B3D4FF; | |||
} | |||
/* Disabled MenuItem */ | |||
.yui-skin-sam .yuimenuitemlabel-disabled, | |||
.yui-skin-sam .yuimenuitemlabel-disabled:visited { | |||
cursor: default; | |||
color: #A6A6A6; | |||
} | |||
.yui-skin-sam .yuimenuitem-hassubmenu-disabled { | |||
background-image: url(menuitem_submenuindicator_disabled.png); | |||
} | |||
.yui-skin-sam .yuimenuitem-checked-disabled { | |||
background-image: url(menuitem_checkbox_disabled.png); | |||
} |