Difference between revisions of "Team:NEFU China/fit"

(Replaced content with "{{NEFU_China}}")
Line 1: Line 1:
−
<html>
+
{{NEFU_China}}
−
<head>
+
−
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+
−
<!--Javascript-->
+
−
<!--jQuery-->
+
−
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.js"></script>
+
−
        <script type="text/javascript" src="jquery-1.11.3.js"></script>
+
−
<!--MENU-->
+
−
<script type="text/javascript">
+
−
$(document).ready(function() {
+
−
$('#menu li a').hover( 
+
−
function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');},
+
−
function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');}
+
−
);
+
−
});
+
−
</script>
+
−
<!--NAVIGATION-->
+
−
<script type="text/javascript">
+
−
$(document).ready(function() {
+
−
$('#navigation li a').hover( 
+
−
function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');}, 
+
−
function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');}
+
−
);
+
−
});
+
−
$(function(){
+
−
$("a").click(function(){
+
−
$("html,body").animate({ scrollTop:$($(this).attr("href")).offset().top + "px"},1000);}
+
−
);
+
−
});
+
−
</script>
+
−
<!--iGEM_LOGO-->
+
−
<script type="text/javascript">
+
−
$(document).ready(function() {
+
−
$("#iGEM_LOGO").mouseover(
+
−
function(){$(this).animate({'width': '140px', 'height': '140px'},"fast");
+
−
});
+
−
$("#iGEM_LOGO").mouseout(
+
−
function(){$(this).animate({'width': '137px', 'height': '137px'},"fast");
+
−
});
+
−
});
+
−
  </script>
