node-menunav-skin.css revision 15dcde6219568367fbadd9c1f310447e9258ae17
/* Vertical menus and submenus */
.yui-skin-sam .yui-menu-content,
.yui-skin-sam .yui-menu .yui-menu .yui-menu-content {
font-size: 93%; /* 12px */
line-height: 1.5; /* 18px */
*line-height: 1.45; /* For IE */
border: solid 1px #808080;
background: #fff;
padding: 3px 0;
}
.yui-skin-sam .yui-menu .yui-menu .yui-menu-content {
font-size: 100%;
}
/* Horizontal menus */
.yui-skin-sam .yui-menu-horizontal .yui-menu-content {
line-height: 2; /* ~24px */
*line-height: 1.9; /* For IE */
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
padding: 0;
}
.yui-skin-sam .yui-menu ul,
.yui-skin-sam .yui-menu ul ul {
margin-top: 3px;
padding-top: 3px;
border-top: solid 1px #ccc;
}
.yui-skin-sam .yui-menu ul.first-of-type {
border: 0;
margin: 0;
padding: 0;
}
.yui-skin-sam .yui-menu-horizontal ul {
padding: 0;
margin: 0;
border: 0;
}
.yui-skin-sam .yui-menu li,
.yui-skin-sam .yui-menu .yui-menu li {
/*
For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only): Used to collapse
superfluous white space between <li> elements that is triggered by the "display" property
of the <a> elements being set to "block" by node-menunav-core.css file.
*/
_border-bottom: solid 1px #fff;
}
.yui-skin-sam .yui-menu-horizontal li {
_border-bottom: 0;
}
.yui-skin-sam .yui-menubuttonnav li {
border-right: solid 1px #ccc;
}
.yui-skin-sam .yui-splitbuttonnav li {
border-right: solid 1px #808080;
}
.yui-skin-sam .yui-menubuttonnav li li,
.yui-skin-sam .yui-splitbuttonnav li li {
border-right: 0;
}
/* Menuitems and menu labels */
.yui-skin-sam .yui-menu-label,
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label,
.yui-skin-sam .yui-menuitem-content,
.yui-skin-sam .yui-menu .yui-menu .yui-menuitem-content {
padding: 0 20px;
color: #000;
text-decoration: none;
cursor: default;
/*
Necessary specify values for border, position and margin to override values specified in
the selectors that follow.
*/
float: none;
border: 0;
margin: 0;
}
.yui-skin-sam .yui-menu-horizontal .yui-menu-label,
.yui-skin-sam .yui-menu-horizontal .yui-menuitem-content {
padding: 0 10px;
border-style: solid;
border-color: #808080;
border-width: 1px 0;
margin: -1px 0;
float: left; /* Ensures that menu labels clear floated descendents. Also gets negative
margins working in IE 7 (Strict Mode). */
width: auto;
}
.yui-skin-sam .yui-menu-label,
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label {
background: url(vertical-menu-submenu-indicator.png) right center no-repeat;
}
.yui-skin-sam .yui-menu-horizontal .yui-menu-label {
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
}
.yui-skin-sam .yui-menubuttonnav .yui-menu-label,
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label {
background-image: none;
}
.yui-skin-sam .yui-menubuttonnav .yui-menu-label {
padding-right: 0;
}
.yui-skin-sam .yui-menubuttonnav .yui-menu-label em {
font-style: normal;
padding-right: 20px;
display: block;
background: url(horizontal-menu-submenu-indicator.png) right center no-repeat;
}
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label {
padding: 0;
}
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label a {
float: left;
width: auto;
color: #000;
text-decoration: none;
cursor: default;
padding: 0 5px 0 10px;
}
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label .yui-menu-toggle {
padding: 0; /* Overide padding applied by the preceeding rule. */
border-left: solid 1px #ccc;
width: 15px;
overflow: hidden;
text-indent: -1000px;
background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
}
/* Selected menuitem */
.yui-skin-sam .yui-menu-label-active,
.yui-skin-sam .yui-menu-label-menuvisible,
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label-active,
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label-menuvisible {
background-color: #B3D4FF;
}
.yui-skin-sam .yui-menuitem-active .yui-menuitem-content,
.yui-skin-sam .yui-menu .yui-menu .yui-menuitem-active .yui-menuitem-content {
background-image: none;
background-color: #B3D4FF;
/*
Undo values set for "border-left-width" and "margin-left" when the root menu has a class of
"yui-menubuttonnav" or "yui-splitbuttonnav" applied.
*/
border-left-width: 0;
margin-left: 0;
}
.yui-skin-sam .yui-menu-horizontal .yui-menu-label-active,
.yui-skin-sam .yui-menu-horizontal .yui-menuitem-active .yui-menuitem-content,
.yui-skin-sam .yui-menu-horizontal .yui-menu-label-menuvisible {
border-color: #7D98B8;
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
}
.yui-skin-sam .yui-menubuttonnav .yui-menu-label-active,
.yui-skin-sam .yui-menubuttonnav .yui-menuitem-active .yui-menuitem-content,
.yui-skin-sam .yui-menubuttonnav .yui-menu-label-menuvisible,
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-active,
.yui-skin-sam .yui-splitbuttonnav .yui-menuitem-active .yui-menuitem-content,
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible {
border-left-width: 1px;
margin-left: -1px;
}
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible {
border-color: #808080;
background: transparent;
}
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-menuvisible .yui-menu-toggle {
border-color: #7D98B8;
background: url(horizontal-menu-submenu-toggle.png) left center no-repeat;
}