Team:Lethbridge Canada/concept

From 2013hs.igem.org

(Difference between revisions)
Line 58: Line 58:
background: #000000;
background: #000000;
border-bottom: 3px solid #666666;
border-bottom: 3px solid #666666;
-
display: true;
 
}
}
Line 859: Line 858:
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;
border: none;
border: none;
width: 1215px;
width: 1215px;

Revision as of 19:40, 6 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: 1200px; background-color: ##ebebeb; 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-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 0px 10px; font-size: 1.2 em; line-height: 1.5 em; width: 1200px; float: left; }

p{ margin-bottom: 1.5em; }

ul{ list-style: none; }

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

  1. logo_all img{

width: auto; height: 50px; }

  1. header{

float: left; margin: 0 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: 100px; 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: 1200px; font-size: 1.5em; line-height: 1.5em; height: 33px; margin: -5px 0px 0px 6px; }

  1. navigation ul{

margin: 0px 21px 0px -1px; float: left; font-size: 1.2em; color: #0c0c0c; text-decoration: none; font-weight: normal; width: 1204px; }

  1. navigation li{

height: 33px; float: left; width: 169px; border-left: 1px solid #ffffff; border-right: 0.5px solid #ffffff; }

  1. navigation ul ul{

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

  1. navigation li{

display: inline; }

  1. navigation a{

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

.navigation_project{ border-left: none; padding-right: 11px; }

.navigation_sponsors{ border-right: none; }

  1. navigation ul li:hover {

opacity: 0.5; }

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

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

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

.navigation_sponsors{ margin-right: 0px; }

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

img{ border: none; }


  1. mainContent{

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

  1. safety #wrapper #mainContent{

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

.heading_first{ padding-top: 5px; }

  1. mainContent h1{

padding-top: 5px; }

  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 5px 0px 605px; }

  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: 1200px; }

  1. bottom_float_home img{

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

/**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**/

  1. protocol_header{

border-bottom: 2px solid #ffffff; margin: 530px 0px 0px 8px; }

  1. protocols h2{

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

  1. protocols h3{

font-size: 15px; }

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

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

.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: -20px 0px 0px 5px; font-size: 20px; }

  1. notebook_header{

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

  1. notebook_links{

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

  1. notebook_march_links{

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

  1. notebook_march_links li{

padding-bottom: 2px; }

  1. notebook_april_links{

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

  1. notebook_april_links li{

padding-bottom: 2px; }

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

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

.notebook_entry_header{ padding: 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**/

  1. team #wrapper #mainContent{

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

  1. team_title{

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

  1. left_float_team{

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

  1. left_float_team img{

width: 70px; margin: 5px; }

  1. bios{

float: left; width: 905px; margin: -955px 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; }

  1. ada .bio_write_up{

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

  1. amr .bio_write_up{

margin: 0px 0px 0px 210px; }

  1. aus .bio_write_up{

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

  1. bri .bio_write_up{

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

  1. bro .bio_write_up{

margin: -265px 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. mar .bio_write_up{

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

  1. mark .bio_write_up{

margin: -300px 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: -130px 0px 0px 210px; }

  1. eri .bio_write_up{

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

  1. isa .bio_write_up{

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


/**Parts**/

  1. parts_section{

width: 1180px; }

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

width: auto; }

  1. constructs_section{

width: 1180px; }

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

width: auto; }

/**********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(img/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(img/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; }

/***

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; }

  1. p-logo {

display: none; }

  1. searchform { 
   display: none;

}

.left-menu { background-color: #555;

} .left-menu a { 

   color: #000;

}

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


  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; background: none; color: black; }

.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: 1190px; margin: 0px 0px 0px -5px; }

/***End minimal header***/.content { text-align: left; text-decoration: none; }

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