Team:St Pauls London
From 2013hs.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | <html> <!-- STYLES --> | ||
+ | <head> | ||
+ | <style> | ||
+ | body { | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | background-color: white; | ||
+ | margin: 0 auto; | ||
+ | padding-top:20px; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | #internet-explorer { | ||
+ | margin-top: 0px; | ||
+ | text-align: center; | ||
+ | color: #C30; | ||
+ | font-family: monospace; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*----- HEADER -----*/ | ||
+ | #header { | ||
+ | width: 900px; | ||
+ | height: 200px; | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | margin-left: -450px; | ||
+ | background-color: ; | ||
+ | padding-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | #headerTitle { | ||
+ | text-align: right; | ||
+ | left: 80%; | ||
+ | margin-right: 120px; | ||
+ | font-weight: bold; | ||
+ | font-size: 36px; | ||
+ | } | ||
+ | |||
+ | #headerBackground { | ||
+ | position: absolute; | ||
+ | z-index: -1; | ||
+ | width: 100%; | ||
+ | height: 100px; | ||
+ | bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #logo { | ||
+ | position: absolute; | ||
+ | left: 20%; | ||
+ | align: left; | ||
+ | width: 120px; | ||
+ | height: 120px; | ||
+ | } | ||
+ | |||
+ | #headerSubTitle { | ||
+ | text-align: right; | ||
+ | left: 80%; | ||
+ | margin-right: 180px; | ||
+ | font-size: 14px; | ||
+ | letter-spacing: 2px; | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | a#igem, a#igem:visited { | ||
+ | color: inherit; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a#igem:hover, a#igem:active { | ||
+ | color: #F93; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /*----- HEADER BUTTONS -----*/ | ||
+ | .nav_button { | ||
+ | width: 100px; | ||
+ | height: 50px; | ||
+ | position: absolute; | ||
+ | bottom: 20%; | ||
+ | margin-left: -50px; | ||
+ | display: table; | ||
+ | } | ||
+ | |||
+ | .nav_buttonText { | ||
+ | color: #222; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | display: table-cell; | ||
+ | } | ||
+ | |||
+ | a.nav_buttonLink, a.nav_buttonLink:visited { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a.nav_buttonLink:hover, a.nav_buttonLink:active { | ||
+ | color: #F93; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #first { | ||
+ | left: 20%; | ||
+ | } | ||
+ | |||
+ | #second { | ||
+ | left: 40%; | ||
+ | } | ||
+ | |||
+ | #third { | ||
+ | left: 60%; | ||
+ | } | ||
+ | |||
+ | #fourth { | ||
+ | left: 80%; | ||
+ | } | ||
+ | /*----- END OF BUTTONS -----*/ | ||
+ | |||
+ | /*----- END OF HEADER -----*/ | ||
+ | |||
+ | /*----- MAIN CONTENT -----*/ | ||
+ | #wrapper { | ||
+ | clear: both; | ||
+ | position: absolute; | ||
+ | width: 900px; | ||
+ | height: 90%; | ||
+ | margin-top: 250px; /* stops overlap with header */ | ||
+ | left: 50%; | ||
+ | margin-left: -450px; | ||
+ | border: medium 2px black; | ||
+ | background-color: ; | ||
+ | } | ||
+ | |||
+ | .title-link { | ||
+ | text-decoration: none; | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | #first-panel { | ||
+ | display: ; | ||
+ | background: white; | ||
+ | border:1px solid white; | ||
+ | padding-left: 15px; | ||
+ | -moz-border-radius-topright: 20px; | ||
+ | -webkit-border-top-right-radius: 20px; | ||
+ | -moz-border-radius-bottomright: 20px; | ||
+ | -webkit-border-bottom-right-radius: 20px; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | #second-panel { | ||
+ | display: none; | ||
+ | background: white; | ||
+ | border:1px solid white; | ||
+ | padding-left: 15px; | ||
+ | -moz-border-radius-topright: 20px; | ||
+ | -webkit-border-top-right-radius: 20px; | ||
+ | -moz-border-radius-bottomright: 20px; | ||
+ | -webkit-border-bottom-right-radius: 20px; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | #third-panel { | ||
+ | display: none; | ||
+ | background: white; | ||
+ | border:1px solid white; | ||
+ | padding-left: 15px; | ||
+ | -moz-border-radius-topright: 20px; | ||
+ | -webkit-border-top-right-radius: 20px; | ||
+ | -moz-border-radius-bottomright: 20px; | ||
+ | -webkit-border-bottom-right-radius: 20px; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | #fourth-panel { | ||
+ | display: none; | ||
+ | background: white; | ||
+ | border:1px solid white; | ||
+ | padding-left: 15px; | ||
+ | -moz-border-radius-topright: 20px; | ||
+ | -webkit-border-top-right-radius: 20px; | ||
+ | -moz-border-radius-bottomright: 20px; | ||
+ | -webkit-border-bottom-right-radius: 20px; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | /*----- FIRST CONTENT -----*/ | ||
+ | |||
+ | /*----- SECOND CONTENT -----*/ | ||
+ | |||
+ | /*----- THIRD CONTENT -----*/ | ||
+ | |||
+ | /*----- FOURTH CONTENT -----*/ | ||
+ | |||
+ | /*----- FOOTER -----*/ | ||
+ | |||
+ | #footer { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | </html> | ||
+ | |||
+ | |||
+ | |||
<html> | <html> | ||
<div id="header"> | <div id="header"> |
Revision as of 17:56, 28 March 2013
SPS_London
TMNP Collective
An <a id="igem" href="https://igem.org">iGEM</a> Team
</html> <div class="nav_button" id="first"> </div><div class="nav_button" id="second"> </div><div class="nav_button" id="third"> </div><div class="nav_button" id="fourth"> </div>
Contents |
Team
Tell us about your team, your school!
Project
What are you working on this semester?
Notebook
Show us how you spent your days.
Results/Conclusions
What did you achieve over the course of your semester?
Safety
What safety precautions did your team take? Did you take a safety training course? Were you supervised at all times in the lab?
Attributions
Who worked on what?
Human Practices
What impact does/will your project have on the public?
Fun!
What was your favorite team snack?? Have a picture of your team mascot?
<forum_subtle />