Team:Lambert GA/resultsconclusions

From 2013hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/*<html>
+
<html>
<head>
<head>
<style>
<style>
Line 53: Line 53:
  <center><b><u><h1>Results/Conclusions</h1></u></b></center>
  <center><b><u><h1>Results/Conclusions</h1></u></b></center>
What did you achieve over the course of your semester?
What did you achieve over the course of your semester?
-
*/
 
-
 
-
 
-
 
-
 
-
/* Resets
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote,
 
-
fieldset, input {
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
 
-
a img {
 
-
border: 0;
 
-
}
 
-
 
-
a {
 
-
text-decoration: none;
 
-
}
 
-
 
-
/* General Styling and Structure
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
body {
 
-
font-family: 'Crete Round', serif;
 
-
font-size: 16px;
 
-
background: url(header-top-bg.png) repeat center top fixed;
 
-
color: #777777;
 
-
}
 
-
#container-top,
 
-
#container-bottom,
 
-
.container {
 
-
margin: 0 auto;
 
-
width: 940px;
 
-
}
 
-
 
-
#header-wrap,
 
-
#banner-wrap,
 
-
#nav-wrap,
 
-
#main-wrap,
 
-
#footer-wrap
 
-
{
 
-
        width:100%;
 
-
min-width:980px;
 
-
}
 
-
 
-
h3 {
 
-
font-size: ;
 
-
}
 
-
 
-
a {
 
-
color: #55a1bd;
 
-
}
 
-
 
-
a:hover {
 
-
color: #498398;
 
-
}
 
-
 
-
h2 {
 
-
font-size: 30px;
 
-
padding: .5em 0 .2em 0;
 
-
line-height: 1.2;
 
-
font-family: 'Crete Round', serif;
 
-
font-weight: 400;
 
-
color: #555555;
 
-
}
 
-
 
-
p {
 
-
font-size: 16px;
 
-
color: #777777;
 
-
line-height: 1.5;
 
-
padding: 1.5em 0;
 
-
}
 
-
 
-
div#content {min-height:400px;}
 
-
/* Top Header
 
-
-------------------------------------------------*/
 
-
 
-
#top-wrap {}
 
-
 
-
/* Header
 
-
--------------------------------------------------------------------------------*/
 
-
#header-wrap {}
 
-
#header-wrap .container {
 
-
background: url(top-bg.png) repeat center left;
 
-
padding: 5px 10px;
 
-
border-radius:0px 0px 3px 3px;
 
-
-webkit-box-shadow:  0px 1px 10px 1px rgba(0, 0, 0, .2);
 
-
    box-shadow:  0px 1px 10px 1px rgba(0, 0, 0, .2);
 
-
}
 
-
 
-
#logo,
 
-
#logo a {       
 
-
float: left;
 
-
font-size: 36px;
 
-
color: #fff;
 
-
}
 
-
 
-
#logo a:hover {}
 
-
 
-
#header, #nav-wrap table {
 
-
border-collapse: collapse;
 
-
border-spacing: 0;
 
-
        width:100%;
 
-
        height: ;
 
-
}
 
-
 
-
#header td, #nav-wrap td {
 
-
vertical-align: middle;
 
-
text-align: left;
 
-
}
 
-
 
-
#header-right table {
 
-
float: right;
 
-
width: 1px;
 
-
}
 
-
 
-
#header-right td {
 
-
padding: 0;
 
-
}
 
-
 
