(58 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-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 63: | Line 69: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
.sectionbox img { | .sectionbox img { | ||
− | width: | + | width: 96%; |
+ | margin-left: 2%; | ||
+ | margin-top: 2%; | ||
} | } | ||
+ | |||
.option { | .option { | ||
font-weight: bold; | font-weight: bold; | ||
− | color:# | + | color:#efefef; |
− | + | text-decoration:none; | |
font-size:12px; | font-size:12px; | ||
font-family: Verdana,Geneva,sans-serif; | font-family: Verdana,Geneva,sans-serif; | ||
Line 79: | 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: | + | 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 100: | 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 107: | Line 156: | ||
<div id="selectionouter"> | <div id="selectionouter"> | ||
− | <a class="sectionbox"> | + | <a href="https://2016.igem.org/Team:CLSB-UK/Description" class="sectionbox" id="v1"> |
− | <img src=""> | + | <img src="https://static.igem.org/mediawiki/2016/3/35/T--CLSB-UK--projectlink.png"> |
− | < | + | <div class="option">PROJECT</div> |
</a> | </a> | ||
− | <a 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> |
</a> | </a> | ||
− | <a class="sectionbox"> | + | <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> |
</a> | </a> | ||
− | <a 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> |
</a> | </a> | ||
− | <a 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> |
</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.