Team:NJU China/Team

From 2013.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
Line 1: Line 1:
-
<html lang="en">
 
 +
<html lang="en">
     <head>
     <head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
-
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
 
         <meta charset="UTF-8" />
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
Line 62: Line 60:
     float:left;
     float:left;
     white-space: nowrap;
     white-space: nowrap;
-
     top:-3px;
+
     top:-6px;
     width: 490px;
     width: 490px;
     z-index: 5000;
     z-index: 5000;
Line 174: Line 172:
}
}
abbr,acronym { border:0;
abbr,acronym { border:0;
 +
}
 +
/* MAIN STYLE DEFINITIONS */
 +
a{
 +
color:#870203;
 +
-webkit-transition-duration:0.3s;
 +
-moz-transition-duration:0.3s;
 +
-o-transition-duration:0.3s;
}
}
 +
a:hover {
 +
color:#3d3f3c;
 +
}
 +
 +
a:visited{
 +
color:#870203;
 +
}
 +
 +
td
 +
{
 +
font-family: Helvetica;
 +
font-size: 10pt;
 +
vertical-align: top;
 +
text-align: left;
 +
padding-right: 10px;
 +
}
 +
 +
tr
 +
{
 +
vertical-align: top;
 +
}
 +
 +
H1 {
 +
    font-family: Helvetica;
 +
 
 +
    color: #3d3f3c;
 +
    text-align: left;
 +
    }
 +
 +
 
 +
H4 {
 +
    font-family: Helvetica;
 +
 +
    color: #3d3f3c;
 +
    text-align: left;
 +
    }
 +
 +
/* CONTENT HEADING STYLES - overrides some main.css styling */
 +
 +
H6 {
 +
font-family:'Caviar Dreams';
 +
font-size:30px;
 +
font-weight:500;
 +
text-align:left;
 +
 +
color: #3d3f3c;
 +
border-bottom:1px solid orangered;
 +
padding-bottom:10px;
 +
margin:15px 0;
 +
}
 +
 +
H1, H3 {
 +
font-family:'Tahoma';
 +
font-weight:100;
 +
 +
}
 +
 +
H1 {
 +
font-size:20px;
 +
border:none;
 +
}
 +
 +
img.headshot {
 +
width: 100px;
 +
height: auto;
 +
vertical-align: text-top;
 +
}
 +
 +
 +
 +
body {
 +
background:#fff;
 +
font-family: Helvetica;
 +
}
 +
 +
content {
 +
background: transparent;
 +
}
 +
 +
#tracking_nav
 +
{
 +
margin: 0px 0px 0px 950px;
 +
position: fixed;
 +
color:#bababa;
 +
border: 1px solid #3d3f3c;
 +
background:#3d3f3c;
 +
font-size: 16pt;
 +
padding: 5px;
 +
line-height: 120%;
 +
}
 +
 +
#tracking_nav a { color:#ffffff;font-size: 16pt;}
 +
#tracking_nav a:hover {background:#bababa;}
 +
 +
#parts_table
 +
{
 +
border: 1px solid #870203;
 +
border-collapse: collapse;
 +
width: 70%;
 +
margin: auto;
 +
}
 +
 +
#parts_table td
 +
{
 +
text-align: center;
 +
margin: 5px;
 +
border: 1px solid #870203;
 +
 +
}
 +
 +
#parts_table th
 +
{
 +
background-color: #bababa;
 +
border: 1px solid #870203;
 +
color: #ffffff;
 +
}
 +
 +
.table_part
 +
{
 +
vertical-align: middle;
 +
}
 +
 +
/* HEADER STYLES: banner, navbar, etc. */
 +
#banner { width:300px; display:block; float:left; }
 +
#banner img { width:100%; }
 +
 +
ul#nav {
 +
width:1800px;
 +
margin:15px 0 0 325px;
 +
position:relative;
 +
}
 +
 +
#nav li {
 +
color: #bbb;
 +
background-color:none;
 +
margin: 0 50px 0 0;
 +
float: left;
 +
position: relative;
 +
list-style: none;
 +
 +
}
 +
#nav li:last-child { margin:0; }
 +
 +
/* main level link */
 +
#nav a {
 +
font-family:'Source Sans Pro', sans-serif;
 +
font-size:10pt;
 +
font-weight:500;
 +
line-height:110%;
 +
color: inherit;
 +
text-decoration: none;
 +
display: block;
 +
padding: 0 0 0 5px;
 +
margin: 0;
 +
}
 +
 +