-
/* Header: Phone Number
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
.phone-number .wsite-text {
 
-
color: #777777;
 
-
font-size: 14px;
 
-
font-weight: normal;
 
-
font-family: 'Crete Round', serif;
 
-
text-decoration: none;
 
-
display: block;
 
-
white-space: nowrap;
 
-
margin: ;
 
-
line-height:26px;
 
-
}
 
-
 
-
.phone-number .wsite-text a {}
 
-
.phone-number .wsite-text a:hover {}
 
-
 
-
/* Header: Social Links
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
.wsite-social {
 
-
vertical-align: middle;
 
-
margin-top:4px ;
 
-
}
 
-
 
-
.wsite-social-item {
 
-
width: 25px;
 
-
height: 25px;
 
-
margin: 0 0 0 3px;
 
-
background-image:url(social-greytogrey.png);
 
-
}
 
-
 
-
.wsite-social-facebook {background-position:0 0;}
 
-
.wsite-social-facebook:hover {background-position:0 -25px;}
 
-
.wsite-social-facebook:active {background-position:0 -50px;}
 
-
.wsite-social-pinterest {background-position:-25px 0;}
 
-
.wsite-social-pinterest:hover {background-position:-25px -25px;}
 
-
.wsite-social-pinterest:active {background-position:-25px -50px;}
 
-
.wsite-social-twitter {background-position:-50px 0;}
 
-
.wsite-social-twitter:hover {background-position:-50px -25px;}
 
-
.wsite-social-twitter:active {background-position:-50px -50px;}
 
-
.wsite-social-linkedin {background-position:-75px 0;}
 
-
.wsite-social-linkedin:hover {background-position:-75px -25px;}
 
-
.wsite-social-linkedin:active {background-position:-75px -50px;}
 
-
.wsite-social-mail {background-position:-100px 0;}
 
-
.wsite-social-mail:hover {background-position:-100px -25px;}
 
-
.wsite-social-mail:active {background-position:-100px -50px;}
 
-
.wsite-social-rss {background-position:-125px 0;}
 
-
.wsite-social-rss:hover {background-position:-125px -25px;}
 
-
.wsite-social-rss:active {background-position:-125px -50px;}
 
-
.wsite-social-flickr {background-position:-150px 0;}
 
-
.wsite-social-flickr:hover {background-position:-150px -25px;}
 
-
.wsite-social-flickr:active {background-position:-150px -50px;}
 
-
.wsite-social-plus {background-position:-175px 0;}
 
-
.wsite-social-plus:hover {background-position:-175px -25px;}
 
-
.wsite-social-plus:active {background-position:-175px -50px;}
 
-
.wsite-social-vimeo {background-position:-200px 0;}
 
-
.wsite-social-vimeo:hover {background-position:-200px -25px;}
 
-
.wsite-social-vimeo:active {background-position:-200px -50px;}
 
-
.wsite-social-yahoo {background-position:-225px 0;}
 
-
.wsite-social-yahoo:hover {background-position:-225px -25px;}
 
-
.wsite-social-yahoo:active {background-position:-225px -50px;}
 
-
.wsite-social-youtube {background-position:-250px 0;}
 
-
.wsite-social-youtube:hover {background-position:-250px -25px;}
 
-
.wsite-social-youtube:active {background-position:-250px -50px;}
 
-
 
-
 
-
/* Header: Search Box
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
#header-right .search {}
 
-
 
-
#header-right .wsite-search {
 
-
margin-left:10px;: ;
 
-
vertical-align: middle;
 
-
}
 
-
 
-
.wsite-search {
 
-
width:172px;
 
-
}
 
-
 
-
.wsite-search-input {
 
-
width: 141px;
 
-
height: 16px;
 
-
border: 0;
 
-
padding:5px !important;
 
-
float:left;
 
-
background: url(input-bg.png) no-repeat center left;
 
-
}
 
-
 
-
.wsite-search-button {
 
-
position: relative;
 
-
width: 21px;
 
-
height: 26px;
 
-
padding: 0px;
 
-
background: url(submit-bg.png) no-repeat center right;
 
-
}
 
-
 
-
/* Navigation
 
-
--------------------------------------------------------------------------------*/
 
-
#nav-wrap .container {
 
-
clear: both;
 
-
overflow: hidden;
 
-
position: relative;
 
-
padding: 35px 20px;
 
-
}
 
-
 
-
#nav-wrap .container ul {
 
-
list-style: none;
 
-
float: right;
 
-
}
 
-
 
-
#nav-wrap .container ul li {
 
-
list-style: none;
 
-
float: left;
 
-
height: 41px;
 
-
margin-left:10px;
 
-
}
 
-
 
-
#nav-wrap .container ul li a {
 
-
float: left;
 
-
display: block;
 
-
font-family: 'Crete Round', serif;
 
-
color: #fff;
 
-
text-decoration: none;
 
