Team:Lethbridge Canada/concept

From 2013hs.igem.org

(Difference between revisions)
 
(337 intermediate revisions not shown)
Line 1: Line 1:
-
.june_et_img {
+
#large_text{
 +
        font-size: 1.5em;
 +
        line-height: 1.0em;
 +
}
 +
 
 +
#para_result_half{
 +
        float: left;
 +
        width: 700px;
 +
        margin: 0px 0px 0px 10px;
 +
}
 +
 
 +
#table_position_result{
 +
        float: left;
 +
        margin: -115px 0px 0px 20px;
 +
}
 +
 
 +
#pull_left{
 +
        float: left;
 +
        margin: 0px 0px 0px 7px;
 +
        width: 1195px;
 +
}
 +
 
 +
.left_padding{
 +
        margin: 0px 0px 0px 5px;
 +
}
 +
 
 +
.pull_up
 +
margin: -10px 0px 0px 0px;
 +
 
 +
.force_no_border {border: none !important;}
 +
 
 +
.awesome_cool_amazing_horizontal_line {
 +
border: 2px solid #c4c4c4;
 +
width: 1196px;
 +
margin: 10px 0px 0px -3px;
 +
}
 +
 
 +
#results table {
 +
float:left;
 +
}
 +
 
 +
.extra_margin{
 +
margin: 0px 0px 20px 0px;
 +
}
 +
 
 +
.r_bg_tr {background-color:#aa4941 !important;}
 +
 
 +
.o_bg_tr {background:#ef8300;}
 +
 
 +
#results img.scalable_img {
 +
width: 400px;
 +
height: 242px;
 +
padding: 0px 0px 0px 21px;
 +
}
 +
 
 +
.force_padding_top_h {margin: 20px 0px 0px 0px;}
 +
 
 +
#sb_image_container {
 +
display: block;
 +
margin: 0px 0px;
 +
padding: 10px 0px 0px 0px;
 +
}
 +
 
 +
.sb_image_container table {
 +
width: 300px;
 +
height: 120px;
 +
}
 +
 
 +
#width_image{
 +
        width: 1195px;
 +
        margin-left: -15px;
 +
}
 +
 
 +
#width_image img{
float: left;
float: left;
-
width: 320px;
+
        width: 900px !important;
-
padding: 0px 10px 0px 0px;
+
height: 120px;
 +
padding: 0px 0px 20px 15px;
 +
}
 +
 
 +
#results #wrapper #mainContent{
 +
        width: 1195px;
 +
}
 +
 
 +
#left_result{
 +
        float: left;
 +
        width: 590px;
 +
        margin: 0px 0px 20px 10px;
 +
}
 +
 
 +
#right_result{
 +
        float: left;
 +
        width: 590px;
 +
        margin: 0px 0px 20px 10px;
 +
}
 +
 
 +
#sequencing_results{
 +
        margin: 0px 0px 0px -800px;
 +
}
 +
 
 +
------------------------
 +
 
 +
.force_size {
 +
font-size: 1.4em !important;
 +
line-height: 1.4em !important;
 +
}
 +
 
 +
.force_size_small {
 +
font-size: 1.2em !important;
 +
line-height: 1.4em !important;
 +
}
 +
 
 +
.force_size_smaller {
 +
font-size: 1.0em !important;
 +
line-height: 1.2em !important;
}
}
Line 35: Line 146:
border: 1px solid #c4c4c4;
border: 1px solid #c4c4c4;
padding: 0px 10px;
padding: 0px 10px;
-
font-size: 1.2 em;
+
font-size: 12 em;
line-height: 1.5 em;
line-height: 1.5 em;
width: 1200px;
width: 1200px;
Line 42: Line 153:
         padding-bottom: 10px;
         padding-bottom: 10px;
         margin-left: -5px;
         margin-left: -5px;
 +
        margin-top: 0px;
}
}
Line 176: Line 288:
#logo_all img{
#logo_all img{
width: auto;
width: auto;
-
height: 46px;
+
height: 44px;
-
         padding-top: 2px;
+
         padding: 6px 0px 0px 0px;
 +
margin: 0px;
}
}
#header{
#header{
float: left;
float: left;
-
margin: 0 auto;
+
margin: 0px auto 0px auto;
width: 1200px;
width: 1200px;
height: 100px;
height: 100px;
Line 199: Line 312:
#header a img{
#header a img{
float: left;
float: left;
-
height: 97px;
+
height: 94px;
width: auto;
width: auto;
margin: -24px 10px 0px 0px;
margin: -24px 10px 0px 0px;
Line 381: Line 494:
#safety_float_right {
#safety_float_right {
-
float: right;
+
float: left;
width: 290px;
width: 290px;
 +
        margin-left: 5px;
}
}
Line 396: Line 510:
#mainContent h1{
#mainContent h1{
-
padding-top: 5px;
+
padding-top: 10px;
}
}
Line 494: Line 608:
#project #mainContent{
#project #mainContent{
         width: 1196px;
         width: 1196px;
 +
}
 +
 +
#project #mainContent p {
 +
font-size: 1.4em;
 +
line-height: 1.4em;
}
}
Line 546: Line 665:
.entry_heading {
.entry_heading {
margin: 10px 10px 0px 10px;
margin: 10px 10px 0px 10px;
 +
}
 +
 +
.pull_banner_left{
 +
margin: 0px 0px 0px -4px;
}
}
Line 707: Line 830:
list-style-type: circle;
list-style-type: circle;
margin-left: 30px;
margin-left: 30px;
 +
}
 +
 +
