node-menunav-skin.css revision 03113f31674605588487e131d50756062fb7e90d
/* 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;
}
.yui-skin-sam .yui-menu .yui-menu .yui-menu-content {
font-size: 100%;
}
/* Menubars */
.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;
}
/* The follow two rules are for IE 7 */
.yui-menu-horizontal .yui-menu .yui-menu-content { /* First-tier submenus of a horizontal menu */
*zoom: 1;
_zoom: normal;
}
.yui-menu-horizontal .yui-menu .yui-menu .yui-menu-content { /* Submenus of first-tier submenus of a horizontal menu */
*zoom: normal;
}
.yui-skin-sam .yui-menu ul,
.yui-skin-sam .yui-menu ul ul {
padding: 3px 0;
}
.yui-skin-sam .yui-menu-horizontal ul {
padding: 0;
}
.yui-skin-sam .yui-menu li,
.yui-skin-sam .yui-menu .yui-menu li {
/*
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 .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-menuitem-content {
/*
Setting the "zoom" property to "1" triggers the "hasLayout" property in IE. This is
necessary to fix a bug IE where mousing mousing off a the text node of MenuItem instance's
text label, or help text without the mouse actually exiting the boundaries of the MenuItem
instance will result in the losing the background color applied when it is selected.
*/
_zoom: 1;
}
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label,
.yui-skin-sam .yui-menu .yui-menu .yui-menuitem-content {
/* Remove "hasLayout" from the submenu of the file menu. */
_zoom: normal;
}
.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; /* provides inline-block-style element for IE */
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 {
padding-right: 20px;
display: block;
*display: inline-block; /* fixes IE mouseover issue */
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 10px 0 0; /* Remove padding applied by the rule above. */
border-left: solid 1px #ccc;
width: 5px;
overflow: hidden;
text-indent: -1000px;
background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
}
/* Selected MenuItem */
.yui-skin-sam .yui-menu-label-hover,
.yui-skin-sam .yui-menu-label-menuvisible,
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label-hover,
.yui-skin-sam .yui-menu .yui-menu .yui-menu-label-menuvisible {
background-color: #B3D4FF;
}
.yui-skin-sam .yui-menuitem-hover .yui-menuitem-content,
.yui-skin-sam .yui-menu .yui-menu .yui-menuitem-hover .yui-menuitem-content {
background-image: none;
background-color: #B3D4FF;
/* undo properties set further down */
border-left-width: 0;
margin-left: 0;
}
.yui-skin-sam .yui-menu-horizontal .yui-menu-label-hover,
.yui-skin-sam .yui-menu-horizontal .yui-menuitem-hover .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-hover,
.yui-skin-sam .yui-menubuttonnav .yui-menuitem-hover .yui-menuitem-content,
.yui-skin-sam .yui-menubuttonnav .yui-menu-label-menuvisible,
.yui-skin-sam .yui-splitbuttonnav .yui-menu-label-hover,
.yui-skin-sam .yui-splitbuttonnav .yui-menuitem-hover .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;
}