Difference between revisions of "Team:Munich/Testflow"

 
(471 intermediate revisions by the same user not shown)
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" />
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:Munich/Header?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:Munich/Filter?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:Munich/Body?action=raw&ctype=text/css" />
 
<head>
 
<head>
 
<style>
 
<style>
−
#home_logo, #sideMenu { display:none; }
+
#HQ_page h3{
−
    #sideMenu, #top_title, .patrollink {display:none;}
+
  text-align: left;
−
    #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
margin-bottom: 10px;
−
    body {background-color:white; font-size: 14px; }
+
−
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
 
+
−
#HQ_page td not(#myContent){
+
−
padding: 0;
+
 
}
 
}
  
−
#HQ_page table{
+
#HQ_page h1{
−
font-size: 14px;
+
−
}
+
−
#HQ_page td{
+
−
border-style: none ;
+
−
vertical-align: middle;
+
−
}
+
−
 
+
−
.meta{
+
 
  text-align: left;
 
  text-align: left;
 +
margin-bottom: 20px;
 +
color: #51a7f9;
 
}
 
}
  
−
#HQ_page table{
+
#HQ_page h3{
−
  border-style: none !important;
+
  color: #51a7f9;
−
margin: 0 !important;
+
 
}
 
}
  
−
#HQ_page p.header{
 
−
font-size: 1.287em;
 
−
}
 
  
−
html, body
+
#myContent *{
−
{
+
color: #444444;
−
margin: 0;
+
−
padding: 0;
+
−
font-family: "Helvetica", Arial, Serif;
+
 
}
 
}
−
.dropdown {
 
−
    width: 137px;
 
−
    margin: auto;
 
−
    position: relative;
 
−
    display: inline-block;
 
−
}
 
−
 
−
 
  
−
.dropbtnCascAid {
+
#myContent tr p{
−
    background-image: url("https://static.igem.org/mediawiki/2017/b/ba/T--Munich--wiki_image_menu_cascaid_low.gif");
+
margin-bottom: 10px;
−
    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");
+
 
}
 
}
  
−
 
+
#myContent h4{
−
 
+
text-align: left;
−
.dropbtnProject {
+
−
    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 {
+
−
    background-image: url("https://static.igem.org/mediawiki/2017/5/5d/T--Munich--wiki_image_menu_project_high.gif");
+
 
}
 
}
  
−
 
+
#HQ_page .listResults{
−
 
+
text-align: left;
−
.dropbtnWetlab {
+
font-size: 1.2rem;
−
    background-image: url("https://static.igem.org/mediawiki/2017/9/9d/T--Munich--wiki_image_menu_wetlab_low.gif");
+
list-style-type: circle;
−
    position: relative;
+
margin-left: 40px;
−
    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");
+
 
}
 
}
  
−
 
+
#HQ_page .menuList{
−
 
+
background-color: #51a7f9;
−
.dropbtnSoftHardware {
+
text-align: center;
−
    background-image: url("https://static.igem.org/mediawiki/2017/b/bb/T--Munich--wiki_image_menu_softhardware_low.gif");
+
border-radius: 3px;
−
    position: relative;
+
−
    padding: 0px;
+
−
    border: none;
+
−
    cursor: pointer;
+
−
    width: 137px;
+
−
    height: 32px;
+
−
}
+
−
.dropdown:hover .dropbtnSoftHardware {
+
−
    background-image: url("https://static.igem.org/mediawiki/2017/1/18/T--Munich--wiki_image_menu_softhardware_high.gif");
+
 
}
 
}
  
−
 
+
#HQ_page .menuList li{
−
 
+
display: inline;
−
.dropbtnModel {
+
padding: 20px;
−
    background-image: url("https://static.igem.org/mediawiki/2017/7/7b/T--Munich--wiki_image_menu_model_low.gif");
+
font-size: 1.71429rem;
−
    position: relative;
+
−
    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");
+
 
}
 
}
  
−
 
+
#HQ_page .menuList li a{
−
 
