Team:NJU China/Team

From 2013.igem.org

(Difference between revisions)
Line 503: Line 503:
             <h2 class="ss-subtitle">TEAM</h2>  
             <h2 class="ss-subtitle">TEAM</h2>  
<!--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="http://www.divcss5.com/">div+css</a>
-
 
+
    <ul>  
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a></li>
+
     <li><a href="http://www.divcss5.com/">CSS</a></li>  
-
        <ul>  
+
    <li><a href="#">产品一</a></li>
-
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Overview">Overview</a></li>  
+
     <li><a href="#">产品一</a></li>
-
          <li><a https://2013.igem.org/Team:NJU_China/Project#Chassis">Chassis</a></li>  
+
    <li><a href="#">产品一</a></li>
-
          <li><a https://2013.igem.org/Team:NJU_China/Project#Targeting Module">Targeting Module</a></li>  
+
    <li><a href="#">产品一</a></li>  
-
          <li><a https://2013.igem.org/Team:NJU_China/Project#The_Experiments">The_Experiments</a></li>  
+
    <li><a href="#">产品一</a></li>
-
          <li><a https://2013.igem.org/Team:NJU_China/Project#Killing Module">Killing Module</a></li>  
+
    </ul>  
-
          <li><a https://2013.igem.org/Team:NJU_China/Project#Achievement">Achievement</a></li>
+
    </li>
-
        </ul>
+
    <li><a href="http://www.divcss5.com/rumen/">css入门</a>
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a></li>  
+
    <ul>
-
 
+
    <li><a href="#">入门一</a></li>  
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a></li>
+
    <li><a href="#">入门二</a></li>
-
 
+
    <li><a href="#">入门二</a></li>
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a></li>
+
    <li><a href="#">入门二入门二</a></li>  
-
 
+
    <li><a href="#">入门二入门二入门二</a></li>
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a></li>
+
    <li><a href="#">入门二</a></li>
-
 
+
    </ul>
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li>  
+
    </li>
-
 
+
    <li><a href="http://www.divcss5.com/html/">HTML基础</a>
-
     <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a></li>
+
    <ul>
-
   
+
    <li><a href="#">基础三</a></li>  
-
</ul>
+
    <li><a href="#">基础</a></li>
 +
    <li><a href="#">基础三案例三</a></li>
 +
    <li><a href="#">基础三案例三案例三</a></li>  
 +
    </ul>
 +
    </li>
 +
    <li><a href="http://www.divcss5.com/jiqiao/">DIV+CSS技巧</a>
 +
    <ul>
 +
    <li><a href="#">技巧四</a></li>  
 +
    <li><a href="#">技巧四</a></li>
 +
    <li><a href="#">技巧四</a></li>
 +
    <li><a href="#">技巧四111</a></li>  
 +
    </ul>
 +
    </li>  
 +
     <li><a href="http://www.divcss5.com/template/">DIV+CSS模板</a>  
 +
    <ul>  
 +
     <li><a href="http://www.divcss5.com/template/">CSS模板</a></li>  
 +
    <li><a href="#">模板</a></li>
 +
     <li><a href="#">模板</a></li>
 +
    <li><a href="#">模板模板</a></li>
 +
    <li><a href="#">模板模板模板</a></li>  
 +
     <li><a href="#">模板模板</a></li>
 +
    <li><a href="#">模板模板</a></li>
 +
    <li><a href="#">模板模板模板模板</a></li>  
 +
    </ul>
 +
    </li>
 +
     <li><a href="http://www.divcss5.com/shouce/">CSS手册</a>
 +
    <ul>
 +
    <li><a href="http://www.divcss5.com/shouce/">DIV+CSS手册</a></li>  
 +
    <li><a href="#">手册</a></li>
 +
     <li><a href="#">手册</a></li>
 +
    <li><a href="#">手册</a></li>
 +
    <li><a href="#">手册</a></li>  
 +
    <li><a href="#">手册手册</a></li>
 +
    <li><a href="#">手册手册手册</a></li>
 +
    </ul>
 +
    </li>
 +
    </ul>  
<!--End NavBar-->  
<!--End NavBar-->  
                     <div id="ss-container" class="ss-container">
                     <div id="ss-container" class="ss-container">
