Difference between revisions of "Team:SJTU-BioX-Shanghai"

 
(33 intermediate revisions by 2 users not shown)
Line 29: Line 29:
 
　　    window.location.href = url;
 
　　    window.location.href = url;
 
     });
 
     });
−
     //*************** firefox refresh *************************//
+
     //*************** firefox refresh *************************//  
  
  
Line 150: Line 150:
 
         padding: 0;
 
         padding: 0;
 
     }
 
     }
−
      
+
 
 +
     @font-face{
 +
        font-family:Courgette;
 +
        src: url("https://static.igem.org/mediawiki/2018/9/9b/T--SJTU-BioX-Shanghai--zbzt.ttf");
 +
    }
 +
 
 +
    body{
 +
        font-family:Courgette;
 +
    }
 +
    .menu_bar_pc{
 +
        font-family: Lora;
 +
    }
 
     .body{
 
     .body{
 
         margin:0px;
 
         margin:0px;
Line 171: Line 182:
  
 
     .preface{
 
     .preface{
−
         width: 100vw;
+
         width: 100%;
−
         height: 100vh;
+
         height: 100%;
 
         position:relative;
 
         position:relative;
 
         background-image: url("https://static.igem.org/mediawiki/2018/a/a4/T--SJTU-BioX-Shanghai--preface_top-fix.png");
 
         background-image: url("https://static.igem.org/mediawiki/2018/a/a4/T--SJTU-BioX-Shanghai--preface_top-fix.png");
Line 179: Line 190:
 
         background-repeat: no-repeat;
 
         background-repeat: no-repeat;
 
        
 
        
−
         z-index: 18;
+
         z-index: 10;
 
     }
 
     }
 
      
 
      
Line 266: Line 277:
 
     /**************************** homepage section ******************************/
 
     /**************************** homepage section ******************************/
 
     .transition_band{
 
     .transition_band{
−
         width: 100vw;
+
         width: 100%;
 
         height: 10vh;
 
         height: 10vh;
 
         background-image:url("https://static.igem.org/mediawiki/2018/2/2c/T--SJTU-BioX-Shanghai--fading.png");
 
         background-image:url("https://static.igem.org/mediawiki/2018/2/2c/T--SJTU-BioX-Shanghai--fading.png");
Line 273: Line 284:
 
         background-color: rgba(241,240,225,1);
 
         background-color: rgba(241,240,225,1);
 
         z-index: 50;
 
         z-index: 50;
 +
        position: relative;
 
     }
 
     }
 
      
 
      
 
     .transition_band img{
 
     .transition_band img{
−
         width: 100vw;
+
         width: 100%;
−
          
+
         position: relative;
 
         z-index: 51;
 
         z-index: 51;
 
     }
 
     }
Line 285: Line 297:
 
     .homepage_section{
 
     .homepage_section{
 
          
 
          
−
         width: 100vw;  
+
         width: 100%;  
 
         height: 70vh;     
 
         height: 70vh;     
 
         position: relative;
 
         position: relative;
Line 343: Line 355:
 
       font-size: 1.3vw;
 
       font-size: 1.3vw;
 
       line-height: 2.5vw;
 
       line-height: 2.5vw;
 +
      text-align:justify;
 
     }
 
     }
 
    
 
    
 
      
 
      
 
     .homepage_section_content div{
 
     .homepage_section_content div{
−
         padding-right: 15vw;
+
         padding-right: 10vw;
 
         width:35vw;
 
         width:35vw;
 
         font-size: 2vw;
 
         font-size: 2vw;
Line 369: Line 382:
 
      
 
      
 
     .homepage_section0{
 
     .homepage_section0{
−
         width: 100vw;  
+
         width: 100%;  
−
         height: 30vh;
+
         height: 20vh;
−
         padding-bottom: 40px;
+
          
 
         background-color: rgba(255,230,210,1);
 
         background-color: rgba(255,230,210,1);
  
Line 390: Line 403:
 
         font-size: 2.5vw;
 
         font-size: 2.5vw;
 
         line-height: 2.5vw;
 
         line-height: 2.5vw;
−
         padding: 5vh 5vw;
+
          
 
     }
 
     }
  
 
     .homepage_section0 img{
 
     .homepage_section0 img{
−
         height: 20vh;
+
         height: 18vh;
−
         width: 10vw;
+
         width: 15vw;
−
         padding: 5vh 5vw;
+
         padding: 0vh 5vw;
 
     }
 
     }
 
      
 
      
Line 404: Line 417:
 
     .end{
 
     .end{
 
          
 
          
−
         width: 100vw;  
+
         width: 100%;  
 
         background-color: white;
 
         background-color: white;
 
         display: inline-block;
 
         display: inline-block;
Line 446: Line 459:
 
              
 
              
 
     </div>
 
     </div>
 +
<div style="width: 62.5%; height: 6.5vw;background-color:rgba(241,240,225,1);padding-left: 37.5%;text-align:center;position: relative;z-index:50;">
 +
<h1 style="width: 40%; padding: 2vw 0; font-family:Lora; text-align:center;font-size: 2.5vw; background-color:rgb(146,229,246);border-radius:1vw;">Graphical Abstract</h1>
 +
</div>
  
−
      
+
     <div style="width: 100%;height: auto;display:inline-block;text-align:center;padding-top:5vh;  position:relative; background-color:rgba(241,240,225,1);z-index:50;">
 +
          <img style="height: 100vh;" src="https://static.igem.org/mediawiki/2018/2/20/T--SJTU-BioX-Shanghai--graphical_abstract.png"/>
 +
    </div> 
 +
 
 +
<div style="width: 62.5%; height: 6.5vw;background-color:rgba(241,240,225,1);padding-left: 37.5%;padding-top:10vh;padding-bottom:5vh;text-align:center;">
 +
<h1 style="width: 40%; padding: 2vw 0; font-family:Lora; text-align:center;font-size: 2.5vw; background-color:rgb(146,229,246);border-radius:1vw;">Highlights</h1>
 +
</div>
  
 
     <div class="homepage_section" id="inno_point1">
 
     <div class="homepage_section" id="inno_point1">

Latest revision as of 17:10, 6 December 2018

Graphical Abstract

Highlights

Acoustic Reporter Genes

We successfully realize the expression and ultrasonic detection of acoustic reporter gene, and have performed specific identification of colorectal cancer through which.

T Peptide

We successfully construct an outer membrane peptide-displaying system that uses INP-tPEP and OmpA-tPEP to target T antigen expressed on the surface of cancerous cell.

ECHO Capsules and Hydrogel Beads

We successfully generate a bacterial loader that contains lyophilized engineered bacteria and enable its normal function in vivo.

Our Story Begins