ul#nav > li > a {
 +
line-height:12px;
 +
border-left:solid 2px #bbb;
 +
padding:0 0 0 3px;
 +
}
 +
 +
#nav a:hover {
 +
/*background-color: #870203;
 +
color: #ffffff;*/
 +
}
 +
 +
/* main level link hover */
 +
#nav .current a, #nav li:hover > a {
 +
color: #000;
 +
border-color:orangered;
 +
}
 +
 +
/* sub levels link hover */
 +
#nav ul li:hover a, #nav li:hover li a {
 +
border: none;
 +
/*background-color: #FA9D1C;*/
 +
color:#000;
 +
}
 +
 +
#nav ul a:hover {
 +
color: orangered !important;
 +
/*background: #fff url(img/gradient.png) repeat-x 0 -100px !important;
 +
text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
 +
}
 +
 +
 +
/* dropdown */
 +
#nav li:hover > ul {
 +
/*display: block;*/
 +
opacity:1;
 +
margin:0;
 +
background-color: none;
 +
z-index:0;
 +
}
 +
 +
/* level 2 list */
 +
#nav ul {
 +
/*display: none;*/
 +
opacity:0;
 +
margin: 20px 0 0 0;
 +
padding: 7px 0 0 0;
 +
width: 205px;
 +
position: absolute;
 +
left: 0;
 +
z-index:-1;
 +
-webkit-transition-duration:0.5s;
 +
-moz-transition-duration:0.5s;
 +
-o-transition-duration:0.5s;
 +
}
 +
#nav ul li {
 +
float: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#nav ul a {
 +
font-weight: normal;
 +
/*text-shadow: 0 1px 0 #fff;*/
 +
}
 +
 +
/* clearfix */
 +
#nav:after {
 +
content: ".";
 +
display: block;
 +
clear: both;
 +
visibility: hidden;
 +
line-height: 0;
 +
height: 0;
 +
}
 +
#nav {
 +
display: inline-block;
 +
}
 +
html[xmlns] #nav {
 +
display: block;
 +
}
 +
 +
* html #nav {
 +
height: 1%;
 +
}
 +
 +
/* pinterest like photo grid for social page*/
 +
 +
/*
 +
body {
 +
background: url(http://subtlepatterns.com/patterns/scribble_light.png) ;
 +
}
 +
*/
 +
 +
#wrapper {
 +
width: 90%;
 +
max-width: 1100px;
 +
min-width: 800px;
 +
margin: 50px auto;
 +
}
 +
 +
#columns {
 +
-webkit-column-count: 3;
 +
-webkit-column-gap: 10px;
 +
-webkit-column-fill: auto;
 +
-moz-column-count: 3;
 +
-moz-column-gap: 10px;
 +
-moz-column-fill: auto;
 +
column-count: 3;
 +
column-gap: 15px;
 +
column-fill: auto;
 +
}
 +
 +
.pin {
 +
display: inline-block;
 +
background: #FEFEFE;
 +
border: 2px solid #FAFAFA;
 +
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
 +
margin: 0 2px 15px;
 +
-webkit-column-break-inside: avoid;
 +
-moz-column-break-inside: avoid;
 +
column-break-inside: avoid;
 +
padding: 15px;
 +
padding-bottom: 5px;
 +
background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
 +
opacity: 1;
 +
 +
-webkit-transition: all .2s ease;
 +
-moz-transition: all .2s ease;
 +
-o-transition: all .2s ease;
 +
transition: all .2s ease;
 +
}
 +
 +
.pin img {
 +
width: 100%;
 +
border-bottom: 1px solid #ccc;
 +
padding-bottom: 15px;
 +
margin-bottom: 5px;
 +
}
 +
 +
.pin p {
 +
font: 12px/18px Arial, sans-serif;
 +
color: #333;
 +
margin: 0;
 +
}
 +
 +
@media (min-width: 960px) {
 +
#columns {
 +
-webkit-column-count: 4;
 +
-moz-column-count: 4;
 +
column-count: 4;
 +
}
 +
}
 +
 +
@media (min-width: 1100px) {
 +
#columns {
 +
-webkit-column-count: 5;
 +
-moz-column-count: 5;
 +
column-count: 5;
 +
}
 +
}
 +
 +
#columns:hover .pin:not(:hover) {
 +
