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

 
(4 intermediate revisions by the same user not shown)
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-scale=1.0" />
+
  <meta name="viewport" content="width=device-width, initial-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" />
Line 88: Line 88:
 
       <div class="inner-wrap">
 
       <div class="inner-wrap">
 
         <!-- Off Canvas Menu -->
 
         <!-- Off Canvas Menu -->
        <aside class="right-off-canvas-menu" aria-hidden="true">
 
          <a role="search" class="mobile-search" title="Search" href="/search/" data-search-modal>Search</a>
 
          <a class="button button-table large" title="Tickets" href="https#/tickets/">
 
            <span class="first-icon-cell">
 
              <i class="icon icon-ticket"></i>
 
            </span>
 
            <span class="text-cell">Tickets</span>
 
            <span class="last-icon-cell">
 
              <i class="icon icon-anglebracket-right"></i>
 
            </span>
 
          </a>
 
          <div data-cart-open-container style="margin-left: 0; width: 0;">
 
            <a id="my-visit-opener-mobile" class="button button-table large" data-cart-open style="display: none;">
 
              <span class="first-icon-cell">
 
                <i class="icon icon-add-to-visit"></i>
 
              </span>
 
              <span class="text-cell">My&nbsp;Visit</span>
 
              <span class="last-icon-cell">
 
                <i class="icon icon-anglebracket-right"></i>
 
              </span>
 
            </a>
 
          </div>
 
          <ul class="mobile-nav-global">
 
            <li>
 
              <a class="nav-global__link" title="" href="/explore/">Explore</a></li>
 
            <li>
 
              <a class="nav-global__link" title="" href="/visit/">Visit-Cls</a></li>
 
            <li>
 
              <a class="nav-global__link" title="" href="/support/">Support</a></li>
 
          </ul>
 
          <ul class="nav-utility">
 
            <li>
 
              <a class="nav-utility__link" title="Members" href="/support/membership/">Members</a></li>
 
            <li>
 
              <a class="nav-utility__link" title="Educators" href="/education/">Educators</a></li>
 
          </ul>
 
        </aside>
 
 
         <!-- close the off-canvas menu -->
 
         <!-- close the off-canvas menu -->
 
         <a class="exit-off-canvas"></a>
 
         <a class="exit-off-canvas"></a>
Line 152: Line 115:
 
                     <a class="nav-global__link" title="" href="#">AWARDS</a></li>
 
                     <a class="nav-global__link" title="" href="#">AWARDS</a></li>
 
                 </ul>
 
                 </ul>
<style>#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;}  
+
<style>
 +
.content{
 +
box-shadow: 6px 6px 3px #888888;
 +
}
 +
#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 .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;}
 
#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;}
Line 322: Line 289:
 
                 </div>
 
                 </div>
 
</nav>
 
</nav>
               <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; } }</style>
+
               <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; } }
 +
 
 +
#feature{
 +
background-size:100%;
 +
}
 +
  @media screen and (max-width: 1200px) {
 +
#feature{
 +
background-size:1200px;
 +
}
 +
  }  
 +
  </style>
  
 
<div class="breadcrumb-share-wrap">
 
<div class="breadcrumb-share-wrap">
Line 335: 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;">
 
           <div class="inner-wrap medium-24 columns">
 
           <div class="inner-wrap medium-24 columns">
 
             <!--TYPO3SEARCH_begin-->
 
             <!--TYPO3SEARCH_begin-->
Line 341: Line 318:
 
               <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">
 
               <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">
 
                 <div class="slide first">
 
                 <div class="slide first">
                   <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS3?action=raw&ctype=text/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-color__theme-c6601">
 
                   <div class="row collapse " id="c6601" data-theme-class="bh-color__theme-c6601">
 
                     <div class="columns">
 
                     <div class="columns">
                       <section class="big-header bh__height-size-3 text-light bh__video">
+
                       <section class="big-header bh__height-size-3 text-light bh__video" style="height:300px;">
                         <div class="bh__background bh__background-color " 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-size:100%;background-repeat:no-repeat;"></div>