+
color: #ffffff;
−
.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");
+
 
}
 
}
  
−
 
+
#HQ_page .menuList li a:hover{
−
 
+
color: #3c7cb9;
−
.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;
 
−
}
 
−
 
−
.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 .mydescription:hover p {
 
−
  background: initial;
 
−
  -webkit-background-clip: initial;
 
−
  -webkit-text-fill-color: initial;
 
−
}
 
−
 
−
.mydescription:hover .threeDots-container{
 
−
display: none;
 
−
}
 
−
 
−
@keyframes expandCard{
 
−
to{
 
−
height:15em;
 
−
}
 
−
}
 
−
 
−
.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 .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: 1em;
 
−
}
 
−
 
−
.image > img{
 
−
  height: 200px !important;
 
−
}
 
−
 
−
.cards{
 
−
  align-items: flex-start;
 
−
}
 
−
 
 
</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 height="32" bgcolor=#51A7f9></td><td bgcolor=#51A7f9 height="32" width="960" align=center>
 
−
<div class="dropdown">
 
−
  <a href="index"><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="attributions" target=content></a>
 
−
  </div>
 
−
</div>
 
−
</td><td height="32" bgcolor=#51A7f9></td></tr>
 
 
<!-- Content -->
 
<!-- Content -->
−
<tr><td width="100%" colspan=3>
+
<tr><td width="100%" colspan=4>
 
<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 1,137: Line 85:
 
<!-- 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">
+
<img id="TopPicture" width="960" src="https://static.igem.org/mediawiki/2017/0/04/T--Munich--FrontPagePictrues_FinalResults.jpg">
−
<table width="900" border=0 cellspacing=0 cellpadding=10>
+
<table width="960" border=0 cellspacing=0 cellpadding=10>
−
<tr><td colspan=3 align=left valign=center>
+
<tr>
−
<font size=7 color=#444444><b>Abstract</b></font>
+
<td width=160></td>
−
</td></tr>
+
<td width=160></td>
−
<tr><td colspan=3 align=center valign=center>
+
<td width=160></td>
−
<div class="ui cards centered stackable">
+
<td width=160></td>
−
      <div class="ui card">
+
<td width=160></td>
−
          <div class="image">
+
<td width=160></td>
−
            <img src="Profile_Pictures/compress/Chris.jpg">
+
</tr>
−
          </div>
+
<tr><td colspan=6 align=left valign=center>
−
        <div class="content">
+
<font size=7 color=#51a7f9><b style="color: #51a7f9">Final Results</b></font>
−
          <p class="header">Pattrick Wilke</p>
+
−
          <div class="meta">
+
−
            <span class="date">Masters Biochemistry (TUM)</span>
+
−
          </div>
+
−
          <div class="description" >
+
−
          <div class="mydescription" id="Pattrick" >
+
−
            <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="Profile_Pictures/compress/Chris.jpg">
+
−
          </div>
+
−
        <div class="content"chris>
+
−
          <p class="header">Pattrick Wilke</p>
+
−
          <div class="meta">
+
−
            <span class="date">Masters Biochemistry (TUM)</span>
+
−
          </div>
+
−
          <div class="description" >
+
−
          <div class="mydescription" id="Pattrick" >
+
−
            <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="Profile_Pictures/compress/Chris.jpg">
+
−
          </div>
+
−
        <div class="content">
+
−
          <p class="header">Rob Wilke</p>
+
−
          <div class="meta">
+
−
            <span class="date">Masters Biochemistry (TUM)</span>
+
−
          </div>
+
−
          <div class="description" >
+
−
          <div class="mydescription" id="Pattrick" >
+
−
            <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>
+
−
</td></tr>  
+
−
<tr><td align=center valign=center>
+
−
<p style="text-align:justify">
+
−
<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.
+
−
</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.
+
−
</font>
+
−
</p>
+
−
</td></tr>
+
−
<tr><td colspan=2 align=right valign=center height=10>
+
−
<font size=2>| The iGem Munich 2017 Team | 2017.07.13 |</font><br><br><br><center><hr></center>
+
−
</td></tr>
+
−
</table>
+
−
<!-- Content End -->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!-- Foot Begin -->
+
−
<table width=960 height=35 cellpadding=0 cellspacing=0 border=0><tr><td 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>
 +
