Team:NJU China/Protocol
From 2013.igem.org
(Difference between revisions)
(18 intermediate revisions not shown) | |||
Line 59: | Line 59: | ||
float:left; | float:left; | ||
white-space: nowrap; | white-space: nowrap; | ||
- | top:- | + | 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 400px; | ||
+ | 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: | + | position: static; |
text-shadow: 1px 1px 2px rgba(0,0,0,0.2); | text-shadow: 1px 1px 2px rgba(0,0,0,0.2); | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.ss-links{ | .ss-links{ | ||
position: fixed; | position: fixed; | ||
Line 371: | Line 676: | ||
padding-right: 2%; | padding-right: 2%; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.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=["­","<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=["­","<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:-15px; margin-left:325px; z-index:1; display:block; "> | ||
+ | </br></br> | ||
+ | <a href="https://2013.igem.org"><img src="https://static.igem.org/mediawiki/2013/8/80/NJU-Miniminiminilogocolored.png" ></a> | ||
+ | </div> | ||
<p> </p> | <p> </p> | ||
<div class="container"> | <div class="container"> | ||
Line 504: | Line 736: | ||
<ul> | <ul> | ||
<li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Overview">Overview</a></li> | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Overview">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">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">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">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">Achievement</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 516: | Line 748: | ||
<ul> | <ul> | ||
<li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Free debate">Free debate</a></li> | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Free debate">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/Project#Reach the unreached">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/Project#Workshop">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/Project#Collaboration">Collaboration</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 525: | Line 757: | ||
<ul> | <ul> | ||
<li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Protocol</a></li> | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Protocol</a></li> | ||
- | <li><a https://2013.igem.org/Team:NJU_China/ | + | <li><a href="https://2013.igem.org/Team:NJU_China/Notebook">Lab notes</a></li> |
- | <li><a https://2013.igem.org/Team:NJU_China/ | + | <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/ | + | <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 533: | 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=" | + | <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety form</a></li> |
- | <li><a https://2013.igem.org/Team:NJU_China/ | + | <li><a href="https://2013.igem.org/Team:NJU_China/Virus-related_safety">Virus-related safety</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 542: | 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=" | + | <li><a href="https://igem.org/2013_Judging_Form?id=1180">Judging criteria</a></li> |
- | <li><a https://2013.igem.org/Team:NJU_China/ | + | <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Attribution</a></li> |
- | <li><a https://2013.igem.org/Team:NJU_China/ | + | <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/Notebook">Notebook</a> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Data Page">Data Page</a> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a> | ||
</ul> | </ul> | ||
- | <!--End NavBar--> | + | <!--End NavBar--> |
<h2 class="ss-subtitle">Protocol</h2> | <h2 class="ss-subtitle">Protocol</h2> | ||
Line 565: | Line 800: | ||
<div class="ss-row"> | <div class="ss-row"> | ||
<div class="ss-left"> | <div class="ss-left"> | ||
- | < | + | <h4 id="March">Subculturing Cells</h4> |
</div> | </div> | ||
<div class="ss-right"> | <div class="ss-right"> | ||
Line 623: | Line 858: | ||
<div class="ss-row"> | <div class="ss-row"> | ||
<div class="ss-left"> | <div class="ss-left"> | ||
- | < | + | <h4 id="April">RNA Extraction</h4> |
</div> | </div> | ||
<div class="ss-right"> | <div class="ss-right"> | ||
- | < | + | <h4>RT-PCR</h4> |
</div> | </div> | ||
</div> | </div> | ||
Line 705: | Line 940: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="ss-row"> | <div class="ss-row"> | ||
<div class="ss-left"> | <div class="ss-left"> | ||
- | < | + | <h4 id="May">qPCR</h4> |
</div> | </div> | ||
<div class="ss-right"> | <div class="ss-right"> | ||
Line 738: | Line 953: | ||
<div class="ss-right"> | <div class="ss-right"> | ||
<h3> | <h3> | ||
- | <a> | + | <a>qPCR</a> |
<span> | <span> | ||
1. According to the manufacturer’s instruction, use tubes to compound these reagent that listed below. All procedures were carried out on ice.</br> | 1. According to the manufacturer’s instruction, use tubes to compound these reagent that listed below. All procedures were carried out on ice.</br> | ||
Line 750: | Line 965: | ||
<div class="ss-right"> | <div class="ss-right"> | ||
<h3> | <h3> | ||
- | <a> | + | <a>Plasmids transformation</a> |
<span> | <span> | ||
- | + | </br>1. Obtain a competent cell aliquot from the -80°C freezer, keep the tubes on ice. | |
- | + | </br>2. Add 40μL of ice cold H2O to each aliquot to make a 80 μL solution. | |
- | + | </br>3. Separate the 80 uL solution into 2 separate tubes to make two 40uL tubes of solution. | |
- | + | </br>4. Add 1μL of a Gibson Product into each tube | |
- | + | </br>5. Using the Electroporator: | |
- | + | </br>a. Set the electroporator to 1250 V. and press "time constant". | |
+ | </br>b. Obtain a chilled cuvette, and pipet all 40 uL of a sample into the center. | ||
+ | </br>c. Place the cuvette into the electroporator and press "Pluse" twice. | ||
+ | </br>d. Immediately remove the cuvette and rescue the sample in 300-500 mL of LB. | ||
+ | </br>e. Pipet the sample into a labeled microcentrifuge tube, and record the time constant. (The time constant should have a value greater than 2.5). | ||
+ | </br>f. Repeat this process for the other sample. After the addition of LB, transfer the sample into another labeled microcentrifuge tube. | ||
+ | </br>6. Incubate both samples for about 1 hour at 37°C. | ||
+ | </br>7. After incubation, combine both samples (make sure each sample has a comparable time constant) and follow standard plating procedures. | ||
</span> | </span> | ||
</h3> | </h3> | ||
Line 764: | Line 986: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="ss-row"> | <div class="ss-row"> | ||
- | |||
- | |||
- | |||
<div class="ss-right"> | <div class="ss-right"> | ||
- | < | + | <h4 id="June">Plasmids extraction</h4> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
<div class="ss-right"> | <div class="ss-right"> | ||
- | < | + | <h4>Plasmids extraction with small quantity</h4> |
</div> | </div> | ||
</div> | </div> | ||
<div class="ss-row ss-medium"> | <div class="ss-row ss-medium"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="ss-right"> | <div class="ss-right"> | ||
<h3> | <h3> | ||
- | <a> | + | <a>Plasmids extraction</a> |
<span> | <span> | ||
- | + | Preparation</br> | |
- | + | 1.Column equilibration: place a Spin Column CP5 into 50 ml collection tube (supplied in the kit) and add 2.5 ml Buffer BL to Spin Column CP5. Centrifuge for 2 min at 8,000 rpm (~8,228 × g). Discard the flow-throw, and place Spin Column CP5 into the same collection tube. | |
- | + | </br>2.Composition of solution: | |
- | + | </br> a)Solution I: 50 mM Glucose / 25 mM Tris-Cl / 10 mM EDTA,pH 8.0 | |
- | + | </br> b)Solution II: 0.2 N NaOH / 1% SDS; | |
- | + | </br> c)Solution III: 3 M potassium acetate/ 2 M acetic acid | |
- | </ | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | </br></br>Protocol | |
- | + | </br>1.Inoculate 1L LB/ampicillin (50μg/mL) medium placed in a 5 liter culture flask with E.coli carrying desired plasmid and grow at 37/C with agitation for 12-16 hr. | |
- | + | </br>2.Pellet up to 1-2L bacteria in appropriate vessels by centrifugation at 4,000 rpm for 15 min at 4°C. | |
- | + | </br>3.Decant or aspirate medium and discard. Add 18 mL Solution I. Resuspend cells completely by vortexing or pipetting up and down. Complete resuspension of cell pellet is vital for obtaining good yield. | |
- | + | </br>4.Add 40 mL Solution II, gently mix by inverting and rotating tube several times. Incubate 10 minutes at room temperature. | |
- | + | </br>5.Add 30 mL chilled Solution III, cover, and gently mix by inverting tube several times until a flocculent white precipitate forms. Incubate on ice for 10 minutes. | |
- | + | </br>6.Centrifuge at 7000rpm for 15 minutes at 4oC to pellet the cellular debris and genomic DNA. | |
- | + | </br>7.Transfer the supernatant into CS1 filter. | |
+ | </br>8.Measure the volume of the flow-through and add 0.6 volume of the isopropyl alcohol. Mix by inverting the bottle 15-25 times. Incubate on ice for 10 minutes. | ||
+ | </br>9.Centrifuge at 7000rpm for 15min. Carefully decant the supernatant without disturbing the pellet.. | ||
+ | </br>10.Resuspend pelleted bacterial cells in 8 ml Buffer P1. | ||
+ | Note: Ensure that RNase A has been added to Buffer P1. No cell clumps should be visible after resuspension of the pellet. | ||
+ | </br>11.Add 8 ml Buffer P2 and mix thoroughly by inverting the tube 6-8 times, and incubating at room temperature for 5 min. | ||
+ | </br> Note: Mix gently by inverting the tube. Do not vortex, as this will result in shearing of genomic DNA. If necessary, continue inverting the tube until the solution becomes viscous and slightly clear. Do not allow the lysis reaction to proceed for more than 5 min. | ||
+ | </br>12.Add 8 ml Buffer P4 and mix immediately and thoroughly by inverting the tube 6-8 times, incubate at room temperature for 10 min. The solution should become cloudy. | ||
+ | </br> Note: To avoid localized precipitation, mix the solution thoroughly, immediately after addition of Buffer P4. | ||
+ | Centrifuge for 10 min at 8,000 rpm (~8,228 × g). A compact white pellet will form. | ||
+ | </br>13.Note: If use more than 100 ml bacterial culture, prolong centrifugal time to 20-30 min. | ||
+ | </br>14.Transfer the lysate into the Filtration Column CS. Gently insert the plunger into the Filtration | ||
+ | Column CS and filter the cell lysate into a new 50 ml tube (not supplied in the kit). | ||
+ | </br>15.Add 0.3 volume isopropanol to the cleared lysate, sealed the received tube, and mix completely and then transfer all solution to the Spin Column CP5. Centrifuge for 2 min at 8,000 rpm (~8,228 × g). | ||
+ | </br> Note: If the volume of isopropanol–lysate mixture is larger than the capacity of the column, it can be loaded the column two times. | ||
+ | </br>16. Discard the flow-through and place the Spin Column CB5 back into the same collection tube.</br> | ||
+ | 17. Add 10 ml Buffer PW to the column and centrifuge at 8,000 rpm (~8,228 × g) for 2 min. Discard the flow-through and place the Spin Columns CB5 back into the same collection tube. | ||
+ | </br>18. Repeat step17. | ||
+ | </br>19. Add 3ml 96%-100% ethanol to the Spin Column CP5 (put the CP5 in a collection tube). Centrifuge for 2 min at 8,000 rpm (~8,228 × g). | ||
+ | </br>20. Discard the flow-through and centrifuge at 8,000 rpm (~8,228 × g) for an additional 5 min for removing residual ethanol. | ||
+ | </br> Note: Residual ethanol will influence the subsequent enzymatic reaction and sequence. Place the column with cap open in air for several minutes to dry the membrane. | ||
+ | </br>21. To elute DNA, place the column in a clean 50 ml collection tube(supplied in the kit) and add 1-2 ml Buffer TB to the center of the membrane and incubate 5 min at room temperature, centrifuge at 8,000 rpm (~8,228 × g) for 2 min. | ||
+ | </br> Note: Repeat step 14 to increase plasmid callback efficiency.If the volume of eluted buffer is less than 1 ml, it may affect recovery efficiency. The pH value of eluted buffer will have some influence in eluting. Buffer TB or distilled water (pH 7.0-8.5) is suggested to elute plasmid DNA. For long-term storage of DNA, eluting in Buffer TB and storing at –20°C is recommended, since DNA stored in water is subject to acid hydrolysis. | ||
- | + | </span> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</h3> | </h3> | ||
</div> | </div> | ||
<div class="ss-right"> | <div class="ss-right"> | ||
<h3> | <h3> | ||
- | <a> | + | <a>Plasmids extraction with small quantity</a> |
<span> | <span> | ||
- | + | </br>Procedure | |
- | + | </br>1. Inoculate10-15ml LB(with appropriate antibiotic, 50 μg/ml) medium with E.coli carrying desired plasmid isolation and grow at 37ºC with agitation for 12-16 hours. | |
- | + | </br>2. Pellet bacteria in appropriate vessels by centrifugation at 5,000× g for 10 min at room temperature preferably in a swinging bucket rotor. | |
- | + | </br>3. Decant or aspirate medium and discard. To the bacterial pellet add 500 μl Solution I/RNase A. Resuspend cells completely by vortexing or pipetting up and down. Complete resuspension of cell pellet is vital for obtaining good yields. | |
- | + | </br>4. Transfer the cell suspension to a new 2 ml micro-centrifuge tube. Add 500 μl | |
- | + | Solution II and mix gently but throughly by inverting and rotating tube 7-10 times to obtain a cleared lysate. A 2 min incubation at room temperature may be necessary. Avoid vigorous mixing as this will shear chromosomal DNA and lower plasmid purity. (Store Solution II tightly capped when not in use.) | |
- | + | </br>5. Add 250 μl ice-cold Buffer N3 and mix gently but throughly by inverting tube several times until a flocculent white precipitate forms. Centrifuge at $12,000 × g for 10 minutes at room temperature (preferably at 4°C). | |
- | + | Note: The Buffers must be mixed thoroughly. If the mixture appears viscous, brownish and conglobated, more mixing is required to completely neutralize the solution. Complete neutralization of the solution is vital of obtaining good yields. | |
- | + | </br>6. CAREFULLY aspirate and transfer the cleared supernatant to a clean 1.5 ml | |
- | + | centrifuge tube. Add 0.1 volume of ETR Solution to the cleared lysate. Mix by inverting tube several times and incubate on ice for 10 minutes. Invert the tube several times during the incubation. | |
- | + | Note: After addition of ETR Solution, the lysate should appear turbid, but it should become clear after incubation on ice. Do not use a clean 2.0 ml centrifuge tube to collect the supernatant, because the ETR Solution will be suspend into solution when too much liquid in single 2 ml tube. | |
- | + | </br>7. Incubate the lysate at 42oC for 5 minutes. The lysate should appear turbid again. Centrifuge at 12,000 × g for 3 minutes at 25oC. The ETR Solution will form a blue layer at bottom of tube. | |
- | + | </br>8. Transfer the top aqueous phase into a new 2 ml tube and add 0.5 volume of absolute ethanol (room temperature, 96-100%). Mix gently by inverting tube 6-7 times. Incubate at room temperature for 1-2 minutes. | |
- | + | </br>9. Transfer 700 μl of the mixture (from step 8) into a clean HiBind DNA Mini column II assembled in a 2 ml collection tube(provided) and Centrifuge at10,000 × g for 1 min at room temperature to pass solution through column. Discard the flow-through and re-use the collection tube in next step. | |
- | + | </br>10. Repeat step 9 until all of the remaining of the mixture have been passed through the column and centrifuge as above. Discard the flow-through and re-use the collection tube. | |
- | + | </br>11. Wash column with 500 μl Buffer HB and Centrifuge as above. This step ensures that residual protein contamination is removed and must be included for downstream application requiring high quality DNA. | |
- | + | </br>12. Discard flow-through liquid and wash the column by adding 700 μl DNA Wash Buffer diluted with ethanol. Centrifuge as above and discard flow-through. | |
- | + | Note: DNA Wash Buffer Concentrate must be diluted with absolute ethanol before use. See label for directions. If refrigerated. DNA Wash Buffer must be brought to room temperature before use. | |
- | + | </br>13. Repeat wash step 12 with another 700 μl DNA Wash Buffer. | |
- | + | </br>14. Discard the flow-through liquid and centrifuge the empty column at maximum speed ($13,000×g ) for 3 min to dry the column matrix. Do not skip this step-it is critical for removing ethanol from the column. | |
- | + | </br>15. Place column into a new clean 1.5ml micro-centrifuge tube. Add 50-80 μl (depending on desired concentration of final product) ddH2O directly onto the column matrix and let it sit at room temperature for 2 minutes. Centrifuge at 13,000 × g for 1 min to elute DNA. This represents approximately 70-85% of bound DNA. An optional second elution will yield any residual DNA, though at a lower concentration. | |
- | + | </br>16.Store purified DNA at 4°C for immediate use or at –20°C for long-term storage. Calculate DNA yield by UV absorbance at 260 nm. | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</span> | </span> | ||
</h3> | </h3> | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
<div class="ss-row"> | <div class="ss-row"> | ||
<div class="ss-left"> | <div class="ss-left"> | ||
- | < | + | <h4 id="July">BCA method to measure protein concentration</h4> |
</div> | </div> | ||
<div class="ss-right"> | <div class="ss-right"> | ||
- | < | + | <h4>Cell Freezing</h4> |
</div> | </div> | ||
</div> | </div> | ||
<div class="ss-row ss-medium"> | <div class="ss-row ss-medium"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="ss-right"> | <div class="ss-right"> | ||
<h3> | <h3> | ||
- | <a> | + | <a>BCA method to measure protein concentration</a> |
<span> | <span> | ||
- | + | 1. Preparation | |
- | + | </br>(1) BCA reagent: Take 50 allots Reagent A and 1 allots Reagent B, mix up. | |
- | + | </br>(2) Standard protein solution: the concentration of protein is 0, 25, 125, 250, 500, 750, 1000, 1500, 2000 (μg/ml). | |
- | </ | + | </br>(3)Sample solution: 1μl sample + 9μl ddH2O |
- | + | </br>2. Reaction | |
- | + | </br>(1)Use a cleaning 96-well plate, and add reagents (10μl protein solution+ 200μl BCA reagent per well), respectively and successively. | |
- | + | (2)After adding those reagents, put plate into a incubator and keep standing for 30 minutes at 37℃. Then determine absorbance at 562nm, the first tube is contrast. | |
- | + | 3.Determination of protein concentration. | |
- | + | (1)Make absorbance-protein concentration calibration curve, while the standard concentration is x-axis, the absorbance is y-axis. | |
+ | (2)Record the absorbance of samples. Then use the calibration curve to determine the protein concentration of samples. | ||
</span> | </span> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</h3> | </h3> | ||
</div> | </div> | ||
<div class="ss-right"> | <div class="ss-right"> | ||
<h3> | <h3> | ||
- | <a> | + | <a>Cell Freezing</a> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<span> | <span> | ||
- | + | </br> 1.For optimum results, cells should be in log phase of growth.For adherent cells, use trypsin to gently detach cells from the substrate on which they are growing. For suspended cell, there is no need to use trypsin | |
+ | </br> 2. Determine the desired viable cell density and calculate the required volume of frozen stock solution needed. Centrifuge cell suspension at approximately 800 to 1000 rpm for 5 minutes (Note: Centrifugation speed and duration may vary depending on cell type). | ||
+ | </br> 3. Aseptically decant supernatant without disturbing the cell pellet. Resuspend the pellet in frozen stock solution at recommended viable cell density for specific cell type.</br> | ||
+ | 4. Dispense aliquots of this suspension (frequently mixing to maintain a homogeneous cell suspension) into cryogenic storage vials according to the manufacturer’s specifications (i.e., 1.5 mL in a 2.0-mL cryovial). Normal freeze down procedures should take place immediately. | ||
+ | </br> 5. Achieve cryopreservation following standard procedures (4 ˚C for several minutes then transfer into -80˚C for 3 hours or overnight).</br> | ||
+ | 6. Transfer frozen cells to liquid nitrogen (Vapor phase). | ||
+ | Note: when cells were put in -80˚C, cryogenic storage vials should be perpendicular and fixed in the storage box so that the temperature would decrease slowly. Be sure that the cover of the box is tight. | ||
+ | </br> | ||
+ | Ingredients of frozen stock solution: 10%DMSO+50%FBS+40%DMEM or 10% DMSO+90%FBS | ||
</span> | </span> | ||
</h3> | </h3> | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="ss-row"> | <div class="ss-row"> | ||
<div class="ss-left"> | <div class="ss-left"> | ||
- | <h2 id=" | + | <h2 id="July">Cell Recovery</h2> |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
<div class="ss-row ss-medium"> | <div class="ss-row ss-medium"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="ss-right"> | <div class="ss-right"> | ||
<h3> | <h3> | ||
- | <a> | + | <a>Cell Recovery</a> |
- | <span> | + | <span></br>1. Remove cells from cryopreservation storage and rapidly thaw (< 1 minute) frozen vial in a 37˚C water bath. |
- | + | </br>2. Slowly dilute frozen cells with desired amount of complete growth medium by swirling and mixing. | |
- | + | </br>3. Centrifuge cell suspension at approximately 800 to 1000 rpm for 5 minutes. (Note: Centrifugation speed and duration - may vary depending on cell type). | |
- | </span> | + | </br>4. After centrifugation, check clarity of supernatant and visibility of a complete pellet. Aseptically decant supernatant without disturbing the cell pellet. |
+ | </br>5. Gently resuspend cells in complete growth medium, transfer into appropriate growth vessel and into the recommended culture environment.</span> | ||
</h3> | </h3> | ||
- | |||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
</div> | </div> | ||
Line 1,202: | Line 1,142: | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
- | <script src="http:// | + | <script language="Javascript"> |
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
/* | /* | ||
- | + | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ | |
- | + | * | |
- | + | * 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. | ||
+ | * | ||
*/ | */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
// 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,678: | Line 1,317: | ||
}); | }); | ||
+ | /* | ||
+ | * | ||
+ | * 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"> |
Latest revision as of 08:26, 28 October 2013