+
                         <div class="bh__background bh__background-color "></div>
                         <div class="bh__content-wrap">
+
                         <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 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-->
 
                               <!--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-->
                              <h1 class="bh__title ">
 
                                <!--<a href="#">-->
 
                                  <span class="line-wrap">
 
                                    <span class="line">Cancer,</span></span>
 
                                  <br>
 
                                  <span style="line-height:75px;" class="line-wrap">
 
                                    <span style="line-height:75px;" class="line">No More Hiding</span></span>
 
                                <!--</a>-->
 
                              </h1>
 
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                               <h2 style="font-size:36px;" class="bh__title ">
 
                                 <!--<a href="#">-->
 
                                 <!--<a href="#">-->
                                  <span style="line-height:41px;" class="line-wrap">
+
                                <span style="line-height:46px;" class="line-wrap">
                                    <span style="line-height:41px;" class="line">Development of A Novel</span></span>
+
                                  <span style="line-height:46px;" class="line">Development of A Novel</span></span>
                                  <span style="line-height:41px;" class="line-wrap">
+
                                <span style="line-height:46px;" class="line-wrap">
                                    <span style="line-height:41px;" class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span>
+
                                  <span style="line-height:46px;" class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span>
                                 <!--</a>-->
+
                                 <!--</a>--></h2>
                              </h2>
+
 
                             </div>
 
                             </div>
 
                           </div>
 
                           </div>
Line 378: Line 345:
 
               <div class="cycle-pager" id="cycle-pager-4811"></div>
 
               <div class="cycle-pager" id="cycle-pager-4811"></div>
 
             </div>
 
             </div>
            <!--TYPO3SEARCH_end--></div>
+
          </div>
          <!-- end .columns --></div>
+
        </div>
 
         <!-- end #feature -->
 
         <!-- end #feature -->
 
         <!-- end .columns --></div>
 
         <!-- end .columns --></div>
       <div style="margin-top:80px;" 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>
 +
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA">HomePage</a> &bull;
 +
<!-- 修改这里!! -->PROJECT &bull;
 +
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA/Proof"><!-- 修改这里!! -->Prooof of Concept</a>
 +
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid rgb(10,31,84);" /></div>
  
  
Line 392: Line 364:
  
  
 
<h1>
 
<span><span style="color:#ff1015">PAGE STILL UNDER CONSTRUCTION</span></span>
 
</h1>
 
  
h2>
+
 
<span><span style="color:#7f1015">Proof of Concept</span></span><hr />
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<h2>
 +
<span><span style="color:#7f1015">Proof of Concept</span></span>
 +
</h2>
 +
 
 +
<h2>
 +
<span><span style="color:#7f1015">Wet Lab</span></span><hr />
 
</h2>
 
</h2>
  
Line 437: Line 424:
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
</p>
 
</p>
<p align="center" style="text-align:center;">
+
 
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">(Figure 1)</span></b>
+
 
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT_CHINA--resultfig1.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 1. Preparation and selection of dumbbell probes.</span></b>  
 
</p>
 
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">(A)Schematic representation of the preparation of the probes, the dumbbell structure was formed from synthesized oligo DNA through T7 DNA ligase, the un-ligated ones were digested by Exonuclease I and III to avoid unspecified amplification. (B) Agarose gel electrophoresis showing the preparation results of four different probes. (C) Schematic representation of miRNA initiated Rolling Cycle Amplification (RCA). (D) Agarose gel electrophoresis showing the results of the RCA products from four different probes initiated by miRNA let-7a. The concentration of target miRNA was 10nM. The RCA reactions were performed for 2 hours. All gel images were color-inverted to gain a better contrast.</span>
 +
</p>
 +
</br>
 +
 +
 +
 +
 +
 
<p style="text-indent:22pt;">
 
<p style="text-indent:22pt;">
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
Line 461: Line 466:
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
</p>
 
