(Prototype team page) |
|||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <style> | ||
+ | |||
+ | .container { | ||
+ | overflow: hidden; | ||
+ | background-color: #FFFFFF; | ||
+ | font-family: Arial; | ||
+ | } | ||
+ | |||
+ | .container a { | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | 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 | ||
+ | } | ||
+ |
</style> | ||
+ | </head> | ||
+ | |||
+ |
<body> | ||
+ | <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 class="column full_size judges-will-not-evaluate"> | <div class="column full_size judges-will-not-evaluate"> | ||
<h3>★ ALERT! </h3> | <h3>★ ALERT! </h3> |
Revision as of 18:19, 17 July 2017