<tr>
 +
<td style="background-color: #51a7f9;" colspan = 6 align="left">
 +
<ul class="menuList" id="menu">
 +
  <li><a href="/Team:Munich/Cas13a">Cas13a</a></li>
 +
  <li><a href="/Team:Munich/Readouts">Readouts</a></li>
 +
  <li><a href="/Team:Munich/Targets">Targets</a></li>
 +
  <li><a href="/Team:Munich/Detection Chip">Detection Chip</a></li>
 +
  <li><a href="/Team:Munich/Amplification">Amplification</a></li>
 +
  <li><a href="/Team:Munich/Biobrick">Biobrick</a></li>
 +
</ul> 
  
−
<td align=center valign=center>
+
</td>
−
<a href="https://www.tum.de/" target="_blank4" >
+
</tr>
−
<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'">
+
−
</a>
+
−
</td>
+
  
−
<td align=center valign=center>
 
−
<a href="http://www.e14.ph.tum.de/en/home/" target="_blank5" >
 
−
<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'">
 
−
</a>
 
−
</td>
 
  
−
<td align=center valign=center>
+
<tr><td colspan=6 align=center valign=center>
−
<a href="http://www.biochem.mpg.de/en" target="_blank5" >
+
<h1>Overview</h1>
−
<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'">
+
<p>
−
</a>
+
We demonstrated that each of the modules of our platform (extraction, amplification and detection of pathogenic RNA) is functional, although we did not yet fully integrate all the modules into a final product.
−
</td>
+
</p>
  
−
<td align=center valign=center>
+
<h3>What worked</h3>
−
<a href="https://www.helmholtz-muenchen.de/" target="_blank5" >
+
  <ul class="listResults">
−
<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'">
+
          <li><a href="/Team:Munich/Cas13a">Demonstrated functionality of Lbu and Lwa Cas13a.</a></li>
−
</a>
+
          <li><a href="/Team:Munich/Cas13a">Modelled the detection limit of our circuit and confirmed it experimentally (~10 nM RNA).</a></li>
 +
          <li><a href="/Team:Munich/Cas13a">Detected pathogen RNA sequence from <i> in vitro </i> and <i> in vivo </i> sources.</a></li>
 +
          <li><a href="/Team:Munich/Targets">Differentiated viral sequences from bacterial sequences.</a></li>
 +
          <li><a href="/Team:Munich/Readouts">Used RNase Alert and Spinach aptamer read-out circuits.</a></li>
 +
          <li><a href="/Team:Munich/Readouts">Used gold nanoparticles to detect general RNase activity.</a></li>
 +
          <li><a href="/Team:Munich/Detection">Detected RNA in bulk, on paper, and from lyophilized Cas13a.</a></li>
 +
          <li><a href="/Team:Munich/Detection">Constructed a functional fluorescence detector with high sensitivity and low production cost.</a></li>
 +
          <li><a href="/Team:Munich/Cas13a">Detected RNA in bulk, on paper, and from lyophilized Cas13a.</a></li>
 +
          <li><a href="/Team:Munich/Amplification">Amplified target with RPA and transcription on paper.</a></li>
 +
          <li><a href="/Team:Munich/Parts">Improved the biobrick BBa_K1319008 by adding a 6x His-tag and provided Cas13a Lwa as three different composite biobricks.</a></li>
 +
          <li><a href="/Team:Munich/Part_Collection">Characterized the GFP degradation tags and sent them as a part collection.</a></li>
 +
  </ul>
 +