</p>
<p align="center" style="text-align:center;">
+
 
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">(Figure 2)</span></b>
+
 
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT_CHINA--resultfig2.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 2. Evaluation of the sensitivity and specificity of RCA reactions initiated by water-dissolved miRNAs by Sybr I fluorescent assay.</span></b>  
 
</p>
 
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">(A) Schematic representation of the Sybr I fluorescent assay for RCA reactions for the RCA reaction initiated by water-dissolved miRNAs. (B) Real-time fluorescent measurements for RCA process, carried out at 10fM, 1pM, 100 pM, and 10nM of let-7a. The results on 120-min time point was labeled as such time duration was used for following experiments. (C) Plot of fluorescent intensity variation against let-7a concentration. (D) Plot of fluorescent intensity variation against negative logarithm of let-7a concentration. (E) Determination of the specificity of RCA reaction initiated by collaboration of designed probe and let-7a, let-7c (single-mismatch), let-7f (single-mismatch) or let-7g (double-mismatch). The bases marked red in the sequences of tested miRNAs displayed below are mismatched bases against let-7a. The concentration used in such assay was 10nM. The excitation wavelength was 495nm, the emission wavelength was 515nm. Fluorescence intensity variation was calculated by subtracting the fluorescent intensity of the blank group. For the calculation of relative fluorescence intensity variation, the let-7a group was set arbitrarily at 1.0, and the levels of the other groups were adjusted correspondingly. All these experiments were run in three parallel reactions, and the error bars were obtained from at least three independent experiments. The squared correlation coefficient (R2) was analyzed by Graphpad Prism 6.0. ** p<0.01. </span>
 +
</p>
 +
</br>
 +
 +
 +
 +
 +
 +
 
<p style="text-indent:22pt;">
 
<p style="text-indent:22pt;">
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
Line 475: Line 499:
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
</p>
 
</p>
<p align="center" style="text-align:center;">
+
 
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">(Figure3)</span></b>
+
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT_CHINA--resultfig5.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 3. Prokaryotic expression and protein purification of split-HRP-dCas9 fusion proteins.</span></b>  
 
</p>
 
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">(A) Expression and purification of sHRP-C-dCas9 protein. (B) Expression and purification of sHRP-C-dCas9 protein. Western blots were probed with an anti-His-tag antibody. “-” represents the un-induced control group, “+” represents the induced group.</span>
 +
</p>
 +
</br>
 +
 +
 +
 +
 +
 +
 
<p style="text-indent:22pt;">
 
<p style="text-indent:22pt;">
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
Line 486: Line 528:
 
with an </span><i><span style="line-height:2;font-family:Perpetua;font-size:18px;">in vitro</span></i><span style="line-height:2;font-family:Perpetua;font-size:18px;"> expressed sgRNA. TMB
 
with an </span><i><span style="line-height:2;font-family:Perpetua;font-size:18px;">in vitro</span></i><span style="line-height:2;font-family:Perpetua;font-size:18px;"> expressed sgRNA. TMB
 
substrate was used to test the HRP activity (Figure 4A). Through which, the
 
substrate was used to test the HRP activity (Figure 4A). Through which, the
protein concentration was optimized (Figure 4B) and the basic concept of our
+
protein concentration was optimized (Figure 4B) and the specificity and sensitivity of our scheme was examed and validated. Thus, the basic concept of our
design was proofed (Figure 4C).</span>
+
design was proofed (Figure 4C, 4D, 4E).</span>
 
</p>
 
</p>
 
<p style="text-indent:22pt;">
 
<p style="text-indent:22pt;">
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
</p>
 
</p>
<p align="center" style="text-align:center;">
+
 
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">(Figure4)</span></b>
+
 
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT_CHINA--resultfig6.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 4. HRP activity assay evaluating the sensitivity and specificity of the visualization process of RCA-output signal amplified from water dissolved miRNAs.</span></b>  
 