opacity: 0.4;
 +
}
/* General Demo Style */
/* General Demo Style */
body{
body{
Line 272: Line 597:
<style type="text/css">
<style type="text/css">
h2.ss-subtitle{
h2.ss-subtitle{
-
     padding: 10px 164px 40px;
+
     padding: 10px 10px 40px;
     font-size: 52px;
     font-size: 52px;
     text-transform: uppercase;
     text-transform: uppercase;
     color: rgba(0,0,0,0.8);
     color: rgba(0,0,0,0.8);
-
position: relative;
+
position: static;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
}
-
h2.ss-subtitle:before{
+
 
-
width: 4px;
+
-
height: 40px;
+
-
background: rgba(17,17,22,0.8);
+
-
content: '';
+
-
position: absolute;
+
-
right: 75%;
+
-
margin-right: -4px;
+
-
bottom: -4px;
+
-
-moz-border-radius: 2px 2px 0px 0px;
+
-
-webkit-border-radius: 2px 2px 0px 0px;
+
-
border-radius: 2px 2px 0px 0px;
+
-
}
+
-
h2.ss-subtitle:after{
+
-
width: 25%;
+
-
height: 0px;
+
-
border-bottom: 4px dotted rgba(17,17,22,0.8);
+
-
content: '';
+
-
position: absolute;
+
-
right: 50%;
+
-
margin-right: -1px;
+
-
bottom: -4px;
+
-
}
+
.ss-links{
.ss-links{
position: fixed;
position: fixed;
Line 374: Line 677:
     padding-right: 2%;
     padding-right: 2%;
}
}
-
.ss-circle{
+
 
-
    border-radius: 50%;
+
-
    overflow: hidden;
+
-
    display: block;
+
-
    text-indent: -9000px;
+
-
    text-align: left;
+
-
    -webkit-box-shadow:
+
-
0px 2px 5px rgba(0,0,0,0.7) inset,
+
-
0px 0px 0px 12px rgba(61,64,85,0.3);
+
-
    -moz-box-shadow:
+
-
0px 2px 5px rgba(0,0,0,0.7) inset,
+
-
0px 0px 0px 12px rgba(61,64,85,0.3);
+
-
    box-shadow:
+
-
0px 2px 5px rgba(0,0,0,0.7) inset,
+
-
0px 0px 0px 12px rgba(61,64,85,0.3);
+
-
background-size: cover;
+
-
background-color: #f0f0f0;
+
-
background-repeat: no-repeat;
+
-
background-position: center center;
+
-
position: static;
+
-
}
+
-
.ss-small .ss-circle{
+
-
width: 100px;
+
-
height: 100px;
+
-
}
+
-
.ss-medium .ss-circle{
+
-
width: 200px;
+
-
height: 200px;
+
-
}
+
-
.ss-large .ss-circle{
+
-
width: 300px;
+
-
height: 300px;
+
-
}
+
-
.ss-circle-deco:before{
+
-
width: 29%;
+
-
height: 0px;
+
-
border-bottom: 5px dotted #ddd;
+
-
border-bottom: 5px dotted rgba(17, 17, 22, 0.3);
+
-
-webkit-box-shadow: 0px 1px 1px #fff;
+
-
-moz-box-shadow: 0px 1px 1px #fff;
+
-
box-shadow: 0px 1px 1px #fff;
+
-
position: absolute;
+
-
top: 50%;
+
-
content: '';
+
-
margin-top: -3px;
+
-
}
+
-
.ss-circle-deco:after{
+
-
width: 0px;
+
-
height: 0px;
+
-
border-top: 10px solid transparent;
+
-
    border-bottom: 10px solid transparent;
+
-
content: '';
+
-
position: absolute;
+
-
top: 50%;
+
-
margin-top: -10px;
+
-
}
+
-
.ss-left .ss-circle-deco:before{
+
-
    right: 2%; 
+
-
}
+
-
.ss-right .ss-circle-deco:before{
+
-
    left: 2%; 
+
-
}
+
-
.ss-left .ss-circle-deco:after{
+
-
right: 0;
+
-
border-right: 10px solid rgba(17,17,22,0.8);
+
-
}
+
-
.ss-right .ss-circle-deco:after{
+
-
left: 0;
+
-
border-left: 10px solid rgba(17,17,22,0.8);
+
-
}
+
-
.ss-left .ss-circle{
+
-
    float: right;
+
-
    margin-right: 30%;
+
-
}
+
-
.ss-right .ss-circle{
+
-
    float: left;
+
-
    margin-left: 30%;
+
-
}
+
.ss-container h3{
.ss-container h3{
     margin-top: 34px;
     margin-top: 34px;
Line 498: Line 724:
     </head>
     </head>
     <body>
     <body>
 +
<div style="float:left; position:absolute; margin-top:-30px; margin-left:250px; z-index:1; display:block; ">
 +
</br></br>
 +
<a href="https://2013.igem.org"><img src="https://static.igem.org/mediawiki/2013/8/80/NJU-Miniminiminilogocolored.png" ></a>
 +
</div>
         <p>&nbsp;</p>
         <p>&nbsp;</p>
         <div class="container">
         <div class="container">
-
 
-
            <h2 class="ss-subtitle">TEAM</h2>
 
-
                    <div id="ss-container" class="ss-container">
 
-
                    <div class="ss-row">
 
<!--Start NavBar-->
<!--Start NavBar-->
-
<ul id="nav" style="position:relative; z-index:99999;">  
+
<ul id="nav">  
     <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li>
     <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a>
 +
        <ul>
 +
  <li><a href="https://2013.igem.org/Team:NJU_China/Project">Overview</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Project">Chassis</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Project">Targeting Module</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Project">Killing Module</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Project">Achievement</a></li>
 +
        </ul>
 +
    </li>
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a>
 +
    </li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a>
 +
        <ul>
 +
  <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Free debate</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Reach the unreached</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Workshop</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Collaboration</a></li>
 +
        </ul>
 +
    </li>
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a></li>
+
     <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a>
         <ul>  
         <ul>  
-
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Overview">Overview</a></li>  
+
  <li><a href="https://2013.igem.org/Team:NJU_China/Protocol">Protocol</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Chassis">Chassis</a></li>  
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Notebook">Lab notes</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Targeting Module">Targeting Module</a></li>
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Data Page">Data Page</a></li>  
-
          <li><a https://2013.igem.org/Team:NJU_China/Project#The_Experiments">The_Experiments</a></li>  
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Killing Module">Killing Module</a></li>
+
-
          <li><a https://2013.igem.org/Team:NJU_China/Project#Achievement">Achievement</a></li>
+
         </ul>
         </ul>
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a></li>  
+
    </li>
 +
   
 +
     <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a>
 +
        <ul>
 +
  <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety form</a></li>
 +
          <li><a href="https://2013.igem.org/Team:NJU_China/Virus-related_safety">Virus-related safety</a></li>
 +
        </ul>
 +
    </li>  
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a></li>
+
     <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li>
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a></li>
+
     <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a>
-
 
+
            <ul>  
-
    <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a></li>
+
  <li><a href="https://igem.org/2013_Judging_Form?id=1180">Judging criteria</a></li>  
-
 
+
          <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attribution</a></li>  
-
    <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li>  
+
          <li><a href="https://2013.igem.org/Team:NJU_China/Acknowledgement">Acknowledgement</a></li>
-
 
+
        </ul>
-
    <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a></li>
+
    </li>
    
    
</ul>
</ul>
<!--End NavBar-->  
<!--End NavBar-->  
 +
            <h2 class="ss-subtitle">TEAM</h2>
 +
                    <div id="ss-container" class="ss-container">
 +
                    <div class="ss-row">
             <div id="ss-container" class="ss-container">
             <div id="ss-container" class="ss-container">
                 <div class="ss-row">
                 <div class="ss-row">
Line 540: Line 795:
                     </div>
                     </div>
                 </div>
                 </div>
 +
 +
 +
<center><img width="1200px"; height="800px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/d/d6/M3-team-hezhao.jpg"></center>
<div class="ss-row ss-medium">
<div class="ss-row ss-medium">
<div class="ss-left">
<div class="ss-left">
<h3>
<h3>
-
<img width="300px"; height="400px" src="https://static.igem.org/mediawiki/2013/6/67/Gongfei.JPG">
+
<img width="300px"; height="400px" src="https://static.igem.org/mediawiki/igem.org/3/35/M3-team-gongfei.JPG">
</h3>
</h3>
</div>
</div>
Line 561: Line 819:
<div class="ss-right">
<div class="ss-right">
<h3>
<h3>
-
<img width="300px"; height="400px" src="https://static.igem.org/mediawiki/2013/6/6f/Daiyimei.JPG">
+
<img width="300px"; height="400px" src="https://static.igem.org/mediawiki/igem.org/8/8a/M3-team-daiyimei.JPG">
</h3>
</h3>
</div>
</div>
Line 573: Line 831:
</h3>
</h3>
</div>
</div>
 +
</div>
</div>
Line 578: Line 837:
<div class="ss-left">
<div class="ss-left">
<h3>
<h3>
-
<img width="300px"; height="334px" src="https://static.igem.org/mediawiki/2013/e/e5/Wengmingxi.jpg">
+
<img width="300px"; height="334px" src="https://static.igem.org/mediawiki/igem.org/a/a6/M3-team-Wengmingxi.jpg">
</h3>
</h3>
</div>
</div>
Line 595: Line 854:
<div class="ss-right">
<div class="ss-right">
<h3>
<h3>
-
<img width="300px"; height="676px" src="https://static.igem.org/mediawiki/2013/3/3a/Chenxi.png">
+
<img width="300px"; height="676px" src="https://static.igem.org/mediawiki/igem.org/5/51/M3-team-chenxi9.jpg">
</h3>
</h3>
</div>
</div>
Line 612: Line 871:
<div class="ss-left">
<div class="ss-left">
<h3>
<h3>
-
<img width="300px"; height="350px" src="https://static.igem.org/mediawiki/2013/0/02/Xiongaoli.JPG">
+
<img width="300px"; height="350px" src="https://static.igem.org/mediawiki/igem.org/f/fa/M3-team-xiongaoli.JPG">
</h3>
</h3>
</div>
</div>
Line 629: Line 888:
<div class="ss-right">
<div class="ss-right">
<h3>
<h3>
-
<img width="300px"; height="420px" src="https://static.igem.org/mediawiki/2013/e/e7/Sunyiyang.jpg">
+
<img width="300px"; height="420px" src="https://static.igem.org/mediawiki/igem.org/0/09/M3-team-sunyiyang.jpg">
</h3>
</h3>
</div>
</div>
Line 636: Line 895:
<a>Sunyiyang</a>
<a>Sunyiyang</a>
<span>
<span>
-
Sunny,healthy and lucky! That is me! </br>
+
Sunny,healthy and lucky! That is me! </br>
Contact：sunyiyang158@yahoo.com.cn</br>
Contact：sunyiyang158@yahoo.com.cn</br>
</span>                             
</span>                             
Line 646: Line 905:
<div class="ss-left">
<div class="ss-left">
<h3>
<h3>
-
<img width="480px"; height="360px" src="https://static.igem.org/mediawiki/2013/f/fd/Wangwei.JPG">
+
<img width="480px"; height="360px" src="https://static.igem.org/mediawiki/igem.org/6/6d/M3-team-wangwei.JPG">
</h3>
</h3>
</div>
</div>
Line 663: Line 922:
<div class="ss-right">
<div class="ss-right">
<h3>
<h3>
-
<img width="300px"; height="366px" src="https://static.igem.org/mediawiki/2013/6/60/Niuyuchen.jpg">
+
<img width="300px"; height="366px" src="https://static.igem.org/mediawiki/igem.org/f/f8/M3-team-niuyuchen.jpg">
</h3>
</h3>
</div>
</div>
Line 680: Line 939:
<div class="ss-left">
<div class="ss-left">
<h3>
<h3>
-
<img width="450px"; height="300px" src="https://static.igem.org/mediawiki/2013/e/ec/Zhouyu.jpg">
+
<img width="450px"; height="300px" src="https://static.igem.org/mediawiki/igem.org/e/ed/M3-team-zhouyu.jpg">
</h3>
</h3>
</div>
</div>
Line 688: Line 947:
<span>
<span>
Synthetic biology is like art and dream.</br>
Synthetic biology is like art and dream.</br>
-
Contact: 358577421@qq.com</br>
+
Contact: zhouyu1992nju@outlook.com</br>
</span>                             
</span>                             
</h3>
</h3>
Line 697: Line 956:
<div class="ss-right">
<div class="ss-right">
<h3>
<h3>
-
<img width="300px"; height="452px" src="https://static.igem.org/mediawiki/2013/e/eb/Weixiuqing.JPG">
+
<img width="300px"; height="452px" src="https://static.igem.org/mediawiki/igem.org/e/e3/M3-team-weixiuqing.JPG">
</h3>
</h3>
</div>
</div>
Line 714: Line 973:
<div class="ss-left">
<div class="ss-left">
<h3>
<h3>
-
<img width="400px"; height="300px" src="https://static.igem.org/mediawiki/2013/b/ba/Caiyusheng.jpg">
+
<img width="400px"; height="300px" src="https://static.igem.org/mediawiki/igem.org/8/8a/M3-team-caiyusheng.jpg">
</h3>
</h3>
</div>
</div>
Line 744: Line 1,003:
</div>
</div>
</div>
</div>
-
            </div>
 
-
        </div>
 
-
<center><img width="1200px"; height="800px" style="position:relative" src="https://static.igem.org/mediawiki/2013/5/54/NJU_China_Team.JPG"></center>
 
-
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
+
<div class="ss-row ss-medium">
 +
<div class="ss-right">
 +
<h3>
 +
<img width="487px"; height="734px" src="https://static.igem.org/mediawiki/igem.org/d/d5/M3-team-chenxi.jpg">
 +
</h3>
 +
</div>
 +
<div class="ss-right">
 +
<h3>
 +
<a>Chen Xi</a>
 +
<a>Instructor</a>
 +
<span>
 +
Associate Professor, School of Life Sciences, Nanjing University</br>
 +
Contact：xichen@nju.edu.cn</br>
 +
</span>                           
 +
</h3>
 +
</div>
 +
</div>
-
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
 
-
<STYLE type="text/css">
 
-
/* MAIN STYLE DEFINITIONS */
 
-
a{
 
-
color:#870203;
 
-
-webkit-transition-duration:0.3s;
 
-
-moz-transition-duration:0.3s;
 
-
-o-transition-duration:0.3s;
 
-
}
 
-
a:hover {
+
<center><img width="800px"; height="531px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/9/91/M3-Team8.JPG"></center>
-
color:#3d3f3c;
+
-
}
+
-
 
+
-
a:visited{
+
-
color:#870203;
+
-
}
+
-
 
+
-
td
+
-
{
+
-
font-family: Helvetica;
+
-
font-size: 10pt;
+
-
vertical-align: top;
+
-
text-align: left;
+
-
padding-right: 10px;
+
-
}
+
-
 
+
-
tr
+
-
{
+
-
vertical-align: top;
+
-
}
+
-
 
+
-
H1 {
+
-
    font-family: Helvetica;
+
-
    text-transform: uppercase;
+
-
    color: #3d3f3c;
+
-
    text-align: left;
+
-
    }
+
-
 
+
-
 
+
-
H4 {
+
-
    font-family: Helvetica;
+
-
    text-transform: uppercase;
+
-
    color: #3d3f3c;
+
-
    text-align: left;
+
-
    }
+
-
 
+
-
/* CONTENT HEADING STYLES - overrides some main.css styling */
+
-
 
+
-
H6 {
+
-
font-family:'Caviar Dreams';
+
-
font-size:30px;
+
-
font-weight:500;
+
-
text-align:left;
+
-
text-transform:uppercase;
+
-
color: #3d3f3c;
+
-
border-bottom:1px solid orangered;
+
-
padding-bottom:10px;
+
-
margin:15px 0;
+
-
}
+
-
 
+
-
H1, H3 {
+
-
font-family:'Source Sans Pro';
+
-
font-weight:600;
+
-
text-transform:uppercase;
+
-
}
+
-
 
+
-
H1 {
+
-
font-size:20px;
+
-
border:none;
+
-
}
+
-
 
+
-
img.headshot {
+
-
width: 100px;
+
-
height: auto;
+
-
vertical-align: text-top;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
body {
+
-
background:#fff;
+
-
font-family: Helvetica;
+
-
}
+
-
 
+
-
content {
+
-
background: transparent;
+
-
}
+
-
 
+
-
#tracking_nav
+
-
{
+
-
margin: 0px 0px 0px 950px;
+
-
position: fixed;
+
-
color:#bababa;
+
-
border: 1px solid #3d3f3c;
+
-
background:#3d3f3c;
+
-
font-size: 16pt;
+
-
padding: 5px;
+
-
line-height: 120%;
+
-
}
+
-
 
+
-
#tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
+
-
#tracking_nav a:hover {background:#bababa;}
+
-
 
+
-
#parts_table
+
-
{
+
-
border: 1px solid #870203;
+
-
border-collapse: collapse;
+
-
width: 70%;
+
-
margin: auto;
+
-
}
+
-
 
+
-
#parts_table td
+
-
{
+
-
text-align: center;
+
-
margin: 5px;
+
-
border: 1px solid #870203;
+
-
+
-
}
+
-
 
+
-
#parts_table th
+
-
{
+
-
background-color: #bababa;
+
-
border: 1px solid #870203;
+
-
color: #ffffff;
+
-
}
+
-
 
+
-
.table_part
+
-
{
+
-
vertical-align: middle;
+
-
}
+
-
 
+
-
/* HEADER STYLES: banner, navbar, etc. */
+
-
#banner { width:300px; display:block; float:left; }
+
-
#banner img { width:100%; }
+
-
 
+
-
ul#nav {
+
-
width:1800px;
+
-
margin:-50px 0 0 325px;
+
-
position:relative;
+
-
}
+
-
 
+
-
#nav li {
+
-
color: #bbb;
+
-
background-color:none;
+
-
margin: 0 50px 0 0;
+
-
float: left;
+
-
position: relative;
+
-
list-style: none;
+
-
text-transform:uppercase;
+
-
}
+
-
#nav li:last-child { margin:0; }
+
-
 
+
-
/* main level link */
+
-
#nav a {
+
-
font-family:'Source Sans Pro', sans-serif;
+
-
font-size:10pt;
+
-
font-weight:500;
+
-
line-height:110%;
+
-
color: inherit;
+
-
text-decoration: none;
+
-
display: block;
+
-
padding: 0 0 0 5px;
+
-
margin: 0;
+
-
}
+
-
 
+
-
ul#nav > li > a {
+
-
line-height:12px;
+
-
border-left:solid 2px #bbb;
+
-
padding:0 0 0 3px;
+
-
}
+
-
 
+
-
#nav a:hover {
+
-
/*background-color: #870203;
+
-
color: #ffffff;*/
+
-
}
+
-
 
+
-
/* main level link hover */
+
-
#nav .current a, #nav li:hover > a {
+
-
color: #000;
+
-
border-color:orangered;
+
-
}
+
-
 