<h3>What presented issues</h3>
 +
  <ul class="listResults">
 +
          <li><a href="/Team:Munich/Cas13a">Optimizing the purification protocol for Cas13a.</a></li>
 +
          <li><a href="/Team:Munich/Cas13a">Demonstrating functionality of Lsh Cas13a.</a></li>
 +
          <li><a href="/Team:Munich/Cas13a">Ruling out RNase contamination from heat-lysed in vivo samples.</a></li>
 +
          <li><a href="/Team:Munich/Targets">Detecting Q5 beta RNA.</a></li>
 +
          <li><a href="/Team:Munich/Targets">Reducing cross-talk between <i> E.coli </i> crRNA and <i> B.subtilitis </i> target RNA.</a></li>
 +
          <li><a href="/Team:Munich/Readouts">Developing colorimetric read-outs.</a></li>
 +
          <li><a href="/Team:Munich/Detection">Optimizing the lyophilization and stability of Cas13a.</a></li>
 +
          <li><a href="/Team:Munich/Amplification">Performing RPA and transcription on chip.</a></li>
 +
  </ul>
 
</td>
 
</td>
 +
</tr>
  
−
<td align=center valign=center>
+
<tr><td align=center valign=center colspan=3>
−
<a href="https://igem.org/Main_Page" target="_blank6" >
+
<img width=440 src="https://static.igem.org/mediawiki/2017/7/7d/Detector_hw_startpage.jpeg">
−
<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'">
+
−
</a>
+
 
</td>
 
</td>
−
 
+
<td align=center valign=center colspan=3>
−
</tr></table></td><td 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 align=left valign=center><table width=200 height=35 cellpadding=0 cellspacing=0 border=0><tr>
+
<img width=440 src="https://static.igem.org/mediawiki/2017/e/e2/T--Munich--Hardware_kinetic.png">
−
 
+
−
<td align=center valign=center>
+
−
<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>
+
<tr><td colspan=6 align=center valign=center>
−
<a href="https://twitter.com/iGEM_Munich" target="_blank8" >
+
<h1>Discussion</h1>
−
<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'">
+
<p> 
−
</a>
+
Our project CascAID is a universal solution for low cost, point of care diagnostics of infectious diseases. Currently, the available diagnostic tools are based on PCR, antibodies or microbiological methods which all need trained personal and lab equipments. Therefore, these methods are cost and time consuming. This gives rise to the need of developing effective, affordable and portable devices.</p><p>
 +
In our project, we first successfully replicated the Cas13a-based detection of RNA pathogens that was demonstrated by Gootenberg et al. Although this result is not novel, we thoroughly characterized the target detection limit for different bacterial and viral targets, from <i> in vitro </i> and <i> in vivo </i> sources, and proved the possibility to discriminate between viruses and bacteria with high specificity. We laid the groundwork for colorimetric read-outs that will add another layer of amplification in our cascade detection (gold nanoparticles, intein-extein and ssDNA amplification). Those readouts should allow for a practical readability of the diagnosis by the user without the need of digital analysis. Additionally, their amplification scheme should also lower the detection limit of the Cas13a without the need for pre-amplification of the target.  </p><p>
 +
However, we worked in parallel on a scheme for amplifying the target using RPA and transcription. Although the reaction worked on paper, it did not work on chip due to the toxicity of the PDMS to the reaction.  
 +
We built a fluorescence detector with high sensitivity to cost ratio, and used it successfully to detect Cas13a activity. However, the product itself needs to be redesigned for market distribution: in general, a fluorescence detector is not necessarily user-friendly, the extraction of the RNA on chip needs to be optimized, and the costs of the whole product must be lowered. </p><p>
 +
Nevertheless, we are glad to have created a functional platform that allows the detection of nanomolar concentrations of pathogens within 30 minutes. With our modular approach, we have shown at least proof-of-concept results for each part, and are confident that no fundamental gap prevents our platform from being usable, only optimization.  
 +
</p>
 
</td>
 
</td>
 +
</tr>
  
