Difference between revisions of "Team:NUDT CHINA"

m
m
 
(2 intermediate revisions by the same user not shown)
Line 76: Line 76:
 
<style type="text/css">
 
<style type="text/css">
 
#bannerContainer {
 
#bannerContainer {
−
margin-left:0px;
+
margin-left:180px;
−
margin-right:0px;
+
margin-right:180px;
 
width: auto;
 
width: auto;
 
}
 
}
Line 258: Line 258:
 
width: auto;
 
width: auto;
 
margin: 30px 180px;
 
margin: 30px 180px;
−
padding: 30px 0px;
+
padding: 0px 0px 30px 0px;
 
font-family: 'verdana',sans-serif;
 
font-family: 'verdana',sans-serif;
 
background: #fff;
 
background: #fff;
Line 380: Line 380:
 
}
 
}
 
</style>
 
</style>
−
<!--TIME-->
+
<!--NUDT_Footer-->
−
  <style type="text/css">
+
<style type="text/css">
−
  *, *:after, *:before {
+
#NUDT_Footer
−
  -webkit-box-sizing: border-box;
+
{
−
  -moz-box-sizing: border-box;
+
clear: both;
−
  box-sizing: border-box;
+
width: auto;
−
  }
+
padding: 30px 0px;
−
    img {
+
font-family: 'verdana',sans-serif;
−
      max-width: 100%;
+
position: relative;
−
    }
+
}
−
    .cd-container {
+
#NUDT_Footer p{
−
      /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
+
text-decoration: none;
−
      width: 90%;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
−
      max-width: 1170px;
+
color: #000000;
−
      margin: 0 auto;
+
position: relative;
−
  }
+
padding: 10px 50px;
−
    .cd-container::after {
+
font-size: 16px;
−
      /* clearfix */
+
}
−
      content: '';
+
</style>
−
      display: table;
+
−
      clear: both;
+
−
    }
+
−
 
+
−
    #cd-timeline {
+
−
      position: relative;
+
−
      padding: 2em 0;
+
−
      margin-top: 2em;
+
−
      margin-bottom: 2em;
+
−
    }
+
−
    #cd-timeline::before {
+
−
      /* this is the vertical line */
+
−
      content: '';
+
−
      position: absolute;
+
−
      top: 0;
+
−
      left: 18px;
+
−
      height: 100%;
+
−
      width: 4px;
+
−
      background: #888887;
+
−
    }
+
−
    @media only screen and (min-width: 1170px) {
+
−
      #cd-timeline {
+
−
        margin-top: 3em;
+
−
        margin-bottom: 3em;
+
−
      }
+
−
      #cd-timeline::before {
+
−
        left: 50%;
+
−
        margin-left: -2px;
+
−
      }
+
−
    }
+
−
 
+
−
    .cd-timeline-block {
+
−
      position: relative;
+
−
      margin: 2em 0;
+
−
    }
+
−
    .cd-timeline-block:after {
+
−
      content: "";
+
−
      display: table;
+
−
      clear: both;
+
−
    }
+
−
    .cd-timeline-block:first-child {
+
−
      margin-top: 0;
+
−
    }
+
−
    .cd-timeline-block:last-child {
+
−
      margin-bottom: 0;
+
−
    }
+
−
    @media only screen and (min-width: 1170px) {
+
−
      .cd-timeline-block {
+
−
        margin: 4em 0;
+
−
      }
+
−
      .cd-timeline-block:first-child {
+
−
        margin-top: 0;
+
−
      }
+
−
      .cd-timeline-block:last-child {
+
−
        margin-bottom: 0;
+
−
      }
+
−
    }
+
−
 
+
−
    .cd-timeline-img {
+
−
      position: absolute;
+
−
      top: 0;
+
−
      left: 0;
+
−
      width: 40px;
+
−
      height: 40px;
+
−
      border-radius: 50%;
+
−
      box-shadow: 0 0 0 4px #ded8db, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
+
−
    }
+
−
    .cd-timeline-img img {
+
−
      display: block;
+
−
      width: 24px;
+
−
      height: 24px;
+
−
      position: relative;
+
−
      left: 50%;
+
−
      top: 50%;
+
−
      margin-left: -12px;
+
−
      margin-top: -12px;
+
−
    }
+
−
    .cd-timeline-img.cd-picture {
+
−
      background: #888887;
+
−
    }
