Team:Lethbridge Canada/concept
From 2013hs.igem.org
Erin.kelly (Talk | contribs) |
|||
(936 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | #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; | ||
+ | width: 900px !important; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | span.sortarrow img {display: none;} | ||
+ | |||
*{ | *{ | ||
margin: 0; | margin: 0; | ||
Line 27: | Line 146: | ||
border: 1px solid #c4c4c4; | border: 1px solid #c4c4c4; | ||
padding: 0px 10px; | padding: 0px 10px; | ||
- | font-size: | + | font-size: 12 em; |
line-height: 1.5 em; | line-height: 1.5 em; | ||
width: 1200px; | width: 1200px; | ||
Line 34: | Line 153: | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
margin-left: -5px; | margin-left: -5px; | ||
+ | margin-top: 0px; | ||
} | } | ||
Line 47: | Line 167: | ||
#content h1.firstHeading { | #content h1.firstHeading { | ||
- | visibility:hidden; | + | visibility: hidden; |
- | } | + | }ewe |
#p-logo { | #p-logo { | ||
display: none; | display: none; | ||
Line 63: | Line 183: | ||
} | } | ||
- | div#top-section{ /*the div containing the entire top bar*/ | + | div#top-section { /*the div containing the entire top bar*/ |
height: 20px; | height: 20px; | ||
margin-bottom: -63px !important; | margin-bottom: -63px !important; | ||
+ | margin: 0px 0px 0px -10px; | ||
+ | width: 1222px; | ||
border: none; | border: none; | ||
- | |||
} | } | ||
- | |||
#content{ | #content{ | ||
Line 142: | Line 262: | ||
#footer-box { | #footer-box { | ||
- | width: | + | width: 1210px; |
- | margin: 0px 0px 0px - | + | margin: 0px 0px 0px -11px; |
+ | border: 1px solid #c4c4c4; | ||
+ | background-color: #f4f4ff | ||
} | } | ||
Line 166: | Line 288: | ||
#logo_all img{ | #logo_all img{ | ||
width: auto; | width: auto; | ||
- | height: | + | height: 44px; |
- | padding | + | padding: 6px 0px 0px 0px; |
+ | margin: 0px; | ||
} | } | ||
#header{ | #header{ | ||
float: left; | float: left; | ||
- | margin: | + | margin: 0px auto 0px auto; |
width: 1200px; | width: 1200px; | ||
height: 100px; | height: 100px; | ||
Line 189: | Line 312: | ||
#header a img{ | #header a img{ | ||
float: left; | float: left; | ||
- | height: | + | height: 94px; |
width: auto; | width: auto; | ||
margin: -24px 10px 0px 0px; | margin: -24px 10px 0px 0px; | ||
Line 209: | Line 332: | ||
font-size: 28px; | font-size: 28px; | ||
} | } | ||
+ | |||
#navigation{ | #navigation{ | ||
text-align: center; | text-align: center; | ||
width: 1210px; | width: 1210px; | ||
- | font-size: 1. | + | font-size: 1.0em; |
- | line-height: 1. | + | line-height: 1.2em; |
height: 25px; | height: 25px; | ||
- | margin: | + | margin-left: 5px; |
- | + | } | |
+ | |||
+ | .strict{ | ||
+ | padding-top: 3px; | ||
} | } | ||
#navigation ul{ | #navigation ul{ | ||
- | margin: 0px 21px 0px | + | margin: 0px 21px 0px 5px; |
float: left; | float: left; | ||
- | font-size: 1. | + | font-size: 1.0em; |
color: #0c0c0c; | color: #0c0c0c; | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: normal; | font-weight: normal; | ||
- | width: | + | width: 1215px; |
} | } | ||
#navigation li{ | #navigation li{ | ||
- | height: | + | height: 25px; |
float: left; | float: left; | ||
- | width: | + | width: 170px; |
border-left: 1px solid #ffffff; | border-left: 1px solid #ffffff; | ||
border-right: 0.5px solid #ffffff; | border-right: 0.5px solid #ffffff; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | font-size: 20px; | ||
+ | |||
} | } | ||
- | #navigation ul ul{ | + | #navigation li ul li:hover{ |
- | + | border-left: 5px solid #ffffff; | |
- | color: # | + | } |
+ | |||
+ | #navigation ul li ul{ | ||
+ | position: relative; | ||
+ | color: #ffffff; | ||
+ | background: #000000; | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: normal; | font-weight: normal; | ||
+ | font-size: 1.0em; | ||
+ | background-color: inherit; | ||
+ | margin: inherit; | ||
+ | padding: inherit; | ||
} | } | ||
- | #navigation li{ | + | #navigation li ul{ |
- | display: | + | position: absolute; |
+ | left: -10000px; | ||
+ | width: 170px; | ||
+ | height: auto; | ||
+ | margin-left: -1px; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | #navigation li li{ | ||
+ | margin-top: -2px; | ||
+ | } | ||
+ | |||
+ | #navigation li:hover ul{ | ||
+ | left: 0px; | ||
+ | display: block; | ||
+ | width: 170px; | ||
+ | z-index: 2; | ||
} | } | ||
Line 258: | Line 414: | ||
.navigation_project{ | .navigation_project{ | ||
border-left: none; | border-left: none; | ||
- | padding-right: | + | } |
+ | |||
+ | .navigation_safety{ | ||
+ | padding-right: 4px; | ||
} | } | ||
.navigation_sponsors{ | .navigation_sponsors{ | ||
border-right: none; | border-right: none; | ||
- | + | margin-right: 0px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 281: | Line 437: | ||
} | } | ||
- | . | + | /** 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 { | .clearFix:after { | ||
Line 310: | Line 478: | ||
#safety #wrapper #mainContent{ | #safety #wrapper #mainContent{ | ||
padding: 10px 10px 0px 10px; | padding: 10px 10px 0px 10px; | ||
- | font-size: 1. | + | font-size: 1.2em; |
- | line-height: 1. | + | line-height: 1.0em; |
float:left; | float:left; | ||
width: 1200px; | width: 1200px; | ||
} | } | ||
+ | |||
+ | #safety .padding_top_p { | ||
+ | padding: 20px 0px 0px 0px; | ||
+ | } | ||
+ | |||
+ | #safety_float_left { | ||
+ | float: left; | ||
+ | width: 900px; | ||
+ | } | ||
+ | |||
+ | #safety_float_right { | ||
+ | float: left; | ||
+ | width: 290px; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | |||
+ | #safety_float_right img { | ||
+ | width: 290px; | ||
+ | } | ||
+ | |||
+ | .shift_up_safety {padding: 15px 0px 0px 0px;} | ||
.heading_first{ | .heading_first{ | ||
Line 321: | Line 510: | ||
#mainContent h1{ | #mainContent h1{ | ||
- | padding-top: | + | padding-top: 10px; |
} | } | ||
Line 413: | Line 602: | ||
#bottom_right_img img{ | #bottom_right_img img{ | ||
margin: 0px 0px 0px 20px; | margin: 0px 0px 0px 20px; | ||
+ | } | ||
+ | |||
+ | /**Project**/ | ||
+ | |||
+ | #project #mainContent{ | ||
+ | width: 1196px; | ||
+ | } | ||
+ | |||
+ | #project #mainContent p { | ||
+ | font-size: 1.4em; | ||
+ | line-height: 1.4em; | ||
+ | } | ||
+ | |||
+ | #description_contents { | ||
+ | margin: 0px 0px 10px -5px; | ||
+ | padding: 10px 0px 10px 0px; | ||
+ | border: solid 2px #000000; | ||
+ | float: left; | ||
+ | width: 1196px; | ||
+ | } | ||
+ | |||
+ | #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; | ||
} | } | ||
Line 447: | 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 453: | Line 675: | ||
#protocol_header{ | #protocol_header{ | ||
border-bottom: 2px solid #000000; | border-bottom: 2px solid #000000; | ||
- | margin: 530px 0px 0px | + | margin: 530px 0px 0px -3px; |
+ | width: 1197px; | ||
} | } | ||
Line 466: | Line 689: | ||
.protocol_entry{ | .protocol_entry{ | ||
position: relative; | position: relative; | ||
- | font-size: 1. | + | font-size: 1.0em; |
line-height: 1.2em; | line-height: 1.2em; | ||
float: left; | float: left; | ||
- | margin: 10px 10px 10px | + | margin: 10px 10px 10px -5px; |
- | width: | + | width: 1196px; |
padding: 10px -20px 10px 10px; | padding: 10px -20px 10px 10px; | ||
border: solid 2px #000000; | border: solid 2px #000000; | ||
Line 476: | Line 699: | ||
.protocol_entry h1{ | .protocol_entry h1{ | ||
- | font-size: | + | font-size: 2.0em; |
} | } | ||
Line 502: | Line 725: | ||
#notebook_links_header{ | #notebook_links_header{ | ||
float: left; | float: left; | ||
- | margin: - | + | margin: -15px 0px 5px 0px; |
- | font-size: | + | font-size: 23px; |
+ | border-bottom: 2px solid #c4c4c4; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 10px; | ||
+ | width: 1185px; | ||
} | } | ||
#notebook_header{ | #notebook_header{ | ||
- | margin: 10px; | + | margin: 0px 10px 10px -4px; |
padding: 10px -20px 10px 10px; | padding: 10px -20px 10px 10px; | ||
border: solid 2px #000000; | border: solid 2px #000000; | ||
float: left; | float: left; | ||
- | width: | + | width: 1196px; |
} | } | ||
#notebook_links{ | #notebook_links{ | ||
margin-top: 20px; | margin-top: 20px; | ||
- | font-size: | + | font-size: 0.8em; |
- | line-height: 1. | + | line-height: 1.0em; |
list-style-type: none; | list-style-type: none; | ||
} | } | ||
Line 524: | Line 751: | ||
float: left; | float: left; | ||
padding-left: 10px; | padding-left: 10px; | ||
- | margin-top | + | margin-top: 0px; |
+ | margin-left: 0px; | ||
} | } | ||
Line 533: | Line 761: | ||
#notebook_april_links{ | #notebook_april_links{ | ||
float: left; | float: left; | ||
+ | margin-top: 0px; | ||
padding-left: 10px; | padding-left: 10px; | ||
- | |||
} | } | ||
#notebook_april_links li{ | #notebook_april_links li{ | ||
+ | padding-bottom: 2px; | ||
+ | } | ||
+ | |||
+ | #notebook_may_links{ | ||
+ | float: left; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | #notebook_may_links li{ | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
} | } | ||
Line 548: | Line 785: | ||
.notebook_entry{ | .notebook_entry{ | ||
position: relative; | position: relative; | ||
- | font-size: 1. | + | font-size: 1.2em; |
line-height: 1.2em; | line-height: 1.2em; | ||
float: left; | float: left; | ||
- | margin: 10px 10px 10px | + | margin: 10px 10px 10px -5px; |
- | width: | + | width: 1196px; |
padding: 10px -20px 10px 10px; | padding: 10px -20px 10px 10px; | ||
border: solid 2px #000000; | border: solid 2px #000000; | ||
+ | } | ||
+ | |||
+ | .notebook_entry ul{ | ||
+ | margin-top: -10px; | ||
} | } | ||
.notebook_entry_header{ | .notebook_entry_header{ | ||
padding: 10px; | padding: 10px; | ||
+ | padding-bottom: 0px; | ||
+ | margin-bottom: -10px; | ||
border-bottom: solid 1px #000000; | border-bottom: solid 1px #000000; | ||
} | } | ||
Line 587: | 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 687: | Line 936: | ||
#team #wrapper #mainContent{ | #team #wrapper #mainContent{ | ||
- | padding: 10px 10px 0px | + | padding: 10px 10px 0px 20px; |
- | font-size: 1. | + | font-size: 1.2em; |
- | line-height: 1. | + | line-height: 1.0em; |
float:left; | float:left; | ||
- | width: | + | width: 1196px; |
+ | margin-bottom: 10px; | ||
} | } | ||
Line 698: | Line 948: | ||
padding: 0px 0px 5px 0px; | padding: 0px 0px 5px 0px; | ||
float: left; | float: left; | ||
- | border-bottom: 2px solid # | + | border-bottom: 2px solid #000000; |
width: 905px; | width: 905px; | ||
} | } | ||
Line 707: | Line 957: | ||
border: 2px solid #c9c9c9; | border: 2px solid #c9c9c9; | ||
overflow: hidden; | overflow: hidden; | ||
+ | margin-left: -14px; | ||
} | } | ||
Line 717: | Line 968: | ||
float: left; | float: left; | ||
width: 905px; | width: 905px; | ||
- | margin: - | + | margin: -1195px 0px 0px 280px; |
+ | } | ||
+ | |||
+ | .team_one{ | ||
+ | margin: 30px 0px 0px -1px; | ||
+ | } | ||
+ | |||
+ | .team_two{ | ||
+ | margin: 30px 0px 0px -1px; | ||
} | } | ||
Line 742: | Line 1,001: | ||
#amr .bio_write_up{ | #amr .bio_write_up{ | ||
- | margin: | + | margin: -280px 0px 0px 210px; |
} | } | ||
Line 750: | Line 1,009: | ||
#bri .bio_write_up{ | #bri .bio_write_up{ | ||
- | margin: - | + | margin: -230px 0px 0px 210px; |
} | } | ||
#bro .bio_write_up{ | #bro .bio_write_up{ | ||
- | margin: - | + | margin: -280px 0px 0px 210px; |
} | } | ||
Line 787: | 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 795: | 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 810: | Line 1,081: | ||
#yoy .bio_write_up{ | #yoy .bio_write_up{ | ||
- | margin: - | + | margin: -380px 0px 0px 210px; |
} | } | ||
Line 816: | 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 821: | Line 1,097: | ||
} | } | ||
+ | #mac .bio_write_up{ | ||
+ | margin: -270px 0px 0px 210px; | ||
+ | } | ||
/**Parts**/ | /**Parts**/ | ||
#parts_section{ | #parts_section{ | ||
- | width: | + | width: 1200px; |
+ | margin-left: -5px; | ||
} | } | ||
Line 833: | Line 1,113: | ||
#constructs_section{ | #constructs_section{ | ||
- | width: | + | width: 1200px; |
+ | margin-left: -5px; | ||
} | } | ||
Line 843: | Line 1,124: | ||
#math #wrapper #mainContent{ | #math #wrapper #mainContent{ | ||
- | padding: 10px 10px 0px | + | padding: 10px 10px 0px 0px; |
- | font-size: 1. | + | font-size: 1.2em; |
- | line-height: 1. | + | line-height: 1.0em; |
float:left; | float:left; | ||
- | width: | + | width: 1197px; |
+ | margin: 0px 0px 0px 10px; | ||
+ | } | ||
+ | |||
+ | #math_contents { | ||
+ | margin: 0px 0px 10px -5px; | ||
+ | padding: 20px 0px 10px 0px; | ||
+ | border: solid 2px #000000; | ||
+ | float: left; | ||
+ | width: 1196px; | ||
+ | } | ||
+ | |||
+ | #math_contents li { | ||
+ | padding: 0px; | ||
+ | font-size: 0.8em; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | |||
+ | #math_contents h1{ | ||
+ | width: 1190px; | ||
+ | padding-left: 10px; | ||
+ | border-bottom: 2px solid #c4c4c4; | ||
+ | } | ||
+ | |||
+ | #math ul { | ||
+ | margin-left: 20px; | ||
} | } | ||
Line 854: | Line 1,160: | ||
} | } | ||
- | #math | + | #math ul li ul li { |
- | + | font-size: 1.0em; | |
- | + | line-height: 1.0em; | |
- | + | ||
} | } | ||
- | # | + | |
- | border-bottom: | + | #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; | ||
+ | } | ||
+ | |||
+ | #math h2 { | ||
+ | border-bottom: 2px solid #c3c3c3; | ||
+ | padding: 0x 0px 0px 20px; | ||
+ | margin: -10px 0 px -10px 10px; | ||
} | } | ||
Line 875: | Line 1,192: | ||
border: 1px solid #c3c3c3; | border: 1px solid #c3c3c3; | ||
margin: 10px 0px 10px 0px; | margin: 10px 0px 10px 0px; | ||
- | width: | + | width: 1196px; |
} | } | ||
Line 881: | Line 1,198: | ||
padding-left: 10px; | padding-left: 10px; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
+ | } | ||
+ | #math table { | ||
+ | font-size: 1.4em; | ||
+ | line-height: 1.6em; | ||
} | } | ||
Line 906: | Line 1,227: | ||
#img_complete {width: 900px;} | #img_complete {width: 900px;} | ||
+ | |||
+ | #img_graph {width: 400px;} | ||
+ | |||
+ | .math_back_to_top{ | ||
+ | font-size: 0.7em; | ||
+ | margin: -20px 0px 0px 0px; | ||
+ | padding: 0px 0px 20px 0px; | ||
+ | } | ||
/** End Math **/ | /** End Math **/ | ||
Line 912: | Line 1,241: | ||
@-moz-document url-prefix() { | @-moz-document url-prefix() { | ||
- | .navigation_project { padding- | + | #navigation li { width: 169px; } |
+ | .navigation_project { padding-left: 1px; } | ||
} | } | ||
Line 934: | Line 1,264: | ||
a.slidesjs-play, | a.slidesjs-play, | ||
a.slidesjs-stop { | a.slidesjs-stop { | ||
- | background-image: url( | + | background-image: url(https://static.igem.org/mediawiki/2013hs/3/3c/Btns-next-prev.png); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
display:block; | display:block; | ||
Line 996: | Line 1,326: | ||
height: 0; | height: 0; | ||
padding-top: 13px; | padding-top: 13px; | ||
- | background-image: url( | + | background-image: url(https://static.igem.org/mediawiki/2013hs/a/af/Pagination.png); |
background-position: 0 0; | background-position: 0 0; | ||
float: left; | float: left; | ||
Line 1,032: | Line 1,362: | ||
.container { | .container { | ||
margin: 0 auto; | 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; | ||
+ | } | ||
+ | |||
+ | #parent_survey_comments { | ||
+ | float: left; | ||
+ | padding: 10px 0px 0px 0px; | ||
+ | width: 1195px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #parent_survey_comments h3 { | ||
+ | padding: 10px 0px 0px 0px; | ||
+ | font-size: 1.5em; | ||
+ | line-height: 1.7em; | ||
+ | } | ||
+ | |||
+ | #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 **/ | ||
+ | |||
+ | #sponsor_img_left { | ||
+ | float: left; | ||
+ | width: 590px; | ||
+ | } | ||
+ | |||
+ | #sponsor_img_right { | ||
+ | float: right; | ||
+ | width: 590px; | ||
+ | } | ||
+ | |||
+ | #sponsor_img_left img { | ||
+ | width: 550px; | ||
+ | padding: 20px 20px; | ||
+ | } | ||
+ | |||
+ | #sponsor_img_right img{ | ||
+ | width: 550px; | ||
+ | padding: 20px 20px; | ||
+ | } | ||
+ | |||
+ | #sponsors_writing { | ||
+ | border-bottom: 1px solid #c4c4c4; | ||
+ | font-size: 1.2em; | ||
+ | line-height: 1.4em; | ||
+ | width: 1195px; | ||
+ | } | ||
+ | |||
+ | /** Interviews **/ | ||
+ | |||
+ | #drtrew_bio { | ||
+ | width: 1198px; | ||
+ | border: 1px solid #c3c3c3; | ||
+ | margin: 10px 0px 0px -3px; | ||
+ | height: auto; | ||
+ | font-size: 1.2em; | ||
+ | line-height: 1.4em; | ||
+ | } | ||
+ | |||
+ | #drtrew_bio ul { | ||
+ | float: none; | ||
+ | font-size: 1.2em; | ||
+ | line-height: 1.5em; | ||
+ | padding: 0px 10px 25px 10px; | ||
+ | } | ||
+ | |||
+ | #image_abs { | ||
+ | float: left; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | img#interview_icon { | ||
+ | float: left; | ||
+ | width: 75px; | ||
+ | height: auto; | ||
+ | position: absolute; | ||
+ | margin: -367px 0px 0px 475px; | ||
+ | } | ||
+ | |||
+ | #drtrew_image { | ||
+ | width: 550px; | ||
+ | height: auto; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #drtrew_bio_top { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #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 **/ | ||
+ | |||
+ | #hidden_link {font-weight:normal; color:inherit; } | ||
+ | #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); } | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | #safety p, #sponsors p, #math p { | ||
+ | font-size: 1.2em; | ||
+ | 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
- 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;
width: 900px !important;
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; }
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; }
- 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
- /
- content h1.firstHeading {
visibility: hidden; }ewe
- p-logo {
display: none; }
- 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; }
- content{
margin: 0px 0px 0px -11px; width: 1200px; border: none; }
- 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;
}
- 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;
}
- catlinks{
display:none; }
/*important for background colours*/ .mediawiki{ background: #ffffff; }
.mediawiki { border: none; width: 1200px; background: transparent; }
- globalWrapper {
width: 1200px; background: transparent; }
- 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--------------------*/
- logo_all img{
width: auto; height: 44px;
padding: 6px 0px 0px 0px;
margin: 0px; }
- header{
float: left; margin: 0px auto 0px auto; width: 1200px; height: 100px; font-size: 3.0em; background: #000000; border-bottom: 3px solid #666666; }
- header a{
font: 1.5em/100%; color: #ffffff; text-decoration: none; padding: 10px; }
- header a img{
float: left; height: 94px; width: auto; margin: -24px 10px 0px 0px; }
- title_first{
float: left; line-height: 28px; font-size: 28px; padding-left: -20px; margin-top: -10px; }
- title_second{
float: left; padding-top: 30px; margin-left: -157px; line-height: 28px; font-size: 28px; }
- navigation{
text-align: center; width: 1210px; font-size: 1.0em; line-height: 1.2em; height: 25px; margin-left: 5px; }
.strict{ padding-top: 3px; }
- navigation ul{
margin: 0px 21px 0px 5px; float: left; font-size: 1.0em; color: #0c0c0c; text-decoration: none; font-weight: normal; width: 1215px; }
- 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;
}
- navigation li ul li:hover{
border-left: 5px solid #ffffff; }
- 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; }
- navigation li ul{
position: absolute; left: -10000px; width: 170px; height: auto; margin-left: -1px; margin-top: 10px; }
- navigation li li{
margin-top: -2px; }
- navigation li:hover ul{
left: 0px; display: block; width: 170px; z-index: 2; }
- 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; }
- cont{
margin: 0px 0px 0px -6px; width: 1200px; }
- mainContent{
padding: 0px 10px 0px 10px; float:left; width: 1200px; }
- safety #wrapper #mainContent{
padding: 10px 10px 0px 10px; font-size: 1.2em; line-height: 1.0em; float:left; width: 1200px; }
- safety .padding_top_p {
padding: 20px 0px 0px 0px; }
- safety_float_left {
float: left; width: 900px; }
- safety_float_right {
float: left; width: 290px;
margin-left: 5px;
}
- safety_float_right img {
width: 290px; }
.shift_up_safety {padding: 15px 0px 0px 0px;}
.heading_first{ padding-top: 5px; }
- mainContent h1{
padding-top: 10px; }
- mainContent h2{
border-bottom: 1px solid #c3c3c3; padding-bottom: 10px; }
- 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**/
- home #mainContent{
padding: 0; }
- left_float_home{
float: left; width: 600px; margin: 5px 0px 0px 0px; padding: 0px 5px 0px 5px; }
- left_float_home img{
margin: 2px 0; width: 590px; }
.decrease_opacity img:hover{ opacity: 0.5;
background-color: #ffffff;
}
- right_float_home{
float: left; width: 600px; margin: -660px 0px 0px 615px; }
- right_float_home img{
margin: 2px 0; width: 590px; }
- right_float_home .small_images{
height: 217px; width: 195px; }
- bottom_float_home{
float: left; width: 1210px; }
- bottom_float_home img{
float: left; margin: 0px 0px 0px 5px; width: 590px; }
- bottom_right_img img{
margin: 0px 0px 0px 20px;
}
/**Project**/
- project #mainContent{
width: 1196px;
}
- project #mainContent p {
font-size: 1.4em; line-height: 1.4em; }
- description_contents {
margin: 0px 0px 10px -5px;
padding: 10px 0px 10px 0px; border: solid 2px #000000; float: left; width: 1196px; }
- 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**/
- protocol_header{
border-bottom: 2px solid #000000; margin: 530px 0px 0px -3px;
width: 1197px;
}
- protocols h2{
padding: 20px 0px 0px 0px; }
- 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**/
- 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;
}
- notebook_header{
margin: 0px 10px 10px -4px; padding: 10px -20px 10px 10px; border: solid 2px #000000; float: left; width: 1196px; }
- notebook_links{
margin-top: 20px; font-size: 0.8em; line-height: 1.0em; list-style-type: none; }
- notebook_march_links{
float: left; padding-left: 10px;
margin-top: 0px; margin-left: 0px;
}
- notebook_march_links li{
padding-bottom: 2px; }
- notebook_april_links{
float: left;
margin-top: 0px;
padding-left: 10px; }
- notebook_april_links li{
padding-bottom: 2px; }
- notebook_may_links{
float: left; padding-left: 10px; }
- 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**/
- team #wrapper #mainContent{
padding: 10px 10px 0px 20px; font-size: 1.2em; line-height: 1.0em; float:left; width: 1196px;
margin-bottom: 10px;
}
- team_title{
margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; float: left; border-bottom: 2px solid #000000; width: 905px; }
- left_float_team{
float: left; width: 250px; border: 2px solid #c9c9c9; overflow: hidden;
margin-left: -14px;
}
- left_float_team img{
width: 70px; margin: 5px; }
- 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; }
- ada .bio_write_up{
margin: -280px 0px 0px 210px; }
- amr .bio_write_up{
margin: -280px 0px 0px 210px; }
- aus .bio_write_up{
margin: -265px 0px 0px 210px; }
- bri .bio_write_up{
margin: -230px 0px 0px 210px; }
- bro .bio_write_up{
margin: -280px 0px 0px 210px; }
- car .bio_write_up{
margin: -225px 0px 0px 210px; }
- cas .bio_write_up{
margin: -270px 0px 0px 210px; }
- chr .bio_write_up{
margin: -265px 0px 0px 210px; }
- dyl .bio_write_up{
margin: -300px 0px 0px 210px; }
- ela .bio_write_up{
margin: -330px 0px 0px 210px; }
- fio .bio_write_up{
margin: -300px 0px 0px 210px; }
- jos .bio_write_up{
margin: -330px 0px 0px 210px; }
- kat .bio_write_up{
margin: -290px 0px 0px 210px; }
- kie .bio_write_up{
margin: -285px 0px 0px 210px; }
- kri .bio_write_up{
margin: -165px 0px 0px 210px; }
- mar .bio_write_up{
margin: -150px 0px 0px 210px; }
- mark .bio_write_up{
margin: -300px 0px 0px 210px; }
- pat .bio_write_up{
margin: -280px 0px 0px 210px; }
- tes .bio_write_up{
margin: -300px 0px 0px 210px; }
- tho .bio_write_up{
margin: -145px 0px 0px 210px; }
- wes .bio_write_up{
margin: -310px 0px 0px 210px; }
- yoy .bio_write_up{
margin: -380px 0px 0px 210px; }
- eri .bio_write_up{
margin: -215px 0px 0px 210px; }
- hj .bio_write_up{
margin: -280px 0px 0px 210px; }
- isa .bio_write_up{
margin: -135px 0px 0px 210px; }
- mac .bio_write_up{
margin: -270px 0px 0px 210px; }
/**Parts**/
- parts_section{
width: 1200px;
margin-left: -5px;
}
- parts_section table, #parts_section table th, #parts_section table td{
width: auto; }
- constructs_section{
width: 1200px;
margin-left: -5px;
}
- constructs_section table, #constructs_section table th, #constructs_section table td{
width: auto; }
/** MATH **/
- 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;
}
- math_contents {
margin: 0px 0px 10px -5px;
padding: 20px 0px 10px 0px; border: solid 2px #000000; float: left; width: 1196px; }
- math_contents li {
padding: 0px; font-size: 0.8em; line-height: 1.5em; }
- math_contents h1{
width: 1190px; padding-left: 10px; border-bottom: 2px solid #c4c4c4;
}
- math ul {
margin-left: 20px; }
- math ul ul {
margin-left: 30px; }
- math ul li ul li {
font-size: 1.0em; line-height: 1.0em;
}
- 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;
}
- 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; }
- math table {
font-size: 1.4em; line-height: 1.6em; }
- img_growth {width: 200px;}
- img_transcription {width: 200px;}
- img_halflife {width: 100px;}
- img_halflife_logic {width: 500px;}
- img_combined_transcription {width: 300px;}
- img_total_transcription {width: 500px;}
- img_translation {width: 300px;}
- img_derive {width: 300px;}
- img_gene_protein {width: 200px;}
- img_translational_constant {width: 150px;}
- img_a {width: 700px;}
- img_complete {width: 900px;}
- 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********/
- slides {
margin-left: -130px; display: none; background: #000000; height: 450px; width: 1200px; padding-bottom: 25px; }
- slides .slidesjs-navigation {
margin-top:5px; margin-top:5px; }
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(); 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(); 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; }
- slides a:link,
- slides a:visited {
color: #333 }
- slides a:hover,
- slides a:active {
color: #9e2020; }
.navbar { overflow: hidden; }
- 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;
}
- parent_survey_comments {
float: left; padding: 10px 0px 0px 0px;
width: 1195px;
}
- parent_survey_comments h3 {
padding: 10px 0px 0px 0px; font-size: 1.5em; line-height: 1.7em; }
- 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 **/
- sponsor_img_left {
float: left; width: 590px; }
- sponsor_img_right {
float: right; width: 590px; }
- sponsor_img_left img {
width: 550px; padding: 20px 20px; }
- sponsor_img_right img{
width: 550px; padding: 20px 20px; }
- sponsors_writing {
border-bottom: 1px solid #c4c4c4; font-size: 1.2em; line-height: 1.4em; width: 1195px; }
/** Interviews **/
- drtrew_bio {
width: 1198px; border: 1px solid #c3c3c3; margin: 10px 0px 0px -3px; height: auto; font-size: 1.2em; line-height: 1.4em; }
- drtrew_bio ul {
float: none; font-size: 1.2em; line-height: 1.5em; padding: 0px 10px 25px 10px; }
- image_abs {
float: left; padding: 10px; }
img#interview_icon { float: left; width: 75px; height: auto; position: absolute; margin: -367px 0px 0px 475px; }
- drtrew_image {
width: 550px; height: auto; position: relative; }
- drtrew_bio_top {
display: block; }
- 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 **/
- hidden_link {font-weight:normal; color:inherit; }
- 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); } }
- 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;
}
- safety p, #sponsors p, #math p {
font-size: 1.2em; 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; }