Line 752: Line 788:
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
<STYLE type="text/css">
<STYLE type="text/css">
-
/* MAIN STYLE DEFINITIONS */
+
    <style type="text/css">
-
a{
+
    <!--
-
color:#870203;
+
    /* www.divcss5.com CSS下拉菜单实例 */  
-
-webkit-transition-duration:0.3s;
+
    *{margin:0;padding:0;border:0;}  
-
-moz-transition-duration:0.3s;
+
    body { font-family: arial, 宋体, serif; font-size:12px;}  
-
-o-transition-duration:0.3s;
+
   
-
}
+
    #nav {line-height: 24px; list-style-type: none; background:#666;}  
-
 
+
   
-
a:hover {
+
     #nav a {display: block; width: 80px; text-align:center;}
-
color:#3d3f3c;
+
   
-
}
+
    #nav a:link {color:#666; text-decoration:none;}  
-
 
+
    #nav a:visited {color:#666;text-decoration:none;}  
-
a:visited{
+
    #nav a:hover {color:#FFF;text-decoration:none;font-weight:bold;}  
-
color:#870203;
+
   
-
}
+
    #nav li {float: left; width: 80px; background:#CCC;}  
-
 
+
    #nav li a:hover{ background:#999;}  
-
td
+
    #nav li ul {line-height: 27px; list-style-type: none;text-align:left;
-
{
+
    left: -999em; width: 180px; position: absolute;}  
-
font-family: Helvetica;
+
    #nav li ul li{float: left; width: 180px;background:#EFEFEF;}  
-
font-size: 10pt;
+
   
-
vertical-align: top;
+
   
-
text-align: left;
+
    #nav li ul a{display: block; width: 156px;text-align:left;
-
padding-right: 10px;
+
    padding-left:24px; overflow:hidden;}  
-
}
+
   
-
 
+
    #nav li ul a:link {color:#666; text-decoration:none;}  
-
tr
+
    #nav li ul a:visited {color:#666;text-decoration:none;}  
-
{
+
    #nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;
-
vertical-align: top;
+
    background:#C00;}  
-
}
+
   
-
 
+
    #nav li:hover ul {left: auto;}  
-
H1 {
+
    #nav li.sfhover ul {left: auto;}  
-
    font-family: Helvetica;
+
    #content {clear: left;}  
-
    text-transform: uppercase;
+
   
-
    color: #3d3f3c;
+
   
-
    text-align: left;
+
    -->
-
    }
+
    </style>
-
 
+
   
-
 
+
    <script type=text/javascript>
-
H4 {
+
   
-
     font-family: Helvetica;
+
    function menuFix() {  
-
    text-transform: uppercase;
+
    var sfEls = document.getElementById("nav").getElementsByTagName("li");  
-
    color: #3d3f3c;
+
    for (var i=0; i<sfEls.length; i++) {  
-
    text-align: left;
+
    sfEls[i].onmouseover=function() {  
-
    }
+
    this.className+=(this.className.length>0? " ": "") + "sfhover";  
-
 
+
    }  
-
/* CONTENT HEADING STYLES - overrides some main.css styling */
+
    sfEls[i].onMouseDown=function() {  
-
 
+
    this.className+=(this.className.length>0? " ": "") + "sfhover";  
-
H6 {
+
    }
-
font-family:'Caviar Dreams';
+
    sfEls[i].onMouseUp=function() {
-
font-size:30px;
+
    this.className+=(this.className.length>0? " ": "") + "sfhover";  
-
font-weight:500;
+
    }  
-
text-align:left;
+
    sfEls[i].onmouseout=function() {  
-
text-transform:uppercase;
+
    thisthis.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),  
-
color: #3d3f3c;
+
   
-
border-bottom:1px solid orangered;
+
    "");  
-
padding-bottom:10px;
+
    }  
-
margin:15px 0;
+
    }  
-
}
+
    }  
-
 
+
    window.onload=menuFix;  
-
H1, H3 {
+
   
-
font-family:'Source Sans Pro';
+
    </script>
-
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>  
</STYLE>  

Revision as of 12:24, 27 September 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: 358577421@qq.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

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