"
Team:Lethbridge Canada/concept
From 2013hs.igem.org
| Line 88: | Line 88: | ||
div#header { | div#header { | ||
| - | width: | + | width: 1200px; |
text-align: left; | text-align: left; | ||
margin-left: auto; | margin-left: auto; | ||
| Line 175: | Line 175: | ||
float: left; | float: left; | ||
margin: 0 auto; | margin: 0 auto; | ||
| - | + | width: 1200px; | |
| - | width: | + | |
height: 100px; | height: 100px; | ||
font-size: 3.0em; | font-size: 3.0em; | ||
Revision as of 03:38, 17 June 2013
- {
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: 1.2 em; line-height: 1.5 em; width: 1200px; float: left;
margin: 0px;
padding-bottom: 10px;
margin-left: -5px;
}
/***
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; }
- 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; border: none; width: 1200px; }
- 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: 46px;
padding-top: 2px;
}
- header{
float: left; margin: 0 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: 97px; 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; }
- 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; }
.heading_first{ padding-top: 5px; }
- mainContent h1{
padding-top: 5px; }
- 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;
}
- 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; }
/**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 -3px; 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; }
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 7px; font-size: 1.2em; line-height: 1.0em; float:left; width: 1196px; }
- 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; }
- left_float_team img{
width: 70px; margin: 5px; }
- bios{
float: left; width: 905px; margin: -975px 0px 0px 280px; }
.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: 0px 0px 0px 210px; }
- aus .bio_write_up{
margin: -265px 0px 0px 210px; }
- bri .bio_write_up{
margin: -225px 0px 0px 210px; }
- bro .bio_write_up{
margin: -265px 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; }
- mar .bio_write_up{
margin: -150px 0px 0px 210px; }
- mark .bio_write_up{
margin: -300px 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: -130px 0px 0px 210px; }
- eri .bio_write_up{
margin: -215px 0px 0px 210px; }
- isa .bio_write_up{
margin: -135px 0px 0px 210px; }
/**Parts**/
- parts_section{
width: 1196px;
margin-left: -5px;
}
- parts_section table, #parts_section table th, #parts_section table td{
width: auto; }
- constructs_section{
width: 1196px;
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-bottom: 10px; margin-left: -4px; border: solid 2px #000000; float: left; width: 1196px;
margin-top: -10px;
}
- math_contents li {
padding: 0px; font-size: 0.8em; line-height: 1.0em; }
- math_contents h1{
width: 1190px;
padding-left: 10px;
border-bottom: 2px #c4c4c4 solid;
}
- 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 h1 {
float: left; margin: 0px 0px 5px 0px; font-size: 23px;
border-bottom: 2px solid #000000;
padding-bottom: 5px;
padding-left: 0px;
width: 1196px;
}
- 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; }
- 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;}
.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: 583px; margin: 5px 5px 5px 5px; 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: 1px solid #c3c3c3; }
.additional_comments {
padding: 0px 0px 0px 20px;
}
- parent_survey_comments {
float: left; padding: 10px 0px 0px 0px; }
- parent_survey_comments h3 {
padding: 10px 0px 0px 0px; font-size: 1.5em; line-height: 1.5em; }
- 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{ font-size: 1.5em; line-height: 1.7em; padding-left: 10px; }
.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; }
