Difference between revisions of "Team:NUDT CHINA/Model"

Line 69: Line 69:
 
     <meta name="HandheldFriendly" content="True" />
 
     <meta name="HandheldFriendly" content="True" />
 
     <meta name="MobileOptimized" content="320" />
 
     <meta name="MobileOptimized" content="320" />
   <meta name="viewport" content="width=device-width, initial-
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0",minimum-scale=0.2, maximum-scale=2.0, user-scalable=yes" />
 
+
scale=1.0",minimum-scale=0.2, maximum-scale=2.0, user-scalable=yes" />
+
 
     <meta content="on" http-equiv="cleartype" />
 
     <meta content="on" http-equiv="cleartype" />
 
     <meta property="og:title" content="Home" />
 
     <meta property="og:title" content="Home" />
 
     <meta name="generator" content="TYPO3 CMS">
 
     <meta name="generator" content="TYPO3 CMS">
     <link rel="stylesheet" type="text/css" href="/Team:NUDT_CHINA/CSS1?
+
     <link rel="stylesheet" type="text/css" href="/Team:NUDT_CHINA/CSS1?action=raw&ctype=text/css" media="all">
 
+
action=raw&ctype=text/css" media="all">
+
 
     <title>NUDT_CHINA 2016</title>
 
     <title>NUDT_CHINA 2016</title>
 
     <meta name="title" content="iGem - NUDT_CHINA 2016" />
 
     <meta name="title" content="iGem - NUDT_CHINA 2016" />
 
     <meta name="date" content="2016-10-04" />
 
     <meta name="date" content="2016-10-04" />
 
     <link rel="canonical" href="http#/" />
 
     <link rel="canonical" href="http#/" />
     <!-- VhsAssetsDependenciesLoaded fontCss,mainCss,inlinejs-
+
     <!-- VhsAssetsDependenciesLoaded fontCss,mainCss,inlinejs-head,jquery,mainJs,cycle4811,cycle5332,cycle4823 -->
 
+
     <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS2?action=raw&ctype=text/css" />
head,jquery,mainJs,cycle4811,cycle5332,cycle4823 -->
+
     <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS?action=raw&ctype=text/css" /></head>
     <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS2?
+
 
+
action=raw&ctype=text/css" />
+
     <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS?
+
 
+
action=raw&ctype=text/css" /></head>
+
 
   <!-- body -->
 
   <!-- body -->
 
    
 
    
Line 107: Line 97:
 
               <a class="right-off-canvas-toggle mobile-menu" href="#"></a>
 
               <a class="right-off-canvas-toggle mobile-menu" href="#"></a>
 
               <ul class="nav-utility inline-list">
 
               <ul class="nav-utility inline-list">
                 <li class="nav-utility__item"  
+
                 <li class="nav-utility__item" style="height:16px;">&nbsp;</li></ul>
 
+
style="height:16px;">&nbsp;</li></ul>
+
 
               <nav class="nav-global" role="navigation">
 
               <nav class="nav-global" role="navigation">
 
                 <ul class="nav-global__list inline-list">
 
                 <ul class="nav-global__list inline-list">
Line 115: Line 103:
 
                     <a class="nav-global__link" title="" href="#">TEAM</a></li>
 
                     <a class="nav-global__link" title="" href="#">TEAM</a></li>
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title=""  
+
                     <a class="nav-global__link" title="" href="#">PROJECT</a></li>
 
+
href="#">PROJECT</a></li>
+
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title=""  
+
                     <a class="nav-global__link" title="" href="#">PARTS</a></li>
 
+
href="#">PARTS</a></li>
+
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title=""  
+
                     <a class="nav-global__link" title="" href="/Team:NUDT_CHINA/Safety">SAFETY</a></li>
 
+
href="/Team:NUDT_CHINA/Safety">SAFETY</a></li>
+
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title=""  
+
                     <a class="nav-global__link" title="" href="/Team:NUDT_CHINA/Attributions">ATTRIBUTIONS</a></li>
 
