m |
m |
||
Line 9: | Line 9: | ||
/********************************* menu bar formatting ********************************/ | /********************************* menu bar formatting ********************************/ | ||
+ | nav { | ||
+ | margin: 100px auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | nav ul ul{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | nav ul li:hover > ul { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
nav ul{ | nav ul{ | ||
position: fixed; | position: fixed; | ||
Line 15: | Line 29: | ||
background-color: orange; | background-color: orange; | ||
display:inline-table; | display:inline-table; | ||
− | |||
top: 12px; | top: 12px; | ||
left: 5px; | left: 5px; | ||
right: 5px; | right: 5px; | ||
font-size:20px; | font-size:20px; | ||
− | list-style | + | list-style: none; |
− | box-shadow: | + | box-shadow: 0px 0px 9px black; |
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
+ | |||
+ | nav ul:after { | ||
+ | content: ""; clear: both; display: block; | ||
+ | } | ||
nav ul li { | nav ul li { | ||
float: left; | float: left; | ||
− | + | position: relative; | |
} | } | ||
− | nav ul li a:link{ | + | nav ul > li a:link{ |
color: white; | color: white; | ||
display: block; | display: block; | ||
Line 39: | Line 56: | ||
− | nav ul li a:visited{ | + | nav ul > li a:visited{ |
color: white; | color: white; | ||
display: block; | display: block; | ||
Line 47: | Line 64: | ||
} | } | ||
− | nav ul | + | nav ul li:hover a{ |
color: black; | color: black; | ||
background-color:orange; | background-color:orange; | ||
Line 54: | Line 71: | ||
border-left: 1px solid black; | border-left: 1px solid black; | ||
} | } | ||
+ | |||
nav ul ul{ | nav ul ul{ | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 80%; |
− | + | ||
− | + | ||
− | + | ||
border-radius: 0px; | border-radius: 0px; | ||
padding: 0; | padding: 0; | ||
+ | width: 180px; | ||
+ | margin-left: -80px; | ||
} | } | ||
− | nav ul ul{ | + | nav ul ul li{ |
− | + | float: none; | |
+ | position: relative; | ||
+ | border-bottom: 1px solid black; | ||
} | } | ||
− | nav ul li a | + | nav ul ul li a { |
− | + | padding: 15px 40px; | |
− | + | color: white; | |
− | } | + | } |
− | + | nav ul ul li a:hover { | |
− | nav ul: | + | color:black; |
− | + | border: 1px solid black; | |
− | + | } | |
.active { | .active { | ||
Line 262: | Line 281: | ||
<ul> | <ul> | ||
<li class="active"><a href="https://2016.igem.org/Team:Manchester"><strong>Home</strong></a></li> | <li class="active"><a href="https://2016.igem.org/Team:Manchester"><strong>Home</strong></a></li> | ||
− | <li ><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a | + | <li ><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a> |
<ul> | <ul> | ||
Line 269: | Line 288: | ||
</ul> | </ul> | ||
− | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Description"><strong>Project</strong></a></li> | + | </li> |
− | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Parts"><strong>Parts</strong></a></li> | + | |
+ | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Description"><strong>Project</strong></a> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/Description">Description</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/Results">Result</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Parts"><strong>Parts</strong></a> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/Parts">Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/Basic_Part">Basic Part</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/Composite_Part">Composite part</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/Part_Collection">Parts collection</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </li> | ||
+ | |||
<li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Safety"><strong>Safety</strong></a></li> | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Safety"><strong>Safety</strong></a></li> | ||
<li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Attributions"><strong>Attributions</strong></a></li> | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Attributions"><strong>Attributions</strong></a></li> | ||
− | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Human_Practices"><strong>Human | + | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Human_Practices"><strong>Human Practices</strong></a> |
− | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Model"><strong>Awards</strong></a></li> | + | |
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Human Practices</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/HP/Gold">Gold</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/HP/Silver">Sliver</a></li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Model"><strong>Awards</strong></a> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:Manchester/Model">Modelling</a></li> | ||
+ | |||
+ | </li> | ||
</ul> | </ul> | ||
Revision as of 01:14, 17 July 2016