+
−
    .cd-timeline-img.cd-picture:hover {
+
−
      background: #d82545;
+
−
    }
+
−
    @media only screen and (min-width: 1170px) {
+
−
      .cd-timeline-img {
+
−
        width: 40px;
+
−
        height: 40px;
+
−
        left: 50%;
+
−
        margin-left: -20px;
+
−
        /* Force Hardware Acceleration in WebKit */
+
−
        -webkit-transform: translateZ(0);
+
−
        -webkit-backface-visibility: hidden;
+
−
      }
+
−
      .cssanimations .cd-timeline-img.is-hidden {
+
−
        visibility: hidden;
+
−
      }
+
−
      .cssanimations .cd-timeline-img.bounce-in {
+
−
        visibility: visible;
+
−
        -webkit-animation: cd-bounce-1 0.6s;
+
−
        -moz-animation: cd-bounce-1 0.6s;
+
−
        animation: cd-bounce-1 0.6s;
+
−
      }
+
−
    }
+
−
 
+
−
    .cd-timeline-content {
+
−
      position: relative;
+
−
      margin-left: 60px;
+
−
      background: #e5e6e7;
+
−
      border-radius: 0.25em;
+
−
      padding: 1em;
+
−
      box-shadow: 0 3px 0 #abafb2;
+
−
    }
+
−
    .cd-timeline-content:after {
+
−
      content: "";
+
−
      display: table;
+
−
      clear: both;
+
−
    }
+
−
    .cd-date {
+
−
    font-family: Athelas;
+
−
    }
+
−
    .cd-timeline-content h6 {
+
−
      color: #ffffff;
+
−
    }
+
−
    .cd-timeline-content h6:hover {
+
−
      color: #d82545;
+
−
    }
+
−
    .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
+
−
      font-size: 13px;
+
−
      font-size: 0.8125rem;
+
−
    }
+
−
    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
+
−
      display: inline-block;
+
−
    }
+
−
    .cd-timeline-content p {
+
−
      margin: 1em 0;
+
−
      line-height: 1.6;
+
−
    }
+
−
    .cd-timeline-content .cd-date {
+
−
      float: left;
+
−
      padding: .8em 0;
+
−
      opacity: .7;
+
−
    }
+
−
    .cd-timeline-content::before {
+
−
      content: '';
+
−
      position: absolute;
+
−
      top: 16px;
+
−
      right: 100%;
+
−
      height: 0;
+
−
      width: 0;
+
−
      border: 7px solid transparent;
+
−
      border-right: 7px solid white;
+
−
    }
+
−
    @media only screen and (min-width: 768px) {
+
−
      .cd-timeline-content h6 {
+
−
        font-size: 20px;
+
−
        font-size: 1.25rem;
+
−
      }
+
−
      .cd-timeline-content p {
+
−
        font-size: 16px;
+
−
        font-size: 1rem;
+
−
      }
+
−
      .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
+
−
        font-size: 14px;
+
−
        font-size: 0.875rem;
+
−
      }
+
−
    }
+
−
    @media only screen and (min-width: 1170px) {
+
−
      .cd-timeline-content {
+
−
        margin-left: 0;
+
−
        padding: 1.6em;
+
−
        width: 45%;
+
−
      }
+
−
      .cd-timeline-content::before {
+
−
        top: 24px;
+
−
        left: 100%;
+
−
        border-color: transparent;
+
−
        border-left-color: white;
+
−
      }
+
−
      .cd-timeline-content .cd-read-more {
+
−
        float: left;
+
−
      }
+
−
      .cd-timeline-content .cd-date {
+
−
        position: absolute;
+
−
        width: 100%;
+
−
        left: 122%;
+
−
        top: 6px;
+
−
        font-size: 16px;
+
−
        font-size: 1rem;
+
−
      }
+
−
      .cd-timeline-block:nth-child(even) .cd-timeline-content {
+
−
        float: right;
+
−
      }
+
−
      .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
+
−
        top: 24px;
+
−
        left: auto;
+
−
        right: 100%;
+
−
        border-color: transparent;
+
−
        border-right-color: white;
+
−
      }
+
−
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
+
−
        float: right;
+
−
      }
+
−
      .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
+
−
        left: auto;
+
−
        right: 122%;
+
−
        text-align: right;
+
−
      }
+
−
      .cssanimations .cd-timeline-content.is-hidden {
+
−
        visibility: hidden;
+
−
      }
