Skip to content

Instantly share code, notes, and snippets.

@Mashpy
Created January 31, 2013 18:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Mashpy/4684969 to your computer and use it in GitHub Desktop.
Save Mashpy/4684969 to your computer and use it in GitHub Desktop.
.menu { position: relative; list-style: none; z-index: 50; }
.menu li:hover ul, .menu a:hover ul, .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul { visibility: visible; }
.menu :hover ul ul, .menu :hover ul :hover ul ul { visibility: hidden; }
.menu a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; text-transform: uppercase; letter-spacing: .6px; padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; border-width: 1px; border-left-width: 0; border-style: solid; }
.menu ul a { width: auto; border-left-width: 1px; border-style: solid; }
.menu { border-width: 0 0 1px 1px; border-style: solid; }
.menu li ul { border-bottom-width: 1px; }
.menu li { margin-bottom: -1px; }
.menu li ul { margin-top: -1px; }
.menu ul ul { margin-top: 0; }
.menu, .menu a, .menu li ul { border-color: #FF6666; }
.menu ul .current a, .menu ul .current-cat a, .menu .current ul a, .menu .current-cat ul a, .menu ul .current-menu-item a { border-bottom-color: #FF6666; }
.menu .current a, .menu .current-cat a, .menu .current-menu-item a { border-bottom-color: #FF6666; }
.menu li:hover ul, .menu a:hover ul { left: -1px; }
.menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover, .menu .current-menu-item ul a:hover, .menu .current-menu-ancestor a:hover { color: #FFFFFF; background-color: #FF6666; }
.menu a:active, .menu .current ul a:active, .menu .current-cat ul a:active, .menu .current-parent a:active, .menu .current-menu-item ul a:active, .menu .current-menu-ancestor a:active { background-color: #FF6666; }
.menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover, .menu .current-menu-item a, .menu .current-menu-item a:hover { background: #FF6666; }
.menu .current-parent > a, .menu .current-cat-parent > a, .menu .current-menu-ancestor > a { background: #FF6666; }
.menu {
border-bottom: 1px solid #FF6666;
height: 34px;
margin-bottom: -22px;
}
.menu ul li.current-menu-item > a, .menu ul li a:hover, .menu ul li.current_page_parent > a {
background-color: #FF6666;
color: #FFFFFF;
}
.menu ul li {
display: inline;
float: left;
position: relative;
z-index: 100;
}
.menu{clear:both}
.menu li {
float:left;
margin:0;
padding:0;
}
.menu li a {
display:block;
text-decoration:none;
padding:10px;
}
.menu li:hover {
background:#FF6666 url(topnav_active.gif) repeat-x;
}
.menu li ul {
float:left;
position:absolute;
left:0;
display:none;
width:auto;
background-color:#EEEEEE;
color:white;
}
.menu li:hover ul {
display:block;
list-style-type:none;
list-style-image:none;
}
.menu li ul a:hover {
text-decoration:normal;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment