Line 5: | Line 5: | ||
<style> | <style> | ||
− | + | .container { | |
− | + | overflow: hidden; | |
− | + | background-color: #FFFFFF; | |
− | + | font-family: Arial; | |
− | + | } | |
− | + | ||
− | + | .container a { | |
− | + | float: left; | |
− | + | font-size: 16px; | |
− | + | ||
− | background-color: # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
color: black; | color: black; | ||
− | + | text-align: center; | |
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .dropdown { | ||
+ | float: left; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .dropdown .dropbtn { | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: black; | ||
+ | padding: 14px 16px; | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | |||
+ | .container a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: #86F1E6; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #E0E0E0; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover { | ||
+ | background-color: #599D96; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | @media (max-width: 1500px) { | ||
+ | .container{ | ||
+ | min-width: 1200px; | ||
} | } | ||
+ | } | ||
+ | |||
+ | |||
+ | #drop-nav li ul li {border-top: 0px;} | ||
+ | |||
+ | #NavLogo{ | ||
+ | float: left; | ||
+ | height: 40px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .igem_2017_menu_wrapper #display_menu_control { | ||
+ | display:none; | ||
+ | text-align:center | ||
+ | } | ||
Line 37: | Line 89: | ||
</head> | </head> | ||
− | < | + | <div class="container"> |
− | + | ||
− | + | <!-- <li><a style="padding-top:-50px;"><img id="NavLogo" src="https://static.igem.org/mediawiki/2017/4/41/Cuhk_logo.PNG"></a></li> --> | |
− | < | + | |
− | + | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK">Home</a> | |
− | + | ||
− | + | <div class="dropdown"> | |
− | < | + | <button class="dropbtn"><b>Project ▼</b></button> |
− | < | + | <div class="dropdown-content"> |
− | < | + | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Description">Description</a> |
− | + | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Experiments">Experiments</a> | |
− | + | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Results">Results</a> | |
− | + | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Parts">Parts</a> | |
− | + | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Hardware">Hardware</a> | |
− | + | ||
− | + | </div> | |
+ | </div> | ||
+ | |||
+ | |||
+ | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Model">Modelling</a> | ||
+ | |||
+ | <a href="http://igem.erg.cuhk.edu.hk/">Software</a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">InterLab</a> | ||
+ | |||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn"><b>Notebook ▼</b></button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Notebook">Notebook</a> | ||
+ | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Applied_Design">Protocols</a> | ||
+ | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Measurement">Medal Criteria</a> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <div class="dropdown"> |
+ | <button class="dropbtn"><b>Human Practice ▼</b></button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Engagement">Engagement and Education</a> | ||
+ | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Human Practices</a> | ||
+ | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaborations">Collaboration</a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Safety">Safety</a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <div class="dropdown"> |
− | + | <button class="dropbtn"><b>Team ▼</b></button> | |
− | + | <div class="dropdown-content"> | |
− | + | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Team">Team</a> | |
− | + | <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Attributions">Attributions</a> | |
− | </ | + | </div> |
− | + | </div> | |
− | |||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
<div class="clear"></div> | <div class="clear"></div> |
Revision as of 17:33, 17 July 2017