+
−
      .cssanimations .cd-timeline-content.bounce-in {
+
−
        visibility: visible;
+
−
        -webkit-animation: cd-bounce-2 0.6s;
+
−
        -moz-animation: cd-bounce-2 0.6s;
+
−
        animation: cd-bounce-2 0.6s;
+
−
      }
+
−
    }
+
−
 
+
−
    @media only screen and (min-width: 1170px) {
+
−
      /* inverse bounce effect on even content blocks */
+
−
      .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
+
−
        -webkit-animation: cd-bounce-2-inverse 0.6s;
+
−
        -moz-animation: cd-bounce-2-inverse 0.6s;
+
−
        animation: cd-bounce-2-inverse 0.6s;
+
−
      }
+
−
    }
+
−
  </style>
+
 
<!--Common-->
 
<!--Common-->
 
<div id = "myMainContainer">
 
<div id = "myMainContainer">
Line 643: Line 416:
 
<li><a id = "Basic" href = "https://2015.igem.org/Team:NUDT_CHINA/Basic_Part" class = "b"><span>Basic Parts</span></a></li>
 
<li><a id = "Basic" href = "https://2015.igem.org/Team:NUDT_CHINA/Basic_Part" class = "b"><span>Basic Parts</span></a></li>
 
<li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Composite_Part"  class = "b"><span>Composite Parts</span></a></li>
 
<li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Composite_Part"  class = "b"><span>Composite Parts</span></a></li>
 +
<li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Part_Collection"  class = "b"><span>Part Collection</span></a></li>
  
  
Line 651: Line 425:
 
<li><a id = "SAFETY" href="https://2015.igem.org/Team:NUDT_CHINA/Safety"><span>SAFETY</span></a></li>  
 
<li><a id = "SAFETY" href="https://2015.igem.org/Team:NUDT_CHINA/Safety"><span>SAFETY</span></a></li>  
 
<li><a id = "MODELING" href="https://2015.igem.org/Team:NUDT_CHINA/Modeling"><span>MODELING</span></a></li>   
 
<li><a id = "MODELING" href="https://2015.igem.org/Team:NUDT_CHINA/Modeling"><span>MODELING</span></a></li>   
−
<li><a id = "MEASUREMENT" href="https://2015.igem.org/Team:NUDT_CHINA/Measurement"><span>MEASUREMENT</span></a></li> 
 
−
<li><a id = "ENTREPRENEURSHIP" href="https://2015.igem.org/Team:NUDT_CHINA/Entrepreneurship"><span>ENTREPRENEURSHIP</span></a></li>
 
 
    </div>
 
    </div>
 
    <div id = "logoContainer">
 
    <div id = "logoContainer">
 
    <a href="https://igem.org/Main_Page"><img  id = "iGEM_LOGO" src="https://static.igem.org/mediawiki/2015/e/ec/TEAM_NUDT_CHINA_iGEM_Logo.png" style="width: 130px; height:135px"/></a>
 
    <a href="https://igem.org/Main_Page"><img  id = "iGEM_LOGO" src="https://static.igem.org/mediawiki/2015/e/ec/TEAM_NUDT_CHINA_iGEM_Logo.png" style="width: 130px; height:135px"/></a>
 
    </div>
 
    </div>
−
<link href="https://2015.igem.org/Team:NEFU_China/cleariGEM.css?action=raw&ctype=text/css" rel="stylesheet" /> </head>
+
<link href="https://2015.igem.org/Team:NEFU_China/cleariGEM?action=raw&ctype=text/css" rel="stylesheet" /> </head>
 
</html>
 
</html>
 +
<html>
 
<!--Main Container-->
 
<!--Main Container-->
 
<div id = "NUDT_Container" class = "clearStyle">
 
<div id = "NUDT_Container" class = "clearStyle">
−
<div id = "bannerContainer">
+
<!--subCommon-->
 +
<div>
 
<img src="https://static.igem.org/mediawiki/2015/0/06/Team_NUDT_CHINA_banner.jpg" style = "width: 100%; height: auto"/>
 