-
padding: 10px 15px;
 
-
border: 0;
 
-
outline: 0;
 
-
list-style-type: none;
 
-
}
 
-
 
-
#nav-wrap .container ul li#active a,
 
-
#nav-wrap .container ul li a:hover {
 
-
background: #55a1bd;
 
-
    border-radius: 2px;
 
-
text-shadow:0 1px 0 rgba(0,0,0,0.4);
 
-
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
 
-
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
 
-
}
 
-
 
-
/* Navigation Submenu's
 
-
--------------------------------------------------------------------------------*/
 
-
#wsite-menus .wsite-menu {
 
-
-webkit-box-shadow:  0px 1px 10px 1px rgba(0, 0, 0, .2);
 
-
    box-shadow:  0px 1px 10px 1px rgba(0, 0, 0, .2);
 
-
border-radius:5px;
 
-
float:left;
 
-
background: rgba(0,0,0,0.5);
 
-
}
 
-
 
-
#wsite-menus .wsite-menu li {
 
-
background:none;
 
-
}
 
-
 
-
#wsite-menus .wsite-menu li a {
 
-
font-family: 'Crete Round', serif;
 
-
padding: ;
 
-
color: #fff;
 
-
background: none;
 
-
border: 0;
 
-
font-size:14px;
 
-
}
 
-
 
-
#wsite-menus .wsite-menu li a:hover,
 
-
#wsite-menus .wsite-menu li a:active {
 
-
color: #498398;
 
-
background: rgba(255,255,255,1);
 
-
border-radius:5px;
 
-
}
 
-
 
-
/* Universal banner
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
#banner-wrap {
 
-
padding:0px 0px 28px 0px;
 
-
}
 
-
 
-
/* Page type: Tall header
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
.tall-header-page #banner {
 
-
background: url(banner-tall-bg.png) no-repeat center left;
 
-
width: 953px;
 
-
height: 395px;
 
-
}
 
-
 
-
.tall-header-page .wsite-header {
 
-
width: 920px;
 
-
height: 360px;
 
-
background: url(banner-tall.jpg) no-repeat;
 
-
float: left;
 
-
margin: 18px 16px;
 
-
}
 
-
 
-
/* Page type: Short header
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
.short-header-page #banner {
 
-
background: url(banner-short-bg.png) no-repeat center left;
 
-
width: 954px;
 
-
height: 254px;
 
-
}
 
-
 
-
.short-header-page .wsite-header {
 
-
width: 920px;
 
-
height: 220px;
 
-
background: url(banner-short.jpg) no-repeat;
 
-
float: left;
 
-
margin: 18px 16px;
 
-
}
 
-
 
-
/* Page type: No header
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
.no-header-page .wsite-header  {
 
-
        display:none;
 
-
padding: 0px !important;
 
-
}
 
-
 
-
.no-header-page #banner-wrap {
 
-
padding:0px;
 
-
}
 
-
 
-
/* Page type: Landing page
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
.landing-page #banner {
 
-
background: url(landing-banner-divider.png) repeat-x top left;
 
-
}
 
-
 
-
#bannerleft {
 
-
background: url(banner-short-bg.png) no-repeat center left;
 
-
width: 954px;
 
-
height: 254px;
 
-
display:none;
 
-
}
 
-
 
-
.landing-page .wsite-header {
 
-
width: 920px;
 
-
height: 220px;
 
-
background: url(banner-short.jpg) no-repeat;
 
-
float: left;
 
-
margin: 18px 16px;
 
-
}
 
-
 
-
#bannerright {
 
-
text-align:center;
 
-
height: 160px;
 
-
padding-top: 42px;
 
-
}
 
-
 
-
#bannerright h2 {
 
-
color: #FFF;
 
-
padding: 0px;
 
-
line-height: 100%;
 
-
}
 
-
 
-
#bannerright p {
 
-
color:#fff ;
 
-
text-shadow: 1px 1px 1px #333;
 
-
padding: 20px 0px;
 
-
line-height: 140%;
 
-
}
 
-
 
-
#bannerright p a {
 
-
color:#fff;
 
-
border-radius:3px;
 
-
border-bottom:1px dashed #fff;
 
-
}
 
-
 
-
#bannerright p a:hover {
 
-
border-bottom:1px solid #fff;
 
-
}
 
-
 
-
 
-
/* Main Content
 
-
--------------------------------------------------------------------------------*/
 