.june_et_img {
 +
float: left;
 +
width: 320px;
 +
padding: 0px 10px 0px 0px;
}
}
Line 807: Line 936:
#team #wrapper #mainContent{
#team #wrapper #mainContent{
-
padding: 10px 10px 0px 7px;
+
padding: 10px 10px 0px 20px;
font-size: 1.2em;
font-size: 1.2em;
line-height: 1.0em;
line-height: 1.0em;
float:left;
float:left;
width: 1196px;
width: 1196px;
 +
        margin-bottom: 10px;
}
}
Line 827: Line 957:
border: 2px solid #c9c9c9;
border: 2px solid #c9c9c9;
overflow: hidden;
overflow: hidden;
 +
        margin-left: -14px;
}
}
Line 837: Line 968:
float: left;
float: left;
width: 905px;
width: 905px;
-
margin: -975px 0px 0px 280px;
+
margin: -1195px 0px 0px 280px;
 +
}
 +
 
 +
.team_one{
 +
margin: 30px 0px 0px -1px;
 +
}
 +
 
 +
.team_two{
 +
margin: 30px 0px 0px -1px;
}
}
Line 862: Line 1,001:
#amr .bio_write_up{
#amr .bio_write_up{
-
margin: 0px 0px 0px 210px;
+
margin: -280px 0px 0px 210px;
}
}
Line 870: Line 1,009:
#bri .bio_write_up{
#bri .bio_write_up{
-
margin: -225px 0px 0px 210px;
+
margin: -230px 0px 0px 210px;
}
}
#bro .bio_write_up{
#bro .bio_write_up{
-
margin: -265px 0px 0px 210px;
+
margin: -280px 0px 0px 210px;
}
}
Line 907: Line 1,046:
#kat .bio_write_up{
#kat .bio_write_up{
margin: -290px 0px 0px 210px;
margin: -290px 0px 0px 210px;
 +
}
 +
 +
#kie .bio_write_up{
 +
margin: -285px 0px 0px 210px;
 +
}
 +
 +
#kri .bio_write_up{
 +
margin: -165px 0px 0px 210px;
}
}
Line 915: Line 1,062:
#mark .bio_write_up{
#mark .bio_write_up{
margin: -300px 0px 0px 210px;
margin: -300px 0px 0px 210px;
 +
}
 +
 +
#pat .bio_write_up{
 +
margin: -280px 0px 0px 210px;
}
}
Line 930: Line 1,081:
#yoy .bio_write_up{
#yoy .bio_write_up{
-
margin: -130px 0px 0px 210px;
+
margin: -380px 0px 0px 210px;
}
}
Line 936: Line 1,087:
margin: -215px 0px 0px 210px;
margin: -215px 0px 0px 210px;
}
}
 +
 +
#hj .bio_write_up{
 +
margin: -280px 0px 0px 210px;
 +
}
 +
#isa .bio_write_up{
#isa .bio_write_up{
Line 948: Line 1,104:
#parts_section{
#parts_section{
-
width: 1196px;
+
width: 1200px;
         margin-left: -5px;
         margin-left: -5px;
}
}
Line 957: Line 1,113:
#constructs_section{
#constructs_section{
-
width: 1196px;
+
width: 1200px;
         margin-left: -5px;
         margin-left: -5px;
}
}
Line 1,212: Line 1,368:
.parent_survey_section_questions {
.parent_survey_section_questions {
float:left;
float:left;
-
width: 583px;
+
width: 588px;
-
margin: 5px 5px 5px 5px;
+
margin: 5px 10px 5px 0px;
border: 1px solid #c3c3c3;
border: 1px solid #c3c3c3;
height: 430px;
height: 430px;
Line 1,227: Line 1,383:
.parent_survey_section_comments {
.parent_survey_section_comments {
-
border-bottom: 1px solid #c3c3c3;
+
border-bottom: 3px solid #c3c3c3;
}
}
Line 1,240: Line 1,396:
float: left;
float: left;
padding: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
 +
        width: 1195px;
 +
}
}
Line 1,245: Line 1,403:
padding: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
font-size: 1.5em;
font-size: 1.5em;
-
line-height: 1.5em;
+
line-height: 1.7em;
}
}
Line 1,255: Line 1,413:
.parent_survey_section_questions p, .parent_survey_section_questions li, .parent_survey_section_comments p, .parent_survey_section_comments li, .parent_survey_section_comments_no_border p, .parent_survey_section_comments_no_border li, .survey_intro{
.parent_survey_section_questions p, .parent_survey_section_questions li, .parent_survey_section_comments p, .parent_survey_section_comments li, .parent_survey_section_comments_no_border p, .parent_survey_section_comments_no_border li, .survey_intro{
-
font-size: 1.5em;
+
font-size: 1.4em;
-
line-height: 1.7em;
+
line-height: 1.4em;
padding-left: 10px;
padding-left: 10px;
color: #333333;
color: #333333;
Line 1,281: Line 1,439:
padding: 10px 0px;
padding: 10px 0px;
}
}
-
 
-
#video_writing {
 
-
font-size: 1.2em;
 
-
line-height: 1.4em;
 
-
}
 
-
 
/** Sponsors **/
/** Sponsors **/
Line 1,314: Line 1,466:
font-size: 1.2em;
font-size: 1.2em;
line-height: 1.4em;
line-height: 1.4em;
 +