−
<td align=center valign=center>
+
<tr><td colspan=6 align=center valign=center>
−
<a href="mailto:igem.munich@gmail.com">
+
<h1>Outlook</h1>
−
<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'">
+
<p> 
−
</a>
+
We still have some project sections that we need to improve in the future. We have therefore listed the following points that need to be optimized below.
 +
</p>
 +
  <ul class="listResults">
 +
          <li><i> In vivo </i> heat lysis: During our experiments, we realized that the RNA extraction of <i> E. coli </i> using heat lysis is not always optimal for our experimental setup due to the fact that we have RNase contamination in the extracted RNA samples. Although our Cas13a cleavage assays are performed in presence RNase Inhibitor to suppress the activity of the RNases that could be present, we saw that the heat lysed samples show relatively higher fluorescence activity in comparison to the phenol chloroform extracted samples</li>
 +
          <li>RNA extraction and amplification: The RNA extraction from the <i> Bacillus subtilis </i> was particularly difficult in our case since <i> B. subtilis </i> is a gram positive, spore forming bacteria. Also the amount and the quality of the RNA extracted from the <i> B. subtilis </i> and <i> E.coli </i> cultures were sufficiently good. We therefore should find methods to improve either the RNA extraction protocol or use a better amplification steps after the extraction.</li>
 +
          <li>Cost of the chip: Now, the cost of our chip is less than 15 dollars per chip. We could still try to minimize the costs by reducing the chip size and making it fully recyclable. However, at industrial level one could potentially reduce the cost of the chip.</li>
 +
          <li>Lyophilization of Cas13a: We also figured out that the lyophilization protocol of the Cas13a has to be improved in order to make our paper chip portable and sustainable. We also tried drying the Cas13a with the tardigrade intrinsically disordered proteins (TDPs) from team Delft but still it wasn’t that effective as expected. Therefore, we have to integrate some better methods to lyophilize the Cas13a without losing its activity.</li>
 +
          <li>Readouts with color and amplification: The colorimetric readout is also something we need to work on and improve since we only managed to partially succeed with the colorimetric assays. We however think that it is possible to realize this using more elegant ways of RNA detection and this is something we could try in future.</li>
 +
          <li>Integration of all the modules of the platform: Although all our modules parts are functional, we were only able to integrate them partially. So, with more time, we believe that we can have a fully functional and integrated module system.  
 +
</li>
 +
  </ul>
 
</td>
 
</td>
 +
</tr>
  
−
<td align=center valign=center>
 
−
<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 align=center valign=center>
+
<tr><td class="no-padding" colspan=6 align=right valign=center height=10>
−
<a href="https://2017.igem.org/Team:Munich" target="_blank10" >
+
<br><br><br><center><hr></center>
−
<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'">
+
</td></tr>
−
</a>
+
−
</td>
+
−
 
+
−
</tr></table>
+
−
</td></table>
+
−
</td>
+
−
<td width="40%">
+
−
</td>
+
−
</tr>
+
 
</table>
 
</table>
−
</body>
+
<!-- Content End -->
−
</td></tr>
+
</html>
−
<tr><td height="25" bgcolor=#ffffff></td><td bgcolor=#ffffff height="25" width="960" align=center>
+
{{Munich/Footer}}
−
<hr>
+
−
<table height=25 cellpadding=0 cellspacing=2 border=0><tr>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="90" align=center valign=center>
+
−
<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>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<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 bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<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>
+
−
<link rel="stylesheet" type="text/css"
+
−
href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" />
+
−
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="60" align=center valign=center>
+
−
<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>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<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 bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="85" align=center valign=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>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="60" align=center valign=center>
+
−
<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>
+
−
</td>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<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>
+
−
 
+
−
<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 bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="40" align=center valign=center>
+
−
<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 bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="130" align=center valign=center>
+
−
<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>
+
−
</td>
+
−
 
+
−
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
+
−
 
+
−
<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>
+

Latest revision as of 19:24, 31 October 2017

Description

Design

Demonstrate

Measurement

Applied Design

Final Results

Achievements

Protocols

Notebook

Safety

Parts

Improved Part

Part Collection

