Difference between revisions of "Team:CPU CHINA"

 
(209 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 +
{{:Team:CPU_CHINA/Templates/NavFoot}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
−
<title>Orange Bar, CSS Template, Free Download此模板 来自站长素材模板sc.chinaz.com</title>
+
    <script src="https://cdn.bootcss.com/onepage-scroll/1.3.1/jquery.onepage-scroll.min.js"></script>
−
<meta name="keywords" content="free css template, orange bar, XHTML, CSS" />
+
−
<meta name="description" content="Orange Bar is a free CSS template from cssk8.com" />
+
−
<style rel="stylesheet" type="text/css">
+
−
/*
+
−
CSS Credit: http://www.templatemo.com
+
−
*/
+
  
−
html {
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:CPU_CHINA/css/home?action=raw&amp;ctype=text/css">
−
background: #fff;
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:CPU_CHINA/css/description?action=raw&amp;ctype=text/css">
−
}
+
</head>
  
−
body {
 
−
margin: 0;
 
−
padding:0;
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
font-size: 12px;
 
−
line-height: 1.5em;
 
−
width: 100%;
 
−
display: table;
 
−
background: url(images/templatemo_header.jpg) repeat-x;
 
−
}
 
  
−
a:link, a:visited { color: #0066CC; text-decoration: underline; }
+
<body>
−
a:active, a:hover { color: #990000; text-decoration: none; }
+
  
−
p {
+
<script>
−
color: #666;
+
$(function(){
−
text-align: justify;
+
$('.body-container').onepage_scroll({
−
margin: 0 0 10px 0;
+
sectionContainer: '.pagee',
−
}
+
loop: false,
 +
pagination: false
 +
});
 +
});
 +
</script>
  
−
h1 {
+
    <div class="body-container">
−
font-size: 18px;
+
−
color: #999;
+
−
margin: 0 0 10px 0;
+
−
}
+
  
−
.templatemo_container {
+
            <center class="pagee pagee0" id="dyk">
−
width: 930px;
+
            <p><br>&nbsp;<br></p>
−
margin: auto;
+
            <p><br>&nbsp;<br></p>
−
}
+
            <p><br>&nbsp;<br></p>
 +
         
 +
            <img src="https://static.igem.org/mediawiki/2017/9/97/T--CPU_CHINA--mainpage_new.png" width = "1300">
 +
            </center>
  
−
#templatemo_header {
+
            <center class="pagee pagee1">
−
width: 930px;
+
            <p><br>&nbsp;<br></p>
−
height: 190px;
+
   
−
padding: 2px 0 0 0;
+
             
−
margin: 0 0 25px 0;
+
            <h5 style="padding: 0px; margin: 5px;">Our HEAD-Treg</h5>
−
}
+
            <video src="https://static.igem.org/mediawiki/2017/5/5a/T--CPU_CHINA--V123.mp4" controls="controls" class="video" width = "55%"></video>
 +
            </center>
  
−
#templatemo_slider {
+
            <center class="pagee pagee2">
−
clear: both;
+
                <p><br>&nbsp;<br></p>
−
width: 930px;
+
            <p><br>&nbsp;<br></p>
−
height: 320px;
+
            <h5 style="padding: 0px; margin: 0px;">Description</h5>
−
padding: 0 10px;
+
            <h4 style="margin: 5px;">Rheumatoid arthritis (RA) is a serious chronic, inflammatory and systemic autoimmune disease.
−
}
+
                <br>It is of great essence to develop a novel cell-targeted therapy for RA
 +
because there is no radical cure
 +
                    for RA for the time being. <br>To solve the problems existing in the current treatment of RA, we design and build a brand new immunotherapy. <br>FOXP3+ regulatory T cells(Tregs), which can suppress and regulate immune reactions, are modified <br> utilizing a lentiviral vector system to express a chimeric antigen receptor(CAR) targeting inflammatory cells associated with RA.
 +
              <br>Meanwhile, we insert the Syn-Notch receptor to activate the functional stability pathway of Tregs in the
 +
                    inflammatory environment, which enables them to play their role of immunosuppression in lesions more
 +
                    efficiently and more stably. <br>These two redirections of the two different but interrelated systems on Tregs ensure this novel therapy a promising anti-RA effect. </h4>
 +
                          <p><br>&nbsp;<br></p>
 +
                       
 +
<center class="footer-left">
 +
  <p class="footer-links" style="text-align:center;">
 +
<a target="_blank" href="https://www.cpu.edu.cn">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/5/52/T--CPU_CHINA--cpu_logo_new_1.png"></a>
 +
<a target="_blank" href="http://www.shsmu.edu.cn/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/e/e9/T--CPU_CHINA--cpu_logoJDYXY_NEW.png"></a>
 +
        <a target="_blank" href="http://www.sibs.cas.cn/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/0/0d/T--CPU_CHINA--cpu_logo_SIBS.png"></a>
 +
        <a target="_blank" href="http://sii.shsmu.edu.cn/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/5/5b/T--CPU_CHINA--cpu_SHMYYJS_NEW.png"></a>
 +
        <a target="_blank" href="http://www.mathwork.com">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/2b/T--CPU_CHINA--cpu_logo_mathwork.png"></a>
 +
        <a target="_blank" href="https://www.genscript.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/38/T--CPU_CHINA--cpu_logogenscript.png"></a>
 +
        <a target="_blank" href="javascript:();">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/da/Cyva.jpg"></a>
 +
                                <a target="_blank" href="javascript:();">
 +
                                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/17/T--CPU_CHINA--cpu_sponsors_11_contect_2.png"></a>
 +
  </p>
 +
</center>
 +
            </center>
  
−
#templatemo_logo_area {
+
    </div>
−
float: left;
+
 
−
width: 265px;
+
 
−
height: 65px;
+
</body>
−
font-weight: bold;
+
 
−
color: #CCC;
+
<style>
−
margin: 40px 0 0 0;
+
.footer-distributed{
 +
background-color: #f7f5e6;
 +
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 +
box-sizing: border-box;
 +
width: 100%;
 +
text-align: left;
 +
padding: 45px 50px;
 +
margin-top: 0px;
 
}
 
}
  
−
#templatemo_logo {
+
.footer-distributed .footer-left p{
−
font-size: 30px;
+
        color:  #52658F;
−
margin: 0 0 15px 0;
+
font-size: 14px;
 +
margin: 0;
 
}
 
}
−
#templatemo_logo a {
+
.footer-distributed .footer-right p{
−
color: #CCC;
+
        color: #52658F;
−
text-decoration: none;
+
−
}
+
−
#templatemo_slogan {
+
 
