Difference between revisions of "Team:Munich/Testflow"

Line 5: Line 5:
 
<!-- #ffffff weiss -->
 
<!-- #ffffff weiss -->
 
<html>
 
<html>
<link rel="stylesheet" type="text/css"
 
href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" />
 
 
<head>
 
<head>
 
<style>
 
<style>
 
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
     #sideMenu, #top_title, .patrollink  {display:none;}
 
     #sideMenu, #top_title, .patrollink  {display:none;}
Line 15: Line 12:
 
     body {background-color:white; font-size: 14px; }
 
     body {background-color:white; font-size: 14px; }
 
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
  
 
#HQ_page #myFooter td{
 
#HQ_page #myFooter td{
 
  vertical-align: text-top;
 
  vertical-align: text-top;
}
 
 
#HQ_page #myContent p{
 
font-size: medium;
 
 
}
 
}
  
Line 43: Line 37:
 
  border-style: none !important;
 
  border-style: none !important;
 
  margin: 0 !important;
 
  margin: 0 !important;
}
 
 
#HQ_page p.header{
 
font-size: 1.287em;
 
 
}
 
}
  
Line 59: Line 49:
 
     margin: auto;
 
     margin: auto;
 
     position: relative;
 
     position: relative;
     display: block;
+
     display: inline-block;
 
}
 
}
  
.dropbtn{
+
 
 +
 
 +
.dropbtnCascAid {
 +
    background-image: url("https://static.igem.org/mediawiki/2017/b/ba/T--Munich--wiki_image_menu_cascaid_low.gif");
 
     position: relative;
 
     position: relative;
     padding: 0;
+
     padding: 0px;
 
     border: none;
 
     border: none;
 
     cursor: pointer;
 
     cursor: pointer;
    cursor: hand;
 
 
     width: 137px;
 
     width: 137px;
 
     height: 32px;
 
     height: 32px;
    display: inline-block;
 
    background: url('https://static.igem.org/mediawiki/2017/d/df/T--Munich--menu-sprite.png') no-repeat;
 
    overflow: hidden;
 
    text-indent: -9999px;
 
    text-align: left;
 
}
 
 
 
 
 
.dropbtnCascAid {
 
    background-position: -959px -0px;
 
 
}
 
}
 
.dropdown:hover .dropbtnCascAid {
 
.dropdown:hover .dropbtnCascAid {
     background-position: -822px -0px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/1/1f/T--Munich--wiki_image_menu_cascaid_high.gif");
 
}
 
}
  
Line 90: Line 70:
  
 
.dropbtnProject {
 
.dropbtnProject {
     background-position: -411px -160px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/b/ba/T--Munich--wiki_image_menu_project_low.gif");
 +
    position: relative;
 +
    padding: 0px;
 +
    border: none;
 +
    cursor: pointer;
 +
    width: 137px;
 +
    height: 32px;
 
}
 
}
 
.dropdown:hover .dropbtnProject {
 
.dropdown:hover .dropbtnProject {
     background-position: -274px -160px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/5/5d/T--Munich--wiki_image_menu_project_high.gif");
 
}
 
}
  