-
#main-wrap {
 
-
background: url(content-bg.jpg) repeat center left;
 
-
padding:30px 0;
 
-
box-shadow:0 0 30px rgba(0,0,0,0.7), inset 0 1px 1px rgba(255,255,255,0.4);
 
-
}
 
-
#container-top {
 
-
background: url(main-bg-top.png) no-repeat left top;
 
-
width:960px;
 
-
height:40px;
 
-
}
 
-
#container-bottom {
 
-
background: url(main-bg-bottom.png) no-repeat bottom left;
 
-
width:960px;
 
-
height:40px;
 
-
}
 
-
#main-wrap .container {
 
-
background: url(main-bg.png) repeat-y center left;
 
-
padding: 0px 50px;
 
-
width:860px;
 
-
padding-top:1px;
 
-
padding-bottom:1px;
 
-
}
 
-
 
-
 
-
 
-
hr {margin:0;}
 
-
 
-
#main-wrap .container p {}
 
-
#main-wrap .container a {}
 
-
 
-
#main-wrap .container .paragraph ul {
 
-
padding:0px !important;
 
-
}
 
-
#main-wrap .container .paragraph ul li {
 
-
list-style: none !important;
 
-
background: url(bullets-bg.png) no-repeat left 8px;
 
-
padding-left: 15px;
 
-
}
 
-
 
-
blockquote {
 
-
background: url(quote.png) no-repeat left top;
 
-
font-size:16px;
 
-
font-style:italic;
 
-
padding-left: 45px !important;
 
-
margin:20px 0px;
 
-
color:#ccc;
 
-
border-left:none !important;
 
-
}
 
-
 
-
#main-wrap .container form .wsite-button {
 
-
margin-top:20px;
 
-
}
 
-
 
-
#main-wrap div.paragraph li {
 
-
padding-left: 15px !important;
 
-
}
 
-
 
-
/* Footer
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
#footer-wrap {
 
-
text-align:right;
 
-
color: #a2a6a8;
 
-
padding: 30px 0px;
 
-
text-shadow: 1px 1px 1px #333;
 
-
}
 
-
 
-
#footer  {}
 
-
 
-
#footer-wrap .wsite-form-container {
 
-
text-align:left;
 
-
margin-top:0 !important;
 
-
}
 
-
 
-
#footer-wrap .wsite-form-input, #footer-wrap .wsite-search-element-input {
 
-
font-family: 'Crete Round', serif;
 
-
font-size: 16px;
 
-
color: #a2a6a8;
 
-
background: url(footer-input-bg.png) repeat top left;
 
-
border-bottom:1px solid #adadad;
 
-
border-top: none;
 
-
border-left: none;
 
-
border-right: none;
 
-
padding: 7px 5px !important;
 
-
-webkit-border-radius: 3px;
 
-
-moz-border-radius: 3px;
 
-
border-radius: 3px;
 
-
-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
 
-
box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
 
-
}
 
-
 
-
#footer-wrap h2 {
 
-
color: #fff;
 
-
font-size: 26px;
 
-
}
 
-
 
-
#footer-wrap p {
 
-
color:#eee;
 
-
}
 
-
 
-
 
-
#footer-wrap .paragraph ul li {
 
-
list-style: none !important;
 
-
background: url(bullets-bg.png) no-repeat left 9px;
 
-
padding: 0px 20px !important;
 
-
}
 
-
 
-
 
-
/* Form Customization
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
.wsite-form-label {
 
-
display: inline-block;
 
-
color: #999999;
 
-
font-family: 'Crete Round', serif;
 
-
font-size: 16px;
 
-
padding: ;
 
-
font-weight: 400;
 
-
margin:15px 0px 5px;
 
-
}
 
-
 
-
.form-radio-container {
 
-
color: #666666;
 
-
font-size: 16px;
 
-
font-family: 'Crete Round', serif;
 
-
}
 
-
 
-
.wsite-form-input, .wsite-search-element-input {
 
-
font-family: 'Crete Round', serif;
 
-
font-size: 16px;
 
-
color: #aeadab;
 
-
background: url(contact-input-bg.png) repeat top left;
 
-
border:1px solid #adadad;
 
-
padding: 10px 5px !important;
 
-
-webkit-border-radius: 3px;
 
-
-moz-border-radius: 3px;
 
-
border-radius: 3px;
 
-
-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
 
-
box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
 
-
}
 
-
 
-
.form-select {
 
-
font-family: 'Crete Round', serif;
 
-
font-size: 16px;
 
-
color: #aeadab;
 
-
background: url(contact-input-bg.png) repeat top left;
 
-
border:1px solid #adadad;
 
-
padding: 10px 7px !important;
 
-
height: 46px !important;
 
-
line-height: 46px;
 
-
width: 390px;
 
-
-webkit-border-radius: 3px;
 
-
-moz-border-radius: 3px;
 
-
border-radius: 3px;
 
-
-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
 
-
box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
 
-
}
 
-
 
-
#footer-wrap .wsite-form-label, #footer-wrap .form-radio-container {
 
-
color:#fff;
 
-
}
 
-
 
-
/* Buttons
 
-
--------------------------------------------------------------------------------*/
 