font-size: 14px;
 
font-size: 14px;
 
margin: 0;
 
margin: 0;
 
}
 
}
  
−
#templatemo_search {
+
/* Footer links */
−
float: right;
+
 
−
width: 350px;
+
.footer-distributed p.footer-links{
−
height: 33px;
+
font-size:18px;
−
margin: 65px 30px 0 0;
+
font-weight: bold;
 +
color: #ffffff;
 +
margin: 0 0 10px;
 +
padding: 0;
 
}
 
}
  
−
.field {
 
−
float: left;
 
−
width: 234px;
 
−
height: 23px;
 
−
border: none;
 
−
border: none;
 
−
color : #ccc;
 
−
font-size: 15px;
 
−
padding: 5px 3px 0 3px;
 
−
background: #000;
 
−
border: 1px solid #333;
 
  
 +
.footer-distributed p.footer-links a{
 +
display:inline-block;
 +
line-height: 1.8;
 +
text-decoration: none;
 +
color:  inherit;
 
}
 
}
  
−
.button {
+
.footer-distributed .footer-right{
 
float: right;
 
float: right;
−
width: 90px;
+
margin-top: 6px;
−
height: 30px;
+
max-width: 400px;
−
border: none;
+
−
background: url(images/templatemo_button.jpg) repeat-x;
+
−
border: 1px solid #333;
+
−
color : #ccc;
+
−
font-size: 15px;
+
−
cursor: pointer;
+
 
}
 
}
  
−
#templatemo_menu {
 
−
height: 28px;
 
−
float: left;
 
−
width: 930px;
 
−
margin: 40px 0 0 0;
 
−
}
 
  
−
#templatemo_menu ul {
 
−
list-style: none;
 
−
display: inline;
 
−
}
 
  
−
#templatemo_menu ul li {
+
.footer-distributed .footer-right a{
−
list-style: none;
+
display: inline-block;
−
float: left;
+
width: 50px;
−
margin: 0;
+
height: 35px;
−
padding: 0;
+
background-color: #33383b;
−
}
+
border-radius: 2px;
  
−
#templatemo_menu li a {
+
font-size: 20px;
−
float: left;
+
color: #52658F;
−
height: 23px;
+
−
display: block;
+
−
color: #804000;
+
−
text-decoration: none;
+
−
font-size: 15px;
+
−
font-weight: bold;
+
 
text-align: center;
 
text-align: center;
−
cursor: pointer;
+
line-height: 35px;
−
margin: 0 5px 0 0;
+
−
padding: 5px 20px 0 20px;
+
−
}
+
  
−
#templatemo_menu li.current a, #templatemo_menu li a:hover {
+
margin-left: 3px;
−
background: url(images/templatemo_menu_current.jpg) repeat-x;
+
−
color: #fff;
+
 
}
 
}
  
−
#templatemo_image_fader {
+
.sponsors {
−
+
            margin: 2.5px;
−
width: 930px;
+
            width: 150px;
−
height: 240px;
+
        }
−
padding: 0;
+
−
margin: 0 0 30px 0;
+
−
}
+
  
−
#templatemo_content_area {
+
/* If you don't want the footer to be responsive, remove these media queries */
−
width: 930px;
+
−
}
+
  