+
−
<!--css-->
+
−
<!--RESET-->
+
−
<style type="text/css">
+
−
.clearStyle {
+
−
margin: 0;
+
−
padding: 0;
+
−
border: 0;
+
−
font-size: 100%;
+
−
font: inherit;
+
−
vertical-align: baseline;
+
−
}
+
−
body {
+
−
background-color: #f3f3f3;
+
−
background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png);
+
−
background-position: 0px 0px;
+
−
height: 100%;
+
−
width: auto;
+
−
}
+
−
</style>
+
−
<!-- myMainContainer-->
+
−
<style type="text/css">
+
−
#myMainContainer { 
+
−
background-color: #f3f3f3;
+
−
background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png);
+
−
background-position: 0px 0px;
+
−
width: auto;
+
−
overflow:hidden;
+
−
float:center;
+
−
margin-left:0px;
+
−
margin-right:0px;
+
−
margin-bottom: 10px;
+
−
}
+
−
</style>
+
−
<!--BANNER CONTAINER-->
+
−
<style type="text/css">
+
−
#bannerContainer {
+
−
margin-left:180px;
+
−
margin-right:180px;
+
−
width: auto;
+
−
}
+
−
</style>
+
−
<!--MENU-->
+
−
<style type="text/css">
+
−
#menu
+
−
{
+
−
    position: fixed;
+
−
    top: 30px;
+
−
left: 0px;
+
−
}
+
−
#menu img
+
−
{
+
−
margin-left: 30px;
+
−
margin-bottom: 0px
+
−
}
+
−
#menu ul
+
−
{
+
−
list-style-type:none;
+
−
padding: 0;
+
−
border: 0;
+
−
 
+
−
}
+
−
#menu li
+
−
{
+
−
list-style-type:none;
+
−
position: relative;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
font-size: 15px;
+
−
}
+
−
#menu a
+
−
{
+
−
position: relative;
+
−
display: inline-block;
+
−
margin: 4px 0px 0px 0px;
+
−
    padding: 0.3em .5em 0.3em;
+
−
    text-decoration: none;
+
−
background-color: #ffffff;
+
−
color: #888887;
+
−
border-radius: 0 .4em .4em 0;
+
−
outline: none;
+
−
cursor: pointer;
+
−
}
+
−
#menu a.b
+
−
{
+
−
position: relative;
+
−
display: inline-block;
+
−
margin: 1px 0px;
+
−
    padding: 0.3em .5em 0.3em;
+
−
    text-decoration: none;
+
−
background-color: #ffffff;
+
−
outline: none;
+
−
cursor: pointer;
+
−
background-color: #888887;
+
−
color: #ffffff;
+
−
border-radius: 0 1em 1em 0;
+
−
font-size: 13px;
+
−
}
+
−
#menu a:hover
+
−
{
+
−
background-color: #ffffff;
+
−
color:#d82545;
+
−
}
+
−
#menu a.b:hover
+
−
{
+
−
background-color: #888887;
+
−
color:#f9d24b;
+
−
}
+
−
#menu span
+
−
{
+
−
padding-left: 10px;
+
−
padding-right: 10px;
+
−
}
+
−
</style>
+
−
<!--NAVIGATION-->
+
−
<style type="text/css">
+
−
#navigation
+
−
{
+
−
    position: fixed;
+
−
    top: 170px;
+
−
right: 0px;
+
−
text-align: right;
+
−
}
+
−
#navigation img
+
−
{
+
−
margin-right: 30px;
+
−
margin-top: 0px;
+
−
margin-bottom: 30px;
+
−
}
+
−
#navigation ul
+
−
{
+
−
list-style-type:none;
+
−
border: 0;
+
−
}
+
−
#navigation li
+
−
{
+
−
list-style-type:none;
+
−
position: relative;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
font-size: 15px;
+
−
}
+
−
#navigation a
+
−
{
+
−
position: relative;
+
−
display: inline-block;
+
−
margin: 4px 0px 0px 0px;
+
−
    padding: 0.3em .5em 0.3em;
+
−
    text-decoration: none;
+
−
background-color: #ffffff;
+
−
color: #888887;
+
−
border-radius: .4em 0em 0em .4em;
+
−
outline: none;
+
−
cursor: pointer;
+
−
}
+
−
#navigation a.b
+
−
{
+
−
position: relative;
+
−
display: inline-block;
+
−
margin: 1px 0px;
+
−
    padding: 0.3em .5em 0.3em;
+
−
    text-decoration: none;
+
−
background-color: #ffffff;
+
−
outline: none;
+
−
cursor: pointer;
+
−
background-color: #888887;
+
−
color: #ffffff;
+
−
border-radius: 1em 0em 0em 1em;
+
−
font-size: 13px;
+
−
}
+
−
#navigation a.t
+
−
{
+
−
position: relative;
+
−
display: inline-block;
+
−
margin: 1px 0px;
+
−
    padding: 0.3em .5em 0.3em;
+
−
    text-decoration: none;
+
−
background-color: #ffffff;
+
−
outline: none;
+
−
cursor: pointer;
+
−
background-color: #d82545;
+
−
color: #ffffff;
+
−
border-radius: 1em 0em 0em 1em;
+
−
font-size: 20px;
+
−
}
+
−
#navigation a:hover
+
−
{
+
−
background-color: #ffffff;
+
−
color:#d82545;
+
−
}
+
−
#navigation a.b:hover
+
−
{
+
−
background-color: #888887;
+
−
color:#f9d24b;
+
−
}
+
−
#navigation a.t:hover
+
−
{
+
−
background-color: #6b1877;
+
−
color:#ffffff;
+
−
}
+
−
#navigation span
+
−
{
+
−
padding-left: 10px;
+
−
padding-right: 10px;
+
−
}
+
−
</style>
+
−
<!--IGEM LOGO-->
+
−
<style type="text/css">
+
−
#logoContainer {
+
−
position: fixed;
+
−
top: 30px;
+
−
right: 30px;
+
−
}
+
−
</style>
+
−
<!--NUDT_Container-->
+
−
<style type="text/css">
+
−
#NUDT_Container
+
−
{
+
−
clear: both;
+
−
width: auto;
+
−
margin: 30px 180px;
+
−
padding: 30px 0px;
+
−
font-family: 'verdana',sans-serif;
+
−
background: #fff;
+
−
box-shadow: 0 3px 8px rgba(0,0,0,.1);
+
−
position: relative;
+
−
}
+
−
#NUDT_Container table{
+
−
position: center;
+
−
border: 10px;
+
−
}
+
−
#NUDT_Container td{
+
−
text-align: center;
+
−
}
+
−
#NUDT_Container ul
+
−
{
+
−
list-style-position:inside;
+
−
padding: 10px 50px;
+
−
border: 0;
+
−
 
+
−
}
+
−
#NUDT_Container li
+
−
{
+
−
padding: 0;
+
−
border: 0;
+
−
}
+
−
 
+
−
#NUDT_Container p{
+
−
text-decoration: none;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
color: #888887;
+
−
position: relative;
+
−
padding: 10px 50px;
+
−
font-size: 16px;
+
−
}
+
−
#NUDT_Container a {
+
−
position: relative;
+
−
    text-decoration:none;
+
−
    color:#d82545;
+
−
}
+
−
 
+
−
#NUDT_Container a:hover
+
−
{
+
−
text-decoration:underline;
+
−
}
+
−
#NUDT_Container h1, h2, h3, h4, h5{
+
−
color: #444;
+
−
margin: 20px 0px;
+
−
padding:4px 8px;
+
−
letter-spacing: -1px;
+
−
position: relative;
+
−
}
+
−
#NUDT_Container h1 {
+
−
font:bold 28px/12px 'verdana',sans-serif;
+
−
border-left: 10px solid #444;
+
−
line-height:28px;
+
−
}
+
−
#NUDT_Container h2 {
+
−
font:bold 20px/6px 'verdana',sans-serif;
+
−
border-left: 30px solid #444;
+
−
line-height:20px;
+
−
}
+
−
#NUDT_Container h3 {
+
−
font:bold 16px/4px 'verdana',sans-serif;
+
−
padding-left: 50px;
+
−
line-height:16px;
+
−
}
+
−
/*CASE*/
+
−
#NUDT_Container ca {
+
−
position: relative;
+
−
display: inline-block;
+
−
margin: 10px 100px;
+
−
    padding: 10px 20px;
