Difference between revisions of "Team:NUDT CHINA/Basic Part"

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;
 +
<!-- 修改这里!! -->PARTS &bull;
 +
<a style="color:rgb(10,31,84);" href="/Team:NUDT_CHINA/Basic_Part"><!-- 修改这里!! -->Basic Part</a>
 +
</h5><hr style="width:40%;margin-left:60%;border-top:1px solid rgb(10,31,84);" /></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<p style="text-indent:21pt;">
 +
<span><br />
 +
</span>
 +
</p>
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Since protein-protein interactions (PPIs) have been reported to play
 +
important roles in signal transduction and gene expression, methods for
 +
monitoring PPIs in cells have been developed rapidly for years</span><sup><span style="line-height:2;font-family:Perpetua;font-size:18px;">1</span></sup><span style="line-height:2;font-family:Perpetua;font-size:18px;">. In
 +
our registered and submitted parts, we provide two split-GFP fluorescence
 +
reporter systems, split-HRP enzymatic-based reporter systems and split
 +
Luciferase chemiluminescence-based reporter system.</span>
 +
</p>
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Our favorite basic part BBa_K1997014 is the core of the newly
 +
registered split-GFP reporter system as well as an important member of the
 +
collection </span><b><i><span style="line-height:2;font-family:Perpetua;font-size:18px;">PPI tool kit</span></i></b><span style="line-height:2;font-family:Perpetua;font-size:18px;">. Its function was based on tripartite association
 +
between two 20 amino-acids long GFP tags, GFP10 and GFP11 respectively, and the
 +
complementary GFP1-9 detector. When proteins interact, GFP10 and GFP11
 +
self-associate with GFP1-9 to reconstitute a functional GFP (Figure 1). </span>
 +
</p>
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--basicpartfig1.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 1. Schematic representation of different approaches for split-GFP. Shown also were the method we stimulate the PPI in our experiments.</span></b>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">TO PROOF THE FUNTION of this part, a composite part (BBa_K1997018)
 +
with the addition of lac promoter, RBS and double terminator was constructed.
 +
After overnight expressed in E.coli, relative fluorescence intensity was
 +
calculated (Figure 2).</span>
 +
</p>
 +
 
 +
 
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--basicpartfig2.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Evaluation of the Signal-Noise Ratio of split GFP system.</span></b>
 +
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">(A) Schematic representation of the evaluation protocol. The complete Zif-268 protein was introduced to simulate the condition where strong interaction among two proteins occur, whereas the split-zif protein was used to simulate the condition where no interaction exists. (B) Fluorescent assay showing the fluorescent intensity under two different conditions. Relative FI was calculated with normalization of the OD600 value. This experiment was run in three parallel reactions, and the data represent results obtained from at least three independent experiments. **p<0.01.</span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">TO OPTIMIZE THE APPLICABILITY AND ADAPTIVE of this system for
 +
protein-protein interaction usage, we designed a novel substitution system for
 +
this part as well as for all the collection </span><b><i><span style="line-height:2;font-family:Perpetua;font-size:18px;">PPI tool kit</span></i></b><span style="line-height:2;font-family:Perpetua;font-size:18px;">. Following
 +
this, two proteins could be fused with their corresponding split-GFP fragment
 +
at the same time using Golden-Gate Assembly (Figure 3). </span>
 +
</p>
 +
 
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--basicpartfig3.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 3 Schematic representation of the part design.</span></b>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">TO DEMONSTRATE the usability of this substitution system, we
 +
introduced a “FRB-RBS-FKBP” fragment to replace the replaceable fragment of
 +
this part by using Golden-Gate Assembly (BBa_K1997020). Intriguingly, IT
 +
WORKED! Fluorescence intensity measured right after the addition of Rapamycin
 +
showed a significant improvement on relative FI, thus validated the usability
 +
of this part and the substitution system (Figure 4). </span>
 +
</p>
 +
 
 +
 
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--basicpartfig4.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Rapamycin-induced sGFP-N-FRB/sGFP-C-FKBP interaction.</span></b>
 +
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">(A) Schematic representation of the rapamycin induced protein-protein interaction. The adding of rapamycin would induce the interaction between FRB and FKBP, thus shortened the range between split-GFP fragments and reconstruct its structure for fluorescence generation. (B) Fluorescent assay showing the fluorescent intensity with/without Rapamycin induction. Relative FI was calculated with normalization of the OD600 value. For Fold change Relative FI, relative FI of the group without Rapamycin induction was set arbitrarily as 1.0, and the levels of the other groups were adjusted correspondingly. The concentration of Rapamycin used in the experiment was 40nM. This experiment was run in three parallel reactions, and the data represent results obtained from at least three independent experiments. **p<0.01.</span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">TO COMPARE this part related newly-introduced split-GFP system with
 +