</p>
 
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">(A) Schematic representation of the visualization and further amplification of RCA outputs. The split-HRP-dCas9 fusion protein could bind with the RCA product with the assistance of single-guide RNA, thus shorten the distance of split-HRP subunits and reinstate the HRP activity. (B) Plots of OD450 on different concentration of let-7a against various protein concentrations. In such assay, 0.16M sulfuric acid was added into the reaction solution to stop the reaction and forming productions with the maximum absorbance on 450nm. (C) Images showed the visualized signal output through different amount of let-7a and various concentration of fusion protein before adding the sulfuric acid. The abbreviation “[C-sHdC]” represents the sHRP-C-dCas9 fusion protein, and “[N-sHdC]” represents the sHRP-N-dCas9 fusion protein. (D) Plot of OD450 against negative logarithm of let-7a concentration. . (E) Determination of the specificity of the whole workflow under different miRNAs of let-7a, let-7c (single-mismatch), let-7f (single-mismatch) or let-7g (double-mismatch). Images showed below was the visualized output signal of different initial input miRNA respectively before adding the stop solution. All these experiments were run in three parallel reactions, and the error bars were obtained from at least three independent experiments. The 7% human serum used in the experiment was the mixture of serum samples from 50 healthy volunteers. The squared correlation coefficient (R2) was analyzed by Graphpad Prism 6.0. ** p<0.01.</span>
 +
</p>
 +
</br>
 +
 +
<!--标题-->
 +
<h2>
 +
<span><span style="color:#7f1015">Modeling</span></span><hr />
 +
</h2>
 +
 +
<!--正文-->
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">This model was created to evaluate the effectiveness of initial design and offer guidelines about how the system can (or must) be improved. The relationships between the signal to noise ratio (SNR), the signal intensity respectively and the concentration of miRNA under different additional amount of fusion proteins were discussed mainly in this model. For such matter, theoretical calculation and experimental results were well integrated and a brilliant probability model was introduced.
 +
 +
</span>
 +
</p>
 +
</br>
 +
 +
<!--正文-->
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">
 +
The relationships were obtained and shown below.
 +
</span>
 +
</p>
 +
</br>
 +
 +
<!--图和图注-->
 +
</br>
 +
</html>
 +