+
href="/Team:NUDT_CHINA/Attributions">ATTRIBUTIONS</a></li>
+
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title=""  
+
                     <a class="nav-global__link" title="" href="#">HUMAN<br/>PRACTICES</a></li>
 
+
href="#">HUMAN<br/>PRACTICES</a></li>
+
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title=""  
+
                     <a class="nav-global__link" title="" href="#">AWARDS</a></li>
 
+
href="#">AWARDS</a></li>
+
 
                 </ul>
 
                 </ul>
 
<style>
 
<style>
Line 145: Line 121:
 
#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;}  
 
#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;}  
 
#menu01 .arrow-up{margin-right:6.429rem;}
 
#menu01 .arrow-up{margin-right:6.429rem;}
#menu02 .arrow-up{margin-right:90px;} #menu03  
+
#menu02 .arrow-up{margin-right:90px;} #menu03 .arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07 .arrow-up{margin-right:27px;} #menu01{width:200px;right:31rem;} #menu02{width:200px;right:27rem;} #menu03{width:200px;right:21.3rem;}
 
+
.arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07  
+
 
+
.arrow-up{margin-right:27px;} #menu01{width:200px;right:31rem;} #menu02
+
 
+
{width:200px;right:27rem;} #menu03{width:200px;right:21.3rem;}
+
  
 
@media screen and (max-width: 64em) {  
 
@media screen and (max-width: 64em) {  
 
#menu01{right:31.3rem;}
 
#menu01{right:31.3rem;}
 
#menu02{right:27rem;}  
 
#menu02{right:27rem;}  
#menu03{right:21.8rem;} #menu06 .arrow-up
+
#menu03{right:21.8rem;} #menu06 .arrow-up{margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style>
 
+
{margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style>
+
 
                 <div class="content support" id="menu01">
 
                 <div class="content support" id="menu01">
 
                   <div class="arrow-up"></div>
 
                   <div class="arrow-up"></div>
Line 167: Line 135:
 
                           <a href="/Team:NUDT_CHINA/Team">Team</a></li>
 
                           <a href="/Team:NUDT_CHINA/Team">Team</a></li>
 
                         <li>
 
                         <li>
                           <a  
+
                           <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
 
+
href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
+
 
                       </ul>
 
                       </ul>
 
                     </nav>
 
                     </nav>
Line 180: Line 146:
 
                       <ul>
 
                       <ul>
 
                         <li>
 
                         <li>
                           <a  
+
                           <a href="/Team:NUDT_CHINA/Description">Description</a></li>
 
+
href="/Team:NUDT_CHINA/Description">Description</a></li>
+
 
                         <li>
 
                         <li>
 
                           <a href="/Team:NUDT_CHINA/Design">Design</a></li>
 
                           <a href="/Team:NUDT_CHINA/Design">Design</a></li>
 
                         <li>
 
                         <li>
                           <a  
+
                           <a href="/Team:NUDT_CHINA/Experiments">Experiments</a></li>
 
+
href="/Team:NUDT_CHINA/Experiments">Experiments</a></li>
+
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Proof">Proof of  
+
                           <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a></li>
 
+
Concept</a></li>
+
 
                         <li>
 
                         <li>
                           <a  
+
                           <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li>
 
+
href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li>
+
 
                         <li>
 
                         <li>
 
                           <a href="/Team:NUDT_CHINA/Results">Results</a></li>
 
                           <a href="/Team:NUDT_CHINA/Results">Results</a></li>
Line 205: Line 163:
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0  
+
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
+
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-
+
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 
+
fund/donate-now/" class="lazyload-child">
+
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium  
+
                       <div class="ce-content rte-content rte-text-medium "></div>
 
+
"></div>
+
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 230: Line 182:
 
                           <a href="/Team:NUDT_CHINA/Parts">Parts</a></li>
 
                           <a href="/Team:NUDT_CHINA/Parts">Parts</a></li>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Basic_Part">Basic  
+
                           <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a></li>
 
+
Parts</a></li>
+
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Composite_Part">Composite  
+
                           <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a></li>
 
+
Parts</a></li>
+
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Part_Collection">Part  
+
                           <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a></li>
 
+
Collection</a></li>
+
 
                       </ul>
 
                       </ul>
 
                     </nav>
 
                     </nav>
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0  
+
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
+
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-
+
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 
+
fund/donate-now/" class="lazyload-child">
+
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium  
+
                       <div class="ce-content rte-content rte-text-medium "></div>
 
+
"></div>
+
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 268: Line 208:
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0  
+
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
+
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-
+
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 
+
fund/donate-now/" class="lazyload-child">
+
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium  
+
                       <div class="ce-content rte-content rte-text-medium "></div>
 
+
"></div>
+
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 291: Line 225:
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0  
+
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
+
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-
+
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 
+
fund/donate-now/" class="lazyload-child">
+
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium  
+
                       <div class="ce-content rte-content rte-text-medium "></div>
 
+
"></div>
+
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 314: Line 242:
 
                       <ul>
 
                       <ul>
 
                         <li>
 
                         <li>
                           <a href="/Team:NUDT_CHINA/Human_Practices">Human  
+
                           <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a></li>
 
+
Practices</a></li>
+
 
                         <li>
 
                         <li>
 
                           <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li>
 
                           <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li>
Line 322: Line 248:
 
                           <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a></li>
 
                           <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a></li>
 
                         <li>
 
                         <li>
                           <a  
+
                           <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li>
 
+
href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li>
+
 
                         <li>
 
                         <li>
                           <a  
+
                           <a href="/Team:NUDT_CHINA/Engagement">Engagement</a></li>
 
+
href="/Team:NUDT_CHINA/Engagement">Engagement</a></li>
+
 
                       </ul>
 
                       </ul>
 
                     </nav>
 
                     </nav>
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0  
+
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
+
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-
+
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 
+
fund/donate-now/" class="lazyload-child">
+
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium  
+
                       <div class="ce-content rte-content rte-text-medium "></div>
 
+
"></div>
+
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
Line 361: Line 277:
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
                     <section id="c1560" class="text-and-images ce-margin-top-0  
+
                     <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 
+
ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
+
 
                       <div class="tai__image-group-wrap large ">
 
                       <div class="tai__image-group-wrap large ">
 
                         <div class="tai__image-group single-image">
 
                         <div class="tai__image-group single-image">
                           <!--a href="https#/support/donate/annual-
+
                           <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 
+
fund/donate-now/" class="lazyload-child">
+
 
                             <img src="" /></a-->
 
                             <img src="" /></a-->
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
                       <div class="ce-content rte-content rte-text-medium  
+
                       <div class="ce-content rte-content rte-text-medium "></div>
 
+
"></div>
+
 
                     </section>
 
                     </section>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
 
</nav>
 
</nav>
               <style>.nav-global ul li a{ font-size:0.85rem; } @media screen  
+
               <style>.nav-global ul li a{ font-size:0.85rem; } @media screen and (max-width: 865px) { .nav-global ul li a{ font-size:0.85rem; } }
 
+
and (max-width: 865px) { .nav-global ul li a{ font-size:0.85rem; } }
+
  
 
#feature{
 
#feature{
Line 396: Line 304:
 
                 <div class="breadcrumb"></div>
 
                 <div class="breadcrumb"></div>
 
                 <!-- <div class="share">
 
                 <!-- <div class="share">
                 <a class="addthis_button_compact" tabindex="-1"><i class="icon  
+
                 <a class="addthis_button_compact" tabindex="-1"><i class="icon icon-share"></i><span>Share</span></a>
 
+
icon-share"></i><span>Share</span></a>
+
 
                 <span></span></div>
 
                 <span></span></div>
 
                 -->
 
                 -->
Line 406: Line 312:
 
           <!-- end .row --></div>
 
           <!-- end .row --></div>
 
         <!-- end #header-outer-wrap-->
 
         <!-- end #header-outer-wrap-->
         <div id="feature" class="row collapse text-light feature-footer-active"  
+
         <div id="feature" class="row collapse text-light feature-footer-active" style="background-color: rgb(3,13,38);background-image:url(https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner-3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-position:0px -350px;background-repeat:no-repeat;">
 
+
style="background-color: rgb(3,13,38);background-image:url
+
 
+
(https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner-
+
 
+
3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-position:0px  
+
 
+
-350px;background-repeat:no-repeat;">
+
 
           <div class="inner-wrap medium-24 columns">
 
           <div class="inner-wrap medium-24 columns">
 
             <!--TYPO3SEARCH_begin-->
 
             <!--TYPO3SEARCH_begin-->
 
             <div class="carousel-container hide-pager" id="c4811">
 
             <div class="carousel-container hide-pager" id="c4811">
               <div class="carousel " id="slideshow-4811" data-cycle-log="false"  
+
               <div class="carousel " id="slideshow-4811" data-cycle-log="false" data-cycle-auto-height="calc" data-cycle-prev="#prev-4811" data-cycle-next="#next-4811" data-cycle-pager="#cycle-pager-4811" data-cycle-easing="easeInOutQuad" data-cycle-fx="scrollVertUp" data-cycle-center-horz="true" data-cycle-speed="1000" data-cycle-timeout="8000" data-cycle-paused="true" data-cycle-slides="> div.slide">
 
+
data-cycle-auto-height="calc" data-cycle-prev="#prev-4811" data-cycle-
+
 
+
next="#next-4811" data-cycle-pager="#cycle-pager-4811" data-cycle-
+
 
+
easing="easeInOutQuad" data-cycle-fx="scrollVertUp" data-cycle-center-
+
 
+
horz="true" data-cycle-speed="1000" data-cycle-timeout="8000" data-cycle-
+
 
+
paused="true" data-cycle-slides="> div.slide">
+
 
                 <div class="slide first">
 
                 <div class="slide first">
 
                   <link rel="stylesheet" href="/Team--NUDT_CHINA/CSS3.css" />
 
                   <link rel="stylesheet" href="/Team--NUDT_CHINA/CSS3.css" />
 
                   <!-- Quick initialize with theme color from first slide -->
 
                   <!-- Quick initialize with theme color from first slide -->
                   <div class="row collapse " id="c6601" data-theme-class="bh-
+
                   <div class="row collapse " id="c6601" data-theme-class="bh-color__theme-c6601">
 
+
color__theme-c6601">
+
 
                     <div class="columns">
 
                     <div class="columns">
                       <section class="big-header bh__height-size-3 text-light  
+
                       <section class="big-header bh__height-size-3 text-light bh__video" style="height:300px;">
 
+
                         <div class="bh__background bh__background-color "></div>
bh__video" style="height:300px;">
+
                         <div class="bh__background bh__background-color  
+
 
+
"></div>
+
 
                         <div class="bh__content-wrap" style="height:120px;">
 
                         <div class="bh__content-wrap" style="height:120px;">
 
                           <div class="bh__content ">
 
                           <div class="bh__content ">
 
                             <div class="bh__content-inner-wrap">
 
                             <div class="bh__content-inner-wrap">
                               <!--h3 class="bh__subtitle"><a  
+
                               <!--h3 class="bh__subtitle"><a href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by Brick</span></span></a></h3-->
 
+
href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-
+
 
+
wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by  
+
 
+
Brick</span></span></a></h3-->
+
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                                 <!--<a href="#">-->
 
                                 <!--<a href="#">-->
                                 <span style="line-height:46px;" class="line-
+
                                 <span style="line-height:46px;" class="line-wrap">
 
+
                                   <span style="line-height:46px;" class="line">Development of A Novel</span></span>
wrap">
+
                                 <span style="line-height:46px;" class="line-wrap">
                                   <span style="line-height:46px;"  
+
                                   <span style="line-height:46px;" class="line">Blood-MicroRNA Rapid Detection System with CRISPR</span></span>
 
+
class="line">Development of A Novel</span></span>
+
                                 <span style="line-height:46px;" class="line-
+
 
+
wrap">
+
                                   <span style="line-height:46px;"  
+
 
+
class="line">Blood-MicroRNA Rapid Detection System with CRISPR</span></span>
+
 
                                 <!--</a>--></h2>
 
                                 <!--</a>--></h2>
 
                             </div>
 
                             </div>
Line 481: Line 349:
 
         <!-- end #feature -->
 
         <!-- end #feature -->
 
         <!-- end .columns --></div>
 
         <!-- end .columns --></div>
       <div style="margin-top:20px;" id="content-wrap-ink"><!-- adjust in add_JS  
+
       <div style="margin-top:20px;" id="content-wrap-ink"><!-- adjust in add_JS -->
 
+
-->
+
 
<div class="row footer-link" style="">
 
<div class="row footer-link" style="">
 
<div style="text-align:right;"><h5>
 
<div style="text-align:right;"><h5>
<a style="color:rgb(10,31,84);"  
+
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA">HomePage</a> &bull;  
 
+
href="/Team:NUDT_CHINA">HomePage</a> &bull;  
+
 
<!-- 修改这里!! -->PROJECT &bull;  
 
<!-- 修改这里!! -->PROJECT &bull;  
<a style="color:rgb(10,31,84);"  
+
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA/Description"><!-- 修改这里!! -->Description</a>
 +
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid rgb(10,31,84);" /></div>
  
href="/Team:NUDT_CHINA/Description"><!-- 修改这里!! -->Description</a>
 
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid
 
  
rgb(10,31,84);" /></div>
 
  
  
Line 514: Line 376:
  
  
 
+
 
 +
  
 
<!--标题-->
 
<!--标题-->
Line 1,938: Line 1,801:
 
<!--正文-->
 
<!--正文-->
 
<p >
 
<p >
<span style="line-height:2;font-family:Perpetua;font-size:18px;">1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Deng, R. <i>et al</i>. Toehold-initiated rolling circle amplification for visualizing individual microRNAs in situ in single cells. <i>Angew Chem Int Ed Engl </i>53, 2389-2393,doi:10.1002/anie.201309388 (2014).</span>  
+
<span style="line-height:2;font-family:Perpetua;font-
 +
 
 +
size:18px;">1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Deng, R. <i>et al</i>.  
 +
 
 +
Toehold-initiated rolling circle amplification for visualizing individual  
 +
 
 +
microRNAs in situ in single cells. <i>Angew Chem Int Ed Engl </i>53, 2389-
 +
 
 +
2393,doi:10.1002/anie.201309388 (2014).</span>  
 
</p>
 
</p>
 
</br>
 
</br>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 1,975: Line 1,872:
 
<div style="border:solid 1px rgb(10,31,84);background-color:rgb(10,31,84);">
 
<div style="border:solid 1px rgb(10,31,84);background-color:rgb(10,31,84);">
 
   <div class="row footer-link" style="border:solid 0px red;margin-top:100px;">
 
   <div class="row footer-link" style="border:solid 0px red;margin-top:100px;">
     <style>.menu-link-container ul li{ list-style:none; } .menu-link-container  
+
     <style>.menu-link-container ul li{ list-style:none; } .menu-link-container a{ color:white; font-size:14px;line-height:26px; }
 
+
a{ color:white; font-size:14px;line-height:26px; }
+
 
.menu-link-container a:hover{
 
.menu-link-container a:hover{
 
text-decoration:underline;
 
text-decoration:underline;
} #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid  
+
} #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid 0px red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6{height:315px;border:solid 0px red;}</style>
 
+
0px red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6
+
 
+
{height:315px;border:solid 0px red;}</style>
+
 
     <div id="c_menu9909">
 
     <div id="c_menu9909">
 
       <!--div class="medium-6 columns" style="width:auto;">
 
       <!--div class="medium-6 columns" style="width:auto;">
Line 2,030: Line 1,921:
 
               <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a><br/>
 
               <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a><br/>
 
              
 
              
               <a href="/Team:NUDT_CHINA/Composite_Part">Composite  
+
               <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a><br/>
 
+
Parts</a><br/>
+
 
              
 
              
               <a href="/Team:NUDT_CHINA/Part_Collection">Part  
+
               <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a><br/>
 
+
Collection</a><br/>
+
 
            
 
            
 
         </div>
 
         </div>
Line 2,051: Line 1,938:
 
       </div>    
 
       </div>    
 
       <!--div class="medium-6 columns" style="width:auto;">
 
       <!--div class="medium-6 columns" style="width:auto;">
       <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5  
+
       <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
 
+
class="column-header">ATTRIBUTIONS</h5></A>
+
 
       <div class="menu-link-container"></div></div-->
 
       <div class="menu-link-container"></div></div-->
 
       <div class="medium-6 columns" style="width:auto;">
 
       <div class="medium-6 columns" style="width:auto;">
Line 2,061: Line 1,946:
 
            
 
            
 
              
 
              
               <a href="/Team:NUDT_CHINA/Human_Practices">Human  
+
               <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a><br/>
 
+
Practices</a><br/>
+
 
              
 
              
 
               <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a><br/>
 
               <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a><br/>
Line 2,069: Line 1,952:
 
               <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a><br/>
 
               <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a><br/>
 
              
 
              
               <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated  
+
               <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a><br/>
 
+
Practices</a><br/>
+
 
              
 
              
 
               <a href="/Team:NUDT_CHINA/Engagement">Engagement</a><br/>
 
               <a href="/Team:NUDT_CHINA/Engagement">Engagement</a><br/>
Line 2,093: Line 1,974:
 
         <div class="row footer-link">
 
         <div class="row footer-link">
 
<div class="medium-6 columns">
 
<div class="medium-6 columns">
             <img  
+
             <img src="https://static.igem.org/mediawiki/2016/thumb/2/22/NUDT_CHINA2016_FILES-img-igem-logo.png/800px-NUDT_CHINA2016_FILES-img-igem-logo.png" style="width:300px;">
 
+
src="https://static.igem.org/mediawiki/2016/thumb/2/22/NUDT_CHINA2016_FILES-img-
+
 
+
igem-logo.png/800px-NUDT_CHINA2016_FILES-img-igem-logo.png"  
+
 
+
style="width:300px;">
+
 
             <div class="content-open" style="width:300px;">
 
             <div class="content-open" style="width:300px;">
 
               <p class="intro" style="font-size:18px;line-height:30px;">
 
               <p class="intro" style="font-size:18px;line-height:30px;">
Line 2,109: Line 1,984:
 
                   <!--ul class="arrow-list footer-support-links">
 
                   <!--ul class="arrow-list footer-support-links">
 
                   <li><a href="/support/membership/">Become a member</a></li>
 
                   <li><a href="/support/membership/">Become a member</a></li>
                   <li><a href="/support/donate/">Donate now</a></li></ul--
+
                   <li><a href="/support/donate/">Donate now</a></li></ul--></div>
 
+
></div>
+
 
           </div>
 
           </div>
           <div style="position:relative;left:250px;top:10px;width:500px;"><h5  
+
           <div style="position:relative;left:250px;top:10px;width:500px;"><h5 style="color:white;">SPONSORS</h5></div>
 
+
  <div style="position:relative;left:0px;margin-left:600px;top:20px;">
style="color:white;">SPONSORS</h5></div>
+
<img style="width:300px;" src="https://static.igem.org/mediawiki/2016/d/dc/T--NUDT_CHINA--Factory1.png" /><br/><br/>
  <div style="position:relative;left:0px;margin-
+
<img style="width:300px;" src="https://static.igem.org/mediawiki/2016/thumb/a/a2/T--NUDT_CHINA--Factory2.png/320px-T--NUDT_CHINA--Factory2.png" /><br/><br/>
 
+
<img style="width:300px;" src="https://static.igem.org/mediawiki/2016/a/a3/T--NUDT_CHINA--Factory3.png" />
left:600px;top:20px;">
+
<img style="width:300px;"  
+
 
+
src="https://static.igem.org/mediawiki/2016/d/dc/T--NUDT_CHINA--Factory1.png"  
+
 
+
/><br/><br/>
+
<img style="width:300px;"  
+
 
+
src="https://static.igem.org/mediawiki/2016/thumb/a/a2/T--NUDT_CHINA--
+
 
+
Factory2.png/320px-T--NUDT_CHINA--Factory2.png" /><br/><br/>
+
<img style="width:300px;"  
+
 
+
src="https://static.igem.org/mediawiki/2016/a/a3/T--NUDT_CHINA--Factory3.png" />
+
 
  </div>
 
  </div>
 
           <!-- end .columns --></div>
 
           <!-- end .columns --></div>
 
         <!-- end row -->
 
         <!-- end row -->
 
         <div data-footer-end class="footer-end row">
 
         <div data-footer-end class="footer-end row">
           <div class="nav-utility inline-list privacy" style="width:100%;text-
+
           <div class="nav-utility inline-list privacy" style="width:100%;text-align:center;color:white;font-size:11px;">
 
+
align:center;color:white;font-size:11px;">
+
 
             <span>COPYRIGHT &copy; &nbsp;2016 NUDT_CHINA</span></div>
 
             <span>COPYRIGHT &copy; &nbsp;2016 NUDT_CHINA</span></div>
 
           <!-- end .columns -->
 
           <!-- end .columns -->
 
           <!--div class="large-8 large-pull-10 medium-24 columns copyright">
 
           <!--div class="large-8 large-pull-10 medium-24 columns copyright">
           <span>&copy;&nbsp;2016 Museum of Science and Industry,  
+
           <span>&copy;&nbsp;2016 Museum of Science and Industry, Chicago</span></div-->
 
+
Chicago</span></div-->
+
 
           <!-- end .columns -->
 
           <!-- end .columns -->
 
           <!-- end .columns --></div>
 
           <!-- end .columns --></div>
Line 2,151: Line 2,006:
 
     <!-- end .inner-wrap -->
 
     <!-- end .inner-wrap -->
 
     <div id="my-visit-container"></div>
 
     <div id="my-visit-container"></div>
     <script type="text/javascript" src="/Team:NUDT_CHINA/JQuery?
+
     <script type="text/javascript" src="/Team:NUDT_CHINA/JQuery?action=raw&ctype=text/javascript"></script>
 
+
action=raw&ctype=text/javascript"></script>
+
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
Line 2,164: Line 2,017:
 
});
 
});
 
</script>
 
</script>
     <script type="text/javascript" src="/Team:NUDT_CHINA/all_JS?
+
     <script type="text/javascript" src="/Team:NUDT_CHINA/all_JS?action=raw&ctype=text/javascript"></script>
 
+
     <!-- <div style="border:solid 5px yellow;"><div class="row footer-link" style="border:solid 1px red;">ink</div></div>
action=raw&ctype=text/javascript"></script>
+
     <!-- <div style="border:solid 5px yellow;"><div class="row footer-link"  
+
 
+
style="border:solid 1px red;">ink</div></div>
+
 
     -->
 
     -->
  
Line 2,204: Line 2,053:
  
  
     var scrolltop = document.documentElement.scrollTop ||  
+
     var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
 
+
document.body.scrollTop;
+
 
     if(scrolltop>300){
 
     if(scrolltop>300){
 
oTop.style.display="block";
 
oTop.style.display="block";
Line 2,253: Line 2,100:
 
var y = Math.max(y1, Math.max(y2, y3));  
 
var y = Math.max(y1, Math.max(y2, y3));  
 
   
 
   
// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距
+
// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
 
+
离会越来越小
+
 
var speed = 1 + acceleration;  
 
var speed = 1 + acceleration;  
 
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));  
 
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));  

Revision as of 15:57, 18 October 2016

NUDT_CHINA 2016

TOP