<img src="https://static.igem.org/mediawiki/2015/0/06/Team_NUDT_CHINA_banner.jpg" style = "width: 100%; height: auto"/>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h1>NOTEBOOK</h1>
+
<img src="https://static.igem.org/mediawiki/parts/f/fb/HOME_NUDT2015.jpg" style = "width: 100%; height: auto"/>
−
<table>
+
−
<tr>
+
−
<p style = "font-size: 12px; text-align: left; padding: 0px 50px 0px 100px;">TIPS1: The left <B style = "color: #d82545">MENU :)</B> links to other NUDT_CHINA website.</p>
+
−
<p style = "font-size: 12px; text-align: left; padding: 0px 50px 0px 100px;">TIPS2: The right <B style = "color: #d82545">NAVIGATE :)</B> posites on content in this page. (Valid when <B style = "color: #d82545">FOLDED/UNFOLDED</B>)</p>
+
−
<p style = "font-size: 12px; text-align: left; padding: 0px 50px 0px 100px;">TIPS3: Click <B style = "color: #d82545">SUBTITLE/:)</B> to <B style = "color: #d82545">FOLD/UNFOLD</B> related content. </p>
+
−
</tr>
+
−
<tr><button id = "slideAll" style = "margin: 0px 50px 0px 100px;"> CLICK TO FOLD/UNFOLD ALL</button>
+
−
</tr>
+
−
</table>
+
−
<script type="text/javascript">
+
−
$(document).ready(function(){
+
−
$("#slideAll").click(function(){
+
−
$(".Pannal").slideToggle(300);
+
−
});
+
−
});
+
−
</script>
+
−
<section id="cd-timeline" class="cd-container">
+
−
<!--2015.5.16-->
+
−
<div class="cd-timeline-block">
+
−
<div class="cd-timeline-img cd-picture" id = "pic1">
+
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
+
−
</div>
+
−
<div class="cd-timeline-content" id = "key1">
+
−
<h7 style = "color:black"><h7 style = "color: #d82545">CULTURE&amp;SQUENCE:</h7> Related parts in Kit</h7>
+
−
<p style = "padding: 10px 5px; display:none;" id = "cont1" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
+
−
<span class="cd-date" style="font-size:24px">2015.5.16</span>
+
−
<script type="text/javascript">
+
−
$(document).ready(function(){
+
−
$("#key1").click(function(){
+
−
$("#cont1").slideToggle(300);
+
−
});
+
−
});
+
−
$(document).ready(function(){
+
−
$("#pic1").click(function(){
+
−
$("#cont1").slideToggle(300);
+
−
});
+
−
});
+
−
</script>
+
−
</div>
+
 
</div>
 
</div>
−
<!--2015.5.31-->
 
−
<div class="cd-timeline-block">
 
−
<p id = "pos5"></p>
 