+
-
/* sub levels link hover */
+
-
#nav ul li:hover a, #nav li:hover li a {
+
-
border: none;
+
-
/*background-color: #FA9D1C;*/
+
-
color:#000;
+
-
}
+
-
 
+
-
#nav ul a:hover {
+
-
color: orangered !important;
+
-
/*background: #fff url(img/gradient.png) repeat-x 0 -100px !important;
+
-
text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
+
-
}
+
-
 
+
-
 
+
-
/* dropdown */
+
-
#nav li:hover > ul {
+
-
/*display: block;*/
+
-
opacity:1;
+
-
margin:0;
+
-
background-color: none;
+
-
z-index:0;
+
-
}
+
-
 
+
-
/* level 2 list */
+
-
#nav ul {
+
-
/*display: none;*/
+
-
opacity:0;
+
-
margin: 20px 0 0 0;
+
-
padding: 7px 0 0 0;
+
-
width: 205px;
+
-
position: absolute;
+
-
left: 0;
+
-
z-index:-1;
+
-
-webkit-transition-duration:0.5s;
+
-
-moz-transition-duration:0.5s;
+
-
-o-transition-duration:0.5s;
+
-
}
+
-
#nav ul li {
+
-
float: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#nav ul a {
+
-
font-weight: normal;
+
-
/*text-shadow: 0 1px 0 #fff;*/
+
-
}
+
-
 
