(47 intermediate revisions by 2 users not shown) | |||
Line 36: | Line 36: | ||
width: 100vw; | width: 100vw; | ||
background-color: #262626; | background-color: #262626; | ||
− | top: | + | top: 100px; |
} | } | ||
Line 50: | Line 50: | ||
width: 100vw; | width: 100vw; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 400px; |
− | background:# | + | background-color: #262626; |
+ | } | ||
+ | |||
+ | @media (max-width: 740px) { | ||
+ | #selectionouter { | ||
+ | top: 500px !important; | ||
+ | } | ||
} | } | ||
.sectionbox { | .sectionbox { | ||
display:block; | display:block; | ||
− | |||
position:relative; | position:relative; | ||
float:left; | float:left; | ||
Line 64: | Line 69: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
.sectionbox img { | .sectionbox img { | ||
width: 96%; | width: 96%; | ||
margin-left: 2%; | margin-left: 2%; | ||
+ | margin-top: 2%; | ||
} | } | ||
+ | |||
.option { | .option { | ||
font-weight: bold; | font-weight: bold; | ||
− | color:# | + | color:#efefef; |
text-decoration:none; | text-decoration:none; | ||
font-size:12px; | font-size:12px; | ||
Line 81: | Line 84: | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | |||
− | |||
− | |||
− | + | #v1:hover { | |
− | + | background-color: #941f33; | |
− | } | + | } |
+ | #v2:hover { | ||
+ | background-color: #941f8a; | ||
+ | } | ||
+ | #v3:hover { | ||
+ | background-color: #5b1f94; | ||
+ | } | ||
+ | #v4:hover { | ||
+ | background-color: #1f3894; | ||
+ | } | ||
+ | #v5:hover { | ||
+ | background-color: #156467; | ||
+ | } | ||
+ | #v1 { | ||
+ | background-color: #be7884; | ||
+ | } | ||
+ | #v2 { | ||
+ | background-color: #be78b8; | ||
+ | } | ||
+ | #v3 { | ||
+ | background-color: #9c78be; | ||
+ | } | ||
+ | #v4 { | ||
+ | background-color: #7887be; | ||
+ | } | ||
+ | #v5 { | ||
+ | background-color: #72a2a3; | ||
+ | } | ||
− | a: | + | a:link { |
− | + | text-decoration: none; | |
− | } | + | } |
− | a:active { | + | a:visited { |
− | + | text-decoration: none; | |
− | } | + | } |
+ | |||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:active { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #vision { | ||
+ | position: relative; | ||
+ | top: 110px; | ||
+ | font-weight: bold; | ||
+ | color:#94e295; | ||
+ | text-decoration:none; | ||
+ | font-size:12px; | ||
+ | font-family: Verdana,Geneva,sans-serif; | ||
+ | text-align: center !important; | ||
+ | width: 60vw; | ||
+ | left: 20vw; | ||
+ | } | ||
</style> | </style> | ||
Line 101: | Line 149: | ||
<div id="top_action"> | <div id="top_action"> | ||
− | <a href="https://2016.igem.org/Team:CLSB-UK"> <img src="https://static.igem.org/mediawiki/2016/ | + | <a href="https://2016.igem.org/Team:CLSB-UK"> <img src="https://static.igem.org/mediawiki/2016/4/40/T--CLSB-UK--headermain.png"> </a> |
</div> | </div> | ||
Line 108: | Line 156: | ||
<div id="selectionouter"> | <div id="selectionouter"> | ||
− | <a href="https://2016.igem.org/Team:CLSB-UK/Description" class="sectionbox"> | + | <a href="https://2016.igem.org/Team:CLSB-UK/Description" class="sectionbox" id="v1"> |
<img src="https://static.igem.org/mediawiki/2016/3/35/T--CLSB-UK--projectlink.png"> | <img src="https://static.igem.org/mediawiki/2016/3/35/T--CLSB-UK--projectlink.png"> | ||
<div class="option">PROJECT</div> | <div class="option">PROJECT</div> | ||
</a> | </a> | ||
− | <a href="https://2016.igem.org/Team:CLSB-UK/Lab" class="sectionbox"> | + | <a href="https://2016.igem.org/Team:CLSB-UK/Lab" class="sectionbox" id="v2"> |
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2016/f/f9/T--CLSB-UK--lablink.png"> |
<div class="option">LAB WORK</div> | <div class="option">LAB WORK</div> | ||
</a> | </a> | ||
− | <a href="https://2016.igem.org/Team:CLSB-UK/ | + | <a href="https://2016.igem.org/Team:CLSB-UK/HP" class="sectionbox" id="v3"> |
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2016/3/39/T--CLSB-UK--hplink.png"> |
<div class="option">HUMAN PRACTICES</div> | <div class="option">HUMAN PRACTICES</div> | ||
</a> | </a> | ||
− | <a href="https://2016.igem.org/Team:CLSB-UK/Medals" class="sectionbox"> | + | <a href="https://2016.igem.org/Team:CLSB-UK/Medals" class="sectionbox"id="v4"> |
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2016/5/52/T--CLSB-UK--judginglink.png"> |
<div class="option">JUDGING</div> | <div class="option">JUDGING</div> | ||
</a> | </a> | ||
− | <a href="https://2016.igem.org/Team:CLSB-UK/People" class="sectionbox"> | + | <a href="https://2016.igem.org/Team:CLSB-UK/People" class="sectionbox" id="v5"> |
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2016/e/ef/T--CLSB-UK--peoplelink.png"> |
<div class="option">PEOPLE</div> | <div class="option">PEOPLE</div> | ||
</a> | </a> | ||
− | </a> | + | </div> |
+ | |||
+ | |||
+ | <p id="vision">As young adults in the 21st Century, we are the generation that must face the consequences of Global Warming and the World Energy Crisis. Our iGEM team has realised the potential that Synthetic Biology has to offer, and we hope to provide a new energy source in BioPhotovoltaics.</p> | ||
+ | |||
</html> | </html> |
Latest revision as of 14:39, 19 October 2016
As young adults in the 21st Century, we are the generation that must face the consequences of Global Warming and the World Energy Crisis. Our iGEM team has realised the potential that Synthetic Biology has to offer, and we hope to provide a new energy source in BioPhotovoltaics.