Line 8: | Line 8: | ||
<body> | <body> | ||
− | |||
− | |||
<ul id="listlinks" > | <ul id="listlinks" > | ||
Line 16: | Line 14: | ||
− | <li><a href="https://2018.igem.org/Team:Makerere_University/team" >TEAM</a></li> | + | <li><a href="https://2018.igem.org/Team:Makerere_University/team" >TEAM</a></li> |
− | <li><a | + | <li><a class="active" href="https://2018.igem.org/Team:Makerere_University/collaborations">COLLABORATIONS</a></li> |
− | <li><a href="https://2018.igem.org/Team:Makerere_University/notebook">NOTEBOOK</a>< | + | <li><a href="https://2018.igem.org/Team:Makerere_University/notebook">NOTEBOOK > </a> |
+ | <ul class="submenus"> | ||
− | <li><a href="https://2018.igem.org/Team:Makerere_University/ | + | <li><a href="https://2018.igem.org/Team:Makerere_University/notebook">Lab Notebook</a></li> |
+ | <li><a href="https://2018.igem.org/Team:Makerere_University/protocols">Protocols</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Makerere_University/lab results">Results</a></li> | ||
− | < | + | </ul> |
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:Makerere_University/humanpractices">HUMAN PRACTICES</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Makerere_University/attributes">ATTRIBUTES</a></li> | ||
+ | |||
+ | <li><a href="https://2018.igem.org/Team:Makerere_University/parts">PARTS</a></li> | ||
+ | |||
+ | <li><a href="https://2018.igem.org/Team:Makerere_University/awards">AWARDS > </a> | ||
+ | <ul class="submenus"> | ||
+ | <li><a href="https://2018.igem.org/Team:Makerere_University/medalcriteria">MEDAL CRITERIA</a></li | ||
+ | <li><a href="https://2018.igem.org/Team:Makerere_University/judgingform">JUDGING FORM</a></li> | ||
</ul> | </ul> | ||
+ | </li> | ||
− | </ | + | |
+ | </ul> | ||
Line 94: | Line 107: | ||
width:100%; | width:100%; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#listlinks{ | #listlinks{ | ||
width:100%; | width:100%; | ||
Line 107: | Line 112: | ||
margin:0; | margin:0; | ||
background:teal; | background:teal; | ||
+ | |||
} | } | ||
#listlinks li{ | #listlinks li{ | ||
+ | position:relative; | ||
list-style:none; | list-style:none; | ||
+ | width:auto; | ||
+ | font-size: 15px; | ||
display:inline-block; | display:inline-block; | ||
− | padding: 15px; | + | padding-left:15px; |
− | + | margin-top:10px; | |
+ | margin-bottom:10px; | ||
} | } | ||
− | # | + | #listlinks li a{ |
+ | display:block; | ||
text-decoration:none; | text-decoration:none; | ||
background: green; | background: green; | ||
color: white; | color: white; | ||
− | |||
} | } | ||
− | # | + | |
+ | #listlinks li a:hover{ | ||
color: yellow; | color: yellow; | ||
− | |||
} | } | ||
− | + | #listlinks li a.active{ | |
− | # | + | |
background: lightblue; | background: lightblue; | ||
+ | } | ||
+ | #listlinks li .submenus{ | ||
+ | display:none; | ||
+ | position:absolute; | ||
+ | margin-left:-10px; | ||
+ | background:teal; | ||
+ | padding:1px; | ||
+ | top: 20px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .submenus li a{ | ||
+ | margin-top: -15px; | ||
+ | padding-top: -20px; | ||
+ | } | ||
+ | #listlinks li:hover .submenus{ | ||
+ | display:block; | ||
} | } | ||
Revision as of 18:52, 14 October 2018