−
#templatemo_left {
+
@media (max-width: 600px) {
−
width: 600px;
+
−
float: left;
+
−
}
+
  
−
.templatemo_post {
+
.footer-distributed .footer-left,
−
width: 600px;
+
.footer-distributed .footer-right{
−
margin: 0 0 10px 0 ;
+
text-align: center;
−
}
+
}
  
−
.templatemo_post_title {
+
.footer-distributed .footer-right{
−
width: 580px;
+
float: none;
−
height: 30px;
+
margin: 0 auto 20px;
−
background:  url(images/templatemo_post_title.jpg) no-repeat;
+
}
−
font-size: 18px;
+
−
padding: 10px 0 0 20px;
+
−
margin: 0;
+
−
}
+
  
−
.templatemo_post_title a {
+
.footer-distributed .footer-left p.footer-links{
−
color: #666;
+
line-height: 1.8;
−
text-decoration: none;
+
}
 
}
 
}
 +
</style>
  
−
.templatemo_post_title a:hover {
 
−
color: #0099CC;
 
−
}
 
  
−
.templatemo_post_text {
+
<style>
−
width: 558px;
+
/* 滑动特效模块需要 */
−
border-left: 1px #cccccc solid;
+
#content{
−
border-right: 1px #cccccc solid;
+
    width: 100%;
−
padding: 20px 20px 10px 20px;
+
 
}
 
}
 +
h4{line-height:40px;
  
−
.templatemo_post_text img {
 
−
float:left;
 
−
margin: 0 10px 10px 0;
 
−
border: 1px solid #ccc;
 
−
padding: 5px;
 
 
}
 
}
−
 
+
h1,h2,h4{
−
.templatemo_post_bottom {
+
font-family: "Century Gothic";
−
width: 580px;
+
−
height: 30px;
+
−
background: url(images/templatemo_post_bottom.jpg) no-repeat;
+
−
font-size: 12px;
+
−
text-align: right;
+
−
padding: 10px 20px 0 0;
+
−
margin: 0;
+
 
}
 
}
−
 
+
h3{
−
.templatemo_post_bottom a {
+
font-family: "Times New Roman";
−
color: #666;
+
font-size: 40px;
−
text-decoration: none;
+
 
}
 
}
−
 
+
.body-container h5 {
−
.templatemo_post_bottom a:hover {
+
font-family: "Comic Sans MS";
−
color: #0066CC;
+
font-size: 60px;
−
text-decoration: underline;
+
text-align: center;
 
}
 
}
  
−
#templatemo_right {
 
−
float: right;
 
−
width: 300px;
 
−
}
 
  
−
.templatemo_section {
+
body, html {
−
width: 300px;
+
  margin: 0;
−
margin: 0 0 30px 0;
+
  overflow: hidden;
 +
  -webkit-transition: opacity 400ms;
 +
  -moz-transition: opacity 400ms;
 +
  transition: opacity 400ms;
 
}
 
}
  
−
.templatemo_section_title {
+
body, .onepage-wrapper, html {
−
width: 278px;
+
  display: block;
−
height: 30px;
+
  position: static;
−
background: url(images/templatemo_section_title.jpg);
+
  padding: 0;
−
border-left: 1px solid #ccc;
+
  width: 100%;
−
border-right: 1px solid #ccc;
+
  height: 100%;
−
font-size: 18px;
+
−
color: #666;
+
−
padding: 10px 0 0 20px;
+
 
}
 
}
  
−
.templatemo_section_bottom {
+
.onepage-wrapper {
−
width: 258px;
+
  width: 100%;
−
background: url(images/templatemo_section_bottom.jpg) bottom no-repeat;
+
  height: 100%;
−
border-left: 1px solid #ccc;
+
  display: block;
−
border-right: 1px solid #ccc;
+
  position: relative;
−
padding: 5px 20px 10px 20px;
+
  padding: 0;
 +
  -webkit-transform-style: preserve-3d;
 
}
 
}
  
−
#templatemo_bottom_area {
+
.onepage-wrapper .section {
−
background: url(images/templatemo_bottom.jpg) #000 repeat-x;
+
  width: 100%;
−
width: 100%;
+
  height: 100%;
−
padding: 20px 0;
+
 
}
 
}
  
−
.templatemo_section_1 {
+
.onepage-pagination {
−
width: 178px;
+
  position: absolute;
−
float: left;
+
  right: 10px;
−
border: 1px solid #292929;
+
  top: 50%;
−
padding: 20px 20px 10px 20px;
+
  z-index: 5;
−
margin: 0 20px 0 0;
+
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 
}
 
}
−
 
+
.onepage-pagination li {
−
.templatemo_section_2 {
+
  padding: 0;
−
width: 408px;
+
  text-align: center;
−
float: right;
+
−
border: 1px solid #292929;
+
−
padding: 20px 20px 10px 20px;
+
−
margin: 0;
+
 
}
 
}
−
 
+
.onepage-pagination li a{
−
#templatemo_footer {
+
  padding: 10px;
−
width: 100%;
+
  width: 4px;
−
color: #AAA;
+
  height: 4px;
−
font-size: 11px;
+
  display: block;
−
background: url(images/templatemo_footer.jpg);
+
 
−
margin: 10px 0 0 0;
+
−
padding: 0;
+
−
text-align: center;
+
 
}
 
}
−
 
+
.onepage-pagination li a:before{
−
#templatemo_footer a {
+
  content: '';
−
color: #AAA;
+
  position: absolute;
−
text-decoration: none;
+
  width: 4px;
 +
  height: 4px;
 +
  background: rgba(0,0,0,0.85);
 +
  border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  -moz-border-radius: 10px;
 
}
 
}
  
−
#templatemo_footer a:hover {
+
.onepage-pagination li a.active:before{
−
color: #FFF;
+
  width: 10px;
 +
  height: 10px;
 +
  background: none;
 +
  border: 1px solid black;
 +
  margin-top: -4px;
 +
  left: 8px;
 
}
 
}
  
−
.templatemo_list {
+
.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
−
color: #333;
+
  overflow: auto;
−
text-align: justify;
+
−
list-style: none;
+
−
padding: 0 0 0 10px;
+
 
}
 
}
  
−
.templatemo_list li {
+
.disabled-onepage-scroll .onepage-wrapper .section {
−
font-size: 11px;
+
  position: relative !important;
−
list-style: disc;
+
  top: auto !important;
−
padding: 0px;
+
  left: auto !important;
−
margin: 5px 0px;
+
 
}
 
}
−
 
+
.disabled-onepage-scroll .onepage-wrapper {
−
.templatemo_list a {
+
  -webkit-transform: none !important;
−
color: #333;
+
  -moz-transform: none !important;
−
text-decoration: none;
+
  transform: none !important;
 +
  -ms-transform: none !important;
 +
  min-height: 100%;
 
}
 
}
  
−
.templatemo_list a:hover {
 
−
color: #0066CC;
 
−
text-decoration: underline;
 
−
}
 
  
−
.templatemo_gray_list li, .templatemo_gray_list a {
+
.disabled-onepage-scroll .onepage-pagination {
−
color: #999;
+
  display: none;
 
}
 
}
  
−
.templatemo_gray_list a:hover {
+
body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
−
color: #FFF;
+
  position: inherit;
−
}
+
−
 
+
−
.cleaner {
+
−
clear: both;
+
−
height: 0;
+
−
margin: 0;
+
−
padding: 0;
+
 
}
 
}
 
</style>
 
</style>
−
<script language="javascript"  type="text/javascript">
 
−
var fadeimages=new Array()
 
−
//SET IMAGE PATHS. Extend or contract array as needed
 
−
fadeimages[0]=["images/templatemo_img_2.jpg", "", ""] //plain image syntax
 
−
fadeimages[1]=["images/templatemo_img_1.jpg", "", ""]
 
−
fadeimages[1]=["images/templatemo_img_3.jpg", "", ""]
 
  
−
 
−
var fadebgcolor="white"
 
  
−
////NO need to edit beyond here/////////////
+
<script type="text/javascript">
−
+
!function(e){var t={sectionContainer:"section",easing:"ease",animationTime:1e3,pagination:true,updateURL:false,keyboard:true,beforeMove:null,afterMove:null,loop:true,responsiveFallback:false,direction:"vertical"};e.fn.swipeEvents=function(){return this.each(function(){function i(e){var i=e.originalEvent.touches;if(i&&i.length){t=i[0].pageX;n=i[0].pageY;r.bind("touchmove",s)}}function s(e){var i=e.originalEvent.touches;if(i&&i.length){var o=t-i[0].pageX;var u=n-i[0].pageY;if(o>=50){r.trigger("swipeLeft")}if(o<=-50){r.trigger("swipeRight")}if(u>=50){r.trigger("swipeUp")}if(u<=-50){r.trigger("swipeDown")}if(Math.abs(o)>=50||Math.abs(u)>=50){r.unbind("touchmove",s)}}}var t,n,r=e(this);r.bind("touchstart",i)})};e.fn.onepage_scroll=function(n){function o(){var t=false;var n=typeof r.responsiveFallback;if(n=="number"){t=e(window).width()<r.responsiveFallback}if(n=="boolean"){t=r.responsiveFallback}if(n=="function"){valFunction=r.responsiveFallback();t=valFunction;typeOFv=typeof t;if(typeOFv=="number"){t=e(window).width()<valFunction}}if(t){e("body").addClass("disabled-onepage-scroll");e(document).unbind("mousewheel DOMMouseScroll MozMousePixelScroll");i.swipeEvents().unbind("swipeDown swipeUp")}else{if(e("body").hasClass("disabled-onepage-scroll")){e("body").removeClass("disabled-onepage-scroll");e("html, body, .wrapper").animate({scrollTop:0},"fast")}i.swipeEvents().bind("swipeDown",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveUp()}).bind("swipeUp",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveDown()});e(document).bind("mousewheel DOMMouseScroll MozMousePixelScroll",function(e){e.preventDefault();var t=e.originalEvent.wheelDelta||-e.originalEvent.detail;u(e,t)})}}function u(e,t){deltaOfInterest=t;var n=(new Date).getTime();if(n-lastAnimation<quietPeriod+r.animationTime){e.preventDefault();return}if(deltaOfInterest<0){i.moveDown()}else{i.moveUp()}lastAnimation=n}var r=e.extend({},t,n),i=e(this),s=e(r.sectionContainer);total=s.length,status="off",topPos=0,leftPos=0,lastAnimation=0,quietPeriod=500,paginationList="";e.fn.transformPage=function(t,n,r){if(typeof t.beforeMove=="function")t.beforeMove(r);e(this).css({"-webkit-transform":t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)","-webkit-transition":"all "+t.animationTime+"ms "+t.easing,"-moz-transform":t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)","-moz-transition":"all "+t.animationTime+"ms "+t.easing,"-ms-transform":t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)","-ms-transition":"all "+t.animationTime+"ms "+t.easing,transform:t.direction=="horizontal"?"translate3d("+n+"%, 0, 0)":"translate3d(0, "+n+"%, 0)",transition:"all "+t.animationTime+"ms "+t.easing});e(this).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",function(e){if(typeof t.afterMove=="function")t.afterMove(r)})};e.fn.moveDown=function(){var t=e(this);index=e(r.sectionContainer+".active").data("index");current=e(r.sectionContainer+"[data-index='"+index+"']");next=e(r.sectionContainer+"[data-index='"+(index+1)+"']");if(next.length<1){if(r.loop==true){pos=0;next=e(r.sectionContainer+"[data-index='1']")}else{return}}else{pos=index*100*-1}if(typeof r.beforeMove=="function")r.beforeMove(next.data("index"));current.removeClass("active");next.addClass("active");if(r.pagination==true){e(".onepage-pagination li a"+"[data-index='"+index+"']").removeClass("active");e(".onepage-pagination li a"+"[data-index='"+next.data("index")+"']").addClass("active")}e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));if(history.replaceState&&r.updateURL==true){var n=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+(index+1);history.pushState({},document.title,n)}t.transformPage(r,pos,next.data("index"))};e.fn.moveUp=function(){var t=e(this);index=e(r.sectionContainer+".active").data("index");current=e(r.sectionContainer+"[data-index='"+index+"']");next=e(r.sectionContainer+"[data-index='"+(index-1)+"']");if(next.length<1){if(r.loop==true){pos=(total-1)*100*-1;next=e(r.sectionContainer+"[data-index='"+total+"']")}else{return}}else{pos=(next.data("index")-1)*100*-1}if(typeof r.beforeMove=="function")r.beforeMove(next.data("index"));current.removeClass("active");next.addClass("active");if(r.pagination==true){e(".onepage-pagination li a"+"[data-index='"+index+"']").removeClass("active");e(".onepage-pagination li a"+"[data-index='"+next.data("index")+"']").addClass("active")}e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));if(history.replaceState&&r.updateURL==true){var n=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+(index-1);history.pushState({},document.title,n)}t.transformPage(r,pos,next.data("index"))};e.fn.moveTo=function(t){current=e(r.sectionContainer+".active");next=e(r.sectionContainer+"[data-index='"+t+"']");if(next.length>0){if(typeof r.beforeMove=="function")r.beforeMove(next.data("index"));current.removeClass("active");next.addClass("active");e(".onepage-pagination li a"+".active").removeClass("active");e(".onepage-pagination li a"+"[data-index='"+t+"']").addClass("active");e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));pos=(t-1)*100*-1;if(history.replaceState&&r.updateURL==true){var n=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+(t-1);history.pushState({},document.title,n)}i.transformPage(r,pos,t)}};i.addClass("onepage-wrapper").css("position","relative");e.each(s,function(t){e(this).css({position:"absolute",top:topPos+"%"}).addClass("section").attr("data-index",t+1);e(this).css({position:"absolute",left:r.direction=="horizontal"?leftPos+"%":0,top:r.direction=="vertical"||r.direction!="horizontal"?topPos+"%":0});if(r.direction=="horizontal")leftPos=leftPos+100;else topPos=topPos+100;if(r.pagination==true){paginationList+="<li><a data-index='"+(t+1)+"' href='#"+(t+1)+"'></a></li>"}});i.swipeEvents().bind("swipeDown",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveUp()}).bind("swipeUp",function(t){if(!e("body").hasClass("disabled-onepage-scroll"))t.preventDefault();i.moveDown()});if(r.pagination==true){if(e("ul.onepage-pagination").length<1)e("<ul class='onepage-pagination'></ul>").prependTo("body");if(r.direction=="horizontal"){posLeft=i.find(".onepage-pagination").width()/2*-1;i.find(".onepage-pagination").css("margin-left",posLeft)}else{posTop=i.find(".onepage-pagination").height()/2*-1;i.find(".onepage-pagination").css("margin-top",posTop)}e("ul.onepage-pagination").html(paginationList)}if(window.location.hash!=""&&window.location.hash!="#1"){init_index=window.location.hash.replace("#","");if(parseInt(init_index)<=total&&parseInt(init_index)>0){e(r.sectionContainer+"[data-index='"+init_index+"']").addClass("active");e("body").addClass("viewing-page-"+init_index);if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='"+init_index+"']").addClass("active");next=e(r.sectionContainer+"[data-index='"+init_index+"']");if(next){next.addClass("active");if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='"+init_index+"']").addClass("active");e("body")[0].className=e("body")[0].className.replace(/\bviewing-page-\d.*?\b/g,"");e("body").addClass("viewing-page-"+next.data("index"));if(history.replaceState&&r.updateURL==true){var a=window.location.href.substr(0,window.location.href.indexOf("#"))+"#"+init_index;history.pushState({},document.title,a)}}pos=(init_index-1)*100*-1;i.transformPage(r,pos,init_index)}else{e(r.sectionContainer+"[data-index='1']").addClass("active");e("body").addClass("viewing-page-1");if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='1']").addClass("active")}}else{e(r.sectionContainer+"[data-index='1']").addClass("active");e("body").addClass("viewing-page-1");if(r.pagination==true)e(".onepage-pagination li a"+"[data-index='1']").addClass("active")}if(r.pagination==true){e(".onepage-pagination li a").click(function(){var t=e(this).data("index");i.moveTo(t)})}e(document).bind("mousewheel DOMMouseScroll MozMousePixelScroll",function(t){t.preventDefault();var n=t.originalEvent.wheelDelta||-t.originalEvent.detail;if(!e("body").hasClass("disabled-onepage-scroll"))u(t,n)});if(r.responsiveFallback!=false){e(window).resize(function(){o()});o()}if(r.keyboard==true){e(document).keydown(function(t){var n=t.target.tagName.toLowerCase();if(!e("body").hasClass("disabled-onepage-scroll")){switch(t.which){case 38:if(n!="input"&&n!="textarea")i.moveUp();break;case 40:if(n!="input"&&n!="textarea")i.moveDown();break;case 33:if(n!="input"&&n!="textarea")i.moveUp();break;case 34:if(n!="input"&&n!="textarea")i.moveDown();break;case 36:i.moveTo(1);break;case 35:i.moveTo(total);break;default:return}}})}return false}}(window.jQuery)
−
var fadearray=new Array() //array to cache fadeshow instances
+
</script>
−
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
+
−
+
−
var dom=(document.getElementById) //modern dom browsers
+
−
var iebrowser=document.all
+
−
+
−
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
+
−
this.pausecheck=pause
+
−
this.mouseovercheck=0
+
−
this.delay=delay
+
−
this.degree=10 //initial opacity degree (10%)
+
−
this.curimageindex=0
+
−
this.nextimageindex=1
+
−
fadearray[fadearray.length]=this
+
−
this.slideshowid=fadearray.length-1
+
−
this.canvasbase="canvas"+this.slideshowid
+
−
this.curcanvas=this.canvasbase+"_0"
+
−
if (typeof displayorder!="undefined")
+
−
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
+
−
this.theimages=theimages
+
−
this.imageborder=parseInt(borderwidth)
+
−
this.postimages=new Array() //preload images
+
−
for (p=0;p<theimages.length;p++){
+
−
this.postimages[p]=new Image()
+
−
this.postimages[p].src=theimages[p][0]
+
−
}
+
−
+
−
var fadewidth=fadewidth+this.imageborder*2
+
−
var fadeheight=fadeheight+this.imageborder*2
+
−
+
−
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
+
−
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
+
−
else
+
−
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
+
−
+
−
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
+
−
this.startit()
+
−
else{
+
−
this.curimageindex++
+
−
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
+
−
}
+
−
}
+
  
−
function fadepic(obj){
+
<script>
−
if (obj.degree<100){
+
$(document).ready(function(){  
−
obj.degree+=10
+
document.getElementById('dyk').style.position="relative";
−
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
+
});
−
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
+
document.getElementById('dyk').style.position="relative";
−
obj.tempobj.filters[0].opacity=obj.degree
+
−
else //else if IE5.5-
+
−
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
+
−
}
+
−
else if (obj.tempobj.style.MozOpacity)
+
−
obj.tempobj.style.MozOpacity=obj.degree/101
+
−
else if (obj.tempobj.style.KhtmlOpacity)
+
−
obj.tempobj.style.KhtmlOpacity=obj.degree/100
+
−
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
+
−
obj.tempobj.style.opacity=obj.degree/101
+
−
}
+
−
else{
+
−
clearInterval(fadeclear[obj.slideshowid])
+
−
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
+
−
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
+
−
obj.populateslide(obj.tempobj, obj.nextimageindex)
+
−
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
+
−
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
+
−
}
+
−
}
+
−
+
−
fadeshow.prototype.populateslide=function(picobj, picindex){
+
−
var slideHTML=""
+
−
if (this.theimages[picindex][1]!="") //if associated link exists for image
+
−
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
+
−
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
+
−
if (this.theimages[picindex][1]!="") //if associated link exists for image
+
−
slideHTML+='</a>'
+
−
picobj.innerHTML=slideHTML
+
−
}
+
−
+
−
+
−
fadeshow.prototype.rotateimage=function(){
+
−
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
+
−
var cacheobj=this
+
−
if (this.mouseovercheck==1)
+
−
setTimeout(function(){cacheobj.rotateimage()}, 100)
+
−
else if (iebrowser&&dom||dom){
+
−
this.resetit()
+
−
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
+
−
crossobj.style.zIndex++
+
−
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
+
−
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
+
−
}
+
−
else{
+
−
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
+
−
ns4imgobj.src=this.postimages[this.curimageindex].src
+
−
}
+
−
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
+
−
}
+
−
+
−
fadeshow.prototype.resetit=function(){
+
−
this.degree=10
+
−
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
+
−
if (crossobj.filters&&crossobj.filters[0]){
+
−
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
+
−
crossobj.filters(0).opacity=this.degree
+
−
else //else if IE5.5-
+
−
crossobj.style.filter="alpha(opacity="+this.degree+")"
+
−
}
+
−
else if (crossobj.style.MozOpacity)
+
−
crossobj.style.MozOpacity=this.degree/101
+
−
else if (crossobj.style.KhtmlOpacity)
+
−
crossobj.style.KhtmlOpacity=this.degree/100
+
−
else if (crossobj.style.opacity&&!crossobj.filters)
+
−
crossobj.style.opacity=this.degree/101
+
−
}
+
−
+
−
+
−
fadeshow.prototype.startit=function(){
+
−
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
+
−
this.populateslide(crossobj, this.curimageindex)
+
−
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
+
−
var cacheobj=this
+
−
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
+
−
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
+
−
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
+
−
}
+
−
this.rotateimage()
+
−
}
+
 
</script>
 
</script>
−
<script language="javascript" type="text/javascript">
+
 
−
function clearText(field)
+
−
{
+
−
    if (field.defaultValue == field.value) field.value = '';
+
−
    else if (field.value == '') field.value = field.defaultValue;
+
−
}
+
−
</script>
+
−
</head>
+
−
<body>
+
−
<div class="templatemo_container">
+
−
<div id="templatemo_header">
+
−
        <div id="templatemo_logo_area">
+
−
            <div id="templatemo_logo">
+
−
                <a href="http://sc.chinaz.com" target="_blank">Orange Bar</a></div>
+
−
              <div id="templatemo_slogan">
+
−
                Free CSS Template
+
−
              </div>
+
−
                <div class="cleaner"></div>
+
−
            </div>
+
−
           
+
−
            <div id="templatemo_search">
+
−
<form action="#" method="post">
+
−
<input type="text" value="Type your keyword" name="q" class="field"  title="email" onFocus="clearText(this)" onBlur="clearText(this)" />
+
−
<input type="submit" name="search" value = "Search" alt="Search" class="button" title="Subscribe" />
+
−
</form>
+
−
</div>
+
−
       
+
−
            <div id="templatemo_menu">
+
−
<ul>
+
−
                    <li><a href="#">Home</a></li>
+
−
                    <li class="current"><a href="#">Gallery</a></li>
+
−
                    <li><a href="#">Archives</a></li>
+
−
                    <li><a href="#">Wallpapers</a></li>                       
+
−
<li><a href="#">Downloads</a></li>
+
−
<li><a href="http://sc.chinaz.com" target="_parent">Templates</a></li>
+
−
                <li><a href="#">Contact</a></li>  
+
−
            </ul>
+
−
</div>
+
−
           
+
−
        </div><!-- end of header -->
+
−
       
+
−
<div id="templatemo_image_fader">
+
−
        <script type="text/javascript">
+
−
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
+
−
new fadeshow(fadeimages, 960, 240, 1, 2000, 1, "R")
+
−
+
−
</script>
+
−
        </div>
+
−
       
+
−
<div id="templatemo_content_area">
+
−
        <div id="templatemo_left">
+
−
            <div class="templatemo_post">
+
−
                <div class="templatemo_post_title">
+
−
                    <a href="#">Free Website Layout</a></div>
+
−
                    <div class="templatemo_post_text">
+
−
                    <a href="#"><img src="images/templatemo_thumb_1.jpg" alt="Flower" width="150" height="150" /></a>
+
−
  <p>This is a free CSS template provided by <a href="http://sc.chinaz.com" target="_parent">cssk8.com</a> website. You may download and apply this  layout for  your personal or commercial websites. Credit goes to <a href="http://www.photovaco.com" target="_blank">PhotoVaco.com</a> for photos used in this template. </p>
+
−
  <p>Vivamus ultricies bibendum viverra. Sagittis vel puru and aien ai dofneonsets srci. In vulputate, felis vitae ultrices dapibus, leo nulla ornare erat, eu tincidunt magna ipm sit amet massdtess vivamus sed condimentum ipsum. Quisque ut tortor in elit luctus.</p>
+
−
                  </div>
+
−
                   
+
−
      <div class="templatemo_post_bottom">
+
−
                    <a href="#">24 comments</a></div>
+
−
                   
+
−
              </div>
+
−
               
+
−
                <div class="templatemo_post">
+
−
                <div class="templatemo_post_title">
+
−
                    <a href="#">Web Design Studio</a></div>
+
−
                    <div class="templatemo_post_text">
+
−
<a href="#"><img src="images/templatemo_thumb_2.jpg" alt="Yellow Rose" width="150" height="150" /></a>
+
−
                    <p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor.</p>
+
−
                        <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in.</p>                 
+
−
                    </div>
+
−
                   
+
−
      <div class="templatemo_post_bottom">
+
−
                    <a href="#">56 comments</a></div>
+
−
                   
+
−
              </div>
+
−
            </div><!-- End Of left-->
+
−
           
+
−
            <div id="templatemo_right">
+
−
            <div class="templatemo_section">
+
−
                <div class="templatemo_section_title">
+
−
                    Categories
+
−
                    </div>
+
−
                    <div class="templatemo_section_bottom">
+
−
                    <ul class="templatemo_list">
+
−
                        <li><a href="#">Amet massdtess vivamus sed condimentum ipsum</a></li>
+
−
                            <li><a href="#">Donec nec justo eget felis facilisis fermentum</a></li>
+
−
                            <li><a href="#">Fusce lobortis lorem at ipsum sem</a></li>
+
−
                            <li><a href="#">Nulla vitae mau ris non felis mollis fau cibus</a></li>
+
−
                            <li><a href="#">Cras ornare tristique elit conval lis</a></li>
+
−
                        </ul>
+
−
                    </div>
+
−
</div>
+
−
                   
+
−
                <div class="templatemo_section">
+
−
                <div class="templatemo_section_title">
+
−
                    Popular Posts
+
−
                    </div>
+
−
                    <div class="templatemo_section_bottom">
+
−
              <ul class="templatemo_list">
+
−
                        <li><a href="#">Morbi in sem quis dui plac erat orn are. Pell len tesque odio nisi, euis mod in.</a></li>
+
−
                            <li><a href="#">Pell len tesque fer men tum dolor. Ali quam quam lectus, facilisis auc tor ultri.</a></li>
+
−
                            <li><a href="#">Nulla sed leo. Class aptent taciti socio squ ad litora tor quent per conubia.</a></li>
+
−
                            <li><a href="#">Fusce lacinia arcu et nulla. Nulla vitae mau ris non felis mollis fau cibus.</a></li>
+
−
                            <li><a href="#">Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci.</a></li>
+
−
                        </ul>
+
−
                    </div>
+
−
                </div>
+
−
            </div><!-- End Of right-->
+
−
           
+
−
            <div class="cleaner"></div>
+
−
       
+
−
        </div><!-- End Of Content area -->
+
−
    </div><!-- End Of Container -->
+
−
   
+
−
<div id="templatemo_bottom_area">
+
−
<div class="templatemo_container">
+
−
  <div class="templatemo_section_2">
+
−
            <h1><img src="https://static.igem.org/mediawiki/2017/8/86/T--CPU_CHINA--logo3.png" width="640" height="134"></h1>
+
−
  </div>
+
−
           
+
−
          <div class="cleaner"></div>
+
−
  </div>
+
−
    </div>
+
−
<!--  cssk8 by cssk8.com  -->
+
−
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>  </body>
+
 
</html>
 
</html>

Latest revision as of 03:20, 2 November 2017


 


 


 


 

Our HEAD-Treg


 


 

Description

Rheumatoid arthritis (RA) is a serious chronic, inflammatory and systemic autoimmune disease.
It is of great essence to develop a novel cell-targeted therapy for RA because there is no radical cure for RA for the time being.
To solve the problems existing in the current treatment of RA, we design and build a brand new immunotherapy.
FOXP3+ regulatory T cells(Tregs), which can suppress and regulate immune reactions, are modified
utilizing a lentiviral vector system to express a chimeric antigen receptor(CAR) targeting inflammatory cells associated with RA.
Meanwhile, we insert the Syn-Notch receptor to activate the functional stability pathway of Tregs in the inflammatory environment, which enables them to play their role of immunosuppression in lesions more efficiently and more stably.
These two redirections of the two different but interrelated systems on Tregs ensure this novel therapy a promising anti-RA effect.