-
 
-
/* Small structure & regular style */
 
-
 
-
.wsite-button {
 
-
height: 42px;
 
-
display: inline-block;
 
-
padding: 0px 30px 0px 0px;
 
-
background: url(button_highlight.png) no-repeat 100% -128px;
 
-
text-shadow:0 -1px 1px rgba(0,0,0,0.5);
 
-
}
 
-
 
-
.wsite-button:hover {
 
-
background-position: 100% -170px;
 
-
}
 
-
 
-
.wsite-button:active {
 
-
background-position: 100% -212px;
 
-
}
 
-
 
-
.wsite-button-inner {
 
-
color: #fff !important;
 
-
font-family: ;
 
-
    height: 42px;
 
-
line-height: 40px;
 
-
display: block;
 
-
font-size: 18px;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
padding: 0px 0px 0px 30px;
 
-
background: url(button_highlight.png) no-repeat 0px -1px;
 
-
}
 
-
 
-
.wsite-button:hover .wsite-button-inner {
 
-
background-position: 0px -43px;
 
-
}
 
-
 
-
.wsite-button:active .wsite-button-inner {
 
-
background-position: 0px -85px;
 
-
}
 
-
 
-
/* Large structure & regular style  */
 
-
 
-
.wsite-button-large {
 
-
color: #fff !important;
 
-
height: 52px;
 
-
background: url(button_large_highlight.png) no-repeat 100% -156px;
 
-
padding: 0px 30px 0px 0px;
 
-
}
 
-
 
-
.wsite-button-large:hover {
 
-
background-position: 100% -208px;
 
-
}
 
-
 
-
.wsite-button-large:active {
 
-
background-position: 100% -260px;
 
-
}
 
-
 
-
.wsite-button-large .wsite-button-inner {
 
-
height: 52px;
 
-
line-height: 50px;
 
-
padding: 0px 0px 0px 30px;
 
-
background: url(button_large_highlight.png) no-repeat 0px 0px;
 
-
}
 
-
 
-
.wsite-button-large:hover .wsite-button-inner {
 
-
background-position: 0px -52px;
 
-
}
 
-
 
-
.wsite-button-large:active .wsite-button-inner {
 
-
background-position: 0px -104px;
 
-
}
 
-
 
-
 
-
/* Highlighted styles */
 
-
 
-
.wsite-button-highlight {
 
-
background-image: url(button_blue.png);
 
-
}
 
-
 
-
.wsite-button-highlight .wsite-button-inner {
 
-
background-image: url(button_blue.png);
 
-
}
 
-
 
-
.wsite-button-large.wsite-button-highlight {
 
-
background-image: url(button_large_blue.png);
 
-
}
 
-
 
-
.wsite-button-large.wsite-button-highlight .wsite-button-inner {
 
-
background-image: url(button_large_blue.png);
 
-
}
 

Revision as of 03:46, 18 June 2013