(42 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%; | ||
Line 73: | Line 74: | ||
margin-top: 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 82: | 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 102: | 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 109: | 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="https://static.igem.org/mediawiki/2016/f/f9/T--CLSB-UK--lablink.png"> | <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="https://static.igem.org/mediawiki/2016/3/39/T--CLSB-UK--hplink.png"> | <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="https://static.igem.org/mediawiki/2016/5/52/T--CLSB-UK--judginglink.png"> | <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="https://static.igem.org/mediawiki/2016/e/ef/T--CLSB-UK--peoplelink.png"> | <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.