−
<div class="cd-timeline-img cd-picture" id = "pic2">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key2">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545"> ACTIVITY: </h7>Move the lab.</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont2" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.5.31</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key2").click(function(){
 
−
$("#cont2").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic2").click(function(){
 
−
$("#cont2").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.6.7-->
 
−
<div class="cd-timeline-block">
 
−
<p id = "pos6"></p>
 
−
<div class="cd-timeline-img cd-picture" id = "pic3">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key3">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">PCR:</h7>  IaaM&amp;IaaH </h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont3" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.6.7</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key3").click(function(){
 
−
$("#cont3").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic3").click(function(){
 
−
$("#cont3").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.6.26-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic4">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key4">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> IaaM, SCAF1, TALE2</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont4" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.6.26</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key4").click(function(){
 
−
$("#cont4").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic4").click(function(){
 
−
$("#cont4").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.6.28-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic5">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key5">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> SCAF2,SCAF3,TALE1,TALE3</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont5" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.6.28</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key5").click(function(){
 
−
$("#cont5").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic5").click(function(){
 
−
$("#cont5").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.6.29-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic6">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key6">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> Plac+RBS30</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont6" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.6.29</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key6").click(function(){
 
−
$("#cont6").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic6").click(function(){
 
−
$("#cont6").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.6.29-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic7">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key7">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD:</h7> Plac+RBS30+TALE1</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont7" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.6.29</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key7").click(function(){
 
−
$("#cont7").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic7").click(function(){
 
−
$("#cont7").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.7.5-->
 
−
<div class="cd-timeline-block">
 
−
<p id = "pos7"></p>
 
−
<div class="cd-timeline-img cd-picture" id = "pic8">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key8">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD:</h7> Adding terminator&amp;RBS to GFP1 by PCR</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont8" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.7.5</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key8").click(function(){
 
−
$("#cont8").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic8").click(function(){
 
−
$("#cont8").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.7.24-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic9">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key9">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> Iaa H</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont9" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.7.24</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key9").click(function(){
 
−
$("#cont9").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic9").click(function(){
 
−
$("#cont9").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.7.25-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic10">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key10">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">Device(No.1): </h7> GFP(+/-)N</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont10" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.7.25</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key10").click(function(){
 
−
$("#cont10").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic10").click(function(){
 
−
$("#cont10").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.7.27-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic11">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key11">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">SYSTEM(No.1): </h7> GFP(+/-)S1</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont11" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.7.27</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key11").click(function(){
 
−
$("#cont11").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic11").click(function(){
 
−
$("#cont11").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.7.31-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic14">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key14">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7>GFP(+/+)N</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont14" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.7.31</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key14").click(function(){
 
−
$("#cont14").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic14").click(function(){
 
−
$("#cont14").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.8.12-->
 
−
<div class="cd-timeline-block">
 
−
<p id = "pos8"></p>
 
−
<div class="cd-timeline-img cd-picture" id = "pic12">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key12">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">STANDARDIZAE: </h7> RBS30</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont12" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.8.12</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key12").click(function(){
 
−
$("#cont12").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic12").click(function(){
 
−
$("#cont12").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.8.17-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic13">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key13">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7>IAA(+/+)N</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont13" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.8.17</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key13").click(function(){
 
−
$("#cont13").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic13").click(function(){
 
−
$("#cont13").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.8.19-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic15">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key15">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7> IAA(+/+)S2/S3, GFP P</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont15" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.8.19</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key15").click(function(){
 
−
$("#cont15").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic15").click(function(){
 
−
$("#cont15").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
<!--2015.8.20-->
 
−
<div class="cd-timeline-block">
 
−
<div class="cd-timeline-img cd-picture" id = "pic16">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Smile_NUDT_CHINA.png" alt="Picture">
 
−
</div>
 
−
<div class="cd-timeline-content" id = "key16">
 
−
<h7 style = "color:black"><h7 style = "color: #d82545">BUILD: </h7>GFP(+/+)S2/S3</h7>
 
−
<p style = "padding: 10px 5px; display:none;" id = "cont16" class = "Pannal"><img src="test1.png">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut justo nibh, mattis sit amet consequat a, varius vitae metus. Proin pharetra sodales pellentesque.</p>
 
−
<span class="cd-date" style="font-size:24px">2015.8.20</span>
 
−
<script type="text/javascript">
 
−
$(document).ready(function(){
 
−
$("#key16").click(function(){
 
−
$("#cont16").slideToggle(300);
 
−
});
 
−
});
 
−
$(document).ready(function(){
 
−
$("#pic16").click(function(){
 
−
$("#cont16").slideToggle(300);
 
−
});
 
−
});
 
−
</script>
 
−
</div>
 
−
</div>
 
−
 
 
</div>
 
</div>
 
<!--Navigation-->
 
<!--Navigation-->
Line 1,061: Line 446:
 
<img src="https://static.igem.org/mediawiki/2015/5/58/TEAM_NUDT_CHINA_iGEM.png"/>
 
<img src="https://static.igem.org/mediawiki/2015/5/58/TEAM_NUDT_CHINA_iGEM.png"/>
 
<li><a href="#myMainContainer" class = "t"><span>TOP/TIP</span></a></li>
 
<li><a href="#myMainContainer" class = "t"><span>TOP/TIP</span></a></li>
−
<li><a href = "#pos5"><span>2015.5</span></a></li>
 
−
<li><a href = "#pos6"><span>2015.6</span></a></li>
 
−
<li><a href = "#pos7"><span>2015.7</span></a></li>
 
−
<li><a href = "#pos8"><span>2015.8</span></a></li>
 
−
<li><a href = "#pos9"><span>2015.9</span></a></li>
 
 
<img src="https://static.igem.org/mediawiki/2015/9/93/Team_NUDT_CHINA_Navigate.png"/>
 
<img src="https://static.igem.org/mediawiki/2015/9/93/Team_NUDT_CHINA_Navigate.png"/>
 
    </div>
 
    </div>
 +
<div id = "NUDT_Footer">
 +
<center>
 +
<p>Copyright © 2015 NUDT_CHINA | Powered by Nianhao Xie</p>
 +
</center>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:42, 19 September 2015