Line 99: Line 85:
  
 
.dropbtnWetlab {
 
.dropbtnWetlab {
     background-position: -137px -256px;
+
     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 {
 
.dropdown:hover .dropbtnWetlab {
     background-position: -0px -256px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/e/e1/T--Munich--wiki_image_menu_wetlab_high.gif");
 
}
 
}
  
Line 108: Line 100:
  
 
.dropbtnSoftHardware {
 
.dropbtnSoftHardware {
     background-position: -685px -192px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/b/bb/T--Munich--wiki_image_menu_softhardware_low.gif");
 +
    position: relative;
 +
    padding: 0px;
 +
    border: none;
 +
    cursor: pointer;
 +
    width: 137px;
 +
    height: 32px;
 
}
 
}
 
.dropdown:hover .dropbtnSoftHardware {
 
.dropdown:hover .dropbtnSoftHardware {
     background-position: -548px -192px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/1/18/T--Munich--wiki_image_menu_softhardware_high.gif");
 
}
 
}
  
Line 117: Line 115:
  
 
.dropbtnModel {
 
.dropbtnModel {
     background-position: -685px -128px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/7/7b/T--Munich--wiki_image_menu_model_low.gif");
 +
    position: relative;
 +
    padding: 0px;
 +
    border: none;
 +
    cursor: pointer;
 +
    width: 137px;
 +
    height: 32px;
 
}
 
}
 
.dropdown:hover .dropbtnModel {
 
.dropdown:hover .dropbtnModel {
     background-position: -548px -128px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/3/3d/T--Munich--wiki_image_menu_model_high.gif");
 
}
 
}
  
Line 126: Line 130:
  
 
.dropbtnHP {
 
.dropbtnHP {
     background-position: -137px -96px;
+
     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 {
 
.dropdown:hover .dropbtnHP {
     background-position: -0px -96px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/d/df/T--Munich--wiki_image_menu_hp_high.gif");
 
}
 
}
  
Line 135: Line 145:
  
 
.dropbtnTeam {
 
.dropbtnTeam {
     background-position: -685px -224px;
+
     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 {
 
.dropdown:hover .dropbtnTeam {
     background-position: -548px -224px;
+
     background-image: url("https://static.igem.org/mediawiki/2017/5/57/T--Munich--wiki_image_menu_team_high.gif");
 
}
 
}
  
.dropdown-content{
+
 
 +
 
 +
.dropdown-contentDescription {
 +
    background-image: url("wiki_image_menu_description_low.gif");
 
     display: none;
 
     display: none;
 
     position: absolute;
 
     position: absolute;
Line 148: Line 167:
 
     z-index: 1;
 
     z-index: 1;
 
}
 
}
 
+
.dropdown:hover .dropdown-contentDescription {
.dropdown:hover .dropdown-content{
+
    background-image: url("wiki_image_menu_description_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
     display: block;
 
     display: block;
   
 
 
}
 
}
 
+
.dropdown-contentDescription a {
.dropdown-content a{
+
    background-image: url("wiki_image_menu_description_low.gif");
 
     height: 32px;
 
     height: 32px;
 
     width: 137px;
 
     width: 137px;
Line 160: Line 180:
 
     text-decoration: none;
 
     text-decoration: none;
 
     display: block;
 
     display: block;
}
 
 
.dropdown-contentTeamMembers {
 
    background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif");
 
    top: 32;
 
}
 
.dropdown:hover .dropdown-contentTeamMembers {
 
    background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif");
 
}
 
 
.dropdown-contentDescription {
 
    background-image: url("wiki_image_menu_description_low.gif");
 
}
 
.dropdown:hover .dropdown-contentDescription {
 
    background-image: url("wiki_image_menu_description_high.gif");
 
}
 
.dropdown-contentDescription a {
 
    background-image: url("wiki_image_menu_description_low.gif");
 
 
}
 
}
 
.dropdown-contentDescription a:hover {
 
.dropdown-contentDescription a:hover {
 
     background-image: url("wiki_image_menu_description_high.gif");
 
     background-image: url("wiki_image_menu_description_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 187: Line 191:
 
.dropdown-contentDesign {
 
.dropdown-contentDesign {
 
     background-image: url("wiki_image_menu_design_low.gif");
 
     background-image: url("wiki_image_menu_design_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 64;
 
     top: 64;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentDesign {
 
.dropdown:hover .dropdown-contentDesign {
 
     background-image: url("wiki_image_menu_design_high.gif");
 
     background-image: url("wiki_image_menu_design_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentDesign a {
 
.dropdown-contentDesign a {
 
     background-image: url("wiki_image_menu_design_low.gif");
 
     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 {
 
.dropdown-contentDesign a:hover {
 
     background-image: url("wiki_image_menu_design_high.gif");
 
     background-image: url("wiki_image_menu_design_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 203: Line 222:
 
.dropdown-contentProofofConcept {
 
.dropdown-contentProofofConcept {
 
     background-image: url("wiki_image_menu_proofofconcept_low.gif");
 
     background-image: url("wiki_image_menu_proofofconcept_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 96;
 
     top: 96;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentProofofConcept {
 
.dropdown:hover .dropdown-contentProofofConcept {
 
     background-image: url("wiki_image_menu_proofofconcept_high.gif");
 
     background-image: url("wiki_image_menu_proofofconcept_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentProofofConcept a {
 
.dropdown-contentProofofConcept a {
 
     background-image: url("wiki_image_menu_proofofconcept_low.gif");
 
     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 {
 
.dropdown-contentProofofConcept a:hover {
 
     background-image: url("wiki_image_menu_proofofconcept_high.gif");
 
     background-image: url("wiki_image_menu_proofofconcept_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 219: Line 253:
 
.dropdown-contentDemonstration {
 
.dropdown-contentDemonstration {
 
     background-image: url("wiki_image_menu_demonstration_low.gif");
 
     background-image: url("wiki_image_menu_demonstration_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 128;
 
     top: 128;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentDemonstration {
 
.dropdown:hover .dropdown-contentDemonstration {
 
     background-image: url("wiki_image_menu_demonstration_high.gif");
 
     background-image: url("wiki_image_menu_demonstration_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentDemonstration a {
 
.dropdown-contentDemonstration a {
 
     background-image: url("wiki_image_menu_demonstration_low.gif");
 
     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 {
 
.dropdown-contentDemonstration a:hover {
 
     background-image: url("wiki_image_menu_demonstration_high.gif");
 
     background-image: url("wiki_image_menu_demonstration_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 235: Line 284:
 
.dropdown-contentApplication {
 
.dropdown-contentApplication {
 
     background-image: url("wiki_image_menu_application_low.gif");
 
     background-image: url("wiki_image_menu_application_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 160;
 
     top: 160;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentApplication {
 
.dropdown:hover .dropdown-contentApplication {
 
     background-image: url("wiki_image_menu_application_high.gif");
 
     background-image: url("wiki_image_menu_application_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentApplication a {
 
.dropdown-contentApplication a {
 
     background-image: url("wiki_image_menu_application_low.gif");
 
     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 {
 
.dropdown-contentApplication a:hover {
 
     background-image: url("wiki_image_menu_application_high.gif");
 
     background-image: url("wiki_image_menu_application_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 251: Line 315:
 
.dropdown-contentFinalResults {
 
.dropdown-contentFinalResults {
 
     background-image: url("wiki_image_menu_finalresults_low.gif");
 
     background-image: url("wiki_image_menu_finalresults_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 192;
 
     top: 192;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentFinalResults {
 
.dropdown:hover .dropdown-contentFinalResults {
 
     background-image: url("wiki_image_menu_finalresults_high.gif");
 
     background-image: url("wiki_image_menu_finalresults_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentFinalResults a {
 
.dropdown-contentFinalResults a {
 
     background-image: url("wiki_image_menu_finalresults_low.gif");
 
     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 {
 
.dropdown-contentFinalResults a:hover {
 
     background-image: url("wiki_image_menu_finalresults_high.gif");
 
     background-image: url("wiki_image_menu_finalresults_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 267: Line 346:
 
.dropdown-contentEntrepreneurship {
 
.dropdown-contentEntrepreneurship {
 
     background-image: url("wiki_image_menu_entrepreneurship_low.gif");
 
     background-image: url("wiki_image_menu_entrepreneurship_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 224;
 
     top: 224;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentEntrepreneurship {
 
.dropdown:hover .dropdown-contentEntrepreneurship {
 
     background-image: url("wiki_image_menu_entrepreneurship_high.gif");
 
     background-image: url("wiki_image_menu_entrepreneurship_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentEntrepreneurship a {
 
.dropdown-contentEntrepreneurship a {
 
     background-image: url("wiki_image_menu_entrepreneurship_low.gif");
 
     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 {
 
.dropdown-contentEntrepreneurship a:hover {
 
     background-image: url("wiki_image_menu_entrepreneurship_high.gif");
 
     background-image: url("wiki_image_menu_entrepreneurship_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 283: Line 377:
 
.dropdown-contentAchievements {
 
.dropdown-contentAchievements {
 
     background-image: url("wiki_image_menu_achievements_low.gif");
 
     background-image: url("wiki_image_menu_achievements_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 256;
 
     top: 256;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentAchievements {
 
.dropdown:hover .dropdown-contentAchievements {
 
     background-image: url("wiki_image_menu_achievements_high.gif");
 
     background-image: url("wiki_image_menu_achievements_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentAchievements a {
 
.dropdown-contentAchievements a {
 
     background-image: url("wiki_image_menu_achievements_low.gif");
 
     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 {
 
.dropdown-contentAchievements a:hover {
 
     background-image: url("wiki_image_menu_achievements_high.gif");
 
     background-image: url("wiki_image_menu_achievements_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 299: Line 408:
 
.dropdown-contentProtocolsMethods {
 
.dropdown-contentProtocolsMethods {
 
     background-image: url("wiki_image_menu_protocolsmethods_low.gif");
 
     background-image: url("wiki_image_menu_protocolsmethods_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 32;
 
     top: 32;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentProtocolsMethods {
 
.dropdown:hover .dropdown-contentProtocolsMethods {
 
     background-image: url("wiki_image_menu_protocolsmethods_high.gif");
 
     background-image: url("wiki_image_menu_protocolsmethods_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentProtocolsMethods a {
 
.dropdown-contentProtocolsMethods a {
 
     background-image: url("wiki_image_menu_protocolsmethods_low.gif");
 
     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 {
 
.dropdown-contentProtocolsMethods a:hover {
 
     background-image: url("wiki_image_menu_protocolsmethods_high.gif");
 
     background-image: url("wiki_image_menu_protocolsmethods_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 315: Line 439:
 
.dropdown-contentMaterials {
 
.dropdown-contentMaterials {
 
     background-image: url("wiki_image_menu_materials_low.gif");
 
     background-image: url("wiki_image_menu_materials_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 64;
 
     top: 64;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentMaterials {
 
.dropdown:hover .dropdown-contentMaterials {
 
     background-image: url("wiki_image_menu_materials_high.gif");
 
     background-image: url("wiki_image_menu_materials_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentMaterials a {
 
.dropdown-contentMaterials a {
 
     background-image: url("wiki_image_menu_materials_low.gif");
 
     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 {
 
.dropdown-contentMaterials a:hover {
 
     background-image: url("wiki_image_menu_materials_high.gif");
 
     background-image: url("wiki_image_menu_materials_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 331: Line 470:
 
.dropdown-contentLabJournal {
 
.dropdown-contentLabJournal {
 
     background-image: url("wiki_image_menu_labjournal_low.gif");
 
     background-image: url("wiki_image_menu_labjournal_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 96;
 
     top: 96;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentLabJournal {
 
.dropdown:hover .dropdown-contentLabJournal {
 
     background-image: url("wiki_image_menu_labjournal_high.gif");
 
     background-image: url("wiki_image_menu_labjournal_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentLabJournal a {
 
.dropdown-contentLabJournal a {
 
     background-image: url("wiki_image_menu_labjournal_low.gif");
 
     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 {
 
.dropdown-contentLabJournal a:hover {
 
     background-image: url("wiki_image_menu_labjournal_high.gif");
 
     background-image: url("wiki_image_menu_labjournal_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 347: Line 501:
 
.dropdown-contentSafety {
 
.dropdown-contentSafety {
 
     background-image: url("wiki_image_menu_safety_low.gif");
 
     background-image: url("wiki_image_menu_safety_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 128;
 
     top: 128;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentSafety {
 
.dropdown:hover .dropdown-contentSafety {
 
     background-image: url("wiki_image_menu_safety_high.gif");
 
     background-image: url("wiki_image_menu_safety_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentSafety a {
 
.dropdown-contentSafety a {
 
     background-image: url("wiki_image_menu_safety_low.gif");
 
     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 {
 
.dropdown-contentSafety a:hover {
 
     background-image: url("wiki_image_menu_safety_high.gif");
 
     background-image: url("wiki_image_menu_safety_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 363: Line 532:
 
.dropdown-contentParts {
 
.dropdown-contentParts {
 
     background-image: url("wiki_image_menu_parts_low.gif");
 
     background-image: url("wiki_image_menu_parts_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 160;
 
     top: 160;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentParts {
 
.dropdown:hover .dropdown-contentParts {
 
     background-image: url("wiki_image_menu_parts_high.gif");
 
     background-image: url("wiki_image_menu_parts_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentParts a {
 
.dropdown-contentParts a {
 
     background-image: url("wiki_image_menu_parts_low.gif");
 
     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 {
 
.dropdown-contentParts a:hover {
 
     background-image: url("wiki_image_menu_parts_high.gif");
 
     background-image: url("wiki_image_menu_parts_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 379: Line 563:
 
.dropdown-contentInterlab {
 
.dropdown-contentInterlab {
 
     background-image: url("wiki_image_menu_interlab_low.gif");
 
     background-image: url("wiki_image_menu_interlab_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 192;
 
     top: 192;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentInterlab {
 
.dropdown:hover .dropdown-contentInterlab {
 
     background-image: url("wiki_image_menu_interlab_high.gif");
 
     background-image: url("wiki_image_menu_interlab_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentInterlab a {
 
.dropdown-contentInterlab a {
 
     background-image: url("wiki_image_menu_interlab_low.gif");
 
     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 {
 
.dropdown-contentInterlab a:hover {
 
     background-image: url("wiki_image_menu_interlab_high.gif");
 
     background-image: url("wiki_image_menu_interlab_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 395: Line 594:
 
.dropdown-contentSoftware {
 
.dropdown-contentSoftware {
 
     background-image: url("wiki_image_menu_software_low.gif");
 
     background-image: url("wiki_image_menu_software_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 32;
 
     top: 32;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentSoftware {
 
.dropdown:hover .dropdown-contentSoftware {
 
     background-image: url("wiki_image_menu_software_high.gif");
 
     background-image: url("wiki_image_menu_software_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentSoftware a {
 
.dropdown-contentSoftware a {
 
     background-image: url("wiki_image_menu_software_low.gif");
 
     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 {
 
.dropdown-contentSoftware a:hover {
 
     background-image: url("wiki_image_menu_software_high.gif");
 
     background-image: url("wiki_image_menu_software_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 411: Line 625:
 
.dropdown-contentHardware {
 
.dropdown-contentHardware {
 
     background-image: url("wiki_image_menu_hardware_low.gif");
 
     background-image: url("wiki_image_menu_hardware_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 64;
 
     top: 64;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentHardware {
 
.dropdown:hover .dropdown-contentHardware {
 
     background-image: url("wiki_image_menu_hardware_high.gif");
 
     background-image: url("wiki_image_menu_hardware_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentHardware a {
 
.dropdown-contentHardware a {
 
     background-image: url("wiki_image_menu_hardware_low.gif");
 
     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 {
 
.dropdown-contentHardware a:hover {
 
     background-image: url("wiki_image_menu_hardware_high.gif");
 
     background-image: url("wiki_image_menu_hardware_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 427: Line 656:
 
.dropdown-contentHPSilver {
 
.dropdown-contentHPSilver {
 
     background-image: url("wiki_image_menu_hpsilver_low.gif");
 
     background-image: url("wiki_image_menu_hpsilver_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 32;
 
     top: 32;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentHPSilver {
 
.dropdown:hover .dropdown-contentHPSilver {
 
     background-image: url("wiki_image_menu_hpsilver_high.gif");
 
     background-image: url("wiki_image_menu_hpsilver_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentHPSilver a {
 
.dropdown-contentHPSilver a {
 
     background-image: url("wiki_image_menu_hpsilver_low.gif");
 
     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 {
 
.dropdown-contentHPSilver a:hover {
 
     background-image: url("wiki_image_menu_hpsilver_high.gif");
 
     background-image: url("wiki_image_menu_hpsilver_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 443: Line 687:
 
.dropdown-contentIHPgold {
 
.dropdown-contentIHPgold {
 
     background-image: url("wiki_image_menu_ihpgold_low.gif");
 
     background-image: url("wiki_image_menu_ihpgold_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 64;
 
     top: 64;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentIHPgold {
 
.dropdown:hover .dropdown-contentIHPgold {
 
     background-image: url("wiki_image_menu_ihpgold_high.gif");
 
     background-image: url("wiki_image_menu_ihpgold_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentIHPgold a {
 
.dropdown-contentIHPgold a {
 
     background-image: url("wiki_image_menu_ihpgold_low.gif");
 
     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 {
 
.dropdown-contentIHPgold a:hover {
 
     background-image: url("wiki_image_menu_ihpgold_high.gif");
 
     background-image: url("wiki_image_menu_ihpgold_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 459: Line 718:
 
.dropdown-contentPublicEngagement {
 
.dropdown-contentPublicEngagement {
 
     background-image: url("wiki_image_menu_publicengagement_low.gif");
 
     background-image: url("wiki_image_menu_publicengagement_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 96;
 
     top: 96;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentPublicEngagement {
 
.dropdown:hover .dropdown-contentPublicEngagement {
 
     background-image: url("wiki_image_menu_publicengagement_high.gif");
 
     background-image: url("wiki_image_menu_publicengagement_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentPublicEngagement a {
 
.dropdown-contentPublicEngagement a {
 
     background-image: url("wiki_image_menu_publicengagement_low.gif");
 
     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 {
 
.dropdown-contentPublicEngagement a:hover {
 
     background-image: url("wiki_image_menu_publicengagement_high.gif");
 
     background-image: url("wiki_image_menu_publicengagement_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 475: Line 749:
 
.dropdown-contentCollaborations {
 
.dropdown-contentCollaborations {
 
     background-image: url("wiki_image_menu_collaborations_low.gif");
 
     background-image: url("wiki_image_menu_collaborations_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 128;
 
     top: 128;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentCollaborations {
 
.dropdown:hover .dropdown-contentCollaborations {
 
     background-image: url("wiki_image_menu_collaborations_high.gif");
 
     background-image: url("wiki_image_menu_collaborations_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentCollaborations a {
 
.dropdown-contentCollaborations a {
 
     background-image: url("wiki_image_menu_collaborations_low.gif");
 
     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 {
 
.dropdown-contentCollaborations a:hover {
 
     background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif");
 
     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 {
 
.dropdown-contentSupervisors {
 
     background-image: url("wiki_image_menu_supervisors_low.gif");
 
     background-image: url("wiki_image_menu_supervisors_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 64;
 
     top: 64;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentSupervisors {
 
.dropdown:hover .dropdown-contentSupervisors {
 
     background-image: url("wiki_image_menu_supervisors_high.gif");
 
     background-image: url("wiki_image_menu_supervisors_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentSupervisors a {
 
.dropdown-contentSupervisors a {
 
     background-image: url("wiki_image_menu_supervisors_low.gif");
 
     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 {
 
.dropdown-contentSupervisors a:hover {
 
     background-image: url("wiki_image_menu_supervisors_high.gif");
 
     background-image: url("wiki_image_menu_supervisors_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 505: Line 842:
 
.dropdown-contentPIs {
 
.dropdown-contentPIs {
 
     background-image: url("wiki_image_menu_pis_low.gif");
 
     background-image: url("wiki_image_menu_pis_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 96;
 
     top: 96;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentPIs {
 
.dropdown:hover .dropdown-contentPIs {
 
     background-image: url("wiki_image_menu_pis_high.gif");
 
     background-image: url("wiki_image_menu_pis_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentPIs a {
 
.dropdown-contentPIs a {
 
     background-image: url("wiki_image_menu_pis_low.gif");
 
     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 {
 
.dropdown-contentPIs a:hover {
 
     background-image: url("wiki_image_menu_pis_high.gif");
 
     background-image: url("wiki_image_menu_pis_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 521: Line 873:
 
.dropdown-contentCollaboratingInstitutions {
 
.dropdown-contentCollaboratingInstitutions {
 
     background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif");
 
     background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 128;
 
     top: 128;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentCollaboratingInstitutions {
 
.dropdown:hover .dropdown-contentCollaboratingInstitutions {
 
     background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif");
 
     background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentCollaboratingInstitutions a {
 
.dropdown-contentCollaboratingInstitutions a {
 
     background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif");
 
     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 {
 
.dropdown-contentCollaboratingInstitutions a:hover {
 
     background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif");
 
     background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 537: Line 904:
 
.dropdown-contentSponsors {
 
.dropdown-contentSponsors {
 
     background-image: url("wiki_image_menu_sponsors_low.gif");
 
     background-image: url("wiki_image_menu_sponsors_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 160;
 
     top: 160;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentSponsors {
 
.dropdown:hover .dropdown-contentSponsors {
 
     background-image: url("wiki_image_menu_sponsors_high.gif");
 
     background-image: url("wiki_image_menu_sponsors_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentSponsors a {
 
.dropdown-contentSponsors a {
 
     background-image: url("wiki_image_menu_sponsors_low.gif");
 
     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 {
 
.dropdown-contentSponsors a:hover {
 
     background-image: url("wiki_image_menu_sponsors_high.gif");
 
     background-image: url("wiki_image_menu_sponsors_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
  
Line 553: Line 935:
 
.dropdown-contentAttributions {
 
.dropdown-contentAttributions {
 
     background-image: url("wiki_image_menu_attributions_low.gif");
 
     background-image: url("wiki_image_menu_attributions_low.gif");
 +
    display: none;
 +
    position: absolute;
 
     top: 192;
 
     top: 192;
 +
    height: 32px;
 +
    width: 137px;
 +
    z-index: 1;
 
}
 
}
 
.dropdown:hover .dropdown-contentAttributions {
 
.dropdown:hover .dropdown-contentAttributions {
 
     background-image: url("wiki_image_menu_attributions_high.gif");
 
     background-image: url("wiki_image_menu_attributions_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 +
    display: block;
 
}
 
}
 
.dropdown-contentAttributions a {
 
.dropdown-contentAttributions a {
 
     background-image: url("wiki_image_menu_attributions_low.gif");
 
     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 {
 
.dropdown-contentAttributions a:hover {
 
     background-image: url("wiki_image_menu_attributions_high.gif");
 
     background-image: url("wiki_image_menu_attributions_high.gif");
 +
    height: 32px;
 +
    width: 137px;
 
}
 
}
 +
  
 
.no-padding{
 
.no-padding{
 
  padding: 0 !important;
 
  padding: 0 !important;
}
 
 
 
 
 
 
 
#HQ_page .meta p{
 
text-align: left;
 
font-size: 0.85em !important;
 
}
 
 
 
.ui.card, .ui.cards>.card {
 
width: 280px;
 
}
 
 
.mydescription{
 
    height: 8em;
 
  overflow: hidden;
 
    cursor: pointer;
 
    cursor: hand; /*IE callst it differently. */
 
    position: relative;
 
}
 
 
.mydescription:hover{
 
    animation: expandCard 0.5s;
 
    animation-fill-mode: forwards;
 
}
 
 
#HQ_page #myContent .mydescription:hover p {
 
  background: initial;
 
  -webkit-background-clip: initial;
 
  -webkit-text-fill-color: initial;
 
}
 
 
.mydescription:hover .threeDots-container{
 
    display: none;
 
}
 
 
@keyframes expandCard{
 
    to{
 
        height: 25.5em;
 
    }
 
}
 
 
.threeDots-container >img{
 
  height: auto;
 
  width: 50px;
 
  position: relative;
 
  left: -50%;
 
  top: -80%;
 
 
}
 
 
.threeDots-container{
 
  position: absolute;
 
  left: 50%;
 
  top: 80%;
 
 
 
} /*The container is there to make sure the threeDots picture is centered and on to bottom of the container (mydescription). No idea how or why this works. */
 
 
#HQ_page #myContent .mydescription >p{
 
  background: -webkit-linear-gradient(rgb(0,0,0),rgb(230,230,230) 50%, rgb(255,255,255));
 
  -webkit-background-clip: text;
 
  -webkit-text-fill-color: transparent;
 
  /*color: rgb(147,149,152);*/
 
  height: 15em;
 
  font-size: 1.1em;
 
}
 
 
.image > img{
 
  height: 200px !important;
 
}
 
 
.cards{
 
  align-items: flex-start;
 
 
}
 
}
  
Line 651: Line 972:
  
 
<!-- Bar -->
 
<!-- Bar -->
<tr><td height="32" bgcolor=#51A7f9></td><td class="no-padding" bgcolor=#51A7f9 height="32" width="960" align=center>
+
<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">
 
<div class="dropdown">
   <a href="/Team:Munich"><button class="dropbtnCascAid dropbtn"><img src="overlay.png"></button></a>
+
   <a href="/Team:Munich"><button class="dropbtnCascAid"><img src="overlay.png"></button></a>
   <div class="dropdown-content dropdown-content">
+
   <div class="dropdown-content">
 
   </div>
 
   </div>
 
</div><div class="dropdown">
 
</div><div class="dropdown">
   <a href="project" target=content><button class="dropbtnProject dropbtn"><img src="overlay.png"></button></a>
+
   <a href="project" target=content><button class="dropbtnProject"><img src="overlay.png"></button></a>
   <div class="dropdown-contentDescription dropdown-content">
+
   <div class="dropdown-contentDescription">
 
     <a href="description" target=content></a>
 
     <a href="description" target=content></a>
 
   </div>
 
   </div>
   <div class="dropdown-contentDesign dropdown-content">
+
   <div class="dropdown-contentDesign">
 
     <a href="design" target=content></a>
 
     <a href="design" target=content></a>
 
   </div>
 
   </div>
   <div class="dropdown-contentProofofConcept dropdown-content">
+
   <div class="dropdown-contentProofofConcept">
 
     <a href="proofofconcept" target=content></a>
 
     <a href="proofofconcept" target=content></a>
 
   </div>
 
   </div>
   <div class="dropdown-contentDemonstration dropdown-content">
+
   <div class="dropdown-contentDemonstration">
 
     <a href="demonstration" target=content></a>
 
     <a href="demonstration" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentApplication dropdown-content">
+
   <div class="dropdown-contentApplication">
 
     <a href="application" target=content></a>
 
     <a href="application" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentFinalResults dropdown-content">
+
   <div class="dropdown-contentFinalResults">
 
     <a href="finalresults" target=content></a>
 
     <a href="finalresults" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentEntrepreneurship dropdown-content">
+
   <div class="dropdown-contentEntrepreneurship">
 
     <a href="entrepreneurship" target=content></a>
 
     <a href="entrepreneurship" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentAchievements dropdown-content">
+
   <div class="dropdown-contentAchievements">
 
     <a href="achievements" target=content></a>
 
     <a href="achievements" target=content></a>
 
   </div>  
 
   </div>  
 
</div><div class="dropdown" valign=center>
 
</div><div class="dropdown" valign=center>
   <a href="wetlab" target=content><button class="dropbtnWetlab dropbtn" valign=center><img src="overlay.png"></button></a>
+
   <a href="wetlab" target=content><button class="dropbtnWetlab" valign=center><img src="overlay.png"></button></a>
   <div class="dropdown-contentProtocolsMethods dropdown-content">
+
   <div class="dropdown-contentProtocolsMethods">
 
     <a href="protocolsmethods" target=content></a>
 
     <a href="protocolsmethods" target=content></a>
 
   </div>
 
   </div>
   <div class="dropdown-contentMaterials dropdown-content">
+
   <div class="dropdown-contentMaterials">
 
     <a href="materials" target=content></a>
 
     <a href="materials" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentLabJournal dropdown-content">
+
   <div class="dropdown-contentLabJournal">
 
     <a href="labjournal" target=content></a>
 
     <a href="labjournal" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentSafety dropdown-content">
+
   <div class="dropdown-contentSafety">
 
     <a href="safety" target=content></a>
 
     <a href="safety" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentParts dropdown-content">
+
   <div class="dropdown-contentParts">
 
     <a href="parts" target=content></a>
 
     <a href="parts" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentInterlab dropdown-content">
+
   <div class="dropdown-contentInterlab">
 
     <a href="interlab" target=content></a>
 
     <a href="interlab" target=content></a>
 
   </div>  
 
   </div>  
 
</div><div class="dropdown">
 
</div><div class="dropdown">
   <a href="model" target=content><button class="dropbtnModel dropbtn"><img src="overlay.png"></button></a>
+
   <a href="model" target=content><button class="dropbtnModel"><img src="overlay.png"></button></a>
   <div class="dropdown-content dropdown-content">
+
   <div class="dropdown-content">
 
   </div>
 
   </div>
 
</div><div class="dropdown">
 
</div><div class="dropdown">
   <a href="softhardware" target=content><button class="dropbtnSoftHardware dropbtn"><img src="overlay.png"></button></a>
+
   <a href="softhardware" target=content><button class="dropbtnSoftHardware"><img src="overlay.png"></button></a>
   <div class="dropdown-contentSoftware dropdown-content">
+
   <div class="dropdown-contentSoftware">
 
     <a href="software" target=content></a>
 
     <a href="software" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentHardware dropdown-content">
+
   <div class="dropdown-contentHardware">
 
     <a href="hardware" target=content></a>
 
     <a href="hardware" target=content></a>
 
   </div>  
 
   </div>  
 
</div><div class="dropdown">
 
</div><div class="dropdown">
   <a href="hp" target=content><button class="dropbtnHP dropbtn"><img src="overlay.png"></button></a>
+
   <a href="hp" target=content><button class="dropbtnHP"><img src="overlay.png"></button></a>
   <div class="dropdown-contentHPSilver dropdown-content">
+
   <div class="dropdown-contentHPSilver">
 
     <a href="hpsilver" target=content></a>
 
     <a href="hpsilver" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentIHPgold dropdown-content">
+
   <div class="dropdown-contentIHPgold">
 
     <a href="ihpgold" target=content></a>
 
     <a href="ihpgold" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentPublicEngagement dropdown-content">
+
   <div class="dropdown-contentPublicEngagement">
 
     <a href="publicengagement" target=content></a>
 
     <a href="publicengagement" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentCollaborations dropdown-content">
+
   <div class="dropdown-contentCollaborations">
 
     <a href="collaborations" target=content></a>
 
     <a href="collaborations" target=content></a>
 
   </div>  
 
   </div>  
 
</div><div class="dropdown">
 
</div><div class="dropdown">
   <a href="/Team:Munich/Team" target=content><button class="dropbtnTeam dropbtn"><img src="overlay.png"></button></a>
+
   <a href="/Team:Munich/Team" target=content><button class="dropbtnTeam"><img src="overlay.png"></button></a>
   <div class="dropdown-contentTeamMembers dropdown-content">
+
   <div class="dropdown-contentTeamMembers">
 
     <a href="teammembers" target=content></a>
 
     <a href="teammembers" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentSupervisors dropdown-content">
+
   <div class="dropdown-contentSupervisors">
 
     <a href="supervisors" target=content></a>
 
     <a href="supervisors" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentPIs dropdown-content">
+
   <div class="dropdown-contentPIs">
 
     <a href="pis" target=content></a>
 
     <a href="pis" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentCollaboratingInstitutions dropdown-content">
+
   <div class="dropdown-contentCollaboratingInstitutions">
 
     <a href="collaboratinginstitutions" target=content></a>
 
     <a href="collaboratinginstitutions" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentSponsors dropdown-content">
+
   <div class="dropdown-contentSponsors">
 
     <a href="sponsors" target=content></a>
 
     <a href="sponsors" target=content></a>
 
   </div>  
 
   </div>  
   <div class="dropdown-contentAttributions dropdown-content">
+
   <div class="dropdown-contentAttributions">
 
     <a href="/Team:Munich/Team" target=content></a>
 
     <a href="/Team:Munich/Team" target=content></a>
 
   </div>  
 
   </div>  
 
</div>
 
</div>
</td><td height="32" bgcolor=#51A7f9></td></tr>
+
</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>
 +
 
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
 
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
 
<tr>
 
<tr>
Line 760: Line 1,082:
 
<!-- Head End -->
 
<!-- Head End -->
 
<!-- Content Begin -->
 
<!-- Content Begin -->
<img width="960" src="https://static.igem.org/mediawiki/2017/a/ab/T--Munich--team-picture.png" style="margin-bottom: 15px">
+
<video height="270" width="960" autoplay="autoplay">
 +
<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.
 +
</video>
 
<table width="900" border=0 cellspacing=0 cellpadding=10>
 
<table width="900" border=0 cellspacing=0 cellpadding=10>
<tr><td colspan=3 align=left valign=center>
+
<tr><td colspan=2 align=left valign=center>
<font size=7 color=#444444><b>Student</b></font>
+
<font size=7 color=#444444><b>Abstract</b></font>
 
</td></tr>
 
</td></tr>
<tr><td colspan=3 align=center valign=center>
+
<tr><td align=center valign=center>
<div class="ui cards centered stackable">
+
<p style="text-align:justify">
                  <div  class="ui card">
+
<font size=3 color=#444444>
                      <div class="image">
+
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.  
                        <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Munich--ProfilePicture_Pattrick.jpg">
+
</font>
                      </div>
+
</p>
                    <div class="content">
+
</font>
                      <p class="header">Patrick Wilke</p>
+
</td><td align=center valign=center>
                      <div class="meta">
+
<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">
                        <span class="date">Masters Biochemistry (TUM)</span>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Patrick" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
                        He is currently in the Master in Biochemistry at TUM and is part of our Wet Lab Team. After spending too much time in the lab he has developed some side effects: he turned into a pipetting-robot and started to perceive reality in terms of incubation times. While he waits for the experiments to be done, he likes to play table football with Julian (you will know about him soon). Also, his laugh is very contagious.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/e/e1/T--Munich--ProfilePicture_Chris.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Christoph Neumayer</p>
+
                      <div class="meta">
+
                        <p><span class="date">Bachelor Molecular Biotechnology (TUM)</span><br>Age: 20<br>Origin: Abensberg, Germany</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Christoph" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> I like that I learn so many new methods and problem-solving strategies, which can really help me prepare for a future career in research.<br>
+
<b>Scientific Interests:</b> Experimental Genetics and Synthetic Biology.<br>
+
<b>Fun Fact:</b> I missed 5 minutes of “The Martian” when he did surgery on himself because I can´t see blood.<br>
+
<b>What makes you happy:</b> when my freaking cloning works and when someone gives me food.<br>
+
<b>Role Model:</b> Donald E. Ingber and Feng Zhang.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="Profile_Pictures/Benedikt.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Benedikt Dürr</p>
+
                      <div class="meta">
+
                        <p><span class="date">Bachelor Biology (LMU)</span><br>Age: 20<br>Origin: Munich, Germany</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Benedikt" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
                        <b>Favorite thing about iGEM:</b> So many cool ideas.<br>
+
<b>Scientific Interests:</b> I want to copy nature to use it under a new purpose.<br>
+
<b>Fun Fact:</b> I like to philosophy about everything.<br>
+
<b>What makes you happy:</b> Climbing, nature, traveling, and new impressions.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/d/d6/T--Munich--ProfilePicture_Sven.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Sven Klumpe</p>
+
                      <div class="meta">
+
                        <span class="date">Master Biochemistry (TUM)</span>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Sven" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
                        At first, he joined the team to do simulation experiments but he ended up going to the lab almost every day. Now he leaves the lab very late and works in both the Wet Lab and Hardware Team. That´s what passion for science does to you! He is currently in the 3rd semester of the Master in Biochemistry at TUM. He is a big music fan and occasionally jams in a local bar. So, if you need a musical break from the lab work, you can ask this guy.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div  class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Munich--ProfilePicture_Erika.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Erika Chacin De Leonardis</p>
+
                      <div class="meta">
+
                        <p><span class="date">Master Biology (LMU)</span><br>Age: 26<br>Origin: Caracas, Venezuela</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Erika" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> the possibility to create something novel with more freedom than in other projects and sharing science with people outside the field.<br>
+
<b>Scientific Interests:</b> Epigenetics, Synthetic Biology, and Drug Development.<br>
+
<b>Fun Fact:</b> I have a very low tolerance to heat after it goes up to 24 °C so I always bring a fan with me everywhere during the summer.<br>
+
<b>What makes you happy:</b> Cloning working, binge watching movies, rock concerts, and air conditioning.<br>
+
<b>Role Model:</b> Marie Curie and Craig Venter.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="Profile_Pictures/Luwdig.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Luwdig Bauer</p>
+
                      <div class="meta">
+
                        <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Erding, Germany</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Ludwig" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> Learning about things which are not directly related to my biochemistry studies.<br>
+
<b>Scientific Interests:</b> Biological and natural products chemistry<br>
+
<b>Fun Fact:</b> He keeps smiling even in stressful situations.<br>
+
<b>What makes you happy:</b> A large protein peak at purification.<br>
+
<b>Role Model:</b> ----
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/d/d4/T--Munich--ProfilePicture_Max.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Max Honemann</p>
+
                      <div class="meta">
+
                        <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Stuttgart, Germany</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Max" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> The chance to work on a project that we chose ourselves.<br>
+
<b>Scientific Interests:</b> DNA Nanotechnology and Electron Microscopy.<br>
+
<b>Fun Fact:</b> I would rather be late for an exam than skip breakfast.<br>
+
<b>What makes you happy:</b> Positive clones and time spent with friends.<br>
+
<b>Role Model:</b> ----
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/6/61/T--Munich--ProfilePicture_Rob.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Rob Strasser</p>
+
                      <div class="meta">
+
                        <p><span class="date">Master Biology (LMU)</span><br>Age: 25<br>Origin: Kirmbach, Germany </p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Rob" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> Creative and positive people everywhere.<br>
+
<b>Scientific Interests:</b> Infectious and Immune Diseases.<br>
+
<b>Fun Fact:</b> Sometimes dresses like Disney´s Aladdin.<br>
+
<b>What makes you happy:</b> The smell of freshly mowed grass.<br>
+
<b>Role Model:</b> Christopher Hitchens.
+
 
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/c/c7/T--Munich--Dali.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Dawafuti Sherpa</p>
+
                      <div class="meta">
+
                        <p><span class="date">Master in Biology (LMU)</span><br>Age: 27<br>Origin: Kathmandu, Nepal</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Dali" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> meeting people with amazing ideas and trying out new stuffs.<br>
+
<b>Scientific Interests:</b> almost everything related to Molecular and Cell Biology and of course Synthetic Biology.<br>
+
<b>Fun Fact:</b> need at least 8 hours sleep to function properly.<br>
+
<b>What makes you happy:</b> spending time with my family, yummy food, nature, sunsets, travelling to strange cities/places, overcoming hurdles in life, and good results from lab experiments.<br>
+
<b>Role Model:</b> my papa and mamma.<br>
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/f/f2/T--Munich--ProfilePicture_Milica.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Milica Zivanic</p>
+
                      <div class="meta">
+
                        <p><span class="date">Bachelor Molecular Biotechnology (TUM)</span><br>Age: 21<br>Origin: Belgrade,
+
Serbia</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Milica" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> acquiring knowledge and skills in different fields.<br>
+
<b>Scientific Interests:</b> Genetics, Immunology, and Pharmacology.<br>
+
<b>Fun Fact:</b> I learned Spanish as a kid just by watching telenovelas<br>
+
<b>What makes you happy:</b> seeing and making other people happy<br>
+
<b>Role Model:</b> Novak Djokovic
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/3/3e/T--Munich--ProfilePicture_Jorge.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Jorge Andres Quintero Serna</p>
+
                      <div class="meta">
+
                        <p><span class="date">Bachelor Computer Science (LMU)</span><br>Age: 23<br>Origin: Cali, Colombia</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Jorge" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> Students can develop their own projects and learn about original projects from teams around the world.<br>
+
<b>Scientific Interests:</b> in vitro DNA synthesis.<br>
+
<b>Fun Fact:</b> Extremely cold resistant and can survive winter equipped with a light jacket.<br>
+
<b>What makes you happy:</b> Arguing, about anything and everything. The more pointless the discussion the better.<br>
+
<b>Role Model:</b> My dad.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/4/49/T--Munich--ProfilePicture_Katzi.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Florian Katzmeier</p>
+
                      <div class="meta">
+
                        <p><span class="date">Master Biophysics (TUM)</span><br>Age: 23<br>Origin: Landsberg am Lach, Germany</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Katzi" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> Working late into the night.<br>
+
<b>Scientific Interests:</b> Theoretical Physics and doing handicraft.<br>
+
<b>Fun Fact:</b> I do things for reasons.<br>
+
<b>What makes you happy:</b> Coffee, cigarettes, and things that finally work as expected.<br>
+
<b>Role Model:</b> Isaac Newton.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="Profile_Pictures/Julian.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Julian Reinhard</p>
+
                      <div class="meta">
+
                        <p><span class="date">Bachelor Bioinformatics (LMU + TUM)</span><br>Age: 23<br>Origin: Bruchsal, Germany</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Julian" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> Trying and mixing new experimental protocols.<br>
+
<b>Scientific Interests:</b> Structural Bioinformatics and Systems Biology.<br>
+
<b>Fun Fact:</b> Developed RNAse anxiety disorder during iGEM.<br>
+
<b>What makes you happy:</b> Getting things to (finally!) work.<br>
+
<b>Role Model:</b> Craig Venter.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/c/cf/T--Munich--ProfilePicture_Florian.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Florian Rothfischer</p>
+
                      <div class="meta">
+
                        <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Munich, Germany</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Florian" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> CRISPR and night shifts.<br>
+
<b>Scientific Interests:</b> Microbiology, DNA-Nanorobotics, and Bio-Organic Chemistry.<br>
+
<b>Fun Fact:</b> The Professor for whom I work for, knows Florence Welch mother personally.<br>
+
<b>What makes you happy:</b> ----<br>
+
<b>Role Model:</b> Florence Leontine Mary Welch and Francis Crick.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/f/f1/T--Munich--ProfilePicture_Igor.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Igor Styazhkin</p>
+
                      <div class="meta">
+
                        <p><span class="date">Bachelor Biochemistry (TUM)</span><br>Age: 28<br>Origin: St. Petersburg, Russia</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Igor" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> Freedom and internationality.<br>
+
<b>Scientific Interests:</b> Origin of Life and Evolution.<br>
+
<b>Fun Fact:</b> ----<br>
+
<b>What makes you happy:</b> Summer.<br>
+
<b>Role Model:</b> Plate reader.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Munich--ProfilePicture_Matthias.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Matthias Lenz</p>
+
                      <div class="meta">
+
                        <p><span class="date">Bachelor Biology (TUM)</span><br>Age: 22<br>Origin: Freising, Germany</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Matthias" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> having people from diverse backgrounds come together and seeing their different approaches to problems.<br>
+
<b>Scientific Interests:</b> Genomics and Biomedicine.<br>
+
<b>Fun Fact:</b> A Professor of Genetics once told me I had a "really distinct phenotype" and walked away without any further explanation.<br>
+
<b>What makes you happy:</b> Observing nature, reading, and a good bouldering session.<br>
+
<b>Role Model:</b> Richard Feynman and Richard Dawkins.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
                  <div class="ui card">
+
                      <div class="image">
+
                        <img src="https://static.igem.org/mediawiki/2017/9/96/T--Munich--ProfilePicture_Teeradon.jpg">
+
                      </div>
+
                    <div class="content">
+
                      <p class="header">Teeradon Phlairaharn</p>
+
                      <div class="meta">
+
                        <p><span class="date">Bachelor Molecular Biotechnology (TUM)</span><br>Age: 23<br>Origin: Bangkok, Thailand</p>
+
                      </div>
+
                      <div class="description" >
+
                      <div class="mydescription" id="Teeradon" >
+
                        <div class="threeDots-container">
+
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
                        </div>
+
                        <p>
+
<b>Favorite thing about iGEM:</b> Meet new people.<br>
+
<b>Scientific Interests:</b> Plant System Biology<br>
+
<b>Fun Fact:</b> I laugh when people talk about serious topic.<br>
+
<b>What makes you happy:</b> Food.<br>
+
<b>Role Model:</b> Dr. Pakpoom Subsoontorn.
+
                        </p>
+
                      </div>
+
                      </div>
+
                    </div>
+
                  </div>
+
</div>
+
</td></tr>
+
<tr><td colspan=3 align=left valign=center>
+
<font size=7 color=#444444><b>Supervisors</b></font>
+
 
</td></tr>
 
</td></tr>
<tr><td colspan=3 align=center valign=center>
+
<tr><td align=center valign=center>
<div class="ui cards centered stackable">
+
<p style="text-align:justify">
              <div class="ui card">
+
<font size=3 color=#444444>
          <div class="image">
+
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.
            <img src="https://static.igem.org/mediawiki/2017/e/e5/T--Munich--ProfilePicture_Lukas.jpg">
+
</font>
          </div>
+
</p>
        <div class="content">
+
</td><td align=center valign=center>
          <p class="header">Lukas Aufinger</p>
+
<p style="text-align:justify">
          <div class="meta">
+
<font size=3 color=#444444>
            <p><span class="date">PhD student on cell-free gene expression</span></p>
+
Furthermore, Cas13a allows the fast design of target sequences, making our system adaptive to the emergence of new viral outbreaks or fast mutating pathogens.
          </div>
+
</font>
          <div class="description" >
+
</p>
          <div class="mydescription" id="Lukas" >
+
            <div class="threeDots-container">
+
              <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
            </div>
+
            <p>
+
            He studied Physics and Biophysics at TUM and is currently a PhD student working in cell-free gene expression in hydrogels. Before serious science got in the middle of his life, he used to do long jump. Now in his free time, he goes hiking and climbing. He has no clue about cloning, but is always willing to help us with any problem we have. He gives us advice on hardware and is always pushing us to learn new things outside the biologists’ comfort zone
+
            </p>
+
          </div>
+
          </div>
+
        </div>
+
      </div>
+
<div class="ui card">
+
          <div class="image">
+
            <img src="Profile_Pictures/Benjamin.jpg">
+
          </div>
+
        <div class="content">
+
          <p class="header">Benjamin Aleritsch</p>
+
          <div class="meta">
+
            <p><span class="date">PhD student on cellular computers</span></p>
+
          </div>
+
          <div class="description" >
+
          <div class="mydescription" id="Benjamin" >
+
            <div class="threeDots-container">
+
              <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
            </div>
+
            <p>
+
            He studied Aircraft-Engineering and got his Master in Physics at the LMU. Now as a PhD student, he is attempting to build a Turing-capable computer in a living cell, which expanded his skills to microbiology and genetics. He is an IT- and Tech-Guru that can build anything. For that reason, he gives us advice in different fields like hardware, software, and web design. He's a heavy metal hearted nature-boy that has finished the Ironman twice in the two years past. His next goal: to cycle up to Mauna Kea's summit.
+
            </p>
+
          </div>
+
          </div>
+
        </div>
+
      </div>
+
<div onmouseenter="toggleCard($('#Aurore'))" onmouseleave="toggleCard($('#Aurore'))" class="ui card">
+
          <div class="image">
+
            <img src="Profile_Pictures/Aurore.jpg">
+
          </div>
+
        <div class="content">
+
          <p class="header">Aurore Dupin</p>
+
          <div class="meta">
+
            <p><span class="date">PhD student on synthetic circuits</span></p>
+
          </div>
+
          <div class="description" >
+
          <div class="mydescription" id="Aurore" >
+
            <div class="threeDots-container">
+
              <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
+
            </div>
+
            <p>
+
            She comes from France, studied at the ENS Cachan and got her Master in Chemistry from the UPMC in Paris. Currently, she is a PhD student in the field of synthetic biology and is working on spatially organized synthetic circuits. At the beginning of our lab work, she trained us in key experiments like cloning and RNA isolation. We can confirm that she is a very patient supervisor, always with a nice answer even after asking her several times the same questions
+
            </p>
+
          </div>
+
          </div>
+
        </div>
+
      </div>
+
</div>
+
 
</td></tr>
 
</td></tr>
 
<tr><td class="no-padding" colspan=2 align=right valign=center height=10>
 
<tr><td class="no-padding" colspan=2 align=right valign=center height=10>
<br><br><br><center><hr></center>
+
<font size=2>| The iGEM Munich 2017 Team | 2017.07.13 |</font><br><br><br><center><hr></center>
 
</td></tr>
 
</td></tr>
 
</table>
 
</table>
Line 1,277: Line 1,133:
  
 
<!-- Foot Begin -->
 
<!-- Foot Begin -->
<table id="myFooter" width=960 height=35 cellpadding=0 cellspacing=0 border=0><tr><td align=right class="no-padding" valign=center>
+
<table style="position: fixed !important;" id="myFooter" 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>
 
<table width=300 height=35 cellpadding=0 cellspacing=0 border=0><tr>

Revision as of 11:11, 16 September 2017


Abstract

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.

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.

Furthermore, Cas13a allows the fast design of target sequences, making our system adaptive to the emergence of new viral outbreaks or fast mutating pathogens.

| The iGEM Munich 2017 Team | 2017.07.13 |