Created
February 19, 2014 21:22
-
-
Save deitrick/9101891 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Top menu items */ | |
.nav-bar ul { | |
margin:0; | |
padding:0; | |
list-style:none; | |
/*float:right;*/ | |
position:relative; | |
/*right:50%;*/ | |
} | |
.nav-bar ul li { | |
margin:0 0 0 1px; | |
padding:0; | |
position:relative; | |
top:1px; | |
} | |
.nav-bar .menu > li { | |
padding-bottom: 25px; | |
} | |
.nav-bar ul li a { | |
display:block; | |
margin:0; | |
padding:.6em .5em .4em; | |
font-size:1em; | |
line-height:1em; | |
text-decoration:none; | |
font-weight:bold; | |
} | |
.nav-bar ul li.active a { | |
color:#fff; | |
background:#000; | |
} | |
.nav-bar ul li:hover { | |
background: url(img/triangle.png) no-repeat 30px 43px; | |
} | |
.nav-bar .menu-bama-menu-container li:hover { | |
background: none; | |
} | |
/* Submenu items */ | |
.nav-bar ul ul { | |
display:none; /* Sub menus are hiden by default */ | |
position:absolute; | |
top: 56px; | |
background: $orange2; | |
left:0; | |
right:auto; /*resets the right:50% on the parent ul */ | |
width: 250px; /* width of the drop-down menus */ | |
z-index: 100; | |
} | |
.nav-bar ul ul li { | |
left:auto; /*resets the left:50% on the parent li */ | |
margin:0; /* Reset the 1px margin from the top menu */ | |
clear:left; | |
width:100%; | |
} | |
.nav-bar ul ul li a, | |
.nav-bar ul li.active li a, | |
.nav-bar ul li:hover ul li a, | |
.nav-bar ul li.hover ul li a { /* This line is required for IE 6 and below */ | |
color: #fff; | |
font-weight: bold; /* resets the bold set for the top level menu items */ | |
line-height:1.4em; /* overwrite line-height value from top menu */ | |
} | |
.nav-bar ul ul li a:hover, | |
.nav-bar ul li.active ul li a:hover, | |
.nav-bar ul li:hover ul li a:hover, | |
.nav-bar ul li.hover ul li a:hover { /* This line is required for IE 6 and below */ | |
opacity: 0.7; | |
} | |
/* Flip the last submenu so it stays within the page */ | |
.nav-bar ul ul.last { | |
left:auto; /* reset left:0; value */ | |
right:0; /* Set right value instead */ | |
} | |
/* Make the sub menus appear on hover */ | |
.nav-bar ul li:hover ul, | |
.nav-bar ul li.hover ul { /* This line is required for IE 6 and below */ | |
display:block; /* Show the sub menus */ | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment