Difference between revisions of "Team:iTesla-SoundBio"
| Line 43: | Line 43: | ||
} | } | ||
/* Change color on hover */ | /* Change color on hover */ | ||
| − | .topnav a:hover { | + | .topnav a:hover, .dropdown:hover .dropdown-button { |
background-color: #ddd; | background-color: #ddd; | ||
color: black; | color: black; | ||
| + | } | ||
| + | .dropdown { | ||
| + | float: right; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | .dropdown .dropdown-button { | ||
| + | font-size: 16px; | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | color: white; | ||
| + | padding: 14px 16px; | ||
| + | background-color: inherit; | ||
| + | font-family: inherit; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .dropdown-content { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | background-color: #f9f9f9; | ||
| + | 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: #ddd; | ||
| + | } | ||
| + | |||
| + | .dropdown:hover .dropdown-content { | ||
| + | display: block; | ||
} | } | ||
/* Base DIVs for whole website */ | /* Base DIVs for whole website */ | ||
| Line 272: | Line 311: | ||
<a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a> | <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a> | ||
<a href="https://2018.igem.org/Team:iTesla-SoundBio">Home</a> | <a href="https://2018.igem.org/Team:iTesla-SoundBio">Home</a> | ||
| + | <div class="dropdown"> | ||
| + | <button class="dropdown-button">Home | ||
| + | |||
| + | </button> | ||
| + | <div class="dropdown-content"> | ||
| + | <a href="https://2018.igem.org/Team:iTesla-SoundBio">iT-SB 2017</a> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
<div id="wrapper"> | <div id="wrapper"> | ||
| − | <h2 id="title" class="retroshadow"> | + | <h2 id="title" class="retroshadow">Project Overview</h2> |
<center><img class="imgFadeIn" src="https://static.igem.org/mediawiki/2018/6/60/T--iTesla-Soundbio--main_page.png" alt="DO YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment", width=60%,height:60%></center> | <center><img class="imgFadeIn" src="https://static.igem.org/mediawiki/2018/6/60/T--iTesla-Soundbio--main_page.png" alt="DO YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment", width=60%,height:60%></center> | ||
<!-- | <!-- | ||
Revision as of 06:35, 10 August 2018
Project Overview
