(73 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
<html> | <html> | ||
<style> | <style> | ||
− | body { | + | |
− | background-color:#262626; | + | /********************************* DEFAULT WIKI SETTINGS ********************************/ |
− | } | + | |
− | # | + | #sideMenu, #top_title {display:none;} |
− | top: 400px; | + | #content { padding:0px; margin-top:-7px; margin-left:0px;} |
− | } | + | body { background-color:#262626; } |
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | /********************************* MAIN BODY ********************************/ | ||
+ | #content { background-color: transparent !important } | ||
+ | body { font-family: Verdana,Geneva,sans-serif !important; line-height: normal; } | ||
+ | h2 { | ||
+ | font-size: 30px !important; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size: 20px; | ||
+ | color: #6cd94e; | ||
+ | } | ||
+ | h5 { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | p { | ||
+ | font-size: 16px !important; | ||
+ | } | ||
+ | |||
+ | /********************************* MENU ********************************/ | ||
+ | |||
+ | #top_header { | ||
+ | position: relative; | ||
+ | height: 164px; | ||
+ | width: 100vw; | ||
+ | background-color: #262626; | ||
+ | top: 100px; | ||
+ | } | ||
+ | |||
+ | #top_action { | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | margin-left: -495px; | ||
+ | height: 180px; | ||
+ | width: 990px; | ||
+ | } | ||
+ | |||
+ | #selectionouter { | ||
+ | width: 100vw; | ||
+ | position: absolute; | ||
+ | top: 400px; | ||
+ | background-color: #262626; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 740px) { | ||
+ | #selectionouter { | ||
+ | top: 500px !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .sectionbox { | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | padding:0; | ||
+ | width: 16%; | ||
+ | margin: 0 2%; | ||
+ | } | ||
+ | |||
+ | .sectionbox img { | ||
+ | width: 96%; | ||
+ | margin-left: 2%; | ||
+ | margin-top: 2%; | ||
+ | } | ||
+ | |||
+ | .option { | ||
+ | font-weight: bold; | ||
+ | color:#efefef; | ||
+ | text-decoration:none; | ||
+ | font-size:12px; | ||
+ | font-family: Verdana,Geneva,sans-serif; | ||
+ | text-align: center; | ||
+ | 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:link { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | 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> | ||
− | |||
− | |||
− | < | + | <div id="top_header"> |
+ | <div id="top_action"> | ||
+ | |||
+ | <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> | ||
+ | </div> | ||
+ | |||
+ | <div id="selectionouter"> | ||
+ | |||
+ | <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"> | ||
+ | <div class="option">PROJECT</div> | ||
+ | </a> | ||
+ | |||
+ | <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"> | ||
+ | <div class="option">LAB WORK</div> | ||
+ | </a> | ||
+ | |||
+ | <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"> | ||
+ | <div class="option">HUMAN PRACTICES</div> | ||
+ | </a> | ||
+ | |||
+ | <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"> | ||
+ | <div class="option">JUDGING</div> | ||
+ | </a> | ||
+ | |||
+ | <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"> | ||
+ | <div class="option">PEOPLE</div> | ||
+ | </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.