Team:Shenzhen BGIC 0101/menu
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
* MENU */ | * MENU */ | ||
#nav_con{ | #nav_con{ | ||
- | |||
- | |||
} | } | ||
Revision as of 08:04, 23 August 2013
- MENU */
- nav_con{
}
- nav {
background: #e5e5e5; margin: 0; padding: 0; border: 1px solid white; border-bottom: none;
}
- nav li a, #nav li {
float: left;
}
- nav li {
list-style: none; position: relative;
}
- nav li a {
padding: 1em 2em; text-decoration: none; color: white; background: #292929; background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)); border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; border-top: 1px solid #545454;
}
- nav li a:hover {
background: #2a0d65; background: -moz-linear-gradient(top, #11032e, #2a0d65); background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
}
/* Submenu */
.hasChildren { position: absolute; width: 5px; height: 5px; background: black; right : 0; bottom: 0; }
- nav li ul {
display: none; position: absolute; left: 0; top: 100%; padding: 0; margin: 0;
}
- nav li:hover > ul {
display: block;
}
- nav li ul li, #nav li ul li a {
float: none;
}
- nav li ul li {
_display: inline; /* for IE6 */
}
- nav li ul li a {
width: 150px; display: block;
}
/* SUBSUB Menu */
- nav li ul li ul {
display: none;
}
- nav li ul li:hover ul {
left: 100%; top: 0;
}
- nav li ul