|
|
| (58 intermediate revisions by 3 users not shown) |
| Line 6: |
Line 6: |
| | <html> | | <html> |
| | <head> | | <head> |
| | + | <link rel="stylesheet" type="text/css" |
| | + | href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" /> |
| | + | <link rel="stylesheet" type="text/css" |
| | + | href="https://2017.igem.org/Template:Munich/Header?action=raw&ctype=text/css" /> |
| | <style> | | <style> |
| − | #home_logo, #sideMenu { display:none; }
| + | body {line-height: initial;} |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| + | h1, h2,h3 { |
| − | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
| + | color: #51a7f9 !important; |
| − | body {background-color:white; font-size: 14px; }
| + | text-align: center !important; |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | |
| − | | + | |
| − | #HQ_page td not(#myContent){
| + | |
| − | padding: 0; | + | |
| | } | | } |
| | | | |
| − | #HQ_page table{
| + | /*Time for the CSS*/ |
| − | font-size: 14px;
| + | * {margin: 0; padding: 0;} |
| − | } | + | |
| | | | |
| − | hr{
| + | .slider{ |
| − | height: 1px !important;
| + | width: 900px; /*Same as width of the large image*/ |
| − | }
| + | position: relative; |
| − | #HQ_page td{
| + | /*Instead of height we will use padding*/ |
| − | border-style: none ;
| + | padding-top: 600px; /*That helps bring the labels down*/ |
| − | vertical-align: middle;
| + | |
| | + | /*Lets add a shadow*/ |
| | } | | } |
| | | | |
| − | #HQ_page table{
| |
| − | border-style: none !important;
| |
| − | margin: 0 !important;
| |
| − | }
| |
| | | | |
| − | html, body
| + | /*Last thing remaining is to add transitions*/ |
| − | { | + | .slider>img{ |
| − | margin: 0;
| + | position: absolute; |
| − | padding: 0;
| + | left: 0; top: 0; |
| − | font-family: "Helvetica", Arial, Serif;
| + | transition: all 0.5s; |
| − | }
| + | |
| − | .dropdown { | + | |
| − | width: 137px;
| + | |
| − | margin: auto;
| + | |
| − | position: relative;
| + | |
| − | display: inline-block;
| + | |
| | } | | } |
| | | | |
| − | | + | .slider input[name='slide_switch'] { |
| − | | + | display: none; |
| − | .dropbtnCascAid { | + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/b/ba/T--Munich--wiki_image_menu_cascaid_low.gif");
| + | |
| − | position: relative;
| + | |
| − | padding: 0px;
| + | |
| − | border: none;
| + | |
| − | cursor: pointer;
| + | |
| − | width: 137px;
| + | |
| − | height: 32px;
| + | |
| | } | | } |
| − | .dropdown:hover .dropbtnCascAid {
| |
| − | background-image: url("https://static.igem.org/mediawiki/2017/1/1f/T--Munich--wiki_image_menu_cascaid_high.gif");
| |
| − | }
| |
| − |
| |
| − |
| |
| | | | |
| − | .dropbtnProject { | + | .slider label { |
| − | background-image: url("https://static.igem.org/mediawiki/2017/b/ba/T--Munich--wiki_image_menu_project_low.gif");
| + | /*Lets add some spacing for the thumbnails*/ |
| − | position: relative;
| + | margin: 30px 0 0 18px; |
| − | padding: 0px;
| + | |
| − | border: none;
| + | float: left; |
| − | cursor: pointer;
| + | cursor: pointer; |
| − | width: 137px;
| + | transition: all 0.5s; |
| − | height: 32px;
| + | |
| − | }
| + | /*Default style = low opacity*/ |
| − | .dropdown:hover .dropbtnProject {
| + | opacity: 0.6; |
| − | background-image: url("https://static.igem.org/mediawiki/2017/5/5d/T--Munich--wiki_image_menu_project_high.gif");
| + | |
| | + | z-index: 99; |
| | } | | } |
| | | | |
| − | | + | .slider label img{ |
| − | | + | display: block; |
| − | .dropbtnWetlab { | + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/9/9d/T--Munich--wiki_image_menu_wetlab_low.gif");
| + | |
| − | position: relative;
| + | |
| − | padding: 0px;
| + | |
| − | border: none;
| + | |
| − | cursor: pointer;
| + | |
| − | width: 137px;
| + | |
| − | height: 32px;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropbtnWetlab {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/e/e1/T--Munich--wiki_image_menu_wetlab_high.gif");
| + | |
| | } | | } |
| | | | |
| − | | + | /*Time to add the click effects*/ |
| − | | + | .slider input[name='slide_switch']:checked+label { |
| − | .dropbtnSoftHardware {
| + | border-color: #666; |
| − | background-image: url("https://static.igem.org/mediawiki/2017/b/bb/T--Munich--wiki_image_menu_softhardware_low.gif");
| + | opacity: 1; |
| − | position: relative;
| + | |
| − | padding: 0px;
| + | |
| − | border: none;
| + | |
| − | cursor: pointer;
| + | |
| − | width: 137px;
| + | |
| − | height: 32px;
| + | |
| | } | | } |
| − | .dropdown:hover .dropbtnSoftHardware { | + | /*Clicking any thumbnail now should change its opacity(style)*/ |
| − | background-image: url("https://static.igem.org/mediawiki/2017/1/18/T--Munich--wiki_image_menu_softhardware_high.gif");
| + | /*Time to work on the main images*/ |
| | + | .slider input[name='slide_switch'] ~ img { |
| | + | opacity: 0; |
| | + | transform: scale(1.1); |
| | } | | } |
| − | | + | /*That hides all main images at a 110% size |
| − | | + | On click the images will be displayed at normal size to complete the effect |
| − | | + | */ |
| − | .dropbtnModel {
| + | .slider input[name='slide_switch']:checked+label+img { |
| − | background-image: url("https://static.igem.org/mediawiki/2017/7/7b/T--Munich--wiki_image_menu_model_low.gif");
| + | opacity: 1; |
| − | position: relative;
| + | transform: scale(1); |
| − | padding: 0px;
| + | |
| − | border: none;
| + | |
| − | cursor: pointer;
| + | |
| − | width: 137px;
| + | |
| − | height: 32px;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropbtnModel {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/3/3d/T--Munich--wiki_image_menu_model_high.gif");
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropbtnHP {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/7/78/T--Munich--wiki_image_menu_hp_low.gif");
| + | |
| − | position: relative;
| + | |
| − | padding: 0px;
| + | |
| − | border: none;
| + | |
| − | cursor: pointer;
| + | |
| − | width: 137px;
| + | |
| − | height: 32px;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropbtnHP {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/d/df/T--Munich--wiki_image_menu_hp_high.gif");
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropbtnTeam {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/f/fd/T--Munich--wiki_image_menu_team_low.gif");
| + | |
| − | position: relative;
| + | |
| − | padding: 0px;
| + | |
| − | border: none;
| + | |
| − | cursor: pointer;
| + | |
| − | width: 137px;
| + | |
| − | height: 32px;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropbtnTeam {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/5/57/T--Munich--wiki_image_menu_team_high.gif");
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentDescription {
| + | |
| − | background-image: url("wiki_image_menu_description_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentDescription {
| + | |
| − | background-image: url("wiki_image_menu_description_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentDescription a {
| + | |
| − | background-image: url("wiki_image_menu_description_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentDescription a:hover {
| + | |
| − | background-image: url("wiki_image_menu_description_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentDesign {
| + | |
| − | background-image: url("wiki_image_menu_design_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 64;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentDesign {
| + | |
| − | background-image: url("wiki_image_menu_design_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentDesign a {
| + | |
| − | background-image: url("wiki_image_menu_design_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentDesign a:hover {
| + | |
| − | background-image: url("wiki_image_menu_design_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentProofofConcept {
| + | |
| − | background-image: url("wiki_image_menu_proofofconcept_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 96;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentProofofConcept {
| + | |
| − | background-image: url("wiki_image_menu_proofofconcept_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentProofofConcept a {
| + | |
| − | background-image: url("wiki_image_menu_proofofconcept_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentProofofConcept a:hover {
| + | |
| − | background-image: url("wiki_image_menu_proofofconcept_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentDemonstration {
| + | |
| − | background-image: url("wiki_image_menu_demonstration_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 128;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentDemonstration {
| + | |
| − | background-image: url("wiki_image_menu_demonstration_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentDemonstration a {
| + | |
| − | background-image: url("wiki_image_menu_demonstration_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentDemonstration a:hover {
| + | |
| − | background-image: url("wiki_image_menu_demonstration_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentApplication {
| + | |
| − | background-image: url("wiki_image_menu_application_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 160;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentApplication {
| + | |
| − | background-image: url("wiki_image_menu_application_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentApplication a {
| + | |
| − | background-image: url("wiki_image_menu_application_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentApplication a:hover {
| + | |
| − | background-image: url("wiki_image_menu_application_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentFinalResults {
| + | |
| − | background-image: url("wiki_image_menu_finalresults_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 192;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentFinalResults {
| + | |
| − | background-image: url("wiki_image_menu_finalresults_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentFinalResults a {
| + | |
| − | background-image: url("wiki_image_menu_finalresults_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentFinalResults a:hover {
| + | |
| − | background-image: url("wiki_image_menu_finalresults_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentEntrepreneurship {
| + | |
| − | background-image: url("wiki_image_menu_entrepreneurship_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 224;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentEntrepreneurship {
| + | |
| − | background-image: url("wiki_image_menu_entrepreneurship_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentEntrepreneurship a {
| + | |
| − | background-image: url("wiki_image_menu_entrepreneurship_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentEntrepreneurship a:hover {
| + | |
| − | background-image: url("wiki_image_menu_entrepreneurship_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentAchievements {
| + | |
| − | background-image: url("wiki_image_menu_achievements_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 256;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentAchievements {
| + | |
| − | background-image: url("wiki_image_menu_achievements_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentAchievements a {
| + | |
| − | background-image: url("wiki_image_menu_achievements_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentAchievements a:hover {
| + | |
| − | background-image: url("wiki_image_menu_achievements_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentProtocolsMethods {
| + | |
| − | background-image: url("wiki_image_menu_protocolsmethods_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 32;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentProtocolsMethods {
| + | |
| − | background-image: url("wiki_image_menu_protocolsmethods_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentProtocolsMethods a {
| + | |
| − | background-image: url("wiki_image_menu_protocolsmethods_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentProtocolsMethods a:hover {
| + | |
| − | background-image: url("wiki_image_menu_protocolsmethods_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentMaterials {
| + | |
| − | background-image: url("wiki_image_menu_materials_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 64;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentMaterials {
| + | |
| − | background-image: url("wiki_image_menu_materials_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentMaterials a {
| + | |
| − | background-image: url("wiki_image_menu_materials_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentMaterials a:hover {
| + | |
| − | background-image: url("wiki_image_menu_materials_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentLabJournal {
| + | |
| − | background-image: url("wiki_image_menu_labjournal_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 96;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentLabJournal {
| + | |
| − | background-image: url("wiki_image_menu_labjournal_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentLabJournal a {
| + | |
| − | background-image: url("wiki_image_menu_labjournal_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentLabJournal a:hover {
| + | |
| − | background-image: url("wiki_image_menu_labjournal_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentSafety {
| + | |
| − | background-image: url("wiki_image_menu_safety_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 128;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentSafety {
| + | |
| − | background-image: url("wiki_image_menu_safety_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentSafety a {
| + | |
| − | background-image: url("wiki_image_menu_safety_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentSafety a:hover {
| + | |
| − | background-image: url("wiki_image_menu_safety_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentParts {
| + | |
| − | background-image: url("wiki_image_menu_parts_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 160;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentParts {
| + | |
| − | background-image: url("wiki_image_menu_parts_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentParts a {
| + | |
| − | background-image: url("wiki_image_menu_parts_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentParts a:hover {
| + | |
| − | background-image: url("wiki_image_menu_parts_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentInterlab {
| + | |
| − | background-image: url("wiki_image_menu_interlab_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 192;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentInterlab {
| + | |
| − | background-image: url("wiki_image_menu_interlab_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentInterlab a {
| + | |
| − | background-image: url("wiki_image_menu_interlab_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentInterlab a:hover {
| + | |
| − | background-image: url("wiki_image_menu_interlab_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentSoftware {
| + | |
| − | background-image: url("wiki_image_menu_software_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 32;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentSoftware {
| + | |
| − | background-image: url("wiki_image_menu_software_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentSoftware a {
| + | |
| − | background-image: url("wiki_image_menu_software_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentSoftware a:hover {
| + | |
| − | background-image: url("wiki_image_menu_software_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentHardware {
| + | |
| − | background-image: url("wiki_image_menu_hardware_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 64;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentHardware {
| + | |
| − | background-image: url("wiki_image_menu_hardware_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentHardware a {
| + | |
| − | background-image: url("wiki_image_menu_hardware_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentHardware a:hover {
| + | |
| − | background-image: url("wiki_image_menu_hardware_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentHPSilver {
| + | |
| − | background-image: url("wiki_image_menu_hpsilver_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 32;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentHPSilver {
| + | |
| − | background-image: url("wiki_image_menu_hpsilver_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentHPSilver a {
| + | |
| − | background-image: url("wiki_image_menu_hpsilver_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentHPSilver a:hover {
| + | |
| − | background-image: url("wiki_image_menu_hpsilver_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentIHPgold {
| + | |
| − | background-image: url("wiki_image_menu_ihpgold_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 64;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentIHPgold {
| + | |
| − | background-image: url("wiki_image_menu_ihpgold_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentIHPgold a {
| + | |
| − | background-image: url("wiki_image_menu_ihpgold_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentIHPgold a:hover {
| + | |
| − | background-image: url("wiki_image_menu_ihpgold_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentPublicEngagement {
| + | |
| − | background-image: url("wiki_image_menu_publicengagement_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 96;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentPublicEngagement {
| + | |
| − | background-image: url("wiki_image_menu_publicengagement_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentPublicEngagement a {
| + | |
| − | background-image: url("wiki_image_menu_publicengagement_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentPublicEngagement a:hover {
| + | |
| − | background-image: url("wiki_image_menu_publicengagement_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentCollaborations {
| + | |
| − | background-image: url("wiki_image_menu_collaborations_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 128;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentCollaborations {
| + | |
| − | background-image: url("wiki_image_menu_collaborations_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentCollaborations a {
| + | |
| − | background-image: url("wiki_image_menu_collaborations_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentCollaborations a:hover {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentTeamMembers { | + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/2/2b/T--Munich--wiki_image_menu_teammembers_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 32;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentTeamMembers {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentTeamMembers a {
| + | |
| − | background-image: url("wiki_image_menu_teammembers_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentTeamMembers a:hover {
| + | |
| − | background-image: url("wiki_image_menu_teammembers_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentSupervisors {
| + | |
| − | background-image: url("wiki_image_menu_supervisors_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 64;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentSupervisors {
| + | |
| − | background-image: url("wiki_image_menu_supervisors_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentSupervisors a {
| + | |
| − | background-image: url("wiki_image_menu_supervisors_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentSupervisors a:hover {
| + | |
| − | background-image: url("wiki_image_menu_supervisors_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentPIs {
| + | |
| − | background-image: url("wiki_image_menu_pis_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 96;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentPIs {
| + | |
| − | background-image: url("wiki_image_menu_pis_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentPIs a {
| + | |
| − | background-image: url("wiki_image_menu_pis_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentPIs a:hover {
| + | |
| − | background-image: url("wiki_image_menu_pis_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentCollaboratingInstitutions {
| + | |
| − | background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 128;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentCollaboratingInstitutions {
| + | |
| − | background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentCollaboratingInstitutions a {
| + | |
| − | background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentCollaboratingInstitutions a:hover {
| + | |
| − | background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentSponsors {
| + | |
| − | background-image: url("wiki_image_menu_sponsors_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 160;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentSponsors {
| + | |
| − | background-image: url("wiki_image_menu_sponsors_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentSponsors a {
| + | |
| − | background-image: url("wiki_image_menu_sponsors_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentSponsors a:hover {
| + | |
| − | background-image: url("wiki_image_menu_sponsors_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .dropdown-contentAttributions {
| + | |
| − | background-image: url("wiki_image_menu_attributions_low.gif");
| + | |
| − | display: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 192;
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .dropdown:hover .dropdown-contentAttributions {
| + | |
| − | background-image: url("wiki_image_menu_attributions_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentAttributions a {
| + | |
| − | background-image: url("wiki_image_menu_attributions_low.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | padding: 0px 0px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .dropdown-contentAttributions a:hover {
| + | |
| − | background-image: url("wiki_image_menu_attributions_high.gif");
| + | |
| − | height: 32px;
| + | |
| − | width: 137px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .no-padding{
| + | |
| − | padding: 0 !important;
| + | |
| | } | | } |
| | + | /*Clicking on any thumbnail now should activate the image related to it*/ |
| | | | |
| | + | /*We are done :)*/ |
| | </style> | | </style> |
| − | </head><body> | + | </head></html> |
| | + | {{Munich/Menu}} |
| | + | <html> |
| | + | <body> |
| | <table width=100% height=100% cellpadding=0 cellspacing=0 border=0> | | <table width=100% height=100% cellpadding=0 cellspacing=0 border=0> |
| − |
| |
| − | <!-- Bar -->
| |
| − | <tr><td class="no-padding" height="32" bgcolor=#51A7f9></td><td class="no-padding" bgcolor=#51A7f9 height="32" width="960" align=center>
| |
| − | <div class="dropdown">
| |
| − | <a href="/Team:Munich"><button class="dropbtnCascAid"><img src="overlay.png"></button></a>
| |
| − | <div class="dropdown-content">
| |
| − | </div>
| |
| − | </div><div class="dropdown">
| |
| − | <a href="project" target=content><button class="dropbtnProject"><img src="overlay.png"></button></a>
| |
| − | <div class="dropdown-contentDescription">
| |
| − | <a href="description" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentDesign">
| |
| − | <a href="design" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentProofofConcept">
| |
| − | <a href="proofofconcept" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentDemonstration">
| |
| − | <a href="demonstration" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentApplication">
| |
| − | <a href="application" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentFinalResults">
| |
| − | <a href="finalresults" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentEntrepreneurship">
| |
| − | <a href="entrepreneurship" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentAchievements">
| |
| − | <a href="achievements" target=content></a>
| |
| − | </div>
| |
| − | </div><div class="dropdown" valign=center>
| |
| − | <a href="wetlab" target=content><button class="dropbtnWetlab" valign=center><img src="overlay.png"></button></a>
| |
| − | <div class="dropdown-contentProtocolsMethods">
| |
| − | <a href="protocolsmethods" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentMaterials">
| |
| − | <a href="materials" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentLabJournal">
| |
| − | <a href="labjournal" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentSafety">
| |
| − | <a href="safety" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentParts">
| |
| − | <a href="parts" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentInterlab">
| |
| − | <a href="interlab" target=content></a>
| |
| − | </div>
| |
| − | </div><div class="dropdown">
| |
| − | <a href="model" target=content><button class="dropbtnModel"><img src="overlay.png"></button></a>
| |
| − | <div class="dropdown-content">
| |
| − | </div>
| |
| − | </div><div class="dropdown">
| |
| − | <a href="softhardware" target=content><button class="dropbtnSoftHardware"><img src="overlay.png"></button></a>
| |
| − | <div class="dropdown-contentSoftware">
| |
| − | <a href="software" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentHardware">
| |
| − | <a href="hardware" target=content></a>
| |
| − | </div>
| |
| − | </div><div class="dropdown">
| |
| − | <a href="hp" target=content><button class="dropbtnHP"><img src="overlay.png"></button></a>
| |
| − | <div class="dropdown-contentHPSilver">
| |
| − | <a href="hpsilver" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentIHPgold">
| |
| − | <a href="ihpgold" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentPublicEngagement">
| |
| − | <a href="publicengagement" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentCollaborations">
| |
| − | <a href="collaborations" target=content></a>
| |
| − | </div>
| |
| − | </div><div class="dropdown">
| |
| − | <a href="Team" target=content><button class="dropbtnTeam"><img src="overlay.png"></button></a>
| |
| − | <div class="dropdown-contentTeamMembers">
| |
| − | <a href="teammembers" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentSupervisors">
| |
| − | <a href="supervisors" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentPIs">
| |
| − | <a href="pis" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentCollaboratingInstitutions">
| |
| − | <a href="collaboratinginstitutions" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentSponsors">
| |
| − | <a href="sponsors" target=content></a>
| |
| − | </div>
| |
| − | <div class="dropdown-contentAttributions">
| |
| − | <a href="/Team:Munich/Team" target=content></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </td><td class="no-padding" height="32" bgcolor=#51A7f9></td></tr>
| |
| | <!-- Content --> | | <!-- Content --> |
| | <tr><td width="100%" colspan=3> | | <tr><td width="100%" colspan=3> |
| Line 1,076: |
Line 96: |
| | <!-- Head End --> | | <!-- Head End --> |
| | <!-- Content Begin --> | | <!-- Content Begin --> |
| − | <video height="270" width="960" autoplay="autoplay"> | + | <video width="980" autoplay="autoplay" controls> |
| | <source src="https://static.igem.org/mediawiki/2017/4/44/T--Munich--FrontPageVideo.mp4" type="video/mp4"> | | <source src="https://static.igem.org/mediawiki/2017/4/44/T--Munich--FrontPageVideo.mp4" type="video/mp4"> |
| | Your browser does not support the video tag. | | Your browser does not support the video tag. |
| | </video> | | </video> |
| | <table width="900" border=0 cellspacing=0 cellpadding=10> | | <table width="900" border=0 cellspacing=0 cellpadding=10> |
| − | <tr><td colspan=2 align=left valign=center> | + | <tr> |
| − | <font size=7 color=#444444><b>Abstract</b></font> | + | <td width=160></td> |
| | + | <td width=160></td> |
| | + | <td width=160></td> |
| | + | <td width=160></td> |
| | + | <td width=160></td> |
| | + | <td width=160></td> |
| | + | </tr> |
| | + | <tr><td colspan=6 align=left valign=center> |
| | + | <font size=7 ><b style="color: #51a7f9">Abstract</b></font> |
| | </td></tr> | | </td></tr> |
| − | <tr><td align=center valign=center> | + | <tr><td align=center valign=center colspan=6> |
| | <p style="text-align:justify"> | | <p style="text-align:justify"> |
| | <font size=3 color=#444444> | | <font size=3 color=#444444> |
| − | The ongoing crisis of increasing antibiotic resistance demands innovative preventive strategies. Recently, the RNA-targeting protein CRISPR-Cas13a has been used for highly sensitive DNA and RNA detection, promising diverse applications in point-of-care diagnostics. We integrated Cas13a in the detection unit of CascAID, our GMO-free diagnostic platform. CascAID combines an automated microfluidic device for rapid lysis and extraction of nucleic acids with a paper-based readout system. We demonstrated the performance of our device by targeting the 16S RNA from E. coli. We improved the detection limit of our platform, using simulations to optimize our amplification scheme and the final readout. | + | The ongoing crisis of increasing antibiotic resistance demands innovative preventive strategies. Recently, the RNA-targeting protein CRISPR-Cas13a has been used for highly sensitive DNA and RNA detection, promising diverse applications in point-of-care diagnostics. We integrated Cas13a in the detection unit of CascAID, our GMO-free diagnostic platform. CascAID combines an automated microfluidic device for rapid lysis and extraction of nucleic acids with a paper-based readout system. We demonstrated the performance of our device by targeting the 16S rRNA from <i>E. coli</i>. We improved the detection limit of our platform, using simulations to optimize our amplification scheme and the final readout. |
| | </font> | | </font> |
| | </p> | | </p> |
| − | </font>
| + | <p style="text-align:justify; margin-bottom: 50px"> |
| − | </td><td align=center valign=center>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/thumb/a/af/T--Munich--Logo_Final.svg/739px-T--Munich--Logo_Final.svg.png" width="420">
| + | |
| − | </td></tr>
| + | |
| − | <tr><td align=center valign=center>
| + | |
| − | <p style="text-align:justify"> | + | |
| | <font size=3 color=#444444> | | <font size=3 color=#444444> |
| | Conceived as a distributable platform for rapid point-of-care diagnostics, CascAID can be used to distinguish between bacterial and viral infections, thus minimizing the widespread use of antibiotics. | | Conceived as a distributable platform for rapid point-of-care diagnostics, CascAID can be used to distinguish between bacterial and viral infections, thus minimizing the widespread use of antibiotics. |
| − | </font>
| |
| − | </p>
| |
| − | </td><td align=center valign=center>
| |
| − | <p style="text-align:justify">
| |
| − | <font size=3 color=#444444>
| |
| | Furthermore, Cas13a allows the fast design of target sequences, making our system adaptive to the emergence of new viral outbreaks or fast mutating pathogens. | | Furthermore, Cas13a allows the fast design of target sequences, making our system adaptive to the emergence of new viral outbreaks or fast mutating pathogens. |
| | </font> | | </font> |
| | </p> | | </p> |
| | </td></tr> | | </td></tr> |
| − | <tr><td class="no-padding" colspan=2 align=right valign=center height=10> | + | <tr><td colspan=6 align=middle valign=center> |
| − | <font size=2>| The iGem Munich 2017 Team | 2017.07.13 |</font><br><br><br><center><hr></center> | + | <font size=10 ><b style="color: #51a7f9; font-size: 60px; margin-top: 20px">Awards & Achievements</b></font> |
| | </td></tr> | | </td></tr> |
| − | </table>
| + | <tr> |
| − | <!-- Content End -->
| + | <td colspan=6> |
| − | | + | <img src="https://static.igem.org/mediawiki/2017/e/e5/T--Munich--Banner_Awards.jpg" width=900> |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- Foot Begin -->
| + | |
| − | <table width=960 height=35 cellpadding=0 cellspacing=0 border=0><tr><td class="no-padding" align=right valign=center>
| + | |
| − | | + | |
| − | <table width=300 height=35 cellpadding=0 cellspacing=0 border=0><tr>
| + | |
| − | | + | |
| − | <td align=center valign=center> | + | |
| − | <a href="https://www.en.uni-muenchen.de/index.html" target="_blank3" >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/8/83/T--Munich--wiki_image_coop_lmu_low.svg" border=0 height="20" onmouseover="this.src='https://static.igem.org/mediawiki/2017/f/fd/T--Munich--wiki_image_coop_lmu_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/8/83/T--Munich--wiki_image_coop_lmu_low.svg'"> | + | |
| − | </a>
| + | |
| | </td> | | </td> |
| − | | + | </tr> |
| − | <td align=center valign=center> | + | <tr> |
| − | <a href="https://www.tum.de/" target="_blank4" > | + | <td align=center valign=center colspan=3> |
| − | <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Munich--wiki_image_coop_tum_low.svg" border=0 height="20" onmouseover="this.src='https://static.igem.org/mediawiki/2017/1/1e/T--Munich--wiki_image_coop_tum_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/a/ae/T--Munich--wiki_image_coop_tum_low.svg'"> | + | <div class="captionPicture"> |
| − | </a> | + | <h1>First Runner-up</h1> |
| | + | </div> |
| | </td> | | </td> |
| − | | + | <td align=center valign=center colspan=3> |
| − | <td align=center valign=center> | + | <div class="captionPicture"> |
| − | <a href="http://www.e14.ph.tum.de/en/home/" target="_blank5" > | + | <h1>Best Diagnostics Project</h1> |
| − | <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Munich--wiki_image_coop_e14_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/7/72/T--Munich--wiki_image_coop_e14_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/a/a3/T--Munich--wiki_image_coop_e14_low.svg'"> | + | </div> |
| − | </a> | + | |
| | </td> | | </td> |
| | + | </tr> |
| | | | |
| − | <td align=center valign=center> | + | <tr> |
| − | <a href="http://www.biochem.mpg.de/en" target="_blank5" > | + | <td align=center valign=center colspan=3> |
| − | <img src="https://static.igem.org/mediawiki/2017/d/da/T--Munich--wiki_image_coop_maxplanck_low.svg" border=0 height="30" onmouseover="this.src='https://static.igem.org/mediawiki/2017/d/df/T--Munich--wiki_image_coop_maxplanck_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/d/da/T--Munich--wiki_image_coop_maxplanck_low.svg'"> | + | <div class="captionPicture"> |
| − | </a> | + | <h2>Best Model</h2> |
| | + | </div> |
| | </td> | | </td> |
| − | | + | <td align=center valign=center colspan=3> |
| − | <td align=center valign=center> | + | <div class="captionPicture"> |
| − | <a href="https://www.helmholtz-muenchen.de/" target="_blank5" > | + | <h2>Best Applied Design</h2> |
| − | <img src="https://static.igem.org/mediawiki/2017/0/05/T--Munich--wiki_image_coop_helmholtzzentrum_low.svg" border=0 height="20" onmouseover="this.src='https://static.igem.org/mediawiki/2017/6/6b/T--Munich--wiki_image_coop_helmholtzzentrum_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/0/05/T--Munich--wiki_image_coop_helmholtzzentrum_low.svg'"> | + | </div> |
| − | </a> | + | |
| | </td> | | </td> |
| | + | </tr> |
| | | | |
| − | <td align=center valign=center> | + | <tr> |
| − | <a href="https://igem.org/Main_Page" target="_blank6" > | + | <td align=center valign=center colspan=3> |
| − | <img src="https://static.igem.org/mediawiki/2017/0/0f/T--Munich--wiki_image_coop_igem_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/7/79/T--Munich--wiki_image_coop_igem_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/0/0f/T--Munich--wiki_image_coop_igem_low.svg'"> | + | <div class="captionPicture"> |
| − | </a> | + | <h2>Best Hardware</h2> |
| | + | </div> |
| | </td> | | </td> |
| − | | + | <td align=center valign=center colspan=3> |
| − | </tr></table></td><td class="no-padding" align=center valign=center><table width=35 height=35 cellpadding=0 cellspacing=0 border=0><tr><td width="35" align=center valign=center></td></tr></table></td><td class="no-padding" align=left valign=center><table width=200 height=35 cellpadding=0 cellspacing=0 border=0><tr> | + | <div class="captionPicture"> |
| − | | + | <h2>Best Software</h2> |
| − | <td align=center valign=center> | + | </div> |
| − | <a href="https://www.facebook.com/Munich.iGEM" target="_blank7" > | + | |
| − | <img src="https://static.igem.org/mediawiki/2017/7/76/T--Munich--wiki_image_sm_facebook_low.svg" border=0 height="25" onmouseover="https://static.igem.org/mediawiki/2017/6/6e/T--Munich--wiki_image_sm_instagram_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/7/76/T--Munich--wiki_image_sm_facebook_low.svg'">
| + | |
| − | </a> | + | |
| | </td> | | </td> |
| | + | </tr> |
| | | | |
| − | <td align=center valign=center>
| |
| − | <a href="https://twitter.com/iGEM_Munich" target="_blank8" >
| |
| − | <img src="https://static.igem.org/mediawiki/2017/8/8b/T--Munich--wiki_image_sm_twitter_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/c/cc/T--Munich--wiki_image_sm_twitter_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/8/8b/T--Munich--wiki_image_sm_twitter_low.svg'">
| |
| − | </a>
| |
| − | </td>
| |
| | | | |
| − | <td align=center valign=center> | + | <tr> |
| − | <a href="mailto:igem.munich@gmail.com">
| + | <td align=center valign=center colspan=2> |
| − | <img src="https://static.igem.org/mediawiki/2017/7/79/T--Munich--wiki_image_sm_mail_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/9/93/T--Munich--wiki_image_sm_mail_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/7/79/T--Munich--wiki_image_sm_mail_low.svg'"> | + | <h3>Nominated for Best Wiki</h3> |
| − | </a> | + | |
| | </td> | | </td> |
| − | | + | <td align=center valign=center colspan=2> |
| − | <td align=center valign=center> | + | <h3>Nominated for Best Presentation</h3> |
| − | <a href="https://www.instagram.com/igem.munich.2017/" target="_blank9" >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/e/e9/T--Munich--wiki_image_sm_instagram_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/6/6e/T--Munich--wiki_image_sm_instagram_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/e/e9/T--Munich--wiki_image_sm_instagram_low.svg'"> | + | |
| − | </a> | + | |
| | </td> | | </td> |
| − | | + | <td align=center valign=center colspan=2> |
| − | <td align=center valign=center> | + | <h3>Nominated for Best Poster</h3> |
| − | <a href="https://2017.igem.org/Team:Munich" target="_blank10" >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/1/1d/T--Munich--wiki_image_sm_web_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/6/61/T--Munich--wiki_image_sm_web_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/1/1d/T--Munich--wiki_image_sm_web_low.svg'"> | + | |
| − | </a> | + | |
| − | </td>
| + | |
| − | | + | |
| − | </tr></table>
| + | |
| − | </td></table>
| + | |
| − | </td>
| + | |
| − | <td width="40%">
| + | |
| | </td> | | </td> |
| | </tr> | | </tr> |
| − | </table>
| |
| − | </body>
| |
| − | </td></tr>
| |
| − | <tr><td height="25" bgcolor=#ffffff></td><td class="no-padding" bgcolor=#ffffff height="25" width="960" align=center>
| |
| − | <hr>
| |
| − | <table height=25 cellpadding=0 cellspacing=2 border=0><tr>
| |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="90" align=center valign=center> | + | <tr> |
| − | <a href="https://www.eurofinsgenomics.eu/" target="_blank1" ><img src="https://static.igem.org/mediawiki/2017/c/c7/T--Munich--wiki_image_sponsors_eurofins.svg" border=0 height="15"></a> | + | <td align=center valign=center colspan=2> |
| | + | <h3>Nominated for Best Integrated Human Practices</h3> |
| | </td> | | </td> |
| − | | + | <td align=center valign=center colspan=2> |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td> | + | <h3>Nominated for Best Education & Public Engagement</h3> |
| − | | + | |
| − | <td bgcolor=#ffffff height="25" width="60" align=center valign=center>
| + | |
| − | <a href="https://www.neb.com/" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/8/87/T--Munich--wiki_image_sponsors_neb.svg" border=0 height="21"></a> | + | |
| | </td> | | </td> |
| − | | + | <td align=center valign=center colspan=2> |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td> | + | <h3>Nominated for Best Measurement</h3> |
| − | | + | |
| − | <td bgcolor=#ffffff height="25" width="60" align=center valign=center>
| + | |
| − | <a href="https://www.biomers.net" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/a/a9/T--Munich--wiki_image_sponsors_biomers.png" border=0 height="21"></a> | + | |
| | </td> | | </td> |
| | + | </tr> |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
| |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="60" align=center valign=center> | + | <tr> |
| − | <a href="https://www.gatc-biotech.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/5/59/T--Munich--wiki_image_sponsors_gatc.png" border=0 height="21"></a> | + | <td align=center valign=center colspan=1></td> |
| | + | <td align=center valign=center colspan=2> |
| | + | <h3 style="margin-bottom: 50px">Nominated for Best Composite Part</h3> |
| | </td> | | </td> |
| − | | + | <td align=center valign=center colspan=2> |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td> | + | <h3 style="margin-bottom: 50px">Nominated for Best Part Collection</h3> |
| − | | + | |
| − | <td bgcolor=#ffffff height="25" width="70" align=center valign=center>
| + | |
| − | <a href="https://www3.gehealthcare.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/1/1b/T--Munich--wiki_image_sponsors_gehealthcare.svg" border=0 height="21"></a> | + | |
| | </td> | | </td> |
| | + | <td align=center valign=center colspan=1></td> |
| | + | </tr> |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td> | + | <tr><td colspan=6 align=middle valign=center> |
| | + | <font size=10 ><b style="color: #51a7f9; font-size: 60px; margin-top: 20px">Gallery</b></font> |
| | + | </td></tr> |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="85" align=center valign=center> | + | <tr> <td colspan=6 align=middle valing=center> |
| − | < a href="https:// eu. idtdna. com" target=" _blank2" ><img src="https://static.igem.org/mediawiki/2017/ 1/ 1a/T--Munich-- wiki_image_sponsors_idt. png" border= 0 height=" 21"></ a> | + | <!-- |
| − | </td> | + | We will make a slider with stylized thumbnails using CSS3 |
| | + | The markup is very simple: |
| | + | Radio Inputs |
| | + | Labels with thumbnails to detect click event |
| | + | Main Image |
| | + | --> |
| | + | <div class="slider"> |
| | + | |
| | + | <input type="radio" name="slide_switch" id="id3" checked="checked"/> |
| | + | <label for="id3"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/9/99/T--Munich--Review2017_77.jpeg" width="100"/> |
| | + | </label> |
| | + | <img src="https://static.igem.org/mediawiki/2017/ 9/ 99/T--Munich-- Review2017_77. jpeg" width= 900/> |
| | + | <!--Lets show the second image by default on page load--> |
| | + | <input type="radio" name="slide_switch" id="id2" /> |
| | + | <label for="id2"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/d/dd/T--Munich--Review2017_14.jpeg" width="100"/> |
| | + | </label> |
| | + | <img src="https://static.igem.org/mediawiki/2017/d/dd/T--Munich--Review2017_14.jpeg" width=900/> |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td> | + | <input type="radio" name="slide_switch" id="id1"/> |
| | + | <label for="id1"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/b/b8/T--Munich--Review2017_5.jpeg" width="100"/> |
| | + | </label> |
| | + | <img src="https://static.igem.org/mediawiki/2017/b/b8/T--Munich--Review2017_5.jpeg" width= 900/> |
| | + | |
| | + | |
| | + | <input type="radio" name="slide_switch" id="id4"/> |
| | + | <label for="id4"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/f/f0/T--Munich--Review2017_21.jpeg" width="100"/> |
| | + | </label> |
| | + | <img src="https://static.igem.org/mediawiki/2017/f/f0/T--Munich--Review2017_21.jpeg" width=900/> |
| | + | |
| | + | <input type="radio" name="slide_switch" id="id5"/> |
| | + | <label for="id5"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/0/09/T--Munich--Review2017_4.jpeg" width="100"/> |
| | + | </label> |
| | + | <img src="https://static.igem.org/mediawiki/2017/0/09/T--Munich--Review2017_4.jpeg" width=900/> |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="60" align=center valign=center> | + | <input type="radio" name="slide_switch" id="id6"/> |
| − | < a href=" https://www.nano-initiative-munich.de/" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/ a/ a7/T--Munich-- wiki_image_sponsors_nim. png" border=0 height=" 21" ></ a> | + | <label for="id6"> |
| − | </td> | + | <img src="https://static.igem.org/mediawiki/2017/ f/ f9/T--Munich-- Review2017_13. jpeg" width=" 100"/> |
| | + | </label> |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td> | + | <img src="https://static.igem.org/mediawiki/2017/f/f9/T--Munich--Review2017_13.jpeg" width=900/> |
| | + | <input type="radio" name="slide_switch" id="id7"/> |
| | + | <label for="id7"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/6/60/T--Munich--Review2017_17.jpeg" width="100"/> |
| | + | </label> |
| | + | <img src="https://static.igem.org/mediawiki/2017/6/60/T--Munich--Review2017_17.jpeg" width=900/> |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="120" align=center valign=center>
| |
| − | <a href="https://www.promega.de/" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/3/3f/T--Munich--wiki_image_sponsors_promega.png" border=0 height="21"></a>
| |
| − | </td>
| |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
| + | </div> |
| − | | + | |
| − | <td bgcolor=#ffffff height="25" width="40" align=center valign=center>
| + | |
| − | <a href="https://www.qiagen.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/9/99/T--Munich--wiki_image_sponsors_qiagen.svg" border=0 height="21"></a>
| + | |
| | </td> | | </td> |
| | + | </tr> |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td> | + | <tr> |
| − | | + | <td colspan=6> |
| − | <td bgcolor=#ffffff height="25" width="40" align=center valign=center> | + | <h3> <a style=" color: #51a7f9 !important" href=" /Team:Munich/Gallery"> See the rest of our gallery.. .</ a></ h3> |
| − | <a href="https://www.carlroth.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/d/d6/T--Munich--wiki_image_sponsors_roth.png" border=0 height="21"></a> | + | |
| | </td> | | </td> |
| | + | </tr> |
| | | | |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td> | + | <tr><td class="no-padding" colspan=6 align=right valign=center height=10> |
| − | | + | <br><br><br><center><hr></center> |
| − | <td bgcolor=#ffffff height="25" width="130" align=center valign=center>
| + | </td></tr> |
| − | <a href="https://www.scienova.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/3/3b/T--Munich--wiki_image_sponsors_scienova.png" border=0 height="21"></a>
| + | </table> |
| − | </td> | + | <!-- Content End --> |
| − | | + | </html> |
| − | <td bgcolor=#ffffff height="25" width="10" align=center valign=center></td> | + | {{Munich/Footer}} |
| − | | + | |
| − | <td bgcolor=#ffffff height="25" width="120" align=center valign=center> | + | |
| − | <a href="https://www.unternehmertum.de" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/b/b2/T--Munich--wiki_image_sponsors_unternehmertum.png" border=0 height="21"></a> | + | |
| − | </td> | + | |
| − | | + | |
| − | </tr></table> | + | |
| − | | + | |
| − | | + | |
| − | </td><td height="25" bgcolor=#ffffff></td></tr> | + | |
| − | </table></body></html>
| + | |
