Line 1: | Line 1: | ||
− | |||
− | |||
<html> | <html> | ||
<style> | <style> | ||
− | + | ||
− | + | /********************************* DEFAULT WIKI SETTINGS ********************************/ | |
+ | |||
+ | #sideMenu, #top_title {display:none;} | ||
+ | #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 { | #top_header { | ||
+ | position: relative; | ||
+ | height: 164px; | ||
+ | width: 100vw; | ||
+ | background-color: #262626; | ||
top: 120px; | top: 120px; | ||
} | } | ||
+ | |||
+ | #top_action { | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | margin-left: -495px; | ||
+ | height: 180px; | ||
+ | width: 990px; | ||
+ | } | ||
+ | |||
+ | .sectionbox | ||
+ | { | ||
+ | font-weight: bold; | ||
+ | display:block; | ||
+ | color:#333; | ||
+ | text-decoration:none; | ||
+ | font-weight:700; | ||
+ | font-size:12px; | ||
+ | line-height:32px; | ||
+ | font-family: Verdana,Geneva,sans-serif; | ||
+ | background-color: #94e295; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | padding:0; | ||
+ | width: 300px; | ||
+ | height: 300px; | ||
+ | margin: 0px 20px; | ||
+ | } | ||
+ | |||
+ | .sectionbox li:hover | ||
+ | { | ||
+ | background:#6aa16b; | ||
+ | } | ||
+ | |||
</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/5/5b/T--CLSB-UK--header2.png"> </a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="selectionouter"> | ||
+ | |||
+ | <a class="sectionbox"> | ||
+ | <img src=""> | ||
+ | <span class="option">PROJECT</span> | ||
+ | </div> | ||
+ | |||
+ | <a class="sectionbox"> | ||
+ | <img src=""> | ||
+ | <span class="option">LAB WORK</span> | ||
+ | </div> | ||
+ | |||
+ | <a class="sectionbox"> | ||
+ | <img src=""> | ||
+ | <span class="option">HUMAN PRACTICES</span> | ||
+ | </div> | ||
+ | |||
+ | <a class="sectionbox"> | ||
+ | <img src=""> | ||
+ | <span class="option">JUDGING</span> | ||
+ | </div> | ||
+ | |||
+ | <a class="sectionbox"> | ||
+ | <img src=""> | ||
+ | <span class="option">PROJECT</span> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
</html> | </html> |
Revision as of 18:13, 18 October 2016
LAB WORK