the traditional GFP-N/GFP-C split-GFP system, we analyzed their SIGNAL
 +
INTENSITIES and the NOISE-SIGNAL RATIOS. After overnight expressed in E.coli,
 +
Relative fluorescence intensity was calculated and higher signal intensity and
 +
NSR was shown on the newly-introduced system (Figure 5).</span>
 +
</p>
 +
 
 +
 
 +
 
 +
 
 +
</br>
 +
</html>
 +
[[File:T--NUDT CHINA--basicpartfig4.jpg|700px|center]]
 +
<html>
 +
</br>
 +
<p>
 +
<b><span style="line-height:2;font-family:Perpetua;font-size:18px;">Figure 5 Evaluation of two different split-GFP systems. </span></b>
 +
</p>
 +
<p>
 +
<span style="line-height:2;font-family:Perpetua;font-size:16px;">Relative fluorescence intensity was calculated with normalization of the OD600 value. For Relative FI ratios, relative fluorescence intensity of each control group was set arbitrarily at 1.0, and the levels of the other groups were adjusted correspondingly. This experiment was run in three parallel reactions, and the data represent results obtained from at least three independent experiments. *p<0.05, **p<0.01.</span>
 +
</p>
 +
</br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<p style="text-indent:21pt;">
 +
<span style="line-height:2;font-family:Perpetua;font-size:18px;">Collectively, this is an elaborate part for an optimal split-GFP
 +
reporting system, which was easy to be edit as a functional protein-protein
 +
interaction system. </span>
 +
</p>
 +
<p>
 +
<br />
 +
</p>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
Line 390: Line 550:
  
  
<center>
 
<table>
 
<tr><td>NAME</td><td>TYPE</td><td>DISCRIPTION</td><td>LENGTH</td><td>SUBMITTED</td>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997000" style = "color:#d82545;">BBa_K1997000</a></td>
 
<td>Coding</td><td>sHRP-N</td><td>702</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997001" style = "color:#d82545;">BBa_K1997001</a></td>
 
<td>Coding</td><td>sHRP-C</td><td>345</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997002" style = "color:#d82545;">BBa_K1997002</a></td>
 
<td>Coding</td><td>sluc-N</td><td>1308</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997003" style = "color:#d82545;">BBa_K1997003</a></td>
 
<td>Coding</td><td>sluc-C</td><td>519</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997004" style = "color:#d82545;">BBa_K1997004</a></td>
 
<td>Reporter</td><td>sGFP-N->Zif268->sGFP-C</td><td>1062</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997005" style = "color:#d82545;">BBa_K1997005</a></td>
 
<td>Reporter</td><td>sHRP-N->FRB->RBS->FKBP-> sHRP-C</td><td>1653</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997006" style = "color:#d82545;">BBa_K1997006</a></td>
 
<td>RNA</td><td>let-7a</td><td>87</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997007" style = "color:#d82545;">BBa_K1997007</a></td>
 
<td>RNA</td><td>let-7e</td><td>87</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997008" style = "color:#d82545;">BBa_K1997008</a></td>
 
<td>RNA</td><td>let-7f</td><td>87</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K1997009" style = "color:#d82545;">BBa_K1997009</a></td>
 
<td>RNA</td><td>let-7g</td><td>87</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K19970010" style = "color:#d82545;">BBa_K19970010</a></td>
 
<td>Coding</td><td>dCas9</td><td>4104</td><td>yes</td>
 
</tr>
 
<tr><td><a href = "http://parts.igem.org/wiki/index.php?title=Part:BBa_K19970014" style = "color:#d82545;">BBa_K19970014</a></td>
 
<td>Reporter</td><td>GFP10->Zif268->GFP11->RBS->GFP1-9</td><td>1122</td><td>yes</td>
 
</table>
 
</center>
 
</br></br>
 
  
  
Line 444: Line 563:
 
       </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 594: Line 714:
 
     -->
 
     -->
  
+
<!-- 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>

Revision as of 16:08, 19 October 2016

NUDT_CHINA 2016

TOP