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:45, 18 June 2013

/*