+
-
/* clearfix */
+
-
#nav:after {
+
-
content: ".";
+
-
display: block;
+
-
clear: both;
+
-
visibility: hidden;
+
-
line-height: 0;
+
-
height: 0;
+
-
}
+
-
#nav {
+
-
display: inline-block;
+
-
}
+
-
html[xmlns] #nav {
+
-
display: block;
+
-
}
+
-
+
-
* html #nav {
+
-
height: 1%;
+
-
}
+
-
 
+
-
/* pinterest like photo grid for social page*/
+
-
 
+
-
/*
+
-
body {
+
-
background: url(http://subtlepatterns.com/patterns/scribble_light.png) ;
+
-
}
+
-
*/
+
-
 
+
-
#wrapper {
+
-
width: 90%;
+
-
max-width: 1100px;
+
-
min-width: 800px;
+
-
margin: 50px auto;
+
-
}
+
-
 
+
-
#columns {
+
-
-webkit-column-count: 3;
+
-
-webkit-column-gap: 10px;
+
-
-webkit-column-fill: auto;
+
-
-moz-column-count: 3;
+
-
-moz-column-gap: 10px;
+
-
-moz-column-fill: auto;
+
-
column-count: 3;
+
-
column-gap: 15px;
+
-
column-fill: auto;
+
-
}
+
-
 
