Team:NJU China/Notebook

From 2013.igem.org

(Difference between revisions)
Line 28: Line 28:
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
     width:900px;
+
     width:1200px;
     height:700px;
     height:700px;
     marign:0 auto;
     marign:0 auto;
Line 59: Line 59:
     float:left;
     float:left;
     white-space: nowrap;
     white-space: nowrap;
-
     top:-3px;
+
     top:-6px;
     width: 490px;
     width: 490px;
     z-index: 5000;
     z-index: 5000;
Line 171: Line 171:
}
}
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 273: Line 600:
     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 371: Line 676:
     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 493: Line 721:
;window.Modernizr=function(a,b,c){function A(a,b){for(var d in a)if(k[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function z(a,b){return!!~(""+a).indexOf(b)}function y(a,b){return typeof a===b}function x(a,b){return w(n.join(a+";")+(b||""))}function w(a){k.cssText=a}var d="2.0.6",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName("head")[0],i="modernizr",j=b.createElement(i),k=j.style,l,m=Object.prototype.toString,n=" -webkit- -moz- -o- -ms- -khtml- ".split(" "),o={},p={},q={},r=[],s=function(a,c,d,e){var f,h,j,k=b.createElement("div");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:i+(d+1),k.appendChild(j);f=["&shy;","<style>",a,"</style>"].join(""),k.id=i,k.innerHTML+=f,g.appendChild(k),h=c(k,a),k.parentNode.removeChild(k);return!!h},t,u={}.hasOwnProperty,v;!y(u,c)&&!y(u.call,c)?v=function(a,b){return u.call(a,b)}:v=function(a,b){return b in a&&y(a.constructor.prototype[b],c)};var B=function(a,c){var d=a.join(""),f=c.length;s(d,function(a,c){var d=b.styleSheets[b.styleSheets.length-1],g=d.cssRules&&d.cssRules[0]?d.cssRules[0].cssText:d.cssText||"",h=a.childNodes,i={};while(f--)i[h[f].id]=h[f];e.csstransforms3d=i.csstransforms3d.offsetLeft===9},f,c)}([,["@media (",n.join("transform-3d),("),i,")","{#csstransforms3d{left:9px;position:absolute}}"].join("")],[,"csstransforms3d"]);o.csstransforms3d=function(){var a=!!A(["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"]);a&&"webkitPerspective"in g.style&&(a=e.csstransforms3d);return a};for(var C in o)v(o,C)&&(t=C.toLowerCase(),e[t]=o[C](),r.push((e[t]?"":"no-")+t));w(""),j=l=null,a.attachEvent&&function(){var a=b.createElement("div");a.innerHTML="<elem></elem>";return a.childNodes.length!==1}()&&function(a,b){function s(a){var b=-1;while(++b<g)a.createElement(f[b])}a.iepp=a.iepp||{};var d=a.iepp,e=d.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",f=e.split("|"),g=f.length,h=new RegExp("(^|\\s)("+e+")","gi"),i=new RegExp("<(/*)("+e+")","gi"),j=/^\s*[\{\}]\s*$/,k=new RegExp("(^|[^\\n]*?\\s)("+e+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),l=b.createDocumentFragment(),m=b.documentElement,n=m.firstChild,o=b.createElement("body"),p=b.createElement("style"),q=/print|all/,r;d.getCSS=function(a,b){if(a+""===c)return"";var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,q.test(b)&&h.push(d.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},d.parseCSS=function(a){var b=[],c;while((c=k.exec(a))!=null)b.push(((j.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(h,"$1.iepp_$2")+c[4]);return b.join("\n")},d.writeHTML=function(){var a=-1;r=r||b.body;while(++a<g){var c=b.getElementsByTagName(f[a]),d=c.length,e=-1;while(++e<d)c[e].className.indexOf("iepp_")<0&&(c[e].className+=" iepp_"+f[a])}l.appendChild(r),m.appendChild(o),o.className=r.className,o.id=r.id,o.innerHTML=r.innerHTML.replace(i,"<$1font")},d._beforePrint=function(){p.styleSheet.cssText=d.parseCSS(d.getCSS(b.styleSheets,"all")),d.writeHTML()},d.restoreHTML=function(){o.innerHTML="",m.removeChild(o),m.appendChild(r)},d._afterPrint=function(){d.restoreHTML(),p.styleSheet.cssText=""},s(b),s(l);d.disablePP||(n.insertBefore(p,n.firstChild),p.media="print",p.className="iepp-printshim",a.attachEvent("onbeforeprint",d._beforePrint),a.attachEvent("onafterprint",d._afterPrint))}(a,b),e._version=d,e._prefixes=n,e.testProp=function(a){return A([a])},e.testStyles=s,g.className=g.className.replace(/\bno-js\b/,"")+(f?" js "+r.join(" "):"");return e}(this,this.document),function(a,b,c){function k(a){return!a||a=="loaded"||a=="complete"}function j(){var a=1,b=-1;while(p.length- ++b)if(p[b].s&&!(a=p[b].r))break;a&&g()}function i(a){var c=b.createElement("script"),d;c.src=a.s,c.onreadystatechange=c.onload=function(){!d&&k(c.readyState)&&(d=1,j(),c.onload=c.onreadystatechange=null)},m(function(){d||(d=1,j())},H.errorTimeout),a.e?c.onload():n.parentNode.insertBefore(c,n)}function h(a){var c=b.createElement("link"),d;c.href=a.s,c.rel="stylesheet",c.type="text/css";if(!a.e&&(w||r)){var e=function(a){m(function(){if(!d)try{a.sheet.cssRules.length?(d=1,j()):e(a)}catch(b){b.code==1e3||b.message=="security"||b.message=="denied"?(d=1,m(function(){j()},0)):e(a)}},0)};e(c)}else c.onload=function(){d||(d=1,m(function(){j()},0))},a.e&&c.onload();m(function(){d||(d=1,j())},H.errorTimeout),!a.e&&n.parentNode.insertBefore(c,n)}function g(){var a=p.shift();q=1,a?a.t?m(function(){a.t=="c"?h(a):i(a)},0):(a(),j()):q=0}function f(a,c,d,e,f,h){function i(){!o&&k(l.readyState)&&(r.r=o=1,!q&&j(),l.onload=l.onreadystatechange=null,m(function(){u.removeChild(l)},0))}var l=b.createElement(a),o=0,r={t:d,s:c,e:h};l.src=l.data=c,!s&&(l.style.display="none"),l.width=l.height="0",a!="object"&&(l.type=d),l.onload=l.onreadystatechange=i,a=="img"?l.onerror=i:a=="script"&&(l.onerror=function(){r.e=r.r=1,g()}),p.splice(e,0,r),u.insertBefore(l,s?null:n),m(function(){o||(u.removeChild(l),r.r=r.e=o=1,j())},H.errorTimeout)}function e(a,b,c){var d=b=="c"?z:y;q=0,b=b||"j",C(a)?f(d,a,b,this.i++,l,c):(p.splice(this.i++,0,a),p.length==1&&g());return this}function d(){var a=H;a.loader={load:e,i:0};return a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=r&&!s,u=s?l:n.parentNode,v=a.opera&&o.call(a.opera)=="[object Opera]",w="webkitAppearance"in l.style,x=w&&"async"in b.createElement("script"),y=r?"object":v||x?"img":"script",z=w?"img":y,A=Array.isArray||function(a){return o.call(a)=="[object Array]"},B=function(a){return Object(a)===a},C=function(a){return typeof a=="string"},D=function(a){return o.call(a)=="[object Function]"},E=[],F={},G,H;H=function(a){function f(a){var b=a.split("!"),c=E.length,d=b.pop(),e=b.length,f={url:d,origUrl:d,prefixes:b},g,h;for(h=0;h<e;h++)g=F[b[h]],g&&(f=g(f));for(h=0;h<c;h++)f=E[h](f);return f}function e(a,b,e,g,h){var i=f(a),j=i.autoCallback;if(!i.bypass){b&&(b=D(b)?b:b[a]||b[g]||b[a.split("/").pop().split("?")[0]]);if(i.instead)return i.instead(a,b,e,g,h);e.load(i.url,i.forceCSS||!i.forceJS&&/css$/.test(i.url)?"c":c,i.noexec),(D(b)||D(j))&&e.load(function(){d(),b&&b(i.origUrl,h,g),j&&j(i.origUrl,h,g)})}}function b(a,b){function c(a){if(C(a))e(a,h,b,0,d);else if(B(a))for(i in a)a.hasOwnProperty(i)&&e(a[i],h,b,i,d)}var d=!!a.test,f=d?a.yep:a.nope,g=a.load||a.both,h=a.callback,i;c(f),c(g),a.complete&&b.load(a.complete)}var g,h,i=this.yepnope.loader;if(C(a))e(a,0,i,0);else if(A(a))for(g=0;g<a.length;g++)h=a[g],C(h)?e(h,0,i,0):A(h)?H(h):B(h)&&b(h,i);else B(a)&&b(a,i)},H.addPrefix=function(a,b){F[a]=b},H.addFilter=function(a){E.push(a)},H.errorTimeout=1e4,b.readyState==null&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",G=function(){b.removeEventListener("DOMContentLoaded",G,0),b.readyState="complete"},0)),a.yepnope=d()}(this,this.document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
;window.Modernizr=function(a,b,c){function A(a,b){for(var d in a)if(k[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function z(a,b){return!!~(""+a).indexOf(b)}function y(a,b){return typeof a===b}function x(a,b){return w(n.join(a+";")+(b||""))}function w(a){k.cssText=a}var d="2.0.6",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName("head")[0],i="modernizr",j=b.createElement(i),k=j.style,l,m=Object.prototype.toString,n=" -webkit- -moz- -o- -ms- -khtml- ".split(" "),o={},p={},q={},r=[],s=function(a,c,d,e){var f,h,j,k=b.createElement("div");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:i+(d+1),k.appendChild(j);f=["&shy;","<style>",a,"</style>"].join(""),k.id=i,k.innerHTML+=f,g.appendChild(k),h=c(k,a),k.parentNode.removeChild(k);return!!h},t,u={}.hasOwnProperty,v;!y(u,c)&&!y(u.call,c)?v=function(a,b){return u.call(a,b)}:v=function(a,b){return b in a&&y(a.constructor.prototype[b],c)};var B=function(a,c){var d=a.join(""),f=c.length;s(d,function(a,c){var d=b.styleSheets[b.styleSheets.length-1],g=d.cssRules&&d.cssRules[0]?d.cssRules[0].cssText:d.cssText||"",h=a.childNodes,i={};while(f--)i[h[f].id]=h[f];e.csstransforms3d=i.csstransforms3d.offsetLeft===9},f,c)}([,["@media (",n.join("transform-3d),("),i,")","{#csstransforms3d{left:9px;position:absolute}}"].join("")],[,"csstransforms3d"]);o.csstransforms3d=function(){var a=!!A(["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"]);a&&"webkitPerspective"in g.style&&(a=e.csstransforms3d);return a};for(var C in o)v(o,C)&&(t=C.toLowerCase(),e[t]=o[C](),r.push((e[t]?"":"no-")+t));w(""),j=l=null,a.attachEvent&&function(){var a=b.createElement("div");a.innerHTML="<elem></elem>";return a.childNodes.length!==1}()&&function(a,b){function s(a){var b=-1;while(++b<g)a.createElement(f[b])}a.iepp=a.iepp||{};var d=a.iepp,e=d.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",f=e.split("|"),g=f.length,h=new RegExp("(^|\\s)("+e+")","gi"),i=new RegExp("<(/*)("+e+")","gi"),j=/^\s*[\{\}]\s*$/,k=new RegExp("(^|[^\\n]*?\\s)("+e+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),l=b.createDocumentFragment(),m=b.documentElement,n=m.firstChild,o=b.createElement("body"),p=b.createElement("style"),q=/print|all/,r;d.getCSS=function(a,b){if(a+""===c)return"";var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,q.test(b)&&h.push(d.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},d.parseCSS=function(a){var b=[],c;while((c=k.exec(a))!=null)b.push(((j.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(h,"$1.iepp_$2")+c[4]);return b.join("\n")},d.writeHTML=function(){var a=-1;r=r||b.body;while(++a<g){var c=b.getElementsByTagName(f[a]),d=c.length,e=-1;while(++e<d)c[e].className.indexOf("iepp_")<0&&(c[e].className+=" iepp_"+f[a])}l.appendChild(r),m.appendChild(o),o.className=r.className,o.id=r.id,o.innerHTML=r.innerHTML.replace(i,"<$1font")},d._beforePrint=function(){p.styleSheet.cssText=d.parseCSS(d.getCSS(b.styleSheets,"all")),d.writeHTML()},d.restoreHTML=function(){o.innerHTML="",m.removeChild(o),m.appendChild(r)},d._afterPrint=function(){d.restoreHTML(),p.styleSheet.cssText=""},s(b),s(l);d.disablePP||(n.insertBefore(p,n.firstChild),p.media="print",p.className="iepp-printshim",a.attachEvent("onbeforeprint",d._beforePrint),a.attachEvent("onafterprint",d._afterPrint))}(a,b),e._version=d,e._prefixes=n,e.testProp=function(a){return A([a])},e.testStyles=s,g.className=g.className.replace(/\bno-js\b/,"")+(f?" js "+r.join(" "):"");return e}(this,this.document),function(a,b,c){function k(a){return!a||a=="loaded"||a=="complete"}function j(){var a=1,b=-1;while(p.length- ++b)if(p[b].s&&!(a=p[b].r))break;a&&g()}function i(a){var c=b.createElement("script"),d;c.src=a.s,c.onreadystatechange=c.onload=function(){!d&&k(c.readyState)&&(d=1,j(),c.onload=c.onreadystatechange=null)},m(function(){d||(d=1,j())},H.errorTimeout),a.e?c.onload():n.parentNode.insertBefore(c,n)}function h(a){var c=b.createElement("link"),d;c.href=a.s,c.rel="stylesheet",c.type="text/css";if(!a.e&&(w||r)){var e=function(a){m(function(){if(!d)try{a.sheet.cssRules.length?(d=1,j()):e(a)}catch(b){b.code==1e3||b.message=="security"||b.message=="denied"?(d=1,m(function(){j()},0)):e(a)}},0)};e(c)}else c.onload=function(){d||(d=1,m(function(){j()},0))},a.e&&c.onload();m(function(){d||(d=1,j())},H.errorTimeout),!a.e&&n.parentNode.insertBefore(c,n)}function g(){var a=p.shift();q=1,a?a.t?m(function(){a.t=="c"?h(a):i(a)},0):(a(),j()):q=0}function f(a,c,d,e,f,h){function i(){!o&&k(l.readyState)&&(r.r=o=1,!q&&j(),l.onload=l.onreadystatechange=null,m(function(){u.removeChild(l)},0))}var l=b.createElement(a),o=0,r={t:d,s:c,e:h};l.src=l.data=c,!s&&(l.style.display="none"),l.width=l.height="0",a!="object"&&(l.type=d),l.onload=l.onreadystatechange=i,a=="img"?l.onerror=i:a=="script"&&(l.onerror=function(){r.e=r.r=1,g()}),p.splice(e,0,r),u.insertBefore(l,s?null:n),m(function(){o||(u.removeChild(l),r.r=r.e=o=1,j())},H.errorTimeout)}function e(a,b,c){var d=b=="c"?z:y;q=0,b=b||"j",C(a)?f(d,a,b,this.i++,l,c):(p.splice(this.i++,0,a),p.length==1&&g());return this}function d(){var a=H;a.loader={load:e,i:0};return a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=r&&!s,u=s?l:n.parentNode,v=a.opera&&o.call(a.opera)=="[object Opera]",w="webkitAppearance"in l.style,x=w&&"async"in b.createElement("script"),y=r?"object":v||x?"img":"script",z=w?"img":y,A=Array.isArray||function(a){return o.call(a)=="[object Array]"},B=function(a){return Object(a)===a},C=function(a){return typeof a=="string"},D=function(a){return o.call(a)=="[object Function]"},E=[],F={},G,H;H=function(a){function f(a){var b=a.split("!"),c=E.length,d=b.pop(),e=b.length,f={url:d,origUrl:d,prefixes:b},g,h;for(h=0;h<e;h++)g=F[b[h]],g&&(f=g(f));for(h=0;h<c;h++)f=E[h](f);return f}function e(a,b,e,g,h){var i=f(a),j=i.autoCallback;if(!i.bypass){b&&(b=D(b)?b:b[a]||b[g]||b[a.split("/").pop().split("?")[0]]);if(i.instead)return i.instead(a,b,e,g,h);e.load(i.url,i.forceCSS||!i.forceJS&&/css$/.test(i.url)?"c":c,i.noexec),(D(b)||D(j))&&e.load(function(){d(),b&&b(i.origUrl,h,g),j&&j(i.origUrl,h,g)})}}function b(a,b){function c(a){if(C(a))e(a,h,b,0,d);else if(B(a))for(i in a)a.hasOwnProperty(i)&&e(a[i],h,b,i,d)}var d=!!a.test,f=d?a.yep:a.nope,g=a.load||a.both,h=a.callback,i;c(f),c(g),a.complete&&b.load(a.complete)}var g,h,i=this.yepnope.loader;if(C(a))e(a,0,i,0);else if(A(a))for(g=0;g<a.length;g++)h=a[g],C(h)?e(h,0,i,0):A(h)?H(h):B(h)&&b(h,i);else B(a)&&b(a,i)},H.addPrefix=function(a,b){F[a]=b},H.addFilter=function(a){E.push(a)},H.errorTimeout=1e4,b.readyState==null&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",G=function(){b.removeEventListener("DOMContentLoaded",G,0),b.readyState="complete"},0)),a.yepnope=d()}(this,this.document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
</script>
</script>
-
</head>
+
    </head>
-
<body>
+
    <body>
-
<div style="float:left; position:absolute; margin-top:0px; margin-left:250px; z-index:1; display:block; ">
+
<div style="float:left; position:absolute; margin-top:-30px; margin-left:250px; z-index:1; display:block; ">
</br></br>
</br></br>
<a href="https://2013.igem.org"><img src="https://static.igem.org/mediawiki/2013/8/80/NJU-Miniminiminilogocolored.png" ></a>
<a href="https://2013.igem.org"><img src="https://static.igem.org/mediawiki/2013/8/80/NJU-Miniminiminilogocolored.png" ></a>
Line 507: Line 735:
     <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 519: Line 747:
     <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 528: Line 756:
     <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 537: Line 765:
     <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 546: Line 774:
     <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>
-
</br>
 
-
    <li><a href="https://2013.igem.org/Team:NJU_China/Protocol">Protocol</a></li>
 
-
    <li><a href="https://2013.igem.org/Team:NJU_China/Data Page">Data Page</a></li>
 
-
    <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a></li>
 
    
    
</ul>
</ul>
-
<!--End NavBar--> 
+
 
             <h2 class="ss-subtitle">Notebook</h2>  
             <h2 class="ss-subtitle">Notebook</h2>  
Line 1,123: Line 1,347:
</div>
</div>
-
<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">
+
<center><img width="800px"; height="531px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/9/91/M3-Team8.JPG"></center>
-
<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 {
+
<center><img width="800px"; height="531px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/3/3e/M3-team222.JPG"></center>
-
color:#3d3f3c;
+
-
}
+
-
a:visited{
+
<center><img width="800px"; height="555px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/7/71/M3-Team-budda.JPG"></center>
-
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;
+
-
    text-transform: uppercase;
+
-
    color: #3d3f3c;
+
-
    text-align: left;
+
-
    }
+
-
 
+
-
 
+
-
H4 {
+
-
    font-family: Helvetica;
+
-
    text-transform: uppercase;
+
-
    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;
+
-
text-transform:uppercase;
+
-
color: #3d3f3c;
+
-
border-bottom:1px solid orangered;
+
-
padding-bottom:10px;
+
-
margin:15px 0;
+
-
}
+
-
 
+
-
H1, H3 {
+
-
font-family:'Source Sans Pro';
+
-
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:30px 0 0 325px;
+
-
position:relative;
+
-
}
+
-
 
+
-
#nav li {
+
-
color: #bbb;
+
-
background-color:none;
+
-
margin: 0 40px 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*/
+
 +
<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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 +
<script language="Javascript">
/*
/*
-
body {
+
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
-
background: url(http://subtlepatterns.com/patterns/scribble_light.png) ;
+
*
-
}
+
* Uses the built in easing capabilities added In jQuery 1.1
 +
* to offer multiple easing options
 +
*
 +
* TERMS OF USE - jQuery Easing
 +
*
 +
* Open source under the BSD License.
 +
*
 +
* Copyright © 2008 George McGinley Smith
 +
* All rights reserved.
 +
*
 +
* Redistribution and use in source and binary forms, with or without modification,
 +
* are permitted provided that the following conditions are met:
 +
*
 +
* Redistributions of source code must retain the above copyright notice, this list of
 +
* conditions and the following disclaimer.
 +
* Redistributions in binary form must reproduce the above copyright notice, this list
 +
* of conditions and the following disclaimer in the documentation and/or other materials
 +
* provided with the distribution.
 +
*
 +
* Neither the name of the author nor the names of contributors may be used to endorse
 +
* or promote products derived from this software without specific prior written permission.
 +
*
 +
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 +
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 +
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 +
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 +
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 +
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 +
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 +
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 +
* OF THE POSSIBILITY OF SUCH DAMAGE.
 +
*
*/
*/
-
 
-
#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 language="Javascript">
 
// t: current time, b: begInnIng value, c: change In value, d: duration
// t: current time, b: begInnIng value, c: change In value, d: duration
Line 1,598: Line 1,530:
});
});
 +
/*
 +
*
 +
* TERMS OF USE - EASING EQUATIONS
 +
*
 +
* Open source under the BSD License.
 +
*
 +
* Copyright © 2001 Robert Penner
 +
* All rights reserved.
 +
*
 +
* Redistribution and use in source and binary forms, with or without modification,
 +
* are permitted provided that the following conditions are met:
 +
*
 +
* Redistributions of source code must retain the above copyright notice, this list of
 +
* conditions and the following disclaimer.
 +
* Redistributions in binary form must reproduce the above copyright notice, this list
 +
* of conditions and the following disclaimer in the documentation and/or other materials
 +
* provided with the distribution.
 +
*
 +
* Neither the name of the author nor the names of contributors may be used to endorse
 +
* or promote products derived from this software without specific prior written permission.
 +
*
 +
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 +
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 +
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 +
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 +
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 +
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 +
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 +
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 +
* OF THE POSSIBILITY OF SUCH DAMAGE.
 +
*
 +
*/       
</script>
</script>
<script type="text/javascript">
<script type="text/javascript">

Revision as of 07:07, 28 October 2013



 

Notebook

March

2013

WEEK 1 25th-28th, March

Experiment training We learnt to culture the 293t cells.
We learnt to extract plasmids and transfect it into 293t cells.
We learnt to collect exosomes.
We learnt to extract RNA from exosomes and cells.
We learnt to do RT-PCR and qPCR.

April

2013

WEEK 2 14th-18th, April

siRNA screening (Failed) 14th: We extracted plasmids and cultured the 293t cells.
15th: We transfected plasmids into 293t cells.
16th: We collected cells and preserved it in Trizol.
17th: We extracted RNA, then did RT-PCR with the RNA.
18th: We did qPCR with the cDNA we got on 17th April.
21th: We reexamined the concentration of RNA, and redid qPCR.

WEEK 3 27th, April – 1st, May

siRNA screening (Failed) 27th: We cultured the 293t cells in a 12-well plate.
28th: We transfected 293t cells.
29th: We collected cells and extracted RNA from it.
30th: We did RT-qPCR with the RNA we extracted on 29th April.
1st: We did qPCR with the cDNA we got on 30th April.

May

2013

WEEK 4 8th-13th, May

siRNA screening (Failed), examination whether siRNA are capsulated into exosomes (Success) 8th: We extracted plasmids of 3 kinds of siRNA.
9th: We cultured 293t cells in eight D10 dishes and a 12-well plate.
10th: We extracted 2 kinds of over-expression plasmids and examined the concentration of it. Then we transfect these plasmids into 293t cells respectively.
11th: We collected cells and exosomes from 8 D10 dish, and cells from 12-well plate.
12th: We extracted RNA from cells and exosomes.
13th: We did RT-PCR and qPCR.

WEEK 5 15th-18th, May

siRNA screening (Failed) 15th: We cultured the 293t cells in a 12-well plate.
16th: We transfected 293t cells.
17th: We collected cells and extracted RNA from then.
18th: We did RT-PCR and qPCR.

WEEK 6 27th-31th, May

siRNA screening (Failed) 27th: We cultured the 293t cells in 2 12-well plates.
28th: We transfected 293t cells, with lipofectamine 2000.
29th: We collected cells and extracted RNA from them.
30th: We continued to extract RNA, and examine the concentration of total RNA. Then we did RT-PCR.
31st : We did qPCR.

June

2013

WEEK 7 19th-24th, June

siRNA screening (eliminated 308 siRNA, 467 siRNA and 516 siRNA seem to have good effect) 19th: We cultured 293t cells in 12-well plates.
20th: We transfected 293t cells.
21st: We collected cells and preserved in Trizol.
22nd: We extracted RNA from cells and did RT-PCR.
24th: We did qPCR.

July

2013

WEEK 8 19th-24th, June

siRNA screening (failed) 8th: We cultured Hep G2 cells in 2 12-well plates for 24-hour cell collection and 48-hour cell collection.
9th: We transfected cells with empty Lipo, HbsAg plasmids, HbsAg plasmids and 467 siRNA plasmids, HbsAg plasmids and 516 siRNA plasmids, respectively.
10th: We collected cells 24 hours after transfection, and preserved them in Trizol.
11th: We collected 48 hours after transfection, and then extracted RNA from 2 groups of cells (24 hours and 48 hours).
12th: We did RT-PCR and qPCR with all RNA samples.
13th: We analyzed the data.

July

2013

WEEK 8 19th-24th, June

siRNA screening (failed) 8th: We cultured Hep G2 cells in 2 12-well plates for 24-hour cell collection and 48-hour cell collection.
9th: We transfected cells with empty Lipo, HbsAg plasmids, HbsAg plasmids and 467 siRNA plasmids, HbsAg plasmids and 516 siRNA plasmids, respectively.
10th: We collected cells 24 hours after transfection, and preserved them in Trizol.
11th: We collected 48 hours after transfection, and then extracted RNA from 2 groups of cells (24 hours and 48 hours).
12th: We did RT-PCR and qPCR with all RNA samples.
13th: We analyzed the data.
 Absolute quantification of exosomes (failed) 5th: We cultured 293t cells.
6th: Cells we cultured on 5th July were contaminated by bacteria.
7th: We subcultured another cell line of 293t cells.
9th: We cultured 293t cells in 6 flasks.
10th:We transferred 293T cells with plasmids.
11th: We collected exosomes 24 hours after transfection.
12th: A part of cells died, failed to collect 48-hour exosomes.
13th: We examined protein concentration of 24-hour exosomes, started to extract RNA from 24h-cells and 24h-exosomes and preserved the rough RNA extract solution with isopropyl alcohol at 4℃ overnight.
14th：We continued finish RNA extraction, then did RT-PCR and qPCR.
15th: We analyzed data.
 Luciferase Assay 11th: Construction of plasmids: obtain vector and segment.
12th: We combined vector and segment with T4 ligase, then transformed the recombined plasmids into E.coli DH5α competent cells and spread them on solid LB culture plates by streak plate method.
13th: No single bacterial colony was found.
14th: No single bacterial colony was found again, redid previous steps(obtain the target segments, combined vector and segment, and then transferred it into E.coli )
15th: Single bacterial colonies were found. We picked single colonies and transferred them into liquid LB culture medium with ampicillin, and shaken overnight at 37℃.
16th: The transformed E.coli cells failed to reproduce in LB culture medium.
 Others 5th: We thawed 293t cells.
6th: We subcultured HepG2 cells.
7th: E.coli cells containing HBSag overexpressed plasmids were transferred respectively into LB culture medium with ampicillin, and shaken overnight at 37℃.
8th: We extracted HBSag overexpressed plasmids from E.coli cells.
11th: We thawed 293t cells and subcultured HepG2 cells. E.coli cells containing GFP plasmids were transferred into LB culture medium with ampicillin, and shaken overnight at 37℃.
12th: We extracted GFP plasmids from E.coli cells.
14th: We thawed HepG2 cells and 293T cells.
15th: We thawed 293T cells.

WEEK 9 AND WEEK 10 16th -21th,22th-28th,July

Others 16th: We subcultured 293T cells. E.coli DH5α competent cells containing GFP plasmids and RVG plasmids were transferred respectively into LB culture medium with ampicillin, and shaken overnight at 37℃.
17th: We found that wrong antibiotics were added into the culture medium of RVG plasmid-containing E.coli cells (it ought to be kanamycin). So we did transferred E.coli cells containing RVG plasmids into LB culture medium with kanamycin), and shaken overnight at 37℃.
18th: We preserved the RVG and GFP strains at -80℃ and extracted plasmids from the culture medium (RVG,GFP, 1L medium). And cryopreserved 293T cells.
 Absolute quantification of exosomes (succeeded) 18th: We cultured 293t cells.
19th: We transfected 293T cells with 467 and 516 plasmids(lipo*2,467*2,516*2).
20th: We changed the transfection medium with culture medium and then collected culture medium containing exosomes 24 hours after transection (pre-centrifuge).
21th: We collected culture medium containing exosomes 48 hours after transfection (pre-centrifuge) and soaked.
centrifuge tubes which then be used in ultracentrifugation overnight in DEPC solution(1:1000).
22th: We separated exosomes by ultracentrifugation(110000g).
23th: We examined protein concentration of exosomes collected by ultracentrifugation, and then extracted RNA from these exosomes and cells which we used to produce exosomes and preserved the RNA extracts in isopropyl alcohol over night.
24th：We continued to extract RNA, examined total RNA concentration of exosomes and cells, then RT-PCR RNA 467 and 516.
25th: Q-PCR the cDNA of RNA 467 and 516.
26th: We analyzed data and found that the standard curve cannot be used.
27th: We redid the Q-PCR and analyzed data and this time we succeeded
 Examination whether RVG-lamp2b exosomes will target to dendritic cells or not (failed) 18th: We cultured 293t cells.
19th: We transfected 9 flasks of 293T cells with RVG plasmids(lipo*3,RVG*3,non-related plasmids*3).
20th: We changed the 19th transfection medium with cell culture medium 6 hours after transfection and transfected another 9 flasks of 293T cells as we did with the former 9 flasks.
21th: We collected 48-hour cell culture medium transfected on 19th July and pre-centrifuged to remove cell debris and organelles. We soaked centrifuge tubes which then be used in ultracentrifugation overnight in DEPC solution(1:1000).
22th: We collected 48-hour culture transfected on 20th July and pre-centrifuged to remove cell debris and organelles. Meanwhile, we watched green fluorescent in cells. Then we separated exosomes by ultracentrifugation (110000g).
23th: We examined protein concentration of exosomes collected on 22th July, diluted exosome solution from 500μL to 1000μL and filtered the exosome solution then injected exosome solution into the C57 mice. We took 3μL exosomes solution to extract RNA, and preserved RNA extracts in isopropyl alcohol over night.
24th：We continued to extract RNA, and examined total RNA concentration of exosomes and cells which we used to produce these exosomes, then RT –PCR.
25th: We injected exosome solution into the mice for the second time. Q-PCR the cDNA got from RT-PCR on 24th July.
26th: We analyzed data and found the standard curve cannot be used.
27th: We anatomized C57 mice and collected the brain, heart, liver, spleen, lung, kidney and blood of them and redid RT-PCR and Q-PCR with the RNA extracted on 24th July and analyzed data.
28th: We extracted RNA from brain and serum collected on 27th July

August

2013

WEEK 11 29th July-4th, August

Luciferase Assay (failed) 28th: We transfected 293T cells with plasmids in 24-well format.
29th: We did luciferase assay with 293T cells transfected on 28th July.
3th: We redid luciferase assay.
 Collection of exosomes containing 467 siRNA & 516 siRNA 29th: We transfected 4 flasks of 293T cells with 467 and 516 plasmids (467 plasmid*2, 516 plasmid*2).
31th: We collected 48-hour cell culture medium and pre-centrifuged it to remove cell debris and organelles and stored the medium at 4℃. We soaked centrifuge tubes which then be used in ultracentrifugation overnight in DEPC solution(1:1000).
1th: We separated exosomes by ultracentrifugation and stored the exosome solution at 4℃.
 Pre-experiment to examine whether anti 214 RNA is high in brain or not (failed) 30th: E.coli DH5α Competent Cells containing anti 214 plasmids were transferred into LB culture medium with spectinomycin, and shaken overnight at 37℃.
31th: We extracted anti 214 plasmid, subcultured 293T cells and transfected 293T cells with anti-214 plasmid. 1th: We collected 24-hour cells and preserved it in Trizol.
2th: We extracted RNA, RT-qPCR anti 214 RNA.
3th: We did agarose gel electrophoresis. Redid this pre-experiment.
 Others: 1th: We subcultured and cryopreserved 293T cells.
3th: E.coli DH5α Competent Cells transformed HER2 plasmids were transferred into LB culture medium with spectinomycin, and shaken overnight at 37℃.
4th: We extracted HER2 plasmids and examined DNA concentration.

WEEK 12 5th-12th, August

Pre-experiment to examine whether the expression level of anti 214/her2/467/516 RNA is high in brain or not (success) 7th: We subcultured 293T cells in 12-well format and transfected 293T cells with anti 214/her2/467/516 plasmids and changed the cell culture medium 6 hours after transfection.
8th: We extracted RNA from cells. RNA stored in -80℃.
10th: RT-PCR.
11th: Q-PCR and analyzed data.
12th: Redid the Q-PCR and analyzed data.
Coculture of HepG2 cells transformed HBsAg plasmids with exosomes containing 467 plasmid (failed) 7th: We subcultured HepG2 cells in 12-well format.
8th: We transfected HepG2 cells with HBsAg plasmids and added 467 exosomes into culture medium after 18 hours.
10th: We extracted RNA from HepG2 cells cocultured on 8th August and RT-PCR the RNA of HBsAg.
11th: We Q-PCR the cDNA we got on 10th August and analyzed data.
12th: We redid the Q-PCR and analyzed data.
 Others: 7th: We examines protein concentration of exosomes (467, 516 and empty)

WEEK 13 12th-18th, August

Collection of exosomes containing empty/516/516+RVG plasmids 12th: We subcultured four 225cm2 flasks of 293T cells.
13th: We subcultured sixteen 225cm2 flasks of 293T cells.
15th: We transfected 293T cells with plasmids (empty/516/516+RVG) and changed the culture media 6 hours after transfection.
17th: We collected culture media. Meanwhile we soaked centrifuge tubes which then be used in ultracentrifugation overnight in DEPC solution(1:1000).
18th: We separated exosomes by ultracentrifugation and stored the exosome solution at 4℃.
19th: We examined protein concentration of exosomes collected on 18th August(empty, 516,516+RVG).
 Pre-experiments for exosomes co-culture experiment. 15th: We subcultured HepG2 cells into a 12-well format.
16th: We transfected HepG2 cells with HBsAg plasmids and cluture medium was contaminated. So we subcultured HepG2 cells into a 12-well format again.
17th: We transfected HepG2 cells with HBsAg plasmids.
18th: We added 467 exosomes into culture media 18 hours after transfection and then collected HepG2 cells 12 hours after transfection and preserved them in Trizol.
19th: We extracted RNA from HepG2 cells. RT-PCR and Q-OCR the it.
 Others: 15th: We did RT-PCR, Q-PCR to obtain standard curves of 467 siRNA and 516 siRNA.
17th: We subcultured 293T cells.

WEEK 14 19th-25th, August

RVG targeting experiment 19th:We practised mouse tail intravenous injection.
20th: We practised mouse tail intravenous injection.
21th: We dosed 9 mice with exosomes (empty*3, 516,*3516+RVG*3) by tail intravenous injection.
22th: We anatomized C57 mice and collected the brain, heart, liver, spleen, lung, kidney and blood of them and preserved these tissues at -80℃.
23th: We extracted RNA from brain and serum we collected on 22th August. Then We did RT-PCR with the RNA.
24th: We did Q-PCR with the cDNA we got on 23th August.
 Absolute quantification of exosomes (empty, 516,516+RVG) 20th: We extracted RNA from exosomes (empty, 516,516+RVG) and did RT-PCR with the RNA.
 Others: 20th: We subcultured HepG2 cells.
21th: We subcultured 293T cells.

September

2013

WEEK 15 26th August-1th September

Redoing the experiment on 23th August 31th: We extract RNA from brain and serum we collected on 22th August.
1th: We did RT-PCR, Q-PCR with the RNA we extracted on 31th August.

WEEK 16-17 2th-11th, September

Exosomes co-culture experiment 31th: We subcultured HepG2 cells into 12-well format.
1th: We transfected HepG2 cells with HBsAg overexpression plasmids and changed transfection media with culture medium 6 hours after transfection.
2th: We added 467 exosomes to the culture medium 18 hours after transfection.
3th: We extracted RNA from HepG2 cells we transfected on 1th September and used the RNA to do RT-PCR and Q-PCR.
4th: We redid RT-PCR and Q-PCR on 3th September.
 Exosomes collection 4th: We transfected 293T cells with 467 plasmids.
5th: We soaked centrifuge tubes which then be used in ultracentrifugation overnight in DEPC solution(1:1000).
6th: We collected culture medium and separated exosomes by ultracentrifugation and stored the exosome solution at 4℃.
 Construction of standardized plasmid 1th: We transformated E.coli DH5α Competent Cells with pSB1C3 plasmids and spread these cells on the surface of solid LB medium added chloromycetin.
2th: We transferred single colony into fluid LB culture medium with chloromycetin, and shaken the medium overnight at 37℃.
3th: We extracted plasmids from culture medium shaken on 2th September and examined the DNA concentration of plasmids. Then we digested plasmids with XbaⅠ enzyme and SpeⅠenzyme. We did agarose gel electrophoriesis to test the effect of enzyme digestion. To get more pSB1C3 plasmids, we shaken E.coli DH5α Competent Cells containing pSB1C3 plasmids in fluid LB culture medium overnight at 37℃.
4th: We extracted plasmids from fluid LB culture medium shaken on 4th September.
5th: We digested a lot of pSB1C3 plasmids we extracted on 3th September with XbaⅠ enzyme and SpeⅠenzyme and did agarose gel electrophoriesis to recycle carrier segment by gel extraction kit.
6th: We digested a lot of pSB1C3 plasmids we extracted on 4th September with XbaⅠ enzyme and SpeⅠenzyme and did agarose gel electrophoriesis to recycle carrier segment by gel extraction kit. We linked carrier segment we got on 5th with 467 double-strand segment and 516 double-strand segment by T4 DNA ligase.
7th: We transformated E.coli DH5α Competent Cells with recombined plasmids we got on 6th September and spread these cells on the surface of solid LB medium added chloromycetin.
8th: We transferred single colony of recombination plasmids-containing E.coli cells into fluid LB culture medium with chloromycetin, and shaken the medium overnight at 37℃.
9th: We extracted plasmids from the LB culture medium we shaken on 8th September and sent the recombined plasmids sample to GenScript for sequencing.
10th:
11th: We got result of sequencing from GenScript. We constructed standardized 467-plasmid successfully.

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