Team:NJU China/Team
From 2013.igem.org
(Difference between revisions)
(112 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | |||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
Line 59: | Line 60: | ||
float:left; | float:left; | ||
white-space: nowrap; | white-space: nowrap; | ||
- | top:- | + | top:-6px; |
width: 490px; | width: 490px; | ||
z-index: 5000; | z-index: 5000; | ||
Line 172: | Line 173: | ||
abbr,acronym { border:0; | abbr,acronym { border:0; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* MAIN STYLE DEFINITIONS */ | /* MAIN STYLE DEFINITIONS */ | ||
a{ | a{ | ||
Line 519: | Line 205: | ||
H1 { | H1 { | ||
font-family: Helvetica; | font-family: Helvetica; | ||
- | + | ||
color: #3d3f3c; | color: #3d3f3c; | ||
text-align: left; | text-align: left; | ||
Line 527: | Line 213: | ||
H4 { | H4 { | ||
font-family: Helvetica; | font-family: Helvetica; | ||
- | + | ||
color: #3d3f3c; | color: #3d3f3c; | ||
text-align: left; | text-align: left; | ||
Line 539: | Line 225: | ||
font-weight:500; | font-weight:500; | ||
text-align:left; | text-align:left; | ||
- | + | ||
color: #3d3f3c; | color: #3d3f3c; | ||
border-bottom:1px solid orangered; | border-bottom:1px solid orangered; | ||
Line 547: | Line 233: | ||
H1, H3 { | H1, H3 { | ||
- | font-family:' | + | font-family:'Tahoma'; |
- | font-weight: | + | font-weight:100; |
- | + | ||
} | } | ||
Line 586: | Line 272: | ||
} | } | ||
- | #tracking_nav a { color:#ffffff | + | #tracking_nav a { color:#ffffff;font-size: 16pt;} |
#tracking_nav a:hover {background:#bababa;} | #tracking_nav a:hover {background:#bababa;} | ||
Line 623: | Line 309: | ||
ul#nav { | ul#nav { | ||
width:1800px; | width:1800px; | ||
- | margin: | + | margin:15px 0 0 325px; |
position:relative; | position:relative; | ||
} | } | ||
Line 634: | Line 320: | ||
position: relative; | position: relative; | ||
list-style: none; | list-style: none; | ||
- | + | ||
} | } | ||
#nav li:last-child { margin:0; } | #nav li:last-child { margin:0; } | ||
Line 814: | Line 500: | ||
#columns:hover .pin:not(:hover) { | #columns:hover .pin:not(:hover) { | ||
opacity: 0.4; | opacity: 0.4; | ||
+ | } | ||
+ | /* General Demo Style */ | ||
+ | body{ | ||
+ | background: #f7f7f7 url(../images/old_wall.jpg) repeat top left; | ||
+ | color: rgba(0,0,0,0.8); | ||
+ | font-family: 'Kelly Slab','Myriad Pro', Arial, sans-serif; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | a{ | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .container{ | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | .clr{ | ||
+ | clear: both; | ||
+ | } | ||
+ | h1{ | ||
+ | font-size: 24px; | ||
+ | position:relative; | ||
+ | font-weight: 400; | ||
+ | padding: 30px 5px 10px 5px; | ||
+ | margin: 0px 15px; | ||
+ | color: rgba(153,157,181,0.6); | ||
+ | text-shadow: 0px 1px 1px #fff; | ||
+ | border-bottom: 1px solid rgba(17,17,22,0.1); | ||
+ | } | ||
+ | /* Header Style */ | ||
+ | .header{ | ||
+ | font-family:'Arial Narrow', Arial, sans-serif; | ||
+ | line-height: 24px; | ||
+ | font-size: 11px; | ||
+ | background: #000; | ||
+ | opacity: 0.9; | ||
+ | text-transform: uppercase; | ||
+ | z-index: 9999; | ||
+ | position: relative; | ||
+ | -moz-box-shadow: 1px 0px 2px #000; | ||
+ | -webkit-box-shadow: 1px 0px 2px #000; | ||
+ | box-shadow: 1px 0px 2px #000; | ||
+ | } | ||
+ | .header a{ | ||
+ | padding: 0px 10px; | ||
+ | letter-spacing: 1px; | ||
+ | color: #ddd; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | .header a:hover{ | ||
+ | color: #fff; | ||
+ | } | ||
+ | .header span.right{ | ||
+ | float: right; | ||
+ | } | ||
+ | .header span.right a{ | ||
+ | float: none; | ||
+ | display: inline; | ||
+ | } | ||
+ | .demos{ | ||
+ | position:relative; | ||
+ | z-index: 1000; | ||
+ | text-align:center; | ||
+ | float: right; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | .demos a{ | ||
+ | display: inline-block; | ||
+ | padding: 4px 6px; | ||
+ | background: #000; | ||
+ | color: #fff; | ||
+ | text-transform: uppercase; | ||
+ | font-family: Arial; | ||
+ | font-size: 11px; | ||
+ | -webkit-font-smoothing:antialiased; | ||
+ | box-shadow: 1px 1px 4px rgba(0,0,0,0.2); | ||
+ | -webkit-transition: all 0.2s linear; | ||
+ | -moz-transition: all 0.2s linear; | ||
+ | -o-transition: all 0.2s linear; | ||
+ | -ms-transition: all 0.2s linear; | ||
+ | transition: all 0.2s linear; | ||
+ | } | ||
+ | .demos a:hover{ | ||
+ | color: #fff; | ||
+ | background: #c90047; | ||
+ | } | ||
+ | .demos a.current-demo, | ||
+ | .demos a.current-demo:hover{ | ||
+ | font-weight: bold; | ||
+ | background: #c90047; | ||
+ | color: #fff; | ||
+ | cursor: default; | ||
+ | } | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | h2.ss-subtitle{ | ||
+ | padding: 10px 10px 40px; | ||
+ | font-size: 52px; | ||
+ | text-transform: uppercase; | ||
+ | color: rgba(0,0,0,0.8); | ||
+ | position: static; | ||
+ | text-shadow: 1px 1px 2px rgba(0,0,0,0.2); | ||
} | } | ||
- | |||
- | + | .ss-links{ | |
+ | position: fixed; | ||
+ | left: 10px; | ||
+ | top: 166px; | ||
+ | width: 40%; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | .ss-links a{ | ||
+ | background: rgba(0,0,0,0.2); | ||
+ | font-size: 16px; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | line-height: 40px; | ||
+ | margin: 5px; | ||
+ | float: left; | ||
+ | border-radius: 50%; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | -webkit-transition: background 0.2s linear; | ||
+ | -moz-transition: background 0.2s linear; | ||
+ | -o-transition: background 0.2s linear; | ||
+ | -ms-transition: background 0.2s linear; | ||
+ | transition: background 0.2s linear; | ||
+ | } | ||
+ | .ss-links a:hover{ | ||
+ | background: rgba(0,0,0,0.4); | ||
+ | } | ||
+ | .ss-container{ | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | text-align: left; | ||
+ | float: left; | ||
+ | overflow: hidden; | ||
+ | padding-bottom: 500px; | ||
+ | } | ||
+ | .ss-container h2{ | ||
+ | font-size: 40px; | ||
+ | text-transform: uppercase; | ||
+ | color: rgba(78,84,123,0.2); | ||
+ | text-shadow: 0px 1px 1px #fff; | ||
+ | padding: 20px 0px; | ||
+ | } | ||
+ | .ss-container:before{ | ||
+ | position: absolute; | ||
+ | width: 4px; | ||
+ | background: rgba(17,17,22,0.8); | ||
+ | top: 0px; | ||
+ | left: 50%; | ||
+ | margin-left: -2px; | ||
+ | content: ''; | ||
+ | height: 100%; | ||
+ | } | ||
+ | .ss-row{ | ||
+ | width: 100%; | ||
+ | clear: both; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | padding: 30px 0; | ||
+ | } | ||
+ | .ss-left, .ss-right{ | ||
+ | float: left; | ||
+ | width: 48%; | ||
+ | position: relative; | ||
+ | } | ||
+ | .ss-right{ | ||
+ | padding-left: 2%; | ||
+ | } | ||
+ | .ss-left{ | ||
+ | text-align: right; | ||
+ | float: left; | ||
+ | padding-right: 2%; | ||
+ | } | ||
+ | .ss-container h3{ | ||
+ | margin-top: 34px; | ||
+ | padding: 10px 15px; | ||
+ | background: rgba(26, 27, 33, 0.6); | ||
+ | text-shadow: 1px 1px 1px rgba(26, 27, 33, 0.8) | ||
+ | } | ||
+ | .ss-container .ss-medium h3{ | ||
+ | margin-top: 82px; | ||
+ | } | ||
+ | .ss-container .ss-large h3{ | ||
+ | margin-top: 133px; | ||
+ | } | ||
+ | .ss-container .ss-left h3{ | ||
+ | border-right: 5px solid rgba(164,166,181,0.8); | ||
+ | } | ||
+ | .ss-container .ss-right h3{ | ||
+ | border-left: 5px solid rgba(164,166,181,0.8); | ||
+ | } | ||
+ | .ss-container h3 span{ | ||
+ | color: rgba(255,255,255,0.8); | ||
+ | font-size: 13px; | ||
+ | display: block; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | .ss-container h3 a{ | ||
+ | font-size: 28px; | ||
+ | color: rgba(255,255,255,0.9); | ||
+ | display: block; | ||
+ | } | ||
+ | .ss-container h3 a:hover{ | ||
+ | color: rgba(255,255,255,1); | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Kelly+Slab' rel='stylesheet' type='text/css' /> | ||
+ | <!--[if lt IE 9]> | ||
+ | <link rel="stylesheet" type="text/css" href="css/styleIE.css" /> | ||
+ | <![endif]--> | ||
+ | <script language="Javascript"> | ||
+ | /* Modernizr 2.0.6 (Custom Build) | MIT & BSD | ||
+ | * Build: http://www.modernizr.com/download/#-csstransforms3d-iepp-cssclasses-teststyles-testprop-prefixes-load | ||
+ | */ | ||
+ | ;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> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div style="float:left; position:absolute; margin-top:-30px; margin-left:250px; 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> | ||
+ | <div class="container"> | ||
+ | <!--Start NavBar--> | ||
+ | <ul id="nav"> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Overview</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Chassis</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Targeting Module</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Killing Module</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Achievement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Free debate</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Reach the unreached</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Workshop</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Collaboration</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Protocol">Protocol</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Notebook">Lab notes</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> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety form</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Virus-related_safety">Virus-related safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a> | ||
+ | <ul> | ||
+ | <li><a href="https://igem.org/2013_Judging_Form?id=1180">Judging criteria</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attribution</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Acknowledgement">Acknowledgement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | <!--End NavBar--> | ||
+ | <h2 class="ss-subtitle">TEAM</h2> | ||
+ | <div id="ss-container" class="ss-container"> | ||
+ | <div class="ss-row"> | ||
+ | <div id="ss-container" class="ss-container"> | ||
+ | <div class="ss-row"> | ||
+ | <div class="ss-left"> | ||
+ | <h2 id="March">Team</h2> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h2>NJU_China</h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <center><img width="1200px"; height="800px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/d/d6/M3-team-hezhao.jpg"></center> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-left"> | ||
+ | <h3> | ||
+ | <img width="300px"; height="400px" src="https://static.igem.org/mediawiki/igem.org/3/35/M3-team-gongfei.JPG"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Gong Fei</a> | ||
+ | <span> | ||
+ | To strive,to seek, to find and never to give up.</br> | ||
+ | Contact:gongfei1024@126.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <img width="300px"; height="400px" src="https://static.igem.org/mediawiki/igem.org/8/8a/M3-team-daiyimei.JPG"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Dai Yimei</a> | ||
+ | <span> | ||
+ | Hi, my name is Dai Yimei and I am a senior at Nanjing University. I am majoring in life science and plan to pursue graduate study in developmental biology. I believe that science can work wonders. </br> | ||
+ | Contact: yimei1112@163.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-left"> | ||
+ | <h3> | ||
+ | <img width="300px"; height="334px" src="https://static.igem.org/mediawiki/igem.org/a/a6/M3-team-Wengmingxi.jpg"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Weng Mingxi</a> | ||
+ | <span> | ||
+ | I love science and have great passion in life science. This is my first time to participate in iGEM. I find my fun in our project this summer. It's so great to design and synthesize biological devices to achieve a certain transformation of life to some extent as our will. And it’s always a pleasure to be with everyone in our team. What a wonderful experience!</br> | ||
+ | Contact: wmx0070@163.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <img width="300px"; height="676px" src="https://static.igem.org/mediawiki/igem.org/5/51/M3-team-chenxi9.jpg"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Chen xi</a> | ||
+ | <span> | ||
+ | I am Chen Xi, a life science student trying to find out solution to health problem in a simpler way. </br> | ||
+ | Contact: chenxi0124@163.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-left"> | ||
+ | <h3> | ||
+ | <img width="300px"; height="350px" src="https://static.igem.org/mediawiki/igem.org/f/fa/M3-team-xiongaoli.JPG"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Xiong Aoli</a> | ||
+ | <span> | ||
+ | What synthetic biology attracts me by in the first place is that by designing different parts one’s hands could work just as the hands of god. It brings me back to the childhood when I was playing with my Lego. With several basic parts, one could build a world with infinite possibility, just like synthetic biology and iGEM. I’m enjoying the process of creating something new.</br> | ||
+ | Contact:452086759@qq.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <img width="300px"; height="420px" src="https://static.igem.org/mediawiki/igem.org/0/09/M3-team-sunyiyang.jpg"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Sunyiyang</a> | ||
+ | <span> | ||
+ | Sunny,healthy and lucky! That is me! </br> | ||
+ | Contact:sunyiyang158@yahoo.com.cn</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-left"> | ||
+ | <h3> | ||
+ | <img width="480px"; height="360px" src="https://static.igem.org/mediawiki/igem.org/6/6d/M3-team-wangwei.JPG"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Wang Wei</a> | ||
+ | <span> | ||
+ | I’m Wang Wei, a senior student at the school of Life Science, NANJING University. This is an opportunity to personally deeply involve in scientific research, and from which I harvest. I learned about synthetic biology, and knew what my interest is. This summer, I had a good time with IGEM, cell experiment and my friends. </br> | ||
+ | Contact:hbwangwei@sina.cn</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <img width="300px"; height="366px" src="https://static.igem.org/mediawiki/igem.org/f/f8/M3-team-niuyuchen.jpg"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Niu Yuchen</a> | ||
+ | <span> | ||
+ | I believe that the life sciences can bring us a better life.</br> | ||
+ | Contact:nycklkl@163.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-left"> | ||
+ | <h3> | ||
+ | <img width="450px"; height="300px" src="https://static.igem.org/mediawiki/igem.org/e/ed/M3-team-zhouyu.jpg"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Zhou Yu</a> | ||
+ | <span> | ||
+ | Synthetic biology is like art and dream.</br> | ||
+ | Contact: zhouyu1992nju@outlook.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <img width="300px"; height="452px" src="https://static.igem.org/mediawiki/igem.org/e/e3/M3-team-weixiuqing.JPG"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Wei Xiuqing</a> | ||
+ | <span> | ||
+ | Hello, I am Viola, a senior student major in Life Sciences at Nanjing University. Drawing and playing table tennis are my favorite hobbies, and I also like growing flowers. I am excited to be a part of such a diverse group of students and looking forward to the competition. Facing difficulties I am always positive and optimistic. Love life, love Life Sciences. Fighting!</br> | ||
+ | Contact:1223041429@qq.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-left"> | ||
+ | <h3> | ||
+ | <img width="400px"; height="300px" src="https://static.igem.org/mediawiki/igem.org/8/8a/M3-team-caiyusheng.jpg"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Cai Yusheng</a> | ||
+ | <span> | ||
+ | Man is not made for defeat. A man can be destroyed but not defeated.</br> | ||
+ | Contact: 358577421@qq.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <img width="442px"; height="400px" src="https://static.igem.org/mediawiki/2013/c/c6/Anhongrui.jpg"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>An Hongrui</a> | ||
+ | <span> | ||
+ | On the way to a smile.</br> | ||
+ | Contact: tafeiry@gmail.com</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ss-row ss-medium"> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <img width="487px"; height="734px" src="https://static.igem.org/mediawiki/igem.org/d/d5/M3-team-chenxi.jpg"> | ||
+ | </h3> | ||
+ | </div> | ||
+ | <div class="ss-right"> | ||
+ | <h3> | ||
+ | <a>Chen Xi</a> | ||
+ | <a>Instructor</a> | ||
+ | <span> | ||
+ | Associate Professor, School of Life Sciences, Nanjing University</br> | ||
+ | Contact:xichen@nju.edu.cn</br> | ||
+ | </span> | ||
+ | </h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <center><img width="800px"; height="531px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/9/91/M3-Team8.JPG"></center> | ||
+ | |||
+ | <center><img width="800px"; height="531px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/3/3e/M3-team222.JPG"></center> | ||
+ | |||
+ | <center><img width="800px"; height="555px" style="position:relative" src="https://static.igem.org/mediawiki/igem.org/7/71/M3-Team-budda.JPG"></center> | ||
+ | |||
+ | <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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | ||
<script language="Javascript"> | <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 958: | Line 1,205: | ||
}); | }); | ||
+ | /* | ||
+ | * | ||
+ | * 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 06:39, 28 October 2013