+
-
.pin {
+
-
display: inline-block;
+
-
background: #FEFEFE;
+
-
border: 2px solid #FAFAFA;
+
-
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
+
-
margin: 0 2px 15px;
+
-
-webkit-column-break-inside: avoid;
+
-
-moz-column-break-inside: avoid;
+
-
column-break-inside: avoid;
+
-
padding: 15px;
+
-
padding-bottom: 5px;
+
-
background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
+
-
opacity: 1;
+
-
+
-
-webkit-transition: all .2s ease;
+
-
-moz-transition: all .2s ease;
+
-
-o-transition: all .2s ease;
+
-
transition: all .2s ease;
+
-
}
+
-
 
+
-
.pin img {
+
-
width: 100%;
+
-
border-bottom: 1px solid #ccc;
+
-
padding-bottom: 15px;
+
-
margin-bottom: 5px;
+
-
}
+
-
 
+
-
.pin p {
+
-
font: 12px/18px Arial, sans-serif;
+
-
color: #333;
+
-
margin: 0;
+
-
}
+
-
 
+
-
@media (min-width: 960px) {
+
-
#columns {
+
-
-webkit-column-count: 4;
+
-
-moz-column-count: 4;
+
-
column-count: 4;
+
-
}
+
-
}
+
-
 
