73 lines
1.8 KiB
CSS

/**
* These are the styles for the custom menu in the nimble theme.
* Please note there are settings to alter the active menu background colour.
* The CSS for these settings is in colors.css
*/
#custommenu {
font-size: 1.2em;
line-height:2em;
float: left;
width:60%;
border-bottom:1px solid #454545;
}
#custommenu .yui3-menu-label {
margin-right:10px;
padding: 0 20px;
}
#custommenu .yui3-menu-label,
#custommenu .yui3-menuitem-content {
border: 1px solid #555;
border-bottom-width: 0;
color:#FFF;
background-color:#333;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}
#custommenu .yui3-menu .yui3-menu .yui3-menu-label,
#custommenu .yui3-menu .yui3-menu .yui3-menuitem-content {
margin-right:0;
border-width:0;
padding:3px 20px 4px;
border-radius:0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
#custommenu .yui3-menu-content {
border-width:0;
padding:0;
}
#custommenu .yui3-menu-content .yui3-menu-content {
padding-top:5px;
}
#custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-content {
padding-top:0;
}
#custommenu .yui3-menuitem-active {
background-color: transparent;
}
#custommenu .yui3-menu-horizontal.javascript-disabled li a {
padding:3px 20px 4px;
}
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {
border-width:0;
}
#custommenu .yui3-menu-label,
#custommenu .yui3-menu .yui3-menu .yui3-menu-label {
background:url([[pix:theme|vertical-menu-submenu-indicator]]) no-repeat 100% 50%;
}
#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
background:url([[pix:theme|horizontal-menu-submenu-indicator]]) no-repeat 100% 50%;
}