Team:NJU China/Team

From 2013.igem.org

(Difference between revisions)
 
(27 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 75: Line 73:
     text-align: left;
     text-align: left;
     color:#999999;
     color:#999999;
-
 
+
    text-transform: lowercase;
}
}
Line 166: Line 164:
text-align:left;
text-align:left;
}
}
-
 
+
h1,h2,h3,h4,h5,h6 {
 +
font-size:100%;
 +
font-weight:normal;
 +
}
q:before,q:after {
q:before,q:after {
content:'';
content:'';
}
}
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 191: Line 519:
     clear: both;
     clear: both;
}
}
-
 
+
h1{
 +
    font-size: 24px;
 +
    position:relative;
 +
    font-weight: 400;
 +
    padding: 30px 5px 10px 5px;
 +
margin: 0px 15px;
 +
color: rgba(153,157,181,0.6);
 +
text-shadow: 0px 1px 1px #fff;
 +
border-bottom: 1px solid rgba(17,17,22,0.1);
 +
}
 +
/* Header Style */
 +
.header{
 +
    font-family:'Arial Narrow', Arial, sans-serif;
 +
    line-height: 24px;
 +
    font-size: 11px;
 +
    background: #000;
 +
    opacity: 0.9;
 +
    text-transform: uppercase;
 +
    z-index: 9999;
 +
    position: relative;
 +
    -moz-box-shadow: 1px 0px 2px #000;
 +
    -webkit-box-shadow: 1px 0px 2px #000;
 +
    box-shadow: 1px 0px 2px #000;
 +
}
 +
.header a{
 +
    padding: 0px 10px;
 +
    letter-spacing: 1px;
 +
    color: #ddd;
 +
    display: block;
 +
    float: left;
 +
}
 +
.header a:hover{
 +
    color: #fff;
 +
}
 +
.header span.right{
 +
    float: right;
 +
}
 +
.header span.right a{
 +
    float: none;
 +
    display: inline;
 +
}
 +
.demos{
 +
    position:relative;
 +
    z-index: 1000;
 +
    text-align:center;
 +
float: right;
 +
padding: 10px;
 +
}
 +
.demos a{
 +
    display: inline-block;
 +
    padding: 4px 6px;
 +
    background: #000;
 +
    color: #fff;
 +
    text-transform: uppercase;
 +
font-family: Arial;
 +
    font-size: 11px;
 +
-webkit-font-smoothing:antialiased;
 +
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
 +
    -webkit-transition: all 0.2s linear;
 +
    -moz-transition: all 0.2s linear;
 +
    -o-transition: all 0.2s linear;
 +
    -ms-transition: all 0.2s linear;
 +
    transition: all 0.2s linear;
 +
}
 +
.demos a:hover{
 +
    color: #fff;
 +
    background: #c90047;
 +
}
 +
.demos a.current-demo,
 +
.demos a.current-demo:hover{
 +
    font-weight: bold;
 +
    background: #c90047;
 +
    color: #fff;
 +
cursor: default;
 +
}
</style>
</style>
<style type="text/css">
<style type="text/css">
 +