+
-
@media (min-width: 1100px) {
+
-
#columns {
+
-
-webkit-column-count: 5;
+
-
-moz-column-count: 5;
+
-
column-count: 5;
+
-
}
+
-
}
+
-
 
+
-
#columns:hover .pin:not(:hover) {
+
-
opacity: 0.4;
+
-
}
+
-
</STYLE>  
+
-
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
+
<center><img width="800px"; height="531px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/3/3e/M3-team222.JPG"></center>
 +
<center><img width="800px"; height="555px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/7/71/M3-Team-budda.JPG"></center>
 +
<center><img width="800px"; height="600px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/6/68/M3-team-xiamen.jpg"></center>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="Javascript">
<script language="Javascript">

Latest revision as of 06:39, 28 October 2013



 

TEAM

Team

NJU_China

Gong Fei To strive，to seek, to find and never to give up.
Contact：gongfei1024@126.com

Dai Yimei Hi, my name is Dai Yimei and I am a senior at Nanjing University. I am majoring in life science and plan to pursue graduate study in developmental biology. I believe that science can work wonders.
Contact: yimei1112@163.com

Weng Mingxi I love science and have great passion in life science. This is my first time to participate in iGEM. I find my fun in our project this summer. It's so great to design and synthesize biological devices to achieve a certain transformation of life to some extent as our will. And it’s always a pleasure to be with everyone in our team. What a wonderful experience!
Contact： wmx0070@163.com

