Team:NJU China/Team

@@ Line 1: / Line 1: @@
+<!DOCTYPE html>
 <html lang="en">
      <head>
@@ Line 59: / Line 60: @@
      float:left;
      white-space: nowrap;
-     top:-3px;
+     top:-6px;
      width: 490px;
      z-index: 5000;
      font-family: sans-serif;
-     font-size: 55%;
+     font-size: 95%;
      line-height: 1em;
      z-index:99;
@@ Line 208: / Line 209: @@
      background: #000;
      opacity: 0.9;
+    text-transform: uppercase;
      z-index: 9999;
      position: relative;
@@ Line 243: / Line 245: @@
      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{
@@ Line 263: / Line 272: @@
      padding: 10px 10px 40px;
      font-size: 52px;
+    text-transform: uppercase;
      color: rgba(0,0,0,0.8);
 	position: relative;
@@ Line 327: / Line 337: @@
 .ss-container h2{
      font-size: 40px;
+    text-transform: uppercase;
      color: rgba(78,84,123,0.2);
 	text-shadow: 0px 1px 1px #fff;
@@ Line 361: / Line 372: @@
      padding-right: 2%;
 }
+.ss-circle{
+    border-radius: 50%;
+    overflow: hidden;
+    display: block;
+    text-indent: -9000px;
+    text-align: left;
+    -webkit-box-shadow:
+px 2px 5px rgba(0,0,0,0.7) inset,
+px 0px 0px 12px rgba(61,64,85,0.3);
+    -moz-box-shadow:
+px 2px 5px rgba(0,0,0,0.7) inset,
+px 0px 0px 12px rgba(61,64,85,0.3);
+    box-shadow:
+px 2px 5px rgba(0,0,0,0.7) inset,
+px 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{
      margin-top: 34px;
@@ Line 394: / Line 482: @@
 	color: rgba(255,255,255,1);
 }
+.ss-circle-1{
-</style>
+     <P>WEEK</P>
-        <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=["&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>
-</head>
-<body>
-        <p>&nbsp;</p>
-        <div class="container">
-            <h2 class="ss-subtitle">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TEAM</h2>
-<!--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/Team">Team</a></li>
-    <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a></li>
-    <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a></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/Notebook">Notebook</a></li>
-    <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a></li>
-    <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attributions</a></li>
-</ul>
-<!--End NavBar-->
-                    <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>
-<div class="ss-row ss-medium">
-<div class="ss-left">
-<h3>
-<img width="300px"; height="400px" src="https://static.igem.org/mediawiki/2013/6/67/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-medium">
-<div class="ss-right">
-<h3>
-<img width="300px"; height="400px" src="https://static.igem.org/mediawiki/2013/6/6f/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>
-</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">
-<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;
 }
+.ss-circle-2{
-a:hover {
+    background-image: url(../images/2.jpg);
-color:#3d3f3c;
 }
+.ss-circle-3{
-a:visited{
+    background-image: url(../images/3.jpg);
-color:#870203;
 }
+.ss-circle-4{
-td
+    background-image: url(../images/4.jpg);
-{
-	font-family: Helvetica;
-	font-size: 10pt;
-	vertical-align: top;
-	text-align: left;
-	padding-right: 10px;
 }
+.ss-circle-5{
-tr
+    background-image: url(../images/5.jpg);
-{
-	vertical-align: top;
 }
+.ss-circle-6{
-H1 {
+     background-image: url(../images/6.jpg);
-    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;
 }
+.ss-circle-7{
-H1, H3 {
+    background-image: url(../images/7.jpg);
-	font-family:'Source Sans Pro';
-		font-weight:600;
 }
+.ss-circle-8{
-H1 {
+    background-image: url(../images/8.jpg);
-	font-size:20px;
-	border:none;
 }
+.ss-circle-9{
-img.headshot {
+    background-image: url(../images/9.jpg);
-	width: 100px;
-	height: auto;
-	vertical-align: text-top;
 }
+.ss-circle-10{
+    background-image: url(../images/10.jpg);
-body {
-	background:#fff;
-	font-family: Helvetica;
 }
+.ss-circle-11{
-content {
+    background-image: url(../images/11.jpg);
-	background: transparent;
 }
+.ss-circle-12{
-#tracking_nav
+    background-image: url(../images/12.jpg);
-{
-	margin: 0px 0px 0px 950px;
-	position: fixed;
-	color:#bababa;
-	border: 1px solid #3d3f3c;
-	background:#3d3f3c;
-	font-size: 16pt;
-	padding: 5px;
-	line-height: 120%;
 }
+.ss-circle-13{
-#tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
+    background-image: url(../images/13.jpg);
-#tracking_nav a:hover {background:#bababa;}
-#parts_table
-{
-	border: 1px solid #870203;
-	border-collapse: collapse;
-	width: 70%;
-	margin: auto;
 }
+.ss-circle-14{
-#parts_table td
+    background-image: url(../images/14.jpg);
-{
-	text-align: center;
-	margin: 5px;
-	border: 1px solid #870203;
 }
+.ss-circle-15{
-#parts_table th
+    background-image: url(../images/15.jpg);
-{
-	background-color: #bababa;
-	border: 1px solid #870203;
-	color: #ffffff;
 }
+.ss-circle-16{
-.table_part
+    background-image: url(../images/16.jpg);
-{
-	vertical-align: middle;
 }
+.ss-circle-17{
-/* HEADER STYLES: banner, navbar, etc. */
+    background-image: url(../images/17.jpg);
-#banner { width:300px; display:block; float:left; }
-#banner img { width:100%; }
-ul#nav {
-	width:1800px;
-	margin:-50px 0 0 325px;
-	position:relative;
 }
+.ss-circle-18{
-#nav li {
+    background-image: url(../images/18.jpg);
-	color: #bbb;
-	background-color:none;
-	margin: 0 50px 0 0;
-	float: left;
-	position: relative;
-	list-style: none;
 }
-#nav li:last-child { margin:0; }
+.ss-circle-19{
+    background-image: url(../images/19.jpg);
-/* 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;
 }
+.ss-circle-20{
-ul#nav > li > a {
+    background-image: url(../images/20.jpg);
-	line-height:12px;
-	border-left:solid 2px #bbb;
-	padding:0 0 0 3px;
 }
+.ss-circle-21{
-#nav a:hover {
+    background-image: url(../images/21.jpg);
-	/*background-color: #870203;
-	color: #ffffff;*/
 }
+.ss-circle-22{
-/* main level link hover */
+    background-image: url(../images/22.jpg);
-#nav .current a, #nav li:hover > a {
-	color: #000;
-	border-color:orangered;
 }
+.ss-circle-23{
-/* sub levels link hover */
+    background-image: url(../images/23.jpg);
-#nav ul li:hover a, #nav li:hover li a {
-	border: none;
-	/*background-color: #FA9D1C;*/
-	color:#000;
 }
+.ss-circle-24{
-#nav ul a:hover {
+    background-image: url(../images/24.jpg);
-	color: orangered !important;
-	/*background: #fff url(img/gradient.png) repeat-x 0 -100px !important;
-	text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
 }
+.ss-circle-25{
+    background-image: url(../images/25.jpg);
-/* dropdown */
-#nav li:hover > ul {
-	/*display: block;*/
-	opacity:1;
-	margin:0;
-	background-color: none;
-	z-index:0;
 }
+.ss-circle-26{
-/* level 2 list */
+    background-image: url(../images/26.jpg);
-#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 {
+.ss-circle-27{
-	float: none;
+    background-image: url(../images/27.jpg);
-	margin: 0;
-	padding: 0;
 }
+.ss-circle-28{
-#nav ul a {
+    background-image: url(../images/28.jpg);
-	font-weight: normal;
-	/*text-shadow: 0 1px 0 #fff;*/
 }
+.ss-circle-29{
-/* clearfix */
+    background-image: url(../images/29.jpg);
-#nav:after {
-	content: ".";
-	display: block;
-	clear: both;
-	visibility: hidden;
-	line-height: 0;
-	height: 0;
 }
-#nav {
+.ss-circle-30{
-	display: inline-block;
+    background-image: url(../images/30.jpg);
-}
-html[xmlns] #nav {
-	display: block;
-}
-* html #nav {
-	height: 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=["&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>
+    </head>
+    <body>
+        <p>&nbsp;</p>
+        <div class="container">
-/* pinterest like photo grid for social page*/
+            <h2 class="ss-subtitle">Notebook</h2>
+			<div id="ss-links" class="ss-links">
+				<a href="#March">Mar</a>
+				<a href="#April">Apr</a>
+				<a href="#May">May</a>
+				<a href="#June">Jun</a>
+				<a href="#July">Jul</a>
+				<a href="#August">Aug</a>
+                <a href="#September">Sep</a>
-/*
+			</div>
-body {
+            <div id="ss-container" class="ss-container">
-	background: url(http://subtlepatterns.com/patterns/scribble_light.png) ;
+                <div class="ss-row">
-}
+                    <div class="ss-left">
-*/
+                        <h2 id="March">March</h2>
+                    </div>
+                    <div class="ss-right">
+                        <h2>2013</h2>
+                    </div>
+                </div>
+                <div class="ss-row ss-medium">
+                    <div class="ss-left">
+                        <a class="ss-circle ss-circle-1">Week 1 (25th-28th, March)</a>
+                    </div>
+                    <div class="ss-right">
+                        <h3>
+<a>Experiment training</a>
+<span>We learnt to culture the 293t cells.</span>
+<span>We learnt to extract plasmids and transfect it into 293t cells.</span>
+<span>We learnt to collect exosomes.</span>
+<span>We learnt to extract RNA from exosomes and cells.</span>
+<span>We learnt to do RT-PCR and qPCR.</span>
+                        </h3>
+                    </div>
+                </div>
-#wrapper {
+				<div class="ss-row">
-	width: 90%;
+                    <div class="ss-left">
-	max-width: 1100px;
+                        <h2 id="April">April</h2>
-	min-width: 800px;
+                    </div>
-	margin: 50px auto;
+                    <div class="ss-right">
-}
+                        <h2>2013</h2>
+                    </div>
-#columns {
+                </div>
-	-webkit-column-count: 3;
+                <div class="ss-row ss-medium">
-	-webkit-column-gap: 10px;
+                    <div class="ss-rihgt">
-	-webkit-column-fill: auto;
+                        <a class="ss-circle ss-circle-2">Week2 (14th-18th, April)</a>
-	-moz-column-count: 3;
+                    </div>
-	-moz-column-gap: 10px;
+                </div>
-	-moz-column-fill: auto;
+				<div class="ss-row ss-small">
-	column-count: 3;
+                    <div class="ss-left">
-	column-gap: 15px;
+                        <h3>
-	column-fill: auto;
+<a>siRNA screening (Failed)</a>
-}
+<span>14th: We extracted plasmids and cultured the 293t cells.</span>
+<span>15th: We transfected plasmids into 293t cells.</span>
-.pin {
+<span>16th: We collected cells and preserved it in Trizol.</span>
-	display: inline-block;
+<span>17th: We extracted RNA, then did RT-PCR with the RNA.</span>
-	background: #FEFEFE;
+<span>18th: We did qPCR with the cDNA we got on 17th April.</span>
-	border: 2px solid #FAFAFA;
+<span>21th: We reexamined the concentration of RNA, and redid qPCR.</span>
-	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
+                        </h3>
-	margin: 0 2px 15px;
+                    </div>
-	-webkit-column-break-inside: avoid;
+                    <div class="ss-row ss-medium">
-	-moz-column-break-inside: avoid;
+                    <div class="ss-left">
-	column-break-inside: avoid;
+                        <a class="ss-circle ss-circle-3">Week3 (27th, April – 1st, May)</a>
-	padding: 15px;
+                    </div>
-	padding-bottom: 5px;
+                </div>
-	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
+				<div class="ss-row ss-small">
-	opacity: 1;
+                    <div class="ss-right">
+                        <h3>
-	-webkit-transition: all .2s ease;
+<a>	siRNA screening (Failed)</a>
-	-moz-transition: all .2s ease;
+<span>27th: We cultured the 293t cells in a 12-well plate.</span>
-	-o-transition: all .2s ease;
+<span>28th: We transfected 293t cells.</span>
-	transition: all .2s ease;
+<span>29th: We collected cells and extracted RNA from it.</span>
-}
+<span>30th: We did RT-qPCR with the RNA we extracted on 29th April.</span>
+<span>1st: We did qPCR with the cDNA we got on 30th April.</span>
-.pin img {
+                        </h3>
-	width: 100%;
+                    </div>
-	border-bottom: 1px solid #ccc;
-	padding-bottom: 15px;
+				<div class="ss-row">
-	margin-bottom: 5px;
+                    <div class="ss-left">
-}
+                        <h2 id="May">May</h2>
+                    </div>
-.pin p {
+                    <div class="ss-right">
-	font: 12px/18px Arial, sans-serif;
+                        <h2>2013</h2>
-	color: #333;
+                    </div>
-	margin: 0;
+                </div>
-}
+                <div class="ss-row ss-medium">
+                    <div class="ss-left">
-@media (min-width: 960px) {
+                        <a class="ss-circle ss-circle-4">Week4 (8th-13th, May)</a>
-	#columns {
+                    </div>
-		-webkit-column-count: 4;
+                </div>
-		-moz-column-count: 4;
+				<div class="ss-row ss-small">
-		column-count: 4;
+                    <div class="ss-left">
-	}
+                        <h3>
-}
+<a>	siRNA screening (Failed), examination whether siRNA are capsulated into exosomes (Success)</a>
+<span>8th: We extracted plasmids of 3 kinds of siRNA.</span>
-@media (min-width: 1100px) {
+<span>9th: We cultured 293t cells in eight D10 dishes and a 12-well plate.</span>
-	#columns {
+<span>10th: We extracted 2 kinds of over-expression plasmids and examined the concentration of it. Then we transfect these plasmids into 293t cells respectively.</span>
-		-webkit-column-count: 5;
+<span>11th: We collected cells and exosomes from 8 D10 dish, and cells from 12-well plate.</span>
-		-moz-column-count: 5;
+<span>12th: We extracted RNA from cells and exosomes.</span>
-		column-count: 5;
+<span>13th: We did RT-PCR and qPCR.</span>
-	}
-}
-#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'>
+                        </h3>
+                    </div>
+                    <div class="ss-right">
+						<a href="http://sc.chinaz.com/" class="ss-circle ss-circle-15">Scrollbar Visibility with jScrollPane</a>
+                    </div>
+                </div>
+				<div class="ss-row ss-medium">
+                    <div class="ss-left">
+                        <a href="http://sc.chinaz.com/" class="ss-circle ss-circle-16">Multi-level Photo Map</a>
+                    </div>
+                    <div class="ss-right">
+                        <h3>
+                            <span>September 27, 2013</span>
+                            <a href="http://sc.chinaz.com/">Multi-level Photo Map</a>
+                        </h3>
+                    </div>
+                </div>
+				<div class="ss-row ss-large">
+                    <div class="ss-left">
+                        <a href="http://sc.chinaz.com/" class="ss-circle ss-circle-17">Responsive Image Gallery with Thumbnail Carousel</a>
+                    </div>
+                    <div class="ss-right">
+                        <h3>
+                            <span>September 20, 2013</span>
+                            <a href="http://sc.chinaz.com/">Responsive Image Gallery with Thumbnail Carousel</a>
+                        </h3>
+                    </div>
+                </div>
+				<div class="ss-row ss-small">
+                    <div class="ss-left">
+						<h3>
+                            <span>September 12, 2013</span>
+                            <a href="http://sc.chinaz.com/">Elastislide - A Responsive jQuery Carousel Plugin</a>
+                        </h3>
+                    </div>
+                    <div class="ss-right">
+						<a href="http://sc.chinaz.com/" class="ss-circle ss-circle-18">Elastislide - A Responsive jQuery Carousel Plugin</a>
+                    </div>
+                </div>
+				<div class="ss-row ss-medium">
+                    <div class="ss-left">
+                        <a href="http://sc.chinaz.com/" class="ss-circle ss-circle-19">Slicebox - A fresh 3D image slider with graceful fallback </a>
+                    </div>
+                    <div class="ss-right">
+                        <h3>
+                            <span>September 5, 2013</span>
+                            <a href="http://sc.chinaz.com/">Slicebox - A fresh 3D image slider with graceful fallback </a>
+                        </h3>
+                    </div>
+                </div>
+				<div class="ss-row">
+                    <div class="ss-left">
+                        <h2 id="august">August</h2>
+                    </div>
+                    <div class="ss-right">
+                        <h2>2013</h2>
+                    </div>
+                </div>
+				<div class="ss-row ss-large">
+                    <div class="ss-left">
+						<h3>
+                            <span>August 30, 2013</span>
+                            <a href="http://sc.chinaz.com/">Automatic Image Montage with jQuery</a>
+                        </h3>
+                    </div>
+                    <div class="ss-right">
+						<a href="http://sc.chinaz.com/" class="ss-circle ss-circle-20">Automatic Image Montage with jQuery</a>
+                    </div>
+                </div>
+				<div class="ss-row ss-medium">
+                    <div class="ss-left">
+                        <a href="http://sc.chinaz.com/" class="ss-circle ss-circle-21">Image Zoom Tour with jQuery</a>
+                    </div>
+                    <div class="ss-right">
+                        <h3>
+                            <span>August 23, 2013</span>
+                            <a href="http://sc.chinaz.com/">Image Zoom Tour with jQuery</a>
+                        </h3>
+                    </div>
+                </div>
+				<div class="ss-row ss-small">
+                    <div class="ss-left">
+						<h3>
+                            <span>August 16, 2013</span>
+                            <a href="http://sc.chinaz.com/">Circular Content Carousel with jQuery</a>
+                        </h3>
+                    </div>
+                    <div class="ss-right">
+						<a href="http://sc.chinaz.com/" class="ss-circle ss-circle-22">Circular Content Carousel with jQuery</a>
+                    </div>
+                </div>
+				<div class="ss-row ss-large">
+                    <div class="ss-left">
+                        <a href="http://sc.chinaz.com/" class="ss-circle ss-circle-23">Portfolio Image Navigation with jQuery</a>
+                    </div>
+                    <div class="ss-right">
+                        <h3>
+                            <span>August 9, 2013</span>
+                            <a href="http://sc.chinaz.com/">Portfolio Image Navigation with jQuery</a>
+                        </h3>
+                    </div>
+                </div>
+				<div class="ss-row ss-medium">
+                    <div class="ss-left">
+						<h3>
+                            <span>August 4, 2013</span>
+                            <a href="http://sc.chinaz.com/">Expanding Fullscreen Grid Portfolio</a>
+                        </h3>
+                    </div>
+                    <div class="ss-right">
+						<a href="http://sc.chinaz.com/" class="ss-circle ss-circle-24">Expanding Fullscreen Grid Portfolio</a>
+                    </div>
+                </div>
+				<div class="ss-row">
+                    <div class="ss-left">
+                        <h2 id="july">July</h2>
+                    </div>
+                    <div class="ss-right">
+                        <h2>2013</h2>
+                    </div>
+                </div>
+				<div class="ss-row ss-small">
+                    <div class="ss-left">
+                        <a href="http://sc.chinaz.com/" class="ss-circle ss-circle-25">Content Rotator with jQuery</a>
+                    </div>
+                    <div class="ss-right">
+                        <h3>
+                            <span>July 29, 2013</span>
+                            <a href="http://sc.chinaz.com/">Content Rotator with jQuery</a>
+                        </h3>
+                    </div>
+                </div>
+				<div class="ss-row ss-large">
+                    <div class="ss-left">
+						<h3>
+                            <span>July 22, 2013</span>
+                            <a href="http://sc.chinaz.com/">Vertical Sliding Accordion with jQuery</a>
+                        </h3>
+                    </div>
+                    <div class="ss-right">
+						<a href="http://sc.chinaz.com" class="ss-circle ss-circle-26">Vertical Sliding Accordion with jQuery</a>
+                    </div>
+                </div>
+				<div class="ss-row ss-medium">
+                    <div class="ss-left">
+                        <a href="http://sc.chinaz.com" class="ss-circle ss-circle-27">Animated Text and Icon Menu with jQuery</a>
+                    </div>
+                    <div class="ss-right">
+                        <h3>
+                            <span>July 12, 2013</span>
+                            <a href="http://sc.chinaz.com/">Animated Text and Icon Menu with jQuery</a>
+                        </h3>
+                    </div>
+                </div>
+				<div class="ss-row ss-small">
+                    <div class="ss-left">
+						<h3>
+                            <span>July 5, 2013</span>
+                            <a href="http://sc.chinaz.com/">Fullscreen Slideshow with HTML5 Audio and jQuery</a>
+                        </h3>
+                    </div>
+                    <div class="ss-right">
+						<a href="http://sc.chinaz.com/" class="ss-circle ss-circle-30">Fullscreen Slideshow with HTML5 Audio and jQuery</a>
+                    </div>
+                </div>
+				<div class="ss-row ss-large">
+                    <div class="ss-left">
+                        <a href="http://sc.chinaz.com/" class="ss-circle ss-circle-28">Sliding Background Image Menu with jQuery</a>
+                    </div>
+                    <div class="ss-right">
+                        <h3>
+                            <span>July 3, 2013</span>
+                            <a href="http://sc.chinaz.com/">Sliding Background Image Menu with jQuery</a>
+                        </h3>
+                    </div>
+                </div>
+				<div class="ss-row">
+                    <div class="ss-left">
+                        <h2 id="june">June</h2>
+                    </div>
+                    <div class="ss-right">
+                        <h2>2013</h2>
+                    </div>
+                </div>
+				<div class="ss-row ss-small">
+                    <div class="ss-left">
+                       <h3>
+                            <span>June 9, 2013</span>
+                            <a href="http://sc.chinaz.com/">Grid Navigation Effects with jQuery</a>
+                        </h3>
+                    </div>
+                    <div class="ss-right">
+						<a href="http://sc.chinaz.com/" class="ss-circle ss-circle-29">Grid Navigation Effects with jQuery</a>
+                    </div>
+                </div>
+            </div>
+        </div>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 <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
@@ Line 949: / Line 1,062: @@
 });
+/*
+ *
+ * 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 type="text/javascript">