width: 1195px;
}
}
Line 1,375: Line 1,528:
font-size: 1.2em;
font-size: 1.2em;
line-height: 1.4em;
line-height: 1.4em;
 +
        width: 1190px;
}
}
Line 1,387: Line 1,541:
/** Banner Formatting **/
/** Banner Formatting **/
-
advisors_banner_image {
+
.results_banner_image{
-
margin: 10px 0px -7px -4px;
+
        margin: 5px 0px -25px -4px;
-
width: 923px;
+
        width: 1200px;
-
max-width: 923px;
+
max-width: 1200px;
 +
height: 100px;
 +
        max-height: 100px;
 +
}
 +
 
 +
.advisors_banner_image {
 +
margin: 30px 0px -25px -4px;
 +
width: 910px;
 +
max-width: 910px;
height: 100px;
height: 100px;
}
}
Line 1,413: Line 1,575:
.overview_banner_image {
.overview_banner_image {
-
margin: 5px 0px -2px -7px;
+
margin: 5px 0px -2px -4px;
width: 1200px;
width: 1200px;
max-width: 1200px;
max-width: 1200px;
Line 1,420: Line 1,582:
.parts_banner_image {
.parts_banner_image {
-
width: 1194px;
 
margin: 0px 0px 0px 1px;
margin: 0px 0px 0px 1px;
 +
        background: #3399ff;
}
}
Line 1,460: Line 1,622:
.team_banner_image {
.team_banner_image {
-
margin: -110px 0px -7px -4px;
+
margin: 0px 0px -25px -4px;
-
width: 923px;
+
width: 910px;
-
max-width: 923px;
+
max-width: 910px;
height: 100px;
height: 100px;
}
}
Line 1,503: Line 1,665:
     position: absolute;
     position: absolute;
}
}
 +
 +
.page-Team_Lethbridge_Canada_oh_no_stop {
 +
-webkit-animation: cssAnimation 0.1000s infinite ease;
 +
-moz-animation: cssAnimation 0.1000s infinite ease;
 +
-o-animation: cssAnimation 0.1000s infinite ease;
 +
}
 +
@-webkit-keyframes cssAnimation {
 +
from { -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(15px); }
 +
to { -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(0px); }
 +
}
 +
@-moz-keyframes cssAnimation {
 +
from { -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(15px); }
 +
to { -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(0px); }
 +
}
 +
@-o-keyframes cssAnimation {
 +
from { -o-transform: rotate(180deg) scale(1) skew(1deg) translate(15px); }
 +
to { -o-transform: rotate(1800deg) scale(1) skew(1deg) translate(0px); }
 +
}
 +
#image_flip_fun {
#image_flip_fun {
width: 600px;
width: 600px;
Line 1,510: Line 1,691:
}
}
-
#wrapper p {
+
/** Text Formatting **/
 +
 
 +
 
 +
.in_actuality_is_the_interview_page_because_we_screwed_this_up_some_where_along_the_line p {
 +
font-size: 1.0em !important;
 +
line-height: 1.2em !important;
 +
}
 +
#safety p, #sponsors p, #math p {
font-size: 1.2em;
font-size: 1.2em;
line-height: 1.4em;
line-height: 1.4em;
 +
}
 +
 +
#results p {
 +
font-size: 1.4em;
 +
line-height: 1.4em;
 +
}
 +
 +
p#video_writing {
 +
font-size: 1.5em;
 +
line-height: 1.4em;
 +
}
 +
 +
#oxytocin_smooth {
 +
display: block;
 +
padding: 10px 0px;
 +
margin: 0 auto;
 +
width: 750px;
 +
}
 +
 +
.construct_project_img {
 +
display: block;
 +
margin: 0 auto;
 +
padding: 10px 0px;
}
}

Latest revision as of 03:50, 22 June 2013

  1. large_text{ 
       font-size: 1.5em;
       line-height: 1.0em;

}

  1. para_result_half{ 
       float: left;
       width: 700px;
       margin: 0px 0px 0px 10px;

}

  1. table_position_result{ 
       float: left;
       margin: -115px 0px 0px 20px;

}

  1. pull_left{ 
       float: left;
       margin: 0px 0px 0px 7px;
       width: 1195px;

}

.left_padding{ 

       margin: 0px 0px 0px 5px;

}

.pull_up margin: -10px 0px 0px 0px;

.force_no_border {border: none !important;}