Chen xi I am Chen Xi, a life science student trying to find out solution to health problem in a simpler way.
Contact: chenxi0124@163.com

Xiong Aoli What synthetic biology attracts me by in the first place is that by designing different parts one’s hands could work just as the hands of god. It brings me back to the childhood when I was playing with my Lego. With several basic parts, one could build a world with infinite possibility, just like synthetic biology and iGEM. I’m enjoying the process of creating something new.
Contact：452086759@qq.com

Sunyiyang Sunny,healthy and lucky! That is me!
Contact：sunyiyang158@yahoo.com.cn

Wang Wei I’m Wang Wei, a senior student at the school of Life Science, NANJING University. This is an opportunity to personally deeply involve in scientific research, and from which I harvest. I learned about synthetic biology, and knew what my interest is. This summer, I had a good time with IGEM, cell experiment and my friends.
Contact：hbwangwei@sina.cn

Niu Yuchen I believe that the life sciences can bring us a better life.
Contact：nycklkl@163.com

Zhou Yu Synthetic biology is like art and dream.
Contact: zhouyu1992nju@outlook.com

Wei Xiuqing Hello, I am Viola, a senior student major in Life Sciences at Nanjing University. Drawing and playing table tennis are my favorite hobbies, and I also like growing flowers. I am excited to be a part of such a diverse group of students and looking forward to the competition. Facing difficulties I am always positive and optimistic. Love life, love Life Sciences. Fighting!
Contact：1223041429@qq.com

Cai Yusheng Man is not made for defeat. A man can be destroyed but not defeated.
Contact: 358577421@qq.com

An Hongrui On the way to a smile.
Contact: tafeiry@gmail.com

Chen Xi Instructor Associate Professor, School of Life Sciences, Nanjing University
Contact：xichen@nju.edu.cn

Retrieved from "http://2013.igem.org/Team:NJU_China/Team"