Team:St Pauls London

From 2013hs.igem.org

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: center; padding-left: 10px; font-weight: bold; font-size: 36px; } #headerBackground { position: absolute; z-index: -1; width: 100%; height: 100px; bottom: 0px; } #headerSubTitle { text-align: center; 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; }