.awesome_cool_amazing_horizontal_line { border: 2px solid #c4c4c4; width: 1196px; margin: 10px 0px 0px -3px; }

  1. results table {

float:left; }

.extra_margin{ margin: 0px 0px 20px 0px; }

.r_bg_tr {background-color:#aa4941 !important;}

.o_bg_tr {background:#ef8300;}

  1. results img.scalable_img {

width: 400px; height: 242px; padding: 0px 0px 0px 21px; }

.force_padding_top_h {margin: 20px 0px 0px 0px;}

  1. sb_image_container {

display: block; margin: 0px 0px; padding: 10px 0px 0px 0px; }

.sb_image_container table { width: 300px; height: 120px; }

  1. width_image{ 
       width: 1195px;
       margin-left: -15px;

}

  1. width_image img{

float: left; 

       width: 900px !important;

height: 120px; padding: 0px 0px 20px 15px; }

  1. results #wrapper #mainContent{ 
       width: 1195px;

}

  1. left_result{ 
       float: left;
       width: 590px;
       margin: 0px 0px 20px 10px;

}

  1. right_result{ 
       float: left;
       width: 590px;
       margin: 0px 0px 20px 10px;

}

  1. sequencing_results{ 
       margin: 0px 0px 0px -800px;

}

.force_size { font-size: 1.4em !important; line-height: 1.4em !important; }

.force_size_small { font-size: 1.2em !important; line-height: 1.4em !important; }

.force_size_smaller { font-size: 1.0em !important; line-height: 1.2em !important; }

span.sortarrow img {display: none;}

  • {

margin: 0; padding: 0; }

html{ margin: 0 auto; font-size: 100%; background-color: #ffffff; width: 1200px; padding-bottom: 10px; }

body{ font: 62.5%/100% "Lucida Sans", "Lucida Grande", Lucida, sans-serif; width: 1230px; background-color: #c3c3c3; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; padding-bottom: 10px; float: left; }

  1. wrapper{

background-color: #f4f4ff; border: 1px solid #c4c4c4; padding: 0px 10px; font-size: 12 em; line-height: 1.5 em; width: 1200px; float: left; 

       margin: 0px;
       padding-bottom: 10px;
       margin-left: -5px;
       margin-top: 0px;

}

/***

Minimal header: removes the search bar and header image and readjusts font colours in the menus.

Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code! Check out their wikis at: https://2011.igem.org/Team:Brown-Stanford https://2012.igem.org/Team:Lethbridge

      • /
  1. content h1.firstHeading {

visibility: hidden; }ewe

  1. p-logo {

display: none; }

  1. searchform { 
   display: none;

}

.left-menu { background: none } .left-menu a { 

   color: #000;

}

div#top-section { /*the div containing the entire top bar*/ height: 20px; margin-bottom: -63px !important; margin: 0px 0px 0px -10px; width: 1222px; border: none; }

  1. content{

margin: 0px 0px 0px -11px; width: 1200px; border: none; }

  1. search-controls {

overflow:hidden; display:none; background: none; position: absolute; top: 170px; right: 40px; }


div#header { width: 1200px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; }

  1. menubar {

position: absolute; color: black; 

       background-color: #ffffff;

}

.left-menu, .right-menu{ position: absolute; background: none; color: black; }

.left-menu li a, .right-menu li a { color: #000 !important; }


.left-menu ul li, .right-menu ul li a{ background: none; color: #000 !important; }

.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { 

   color: #000 !important;

}

  1. catlinks{

display:none; }

/*important for background colours*/ .mediawiki{ background: #ffffff; }

.mediawiki { border: none; width: 1200px; background: transparent; }

  1. globalWrapper {

width: 1200px; background: transparent; }

  1. footer-box {

width: 1210px; margin: 0px 0px 0px -11px; border: 1px solid #c4c4c4; background-color: #f4f4ff }

/***End minimal header***/

.content { text-align: left; text-decoration: none; }


p{ margin-bottom: 1.5em; }

ul{ list-style: none; }

/*--------------------Add Code Below--------------------*/

  1. logo_all img{

width: auto; height: 44px; 

       padding: 6px 0px 0px 0px;

margin: 0px; }

  1. header{

float: left; margin: 0px auto 0px auto; width: 1200px; height: 100px; font-size: 3.0em; background: #000000; border-bottom: 3px solid #666666; }

  1. header a{

font: 1.5em/100%; color: #ffffff; text-decoration: none; padding: 10px; }

  1. header a img{

float: left; height: 94px; width: auto; margin: -24px 10px 0px 0px; }

  1. title_first{

float: left; line-height: 28px; font-size: 28px; padding-left: -20px; margin-top: -10px; }

  1. title_second{

float: left; padding-top: 30px; margin-left: -157px; line-height: 28px; font-size: 28px; }


  1. navigation{

text-align: center; width: 1210px; font-size: 1.0em; line-height: 1.2em; height: 25px; margin-left: 5px; }

.strict{ padding-top: 3px; }

  1. navigation ul{

margin: 0px 21px 0px 5px; float: left; font-size: 1.0em; color: #0c0c0c; text-decoration: none; font-weight: normal; width: 1215px; }

  1. navigation li{

height: 25px; float: left; width: 170px; border-left: 1px solid #ffffff; border-right: 0.5px solid #ffffff; position: relative; list-style: none; font-size: 20px;

}

  1. navigation li ul li:hover{

border-left: 5px solid #ffffff; }

  1. navigation ul li ul{

position: relative; color: #ffffff; background: #000000; text-decoration: none; font-weight: normal; font-size: 1.0em; background-color: inherit; margin: inherit; padding: inherit; }

  1. navigation li ul{

position: absolute; left: -10000px; width: 170px; height: auto; margin-left: -1px; margin-top: 10px; }

  1. navigation li li{

margin-top: -2px; }

  1. navigation li:hover ul{

left: 0px; display: block; width: 170px; z-index: 2; }

  1. navigation a{

color: #ffffff; text-decoration: none; font-weight: normal; display: block; }

.navigation_project{ border-left: none; }

.navigation_safety{ padding-right: 4px; }

.navigation_sponsors{ border-right: none; margin-right: 0px; }

.navigation_project, .navigation_parts, .navigation_notebook{ background: #3399ff; }

.navigation_safety, .navigation_outreach{ background: #ffcc00; }

.navigation_team, .navigation_attributions, .navigation_sponsors{ background: #9900ff; }

/** Drop Down Colors **/

.navigation_project li, .navigation_notebook li { background-color: #3399ff; }

.navigation_outreach li { background-color: #ffcc00; }

.navigation_team li { background-color: #9900ff; }

/** End Drop Down Colors **/

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

img{ border: none; }

  1. cont{

margin: 0px 0px 0px -6px; width: 1200px; }

  1. mainContent{

padding: 0px 10px 0px 10px; float:left; width: 1200px; }

  1. safety #wrapper #mainContent{

padding: 10px 10px 0px 10px; font-size: 1.2em; line-height: 1.0em; float:left; width: 1200px; }

  1. safety .padding_top_p {

padding: 20px 0px 0px 0px; }

  1. safety_float_left {

float: left; width: 900px; }

  1. safety_float_right {

float: left; width: 290px; 

       margin-left: 5px;

}

  1. safety_float_right img {

width: 290px; }

.shift_up_safety {padding: 15px 0px 0px 0px;}

.heading_first{ padding-top: 5px; }

  1. mainContent h1{

padding-top: 10px; }

  1. mainContent h2{

border-bottom: 1px solid #c3c3c3; padding-bottom: 10px; }

  1. mainContent p{

margin: 10px 10px 0px 0px; }

table{ border-collapse: collapse; background: #ffffff; }

thead{ background: #edecec; border-bottom: 3px solid #c9c9c9; }

th{ border: 1px solid #c9c9c9; }

tbody tr.alt td { background: #e7edf6; }

tbody tr:hover td, tbody tr.over td { background: #3399ff; color: #ffffff; }

li{ padding-top: 3px; padding-bottom: 3px; }

/**Home**/

  1. home #mainContent{

padding: 0; }

  1. left_float_home{

float: left; width: 600px; margin: 5px 0px 0px 0px; padding: 0px 5px 0px 5px; }

  1. left_float_home img{

margin: 2px 0; width: 590px; }

.decrease_opacity img:hover{ opacity: 0.5; 

       background-color: #ffffff;

}

  1. right_float_home{

float: left; width: 600px; margin: -660px 0px 0px 615px; }

  1. right_float_home img{

margin: 2px 0; width: 590px; }

  1. right_float_home .small_images{

height: 217px; width: 195px; }

  1. bottom_float_home{

float: left; width: 1210px; }

  1. bottom_float_home img{

float: left; margin: 0px 0px 0px 5px; width: 590px; }

  1. bottom_right_img img{ 
       margin: 0px 0px 0px 20px;

}

/**Project**/

  1. project #mainContent{ 
       width: 1196px;

}

  1. project #mainContent p {

font-size: 1.4em; line-height: 1.4em; }

  1. description_contents { 
       margin: 0px 0px 10px -5px;

padding: 10px 0px 10px 0px; border: solid 2px #000000; float: left; width: 1196px; }

  1. description_contents h1{ 
       float: left;

margin: -5px 0px 5px 0px; font-size: 23px; 

       border-bottom: 2px solid #c4c4c4;
       padding-bottom: 5px;
       padding-left: 10px;
       width: 1185px;

}

/**Entry**/

.firstentry { width: 1200px; padding-top: 10px; }

.entry_text_first { width: 1200px; padding-top: 15px; }

.entry { width: 1200px; border-top: solid 2px #424242; }

.entry_text { width: 1175px; text-align: justify; padding: 10px 20px 0px 20px; margin: 10px; }

.entry_image { float: left; width: 300px; margin: 15px 10px 0px 10px; }

.entry_heading { margin: 10px 10px 0px 10px; }

.pull_banner_left{ margin: 0px 0px 0px -4px; }

/**Protocols**/

  1. protocol_header{

border-bottom: 2px solid #000000; margin: 530px 0px 0px -3px; 

       width: 1197px;

}

  1. protocols h2{

padding: 20px 0px 0px 0px; }

  1. protocols h3{

font-size: 15px; }

.protocol_entry{ position: relative; font-size: 1.0em; line-height: 1.2em; float: left; margin: 10px 10px 10px -5px; width: 1196px; padding: 10px -20px 10px 10px; border: solid 2px #000000; }

.protocol_entry h1{ font-size: 2.0em; }

.protocol_entry h2{ padding-top: 4px; }

.protocol_entry li{ margin-left: 30px; }

.protocols_table{ border: 1px solid #c9c9c9; margin: 5px 0px 0px 5px; }

.protocols_table td{ width: auto; border: 1px solid #c9c9c9; position: relative; }

/**Notebook**/

  1. notebook_links_header{

float: left; margin: -15px 0px 5px 0px; font-size: 23px; 

       border-bottom: 2px solid #c4c4c4;
       padding-bottom: 10px;
       padding-left: 10px;
       width: 1185px;

}

  1. notebook_header{

margin: 0px 10px 10px -4px; padding: 10px -20px 10px 10px; border: solid 2px #000000; float: left; width: 1196px; }

  1. notebook_links{

margin-top: 20px; font-size: 0.8em; line-height: 1.0em; list-style-type: none; }

  1. notebook_march_links{

float: left; padding-left: 10px; 

       margin-top: 0px;
       margin-left: 0px;

}

  1. notebook_march_links li{

padding-bottom: 2px; }

  1. notebook_april_links{

float: left; 

       margin-top: 0px;

padding-left: 10px; }

  1. notebook_april_links li{

padding-bottom: 2px; }

  1. notebook_may_links{

float: left; padding-left: 10px; }

  1. notebook_may_links li{

padding-bottom: 2px; }

.notebook_link_title{ font-size: 1.5em; margin-bottom: 5px; }

.notebook_entry{ position: relative; font-size: 1.2em; line-height: 1.2em; float: left; margin: 10px 10px 10px -5px; width: 1196px; padding: 10px -20px 10px 10px; border: solid 2px #000000; }

.notebook_entry ul{ margin-top: -10px; }

.notebook_entry_header{ padding: 10px; 

       padding-bottom: 0px;
       margin-bottom: -10px;

border-bottom: solid 1px #000000; }

.notebook_entry_list{ float: left; padding: 5px 10px 20px 10px; }

.top_notebook{ position: absolute; bottom: 0px; left: 10px; font-size: 0.75em; color: #000000; }

.notebook_nested_list{ margin: 0px 0px 0px 40px; list-style-type: square; }

.notebook_nested_start{ padding: 3px 0px 0px 0px; }

.notebook_second_nested{ list-style-type: circle; margin-left: 30px; }

.june_et_img { float: left; width: 320px; padding: 0px 10px 0px 0px; }

table{ border: 1px solid #ccc; border-bottom: none }

th{ background: #444; color: #fff; text-align: left; color: #ccc }

tr{ background: #fff; border-bottom: 1px solid #ccc; border: 1px solid #c9c9c9; }

td{ border: 1px solid #c9c9c9; }

.table_two{ float: right; margin: -60px 0px 0px 850px; }

.table_two td{ width: 150px; position: relative; }


.table_two_left td{ width: 150px; position: relative; }

.table_three{ float: right; margin: -35px 0px 0px 700px; }

.table_three td{ width: 150px; }

.table_four{ float: right; margin: -35px 0px 0px 550px; }

.table_four td{ width: 110px;

}

.table_six{ float: right; margin: -35px 0px 0px 550px; }

.table_six td{ width: 60px; }

.restrict_width ul{ width: 650px; }

.restrict_width_small ul{ width: 200px; }

.table_position{ margin: 10px 10px 10px 1px; }

.sub{ font-size: 0.4em; bottom: -5px; }

.table_position_after_one{ margin: 0px 10px 10px 250px; }

.table_position_after_two{ margin: 0px 10px 10px 250px; }

.table_position_after_three{ margin: 0px 10px 10px 250px; }

/**Team**/

  1. team #wrapper #mainContent{

padding: 10px 10px 0px 20px; font-size: 1.2em; line-height: 1.0em; float:left; width: 1196px; 

       margin-bottom: 10px;

}

  1. team_title{

margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; float: left; border-bottom: 2px solid #000000; width: 905px; }

  1. left_float_team{

float: left; width: 250px; border: 2px solid #c9c9c9; overflow: hidden; 

       margin-left: -14px;

}

  1. left_float_team img{

width: 70px; margin: 5px; }

  1. bios{

float: left; width: 905px; margin: -1195px 0px 0px 280px; }

.team_one{ margin: 30px 0px 0px -1px; }

.team_two{ margin: 30px 0px 0px -1px; }

.bio_name{ margin: 40px 0px 0px 0px; }

.bio img{ margin: 10px 0px -10px 0px; width: 200px; }

.bio_write_up{ float: left; }

.top_team{ font-size: 0.7em; }

  1. ada .bio_write_up{

margin: -280px 0px 0px 210px; }

  1. amr .bio_write_up{

margin: -280px 0px 0px 210px; }

  1. aus .bio_write_up{

margin: -265px 0px 0px 210px; }

  1. bri .bio_write_up{

margin: -230px 0px 0px 210px; }

  1. bro .bio_write_up{

margin: -280px 0px 0px 210px; }

  1. car .bio_write_up{

margin: -225px 0px 0px 210px; }

  1. cas .bio_write_up{

margin: -270px 0px 0px 210px; }

  1. chr .bio_write_up{

margin: -265px 0px 0px 210px; }

  1. dyl .bio_write_up{

margin: -300px 0px 0px 210px; }

  1. ela .bio_write_up{

margin: -330px 0px 0px 210px; }

  1. fio .bio_write_up{

margin: -300px 0px 0px 210px; }

  1. jos .bio_write_up{

margin: -330px 0px 0px 210px; }

  1. kat .bio_write_up{

margin: -290px 0px 0px 210px; }

  1. kie .bio_write_up{

margin: -285px 0px 0px 210px; }

  1. kri .bio_write_up{

margin: -165px 0px 0px 210px; }

  1. mar .bio_write_up{

margin: -150px 0px 0px 210px; }

  1. mark .bio_write_up{

margin: -300px 0px 0px 210px; }

  1. pat .bio_write_up{

margin: -280px 0px 0px 210px; }

  1. tes .bio_write_up{

margin: -300px 0px 0px 210px; }

  1. tho .bio_write_up{

margin: -145px 0px 0px 210px; }

  1. wes .bio_write_up{

margin: -310px 0px 0px 210px; }

  1. yoy .bio_write_up{

margin: -380px 0px 0px 210px; }

  1. eri .bio_write_up{

margin: -215px 0px 0px 210px; }

  1. hj .bio_write_up{

margin: -280px 0px 0px 210px; }


  1. isa .bio_write_up{

margin: -135px 0px 0px 210px; }

  1. mac .bio_write_up{

margin: -270px 0px 0px 210px; }

/**Parts**/

  1. parts_section{

width: 1200px; 

       margin-left: -5px;

}

  1. parts_section table, #parts_section table th, #parts_section table td{

width: auto; }

  1. constructs_section{

width: 1200px; 

       margin-left: -5px;

}

  1. constructs_section table, #constructs_section table th, #constructs_section table td{

width: auto; }

/** MATH **/

  1. math #wrapper #mainContent{

padding: 10px 10px 0px 0px; font-size: 1.2em; line-height: 1.0em; float:left; width: 1197px; 

       margin: 0px 0px 0px 10px;

}

  1. math_contents { 
       margin: 0px 0px 10px -5px;

padding: 20px 0px 10px 0px; border: solid 2px #000000; float: left; width: 1196px; }

  1. math_contents li {

padding: 0px; font-size: 0.8em; line-height: 1.5em; }

  1. math_contents h1{ 
       width: 1190px;
       padding-left: 10px;
       border-bottom: 2px solid #c4c4c4;

}

  1. math ul {

margin-left: 20px; }

  1. math ul ul {

margin-left: 30px; }

  1. math ul li ul li {

font-size: 1.0em; line-height: 1.0em;

}

  1. math_contents h1{ 
       float: left;

margin: -5px 0px 5px 0px; font-size: 23px; 

       border-bottom: 2px solid #c4c4c4;
       padding-bottom: 5px;
       padding-left: 10px;
       width: 1185px;

}

  1. math h2 {

border-bottom: 2px solid #c3c3c3; padding: 0x 0px 0px 20px; margin: -10px 0 px -10px 10px; }

.math_img { display: block; padding: 25px; margin-left: auto; margin-right: auto; }

.image_container { border: 1px solid #c3c3c3; margin: 10px 0px 10px 0px; width: 1196px; }

.image_container ul { padding-left: 10px; padding-bottom: 10px; }

  1. math table {

font-size: 1.4em; line-height: 1.6em; }

  1. img_growth {width: 200px;}
  1. img_transcription {width: 200px;}
  1. img_halflife {width: 100px;}
  1. img_halflife_logic {width: 500px;}
  1. img_combined_transcription {width: 300px;}
  1. img_total_transcription {width: 500px;}
  1. img_translation {width: 300px;}
  1. img_derive {width: 300px;}
  1. img_gene_protein {width: 200px;}
  1. img_translational_constant {width: 150px;}
  1. img_a {width: 700px;}
  1. img_complete {width: 900px;}
  1. img_graph {width: 400px;}

.math_back_to_top{ font-size: 0.7em; 

       margin: -20px 0px 0px 0px;
       padding: 0px 0px 20px 0px;

}

/** End Math **/

/**Firefox Only Rules**/

@-moz-document url-prefix() { #navigation li { width: 169px; } 

       .navigation_project { padding-left: 1px; }

}

/**********SlidesJS...Slideshow styling********/

  1. slides {

margin-left: -130px; display: none; background: #000000; height: 450px; width: 1200px; padding-bottom: 25px; }

  1. slides .slidesjs-navigation {

margin-top:5px; margin-top:5px; }

a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(Btns-next-prev.png); background-repeat: no-repeat; display:block; width:12px; height:18px; overflow: hidden; text-indent: -9999px; float: left; margin-right:5px; }

a.slidesjs-next { margin-right:10px; background-position: -12px 0; }

a:hover.slidesjs-next { background-position: -12px -18px; }

a.slidesjs-previous { background-position: 0 0; }

a:hover.slidesjs-previous { background-position: 0 -18px; }

a.slidesjs-play { width:15px; background-position: -25px 0; 

   }

a:hover.slidesjs-play { background-position: -25px -18px; }

a.slidesjs-stop { width:18px; background-position: -41px 0; 

   }

a:hover.slidesjs-stop { background-position: -41px -18px; }

.slidesjs-pagination { margin: 7px 0 0; float: right; list-style: none; }

.slidesjs-pagination li { float: left; margin: 0 1px; }

.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(Pagination.png); background-position: 0 0; float: left; overflow: hidden; }

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px; }

.slidesjs-pagination li a:hover { background-position: 0 -26px; }

  1. slides a:link,
  2. slides a:visited {

color: #333 }

  1. slides a:hover,
  2. slides a:active {

color: #9e2020; }

.navbar { overflow: hidden; }


  1. slides {

display: none; }

.container { margin: 0 auto; }

/** Parent Surveys **/

.parent_survey_section_questions { float:left; width: 588px; margin: 5px 10px 5px 0px; border: 1px solid #c3c3c3; height: 430px; }

.parent_survey_section_questions_transparent { float:left; width: 583px; margin: 5px 5px 5px 5px; border: 1px solid transparent; height: 430px; }

.parent_survey_section_comments { border-bottom: 3px solid #c3c3c3; }


.additional_comments { padding: 0px 0px 0px 20px; font-size: 1.5em; line-height: 1.7em; }

  1. parent_survey_comments {

float: left; padding: 10px 0px 0px 0px; 

       width: 1195px;

}

  1. parent_survey_comments h3 {

padding: 10px 0px 0px 0px; font-size: 1.5em; line-height: 1.7em; }

  1. parent_survey_comments h4 {

font-size: 1.5em; line-height: 1.5em; margin: 0px 0px -5px 0px; }

.parent_survey_section_questions p, .parent_survey_section_questions li, .parent_survey_section_comments p, .parent_survey_section_comments li, .parent_survey_section_comments_no_border p, .parent_survey_section_comments_no_border li, .survey_intro{ font-size: 1.4em; line-height: 1.4em; padding-left: 10px; color: #333333; }

.parent_survey_section_comments ol { padding: 0px 0px 0px 50px; }

.parent_survey_section_questions img { width: 500px; display: block; margin-left: auto; margin-right: auto; padding: 10px 0px; }

/** Videos **/

iframe { display: block; margin-left: auto; margin-right: auto; padding: 10px 0px; }

/** Sponsors **/

  1. sponsor_img_left {

float: left; width: 590px; }

  1. sponsor_img_right {

float: right; width: 590px; }

  1. sponsor_img_left img {

width: 550px; padding: 20px 20px; }

  1. sponsor_img_right img{

width: 550px; padding: 20px 20px; }

  1. sponsors_writing {

border-bottom: 1px solid #c4c4c4; font-size: 1.2em; line-height: 1.4em; width: 1195px; }

/** Interviews **/

  1. drtrew_bio {

width: 1198px; border: 1px solid #c3c3c3; margin: 10px 0px 0px -3px; height: auto; font-size: 1.2em; line-height: 1.4em; }

  1. drtrew_bio ul {

float: none; font-size: 1.2em; line-height: 1.5em; padding: 0px 10px 25px 10px; }

  1. image_abs {

float: left; padding: 10px; }

img#interview_icon { float: left; width: 75px; height: auto; position: absolute; margin: -367px 0px 0px 475px; }

  1. drtrew_image {

width: 550px; height: auto; position: relative; }

  1. drtrew_bio_top {

display: block; }

  1. drtrew_bio p {

float: none !important; display: block; font-size: 1.4em; line-height: 1.6em; padding: 0px 0px 10px 10px; }

drtrew_bio_top img { float: left; z-index: 1; }

.interview_entry { border-top: 1px solid #c3c3c3; margin: 10px 0px 0px 0px; font-size: 1.2em; line-height: 1.4em; 

       width: 1190px;

}

.interview_entry .yoyo_question { color: #510a69; }

.interview_entry .drtrew_response {

}

/** Banner Formatting **/

.results_banner_image{ 

       margin: 5px 0px -25px -4px;
       width: 1200px;

max-width: 1200px; height: 100px; 

       max-height: 100px;

}

.advisors_banner_image { margin: 30px 0px -25px -4px; width: 910px; max-width: 910px; height: 100px; }

.interviews_banner_image { margin: -4px 0px -4px -4px; width: 1200px; max-width: 1200px; height: 100px; }

.math_banner_image { margin: -5px 0px 8px -4px; width: 1200px; max-width: 1200px; height: 100px; }

.notebook_links_banner { margin: -20px 0px 0px 0px; }

.overview_banner_image { margin: 5px 0px -2px -4px; width: 1200px; max-width: 1200px; height: 100px; }

.parts_banner_image { margin: 0px 0px 0px 1px; 

       background: #3399ff;

}

.presentation_banner_image { margin: -4px 0px -7px -4px; width: 1200px; max-width: 1200px; height: 100px; }

.project_banner_image { margin: 5px 0px -10px -4px; width: 1200px; max-width: 1200px; height: 100px; }

.safety_banner_image { margin: -4px 0px -8px -4px; width: 1200px; max-width: 1200px; height: 100px; }

.sponsors_banner_image { margin: 5px 0px -7px -4px; width: 1200px; max-width: 1200px; height: 100px; }

.surveys_banner_image { margin: 5px 0px -7px -4px; width: 1200px; max-width: 1200px; height: 100px; }

.team_banner_image { margin: 0px 0px -25px -4px; width: 910px; max-width: 910px; height: 100px; }

.videos_banner_image { margin: 5px 0px -7px -4px; width: 1200px; max-width: 1200px; height: 100px; }

/** Presentations **/

.presentation_img_right { width: 1200px; }

.presentation_p { float: left; width: 730px; }

.presentation_img { float: right; width: 455px; padding: 15px 4px 0px 0px; }

/** Fun **/

  1. hidden_link {font-weight:normal; color:inherit; }
  2. hidden_link:hover {color:#9d211a;}

.page-Team_Lethbridge_Canada_oh_no_stop { 

   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
   position: absolute;

}

.page-Team_Lethbridge_Canada_oh_no_stop { -webkit-animation: cssAnimation 0.1000s infinite ease; -moz-animation: cssAnimation 0.1000s infinite ease; -o-animation: cssAnimation 0.1000s infinite ease; } @-webkit-keyframes cssAnimation { from { -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(15px); } to { -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(0px); } } @-moz-keyframes cssAnimation { from { -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(15px); } to { -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(0px); } } @-o-keyframes cssAnimation { from { -o-transform: rotate(180deg) scale(1) skew(1deg) translate(15px); } to { -o-transform: rotate(1800deg) scale(1) skew(1deg) translate(0px); } }

  1. image_flip_fun {

width: 600px; display: block; margin: 0 auto; padding: 20px 0px 0px 0px; }

/** Text Formatting **/


.in_actuality_is_the_interview_page_because_we_screwed_this_up_some_where_along_the_line p { font-size: 1.0em !important; line-height: 1.2em !important; }

  1. safety p, #sponsors p, #math p {

font-size: 1.2em; line-height: 1.4em; }

  1. results p {

font-size: 1.4em; line-height: 1.4em; }

p#video_writing { font-size: 1.5em; line-height: 1.4em; }

  1. oxytocin_smooth {

display: block; padding: 10px 0px; margin: 0 auto; width: 750px; }

.construct_project_img { display: block; margin: 0 auto; padding: 10px 0px; }

Retrieved from "http://2013hs.igem.org/Team:Lethbridge_Canada/concept"