+
−
    text-decoration: none;
+
−
background-color: #bcbcbc;
+
−
color: #000000;
+
−
border-radius: 8px 8px;
+
−
outline: none;
+
−
cursor: pointer;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
font-size: 16px;
+
−
}
+
−
</style>
+
−
<!--TIME-->
+
−
  <style type="text/css">
+
−
  *, *:after, *:before {
+
−
  -webkit-box-sizing: border-box;
+
−
  -moz-box-sizing: border-box;
+
−
  box-sizing: border-box;
+
−
  }
+
−
    img {
+
−
      max-width: 100%;
+
−
    }
+
−
    .cd-container {
+
−
      /* 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 */
+
−
      width: 90%;
+
−
      max-width: 1170px;
+
−
      margin: 0 auto;
+
−
  }
+
−
    .cd-container::after {
+
−
      /* clearfix */
+
−
      content: '';
+
−
      display: table;
+
−
      clear: both;
+
−
    }
+
−
 
+
−
    #cd-timeline {
+
−
      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>
+
−
  <body>
+
−
<!--DIA_Container-->
+
−
<style type="text/css">
+
−
#NUDT_Dia_Container
+
−
{
+
−
width: auto;
+
−
margin: 0px 100px;
+
−
}
+
−
</style>
+
−
<!--BLANK_Container-->
+
−
<style type="text/css">
+
−
.BLANK_Container
+
−
{
+
−
width: auto;
+
−
}
+
−
</style>
+
−
<!--Common-->
+
−
<div id = "myMainContainer">
+
−
<div id = "bannerContainer">
+
−
<img src="https://static.igem.org/mediawiki/2015/0/06/Team_NUDT_CHINA_banner.jpg" style="width: auto"/>
+
−
</div>
+
−
<div id = "menu">
+
−
<img src="https://static.igem.org/mediawiki/2015/9/99/Menu.png"/>
+
−
<li><a id = "HOME" href="https://2015.igem.org/Team:NUDT_CHINA"><span>HOME</span></a></li>
+
−
<li><a id = "TEAM" href="https://2015.igem.org/Team:NUDT_CHINA/Team"><span>TEAM</span></a></li>
+
−
+
−
<li><a id = "PROJECT" href = "#"><span>PROJECT</span></a></li>
+
−
<li><a id = "Description" href = "https://2015.igem.org/Team:NUDT_CHINA/Description" class = "b"><span>Description</span></a></li>
+
−
<li><a id = "Experiments" href = "https://2015.igem.org/Team:NUDT_CHINA/Experiments" class = "b"><span>Experiments &amp; Protocols</span></a></li>
+
−
<li><a id = "Results" href="https://2015.igem.org/Team:NUDT_CHINA/Results"  class = "b"><span>Results</span></a></li>
+
−
<li><a id = "Design" href="https://2015.igem.org/Team:NUDT_CHINA/Design" class = "b"><span>Design</span></a></li>
+
−
+
−
<li><a id = "PARTS" href = "#"><span>PARTS</span></a></li>
+
−
<li><a id = "Team" href = "https://2015.igem.org/Team:NUDT_CHINA/Parts" class = "b"><span>Team 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 = "NOTEBOOK" href="https://2015.igem.org/Team:NUDT_CHINA/Notebook"><span>NOTEBOOK</span></a></li> 
+
−
<li><a id = "ATTRIBUTIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Attributions"><span>ATTRIBUTIONS</span></a></li> 
+
−
<li><a id = "COLLABORATIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Collaborations"><span>COLLABORATIONS</span></a></li>
+
−
<li><a id = "HUMAN" href="https://2015.igem.org/Team:NUDT_CHINA/Practices"><span>HUMAN PRACTICES</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 = "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 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>
+
−
    </div>
+
−
<link href="https://2015.igem.org/Team:NEFU_China/cleariGEM.css?action=raw&ctype=text/css" rel="stylesheet" /> </head>
+
−
</html>
+
−
<html>
+
−
<!--Main Container-->
+
−
<div id = "NUDT_Container" class = "clearStyle">
+
−
<div>
+
−
<h1>NOTEBOOK</h1>
+
−
<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>
+
−
</div>
+
−
<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>
+
−
<!--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>
+
−
<!--Navigation-->
+
−
<div id = "navigation">
+
−
<img src="https://static.igem.org/mediawiki/2015/5/58/TEAM_NUDT_CHINA_iGEM.png"/>
+
−
<li><a href="#myMainContainer" class = "t"><span>TOP</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"/>
+
−
    </div>
+
−
</body>
+
−
</html>
+

Revision as of 13:54, 12 September 2015