InterLab

Model

Software

Collaboration

Detector

Quake Valve

Paperstrips

Sample Processing

Silver

Gold

Engagement

Collaborations

Team members

Sponsors

Attributions

Gallery

Final Results

Overview

We demonstrated that each of the modules of our platform (extraction, amplification and detection of pathogenic RNA) is functional, although we did not yet fully integrate all the modules into a final product.

What worked

What presented issues

Discussion

Our project CascAID is a universal solution for low cost, point of care diagnostics of infectious diseases. Currently, the available diagnostic tools are based on PCR, antibodies or microbiological methods which all need trained personal and lab equipments. Therefore, these methods are cost and time consuming. This gives rise to the need of developing effective, affordable and portable devices.

In our project, we first successfully replicated the Cas13a-based detection of RNA pathogens that was demonstrated by Gootenberg et al. Although this result is not novel, we thoroughly characterized the target detection limit for different bacterial and viral targets, from in vitro and in vivo sources, and proved the possibility to discriminate between viruses and bacteria with high specificity. We laid the groundwork for colorimetric read-outs that will add another layer of amplification in our cascade detection (gold nanoparticles, intein-extein and ssDNA amplification). Those readouts should allow for a practical readability of the diagnosis by the user without the need of digital analysis. Additionally, their amplification scheme should also lower the detection limit of the Cas13a without the need for pre-amplification of the target.

However, we worked in parallel on a scheme for amplifying the target using RPA and transcription. Although the reaction worked on paper, it did not work on chip due to the toxicity of the PDMS to the reaction. We built a fluorescence detector with high sensitivity to cost ratio, and used it successfully to detect Cas13a activity. However, the product itself needs to be redesigned for market distribution: in general, a fluorescence detector is not necessarily user-friendly, the extraction of the RNA on chip needs to be optimized, and the costs of the whole product must be lowered.

Nevertheless, we are glad to have created a functional platform that allows the detection of nanomolar concentrations of pathogens within 30 minutes. With our modular approach, we have shown at least proof-of-concept results for each part, and are confident that no fundamental gap prevents our platform from being usable, only optimization.

Outlook

We still have some project sections that we need to improve in the future. We have therefore listed the following points that need to be optimized below.

  • In vivo heat lysis: During our experiments, we realized that the RNA extraction of E. coli using heat lysis is not always optimal for our experimental setup due to the fact that we have RNase contamination in the extracted RNA samples. Although our Cas13a cleavage assays are performed in presence RNase Inhibitor to suppress the activity of the RNases that could be present, we saw that the heat lysed samples show relatively higher fluorescence activity in comparison to the phenol chloroform extracted samples
  • RNA extraction and amplification: The RNA extraction from the Bacillus subtilis was particularly difficult in our case since B. subtilis is a gram positive, spore forming bacteria. Also the amount and the quality of the RNA extracted from the B. subtilis and E.coli cultures were sufficiently good. We therefore should find methods to improve either the RNA extraction protocol or use a better amplification steps after the extraction.
  • Cost of the chip: Now, the cost of our chip is less than 15 dollars per chip. We could still try to minimize the costs by reducing the chip size and making it fully recyclable. However, at industrial level one could potentially reduce the cost of the chip.
  • Lyophilization of Cas13a: We also figured out that the lyophilization protocol of the Cas13a has to be improved in order to make our paper chip portable and sustainable. We also tried drying the Cas13a with the tardigrade intrinsically disordered proteins (TDPs) from team Delft but still it wasn’t that effective as expected. Therefore, we have to integrate some better methods to lyophilize the Cas13a without losing its activity.
  • Readouts with color and amplification: The colorimetric readout is also something we need to work on and improve since we only managed to partially succeed with the colorimetric assays. We however think that it is possible to realize this using more elegant ways of RNA detection and this is something we could try in future.
  • Integration of all the modules of the platform: Although all our modules parts are functional, we were only able to integrate them partially. So, with more time, we believe that we can have a fully functional and integrated module system.