Team:NJU China/Team

From 2013.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
-
!DOCTYPE html>
+
 
<html lang="en">
<html lang="en">
     <head>
     <head>
Line 64: Line 64:
     z-index: 5000;
     z-index: 5000;
     font-family: sans-serif;
     font-family: sans-serif;
-
     font-size: 95%;
+
     font-size: 55%;
     line-height: 1em;
     line-height: 1em;
     z-index:99;
     z-index:99;
Line 172: 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 274: Line 601:
     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 372: 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 482: Line 710:
color: rgba(255,255,255,1);
color: rgba(255,255,255,1);
}
}
-
.ss-circle-1{
+
 
-
    <P>WEEK</P>
+
-
}
+
-
.ss-circle-2{
+
-
    background-image: url(../images/2.jpg);
+
-
}
+
-
.ss-circle-3{
+
-
    background-image: url(../images/3.jpg);
+
-
}
+
-
.ss-circle-4{
+
-
    background-image: url(../images/4.jpg);
+
-
}
+
-
.ss-circle-5{
+
-
    background-image: url(../images/5.jpg);
+
-
}
+
-
.ss-circle-6{
+
-
    background-image: url(../images/6.jpg);
+
-
}
+
-
.ss-circle-7{
+
-
    background-image: url(../images/7.jpg);
+
-
}
+
-
.ss-circle-8{
+
-
    background-image: url(../images/8.jpg);
+
-
}
+
-
.ss-circle-9{
+
-
    background-image: url(../images/9.jpg);
+
-
}
+
-
.ss-circle-10{
+
-
    background-image: url(../images/10.jpg);
+
-
}
+
-
.ss-circle-11{
+
-
    background-image: url(../images/11.jpg);
+
-
}
+
-
.ss-circle-12{
+
-
    background-image: url(../images/12.jpg);
+
-
}
+
-
.ss-circle-13{
+
-
    background-image: url(../images/13.jpg);
+
-
}
+
-
.ss-circle-14{
+
-
    background-image: url(../images/14.jpg);
+
-
}
+
-
.ss-circle-15{
+
-
    background-image: url(../images/15.jpg);
+
-
}
+
-
.ss-circle-16{
+
-
    background-image: url(../images/16.jpg);
+
-
}
+
-
.ss-circle-17{
+
-
    background-image: url(../images/17.jpg);
+
-
}
+
-
.ss-circle-18{
+
-
    background-image: url(../images/18.jpg);
+
-
}
+
-
.ss-circle-19{
+
-
    background-image: url(../images/19.jpg);
+
-
}
+
-
.ss-circle-20{
+
-
    background-image: url(../images/20.jpg);
+
-
}
+
-
.ss-circle-21{
+
-
    background-image: url(../images/21.jpg);
+
-
}
+
-
.ss-circle-22{
+
-
    background-image: url(../images/22.jpg);
+
-
}
+
-
.ss-circle-23{
+
-
    background-image: url(../images/23.jpg);
+
-
}
+
-
.ss-circle-24{
+
-
    background-image: url(../images/24.jpg);
+
-
}
+
-
.ss-circle-25{
+
-
    background-image: url(../images/25.jpg);
+
-
}
+
-
.ss-circle-26{
+
-
    background-image: url(../images/26.jpg);
+
-
}
+
-
.ss-circle-27{
+
-
    background-image: url(../images/27.jpg);
+
-
}
+
-
.ss-circle-28{
+
-
    background-image: url(../images/28.jpg);
+
-
}
+
-
.ss-circle-29{
+
-
    background-image: url(../images/29.jpg);
+
-
}
+
-
.ss-circle-30{
+
-
    background-image: url(../images/30.jpg);
+
-
}
+
</style>
</style>
         <link href='http://fonts.googleapis.com/css?family=Kelly+Slab' rel='stylesheet' type='text/css' />
         <link href='http://fonts.googleapis.com/css?family=Kelly+Slab' rel='stylesheet' type='text/css' />
Line 585: 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 593: 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 605: 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 614: 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 623: 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 632: 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 687: Line 830:
</span>                             
</span>                             
</h3>
</h3>
-
aaaaaaaaa
 
</div>
</div>
Line 753: 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 888: 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