h2.ss-subtitle{
 +
    padding: 10px 10px 40px;
 +
    font-size: 52px;
 +
    text-transform: uppercase;
 +
    color: rgba(0,0,0,0.8);
 +
position: static;
 +
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
 +
}
.ss-links{
.ss-links{
Line 232: Line 642:
.ss-container h2{
.ss-container h2{
     font-size: 40px;
     font-size: 40px;
-
 
+
    text-transform: uppercase;
     color: rgba(78,84,123,0.2);
     color: rgba(78,84,123,0.2);
text-shadow: 0px 1px 1px #fff;
text-shadow: 0px 1px 1px #fff;
Line 266: Line 676:
     float: left;
     float: left;
     padding-right: 2%;
     padding-right: 2%;
 +
}
 +
 +
.ss-container h3{
 +
    margin-top: 34px;
 +
padding: 10px 15px;
 +
background: rgba(26, 27, 33, 0.6);
 +
text-shadow: 1px 1px 1px rgba(26, 27, 33, 0.8)
}
}
.ss-container .ss-medium h3{
.ss-container .ss-medium h3{
Line 278: Line 695:
.ss-container .ss-right h3{
.ss-container .ss-right h3{
border-left: 5px solid rgba(164,166,181,0.8);
border-left: 5px solid rgba(164,166,181,0.8);
 +
}
 +
.ss-container h3 span{
 +
    color: rgba(255,255,255,0.8);
 +
    font-size: 13px;
 +
    display: block;
 +
    padding-bottom: 5px;
 +
}
 +
.ss-container h3 a{
 +
    font-size: 28px;
 +
    color: rgba(255,255,255,0.9);
 +
    display: block;
 +
}
 +
.ss-container h3 a:hover{
 +
color: rgba(255,255,255,1);
}
}
Line 293: 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">
Line 301: Line 736:
     <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a>  
     <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</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/Project">Overview</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/Project">Chassis</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/Project">Targeting Module</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Killing Module">Killing Module</a></li>  
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Project">Killing Module</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Achievement">Achievement</a></li>
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Project">Achievement</a></li>
         </ul>
         </ul>
     </li>
     </li>
Line 313: Line 748:
     <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a>
     <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a>
         <ul>  
         <ul>  
-
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Free debate">Free debate</a></li>  
+
  <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Free debate</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Reach the unreached</a></li>  
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Reach the unreached</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Workshop">Workshop</a></li>  
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Workshop</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Collaboration">Collaboration</a></li>  
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Collaboration</a></li>  
         </ul>
         </ul>
     </li>
     </li>
Line 322: Line 757:
     <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a>
     <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#Protocol">Protocol</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#Reach the unreached">Lab notes</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#Workshop">Data Page</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#Collaboration">Parts</a></li>  
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a></li>  
         </ul>
         </ul>
     </li>  
     </li>  
Line 331: Line 766:
     <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a>
     <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a>
         <ul>  
         <ul>  
-
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Safety form</a></li>  
+
  <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety form</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Virus-related safety</a></li>  
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Virus-related_safety">Virus-related safety</a></li>  
         </ul>
         </ul>
     </li>  
     </li>  
Line 340: Line 775:
     <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a>
     <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a>
             <ul>  
             <ul>  
-
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Judging criteria</a></li>  
+
  <li><a href="https://igem.org/2013_Judging_Form?id=1180">Judging criteria</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Attribution</a></li>  
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attribution</a></li>  
-
           <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Acknowledgement</a></li>
+
           <li><a href="https://2013.igem.org/Team:NJU_China/Acknowledgement">Acknowledgement</a></li>
         </ul>
         </ul>
     </li>
     </li>
    
    
</ul>
</ul>
-
<!--End NavBar-->
+
<!--End NavBar-->  
             <h2 class="ss-subtitle">TEAM</h2>  
             <h2 class="ss-subtitle">TEAM</h2>  
                     <div id="ss-container" class="ss-container">
                     <div id="ss-container" class="ss-container">
Line 396: Line 831:
</h3>
</h3>
</div>
</div>
 +
</div>
</div>
Line 459: 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 585: Line 1,021:
</div>
</div>
</div>
</div>
-
            </div>
+
 
-
        </div>
+
 
<center><img width="800px"; height="531px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/9/91/M3-Team8.JPG"></center>
<center><img width="800px"; height="531px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/9/91/M3-Team8.JPG"></center>
Line 594: Line 1,030:
<center><img width="800px"; height="600px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/6/68/M3-team-xiamen.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 src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
 
-
 
-
<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 {
 
-
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:'Source Sans Pro';
 
-
font-weight:600;
 
-
 
-
}
 
-
 
-
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:30px 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;
 
-
}
 
-
</STYLE>
 
-
 
-
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
 
-
 
-
 
<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