(47 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{Minnesota}} | {{Minnesota}} | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
+ | <!------------------------------------ MAKING A NAVIGATION BAR------------------------------------------> | ||
+ | <div class="navbar"> | ||
+ | <a href="https://2017.igem.org/Team:Minnesota">Home</a> | ||
− | <div class=" | + | <div class="dropdown"> |
− | < | + | <button class="dropbtn">Team</button> |
− | < | + | <div class="dropdown-content"> |
− | </div> | + | <a href="https://2017.igem.org/Team:Minnesota/Team" target="_blank"> Team </a> |
− | + | <a href="https://2017.igem.org/Team:Minnesota/Collaborations" target="_blank"> Collaborations </a> | |
− | <div class=" | + | </div> |
− | + | </div> | |
− | <div class=" | + | |
− | < | + | <div class="dropdown"> |
− | < | + | <button class="dropbtn">Project</button> |
− | < | + | <div class="dropdown-content"> |
− | < | + | <a href="https://2017.igem.org/Team:Minnesota/Description">Description</a> |
− | < | + | <a href="https://2017.igem.org/Team:Minnesota/Design">Design</a> |
− | < | + | <a href="https://2017.igem.org/Team:Minnesota/Experiments">Experiments</a> |
− | </ | + | <a href="https://2017.igem.org/Team:Minnesota/Notebook">Notebook</a> |
+ | <a href="https://2017.igem.org/Team:Minnesota/Model">Model</a> | ||
+ | <a href="https://2017.igem.org/Team:Minnesota/Results">Results</a> | ||
+ | <a href="https://2017.igem.org/Team:Minnesota/Attributions">Attributions</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Parts</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:Minnesota/Parts">Parts</a> | ||
+ | <a href="https://2017.igem.org/Team:Minnesota/Basic_Part">Basic Parts</a> | ||
+ | <a href="https://2017.igem.org/Team:Minnesota/Composite_Part">Composite Parts</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:Minnesota/Safety">Safety</a> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Human Practices</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:Minnesota/HP/Gold_Integrated">Integrated and Gold</a> | ||
+ | <a href="https://2017.igem.org/Team:Minnesota/Engagement">Documentary</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p> MINNESOTA </p> | ||
</div> | </div> | ||
− | < | + | <style> |
− | + | /*************************** Page Formatting ****************************/ | |
− | + | .igem_2017_menu_wrapper{display:none;} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #content{ | |
− | + | background-color: transparent; | |
− | + | background: transparent;} | |
− | + | .igem_2017_content_wrapper{ background-color: transparent; } | |
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
+ | display: none; | ||
+ | } | ||
+ | </style> | ||
+ | <style> | ||
+ | /* Navbar container */ | ||
+ | .navbar { | ||
+ | overflow: hidden; | ||
+ | height: 100px; | ||
+ | background-color: #333; | ||
+ | width: 1390px; | ||
+ | margin-top: -60px; | ||
+ | margin-left: -30px; | ||
+ | font-family: Arial; | ||
+ | } | ||
+ | |||
+ | .navbar p { | ||
+ | margin-left: 1150px; | ||
+ | color: white; | ||
+ | margin-top: 50px; | ||
+ | |||
+ | } | ||
+ | /* Links inside the navbar */ | ||
+ | .navbar a { | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | margin-top: 30px; | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | /* The dropdown container */ | |
− | + | .dropdown { | |
− | + | margin-top:30px; | |
− | + | float: left; | |
+ | overflow: hidden; | ||
+ | } | ||
− | + | /* Dropdown button */ | |
+ | .dropdown .dropbtn { | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: white; | ||
+ | padding: 14px 16px; | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | /* Add a red background color to navbar links on hover */ | ||
+ | .navbar a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: red; | ||
+ | } | ||
− | + | /* Dropdown content (hidden by default) */ | |
− | + | .dropdown-content { | |
− | + | display: none; | |
− | + | position: absolute; | |
− | + | background-color: #f9f9f9; | |
− | + | width: 160px; | |
− | + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | |
− | + | z-index: 1; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* Links inside the dropdown */ | ||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: black; | ||
+ | padding: 10px 12px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
− | + | /* Add a grey background color to dropdown links on hover */ | |
− | + | .dropdown-content a:hover { | |
− | + | background-color: #ddd; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* Show the dropdown menu on hover */ | |
− | + | .dropdown:hover .dropdown-content { | |
− | + | display: block; | |
− | + | } | |
+ | </style> | ||
− | < | + | <style> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | body{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/7/7a/T--Minnesota--WALLPAPER3.png); | ||
+ | background-size: cover; | ||
+ | height: 100vh; | ||
+ | } | ||
+ | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 19:23, 1 November 2017