[[File:T--NUDT_CHINA--modelfig5.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-
 +
 +
size:18px;"><b>Figure
 +
5. The signal intensity (OD<sub>450</sub>)</b> Three-dimensional map of signal
 +
 +
intensity (OD<sub>450</sub>)
 +
against miRNA concentration(pM) and additional amount of fusion proteins.</span>
 +
</p>
 +
</br>
 +
 +
 +
<!--正文-->
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">
 +
The relationship between the concentration of miRNA and the signal intensity was monotonous when the value of the molecule number of the fusion proteins was relatively large. While the relationship did not hold when the value of the molecule number of the fusion proteins was relatively small. And the signal intensity increased as the value of the molecule number of the fusion proteins increases.
 +
</span>
 +
</p>
 +
</br>
 +
 +
<!--图和图注-->
 +
</br>
 +
</html>
 +
[[File:T--NUDT_CHINA--modelfig6.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-
 +
 +
size:18px;"><b>Figure 6. The result of SNR</b>  Three-dimensional map of signal
 +
 +
to noise ratio against miRNA concentration (pM) and additional amount of fusion
 +
 +
proteins.</span>
 +
</p>
 +
</br>
 +
 +
<!--正文-->
 +
<p style="text-indent:22pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">The signal-to-noise ratio decreased as the value of the molecule number of the fusion proteins increased. </span>
 +
</p>
 +
</br>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 
<p style="text-indent:22pt;">
 
<p style="text-indent:22pt;">
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
 
<span style="line-height:2;font-family:Perpetua;font-size:18px;">&nbsp;</span>
Line 527: Line 662:
 
</p>
 
</p>
 
<span style="font-family:Perpetua;"><span style="font-size:18px;"><span style="line-height:2;font-family:Perpetua;font-size:18px;"></span><span style="line-height:2;font-family:Perpetua;font-size:18px;"></span></span><span style="line-height:2;font-family:Perpetua;font-size:18px;"></span></span>
 
<span style="font-family:Perpetua;"><span style="font-size:18px;"><span style="line-height:2;font-family:Perpetua;font-size:18px;"></span><span style="line-height:2;font-family:Perpetua;font-size:18px;"></span></span><span style="line-height:2;font-family:Perpetua;font-size:18px;"></span></span>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 537: Line 692:
 
       </div>
 
       </div>
 
       <!-- end #content-wrap -->
 
       <!-- end #content-wrap -->
      <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 ul li a{ color:white; font-size:14px;line-height:20px; } #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>
+
    <style>.menu-link-container ul li{ list-style:none; } .menu-link-container a{ color:white; font-size:14px;line-height:26px; }
          <div id="c_menu9909">
+
.menu-link-container a:hover{
            <!--div class="medium-6 columns" style="width:auto;">
+
text-decoration:underline;
              <h5 class="column-header">HOME</h5>
+
} #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>
              <div class="menu-link-container"></div>
+
    <div id="c_menu9909">
            </div-->
+
      <!--div class="medium-6 columns" style="width:auto;">
            <div class="medium-6 columns" style="width:auto;">
+
      <h5 class="column-header">HOME</h5>
              <h5 class="column-header">TEAM</h5>
+
      <div class="menu-link-container"></div></div-->
              <div class="menu-link-container">
+
      <div class="medium-6 columns" style="width:auto;">
                <ul>
+
        <h5 class="column-header">TEAM</h5>
                  <li>
+
        <div class="menu-link-container">
                    <a href="/Team:NUDT_CHINA/Team">Team</a></li>
+
         
                  <li>
+
              
                    <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
+
               <a href="/Team:NUDT_CHINA/Team">Team</a><br/>
                </ul>
+
              
              </div>
+
               <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a><br/>
             </div>
+
            
            <div class="medium-6 columns" style="width:auto;">
+
        </div>
               <h5 class="column-header">PROJECT</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Description">Description</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Design">Design</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Experiments">Experiments</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Results">Results</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Notebook">Notebook</a></li>
+
                </ul>
+
              </div>
+
             </div>
+
            <div class="medium-6 columns" style="width:auto;">
+
               <h5 class="column-header">PARTS</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Parts">Parts</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a></li>
+
                </ul>
+
              </div>
+
            </div>
+
            <div class="medium-6 columns" style="width:auto;">
+
              <br/>
+
  <A href="/Team:NUDT_CHINA/Safety" style="text-decoration:none;"><h5 class="column-header">SAFETY</h5></A>
+
  <br/>
+
  <br/>
+
  <br/>
+
  <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
+
              <div class="menu-link-container"></div>
+
            </div>
+
            <!--div class="medium-6 columns" style="width:auto;">
+
              <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
+
              <div class="menu-link-container"></div>
+
            </div-->
+
            <div class="medium-6 columns" style="width:auto;">
+
              <h5 class="column-header">HUMAN
+
                <BR/>PRACTICES</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li>
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Engagement">Engagement</a></li>
+
                </ul>
+
              </div>
+
            </div>
+
            <div class="medium-6 columns" style="width:auto;">
+
              <h5 class="column-header">AWARDS</h5>
+
              <div class="menu-link-container">
+
                <ul>
+
                 
+
                  <li>
+
                    <a href="/Team:NUDT_CHINA/Model">Model</a></li>
+
                </ul>
+
              </div>
+
            </div>
+
            <div class="medium-6 columns" style="width:0px;height:0px;"></div>
+
           </div>
+
      </div>
+
 
       </div>
 
       </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">PROJECT</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Description">Description</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Design">Design</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Experiments">Experiments</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Results">Results</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Notebook">Notebook</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">PARTS</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Parts">Parts</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <a href="/Team:NUDT_CHINA/Safety" style="text-decoration:none;">
 +
          <h5 class="column-header">SAFETY</h5></a>
 +
       
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <a href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;">
 +
          <h5 class="column-header">ATTRIBUTIONS</h5></a>
 +
       
 +
      </div>  
 +
      <!--div class="medium-6 columns" style="width:auto;">
 +
      <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
 +
      <div class="menu-link-container"></div></div-->
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">HUMAN
 +
          <br>PRACTICES</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a><br/>
 +
           
 +
              <a href="/Team:NUDT_CHINA/Engagement">Engagement</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:auto;">
 +
        <h5 class="column-header">AWARDS</h5>
 +
        <div class="menu-link-container">
 +
         
 +
           
 +
              <a href="/Team:NUDT_CHINA/Model">Model</a><br/>
 +
         
 +
        </div>
 +
      </div>
 +
      <div class="medium-6 columns" style="width:0px;height:0px;"></div>
 +
    </div>
 +
  </div>
 +
</div>  
 
       <footer id="footer">
 
       <footer id="footer">
 
         <div class="row footer-link">
 
         <div class="row footer-link">
Line 687: Line 843:
 
     -->
 
     -->
  
+
<!-- to top edit by inksci--->
 +
<style>
 +
#to_top{
 +
position:fixed;
 +
bottom:100px;
 +
right:0px;
 +
width:60px;
 +
height:60px;
 +
font-size:14px;
 +
line-height:60px;
 +
text-align:center;
 +
background-color:black;
 +
color:rgb(246,168,0);
 +
cursor:pointer;
 +
}
 +
</style>
 +
<div onclick="top_it()" id="to_top">
 +
TOP
 +
</div>
 +
<script type="text/javascript">
 +
var oTop = document.getElementById("to_top");
 +
oTop.style.display="none";
 +
var top_break=false;
 +
/**
 +
* 回到页面顶部
 +
* @param acceleration 加速度
 +
* @param time 时间间隔 (毫秒)
 +
**/
 +
var save_scrolltop=100000000000000;
 +
window.onscroll = function(){
 +
 
 +
 
 +
    var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
 +
    if(scrolltop>300){
 +
oTop.style.display="block";
 +
}else{
 +
oTop.style.display="none";
 +
}
 +
if(scrolltop>save_scrolltop)
 +
{
 +
top_break=true;
 +
}
 +
save_scrolltop=scrolltop;
 +
}
 +
function top_it(){
 +
top_break=false;
 +
goTop();return false;
 +
}
 +
function goTop(acceleration, time) {
 +
if(top_break){
 +
return;
 +
}
 +
oTop.style.display="none";
 +
acceleration = acceleration || 0.1;
 +
time = time || 16;
 +
 +
var x1 = 0;
 +
var y1 = 0;
 +
var x2 = 0;
 +
var y2 = 0;
 +
var x3 = 0;
 +
var y3 = 0;
 +
 +
if (document.documentElement) {
 +
x1 = document.documentElement.scrollLeft || 0;
 +
y1 = document.documentElement.scrollTop || 0;
 +
}
 +
if (document.body) {
 +
x2 = document.body.scrollLeft || 0;
 +
y2 = document.body.scrollTop || 0;
 +
}
 +
var x3 = window.scrollX || 0;
 +
var y3 = window.scrollY || 0;
 +
 +
// 滚动条到页面顶部的水平距离
 +
var x = Math.max(x1, Math.max(x2, x3));
 +
// 滚动条到页面顶部的垂直距离
 +
var y = Math.max(y1, Math.max(y2, y3));
 +
 +
// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
 +
var speed = 1 + acceleration;
 +
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
 +
 +
// 如果距离不为零, 继续调用迭代本函数
 +
if(x > 0 || y > 0) {
 +
var invokeFunction = "goTop(" + acceleration + ", " + time + ")";
 +
window.setTimeout(invokeFunction, time);
 +
}
 +
}
 +
</script>
 +
<!-- to top edit by inksci--->
 
   </body>
 
   </body>
  
 
</html>
 
</html>

Latest revision as of 22:47, 19 October 2016

NUDT_CHINA 2016

TOP