Difference between revisions of "Team:NUDT CHINA"

Line 1: Line 1:
 
<html>
 
<html>
 
+
 
 
   <head>
 
   <head>
<style>
+
    <style>#content{ background-attachment: scroll; background-clip: border-box; background-color: rgb(255, 255, 255); background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto auto; border-bottom-color: rgb(0, 0, 0); border-bottom-style: none; border-bottom-width: 0px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: rgb(0, 0, 0); border-left-style: none; border-left-width: 0px; border-right-color: rgb(0, 0, 0); border-right-style: none; border-right-width: 0px; border-top-color: rgb(0, 0, 0); border-top-style: none; border-top-width: 0px; color: rgb(0, 0, 0); font-family: sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 12.7px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; line-height: 19.05px; margin-bottom: 0px; margin-left: -24px; margin-right: 0px; margin-top: -5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; width: 1371.92px; z-index: 2; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; } #top_title{display:none;} #sideMenu{display:none;}</style>
    #content{
+
    <meta charset="utf-8">
background-attachment: scroll;
+
background-clip: border-box;
+
background-color: rgb(255, 255, 255);
+
background-image: none;
+
background-origin: padding-box;
+
background-position: 0% 0%;
+
background-repeat: repeat;
+
background-size: auto auto;
+
border-bottom-color: rgb(0, 0, 0);
+
border-bottom-style: none;
+
border-bottom-width: 0px;
+
border-image-outset: 0 0 0 0;
+
border-image-repeat: stretch stretch;
+
border-image-slice: 100% 100% 100% 100%;
+
border-image-source: none;
+
border-image-width: 1 1 1 1;
+
border-left-color: rgb(0, 0, 0);
+
border-left-style: none;
+
border-left-width: 0px;
+
border-right-color: rgb(0, 0, 0);
+
border-right-style: none;
+
border-right-width: 0px;
+
border-top-color: rgb(0, 0, 0);
+
border-top-style: none;
+
border-top-width: 0px;
+
color: rgb(0, 0, 0);
+
font-family: sans-serif;
+
font-feature-settings: normal;
+
font-kerning: auto;
+
font-language-override: normal;
+
font-size: 12.7px;
+
font-size-adjust: none;
+
font-stretch: normal;
+
font-style: normal;
+
font-synthesis: weight style;
+
font-variant: normal;
+
font-variant-alternates: normal;
+
font-variant-caps: normal;
+
font-variant-east-asian: normal;
+
font-variant-ligatures: normal;
+
font-variant-numeric: normal;
+
font-variant-position: normal;
+
font-weight: 400;
+
line-height: 19.05px;
+
margin-bottom: 0px;
+
margin-left: -24px;
+
margin-right: 0px;
+
margin-top: -5px;
+
padding-bottom: 0px;
+
padding-left: 0px;
+
padding-right: 0px;
+
padding-top: 0px;
+
position: relative;
+
width: 1371.92px;
+
z-index: 2;
+
-moz-border-bottom-colors: none;
+
-moz-border-left-colors: none;
+
-moz-border-right-colors: none;
+
-moz-border-top-colors: none;
+
 
+
}
+
    #top_title{display:none;}
+
    #sideMenu{display:none;}
+
</style>
+
  <meta charset="utf-8">
+
 
     <meta name="HandheldFriendly" content="True" />
 
     <meta name="HandheldFriendly" content="True" />
 
     <meta name="MobileOptimized" content="320" />
 
     <meta name="MobileOptimized" content="320" />
Line 150: Line 85:
 
                     <a class="nav-global__link" title="" href="/support/">ATTRIBUTIONS</a></li>
 
                     <a class="nav-global__link" title="" href="/support/">ATTRIBUTIONS</a></li>
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
                     <a class="nav-global__link" title="" href="/support/">HUMAN<br/>PRACTICES</a></li>
+
                     <a class="nav-global__link" title="" href="/support/">HUMAN
 +
                      <br/>PRACTICES</a></li>
 
                   <li class="nav-global__item trigger ">
 
                   <li class="nav-global__item trigger ">
 
                     <a class="nav-global__link" title="" href="/support/">AWARDSY</a></li>
 
                     <a class="nav-global__link" title="" href="/support/">AWARDSY</a></li>
 
                 </ul>
 
                 </ul>
<style>
+
                <style>#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;} #menu01 .arrow-up{margin-right:90px;} #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:440px;} #menu02{width:200px;right:368px;} #menu03{width:200px;right:293px;} @media screen and (max-width: 64em) { #menu01{right:450px;} #menu02{right:378px;} #menu03{right:303px;} #menu06 .arrow-up{margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style>
#menu06{width:200px;right:0px;}
+
#menu07{width:200px;right:0px;}
+
+
#menu01 .arrow-up{margin-right:90px;}
+
#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:440px;}
+
#menu02{width:200px;right:368px;}
+
#menu03{width:200px;right:293px;}
+
+
@media screen and (max-width: 64em) {
+
#menu01{right:450px;}
+
#menu02{right:378px;}
+
#menu03{right:303px;}
+
#menu06 .arrow-up{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 256: Line 169:
 
                   <!--div class="arrow-up"></div-->
 
                   <!--div class="arrow-up"></div-->
 
                   <div class="column-1">
 
                   <div class="column-1">
                     <nav class="dropdown-arrow-list">
+
                     <nav class="dropdown-arrow-list"></nav>
                    </nav>
+
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
Line 274: Line 186:
 
                   <!--div class="arrow-up"></div-->
 
                   <!--div class="arrow-up"></div-->
 
                   <div class="column-1">
 
                   <div class="column-1">
                     <nav class="dropdown-arrow-list">
+
                     <nav class="dropdown-arrow-list"></nav>
                    </nav>
+
 
                   </div>
 
                   </div>
 
                   <div class="column-2">
 
                   <div class="column-2">
Line 349: Line 260:
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
</nav>
+
              </nav>
<style>
+
              <style>.nav-global ul li a{ font-size:12px; } @media screen and (max-width: 865px) { .nav-global ul li a{ font-size:12px; } }</style>
.nav-global ul li a{
+
              <div class="breadcrumb-share-wrap">
font-size:12px;
+
}
+
@media screen and (max-width: 865px) {
+
.nav-global ul li a{
+
font-size:12px;
+
}
+
+
}
+
</style>
+
 
+
<div class="breadcrumb-share-wrap">
+
 
                 <div class="breadcrumb"></div>
 
                 <div class="breadcrumb"></div>
 
                 <!-- <div class="share">
 
                 <!-- <div class="share">
Line 391: Line 291:
 
                               <h1 class="bh__title ">
 
                               <h1 class="bh__title ">
 
                                 <!--<a href="#">-->
 
                                 <!--<a href="#">-->
                                  <span class="line-wrap">
+
                                <span class="line-wrap">
                                    <span class="line">Cancer,</span></span>
+
                                  <span class="line">Cancer,</span></span>
                                  <br>
+
                                <br>
                                  <span style="line-height:75px;" class="line-wrap">
+
                                <span style="line-height:75px;" class="line-wrap">
                                    <span style="line-height:75px;" class="line">No More Hiding</span></span>
+
                                  <span style="line-height:75px;" class="line">No More Hiding</span></span>
                                 <!--</a>-->
+
                                 <!--</a>--></h1>
                              </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:41px;" class="line-wrap">
                                    <span style="line-height:41px;" class="line">Development of A Novel</span></span>
+
                                  <span style="line-height:41px;" class="line">Development of A Novel</span></span>
                                  <span style="line-height:41px;" class="line-wrap">
+
                                <span style="line-height:41px;" class="line-wrap">
                                    <span style="line-height:41px;" class="line">Blood-MicroRNA Rapid Detection System with CRISPR</span></span>
+
                                  <span style="line-height:41px;" class="line">Blood-MicroRNA Rapid Detection System with CRISPR</span></span>
                                 <!--</a>-->
+
                                 <!--</a>--></h2>
                              </h2>
+
 
                             </div>
 
                             </div>
 
                           </div>
 
                           </div>
Line 464: Line 362:
 
               <h5 class="column-header">TEAM</h5>
 
               <h5 class="column-header">TEAM</h5>
 
               <div class="menu-link-container">
 
               <div class="menu-link-container">
                      <ul>
+
                <ul>
                        <li>
+
                  <li>
                          <a href="/support/membership/">team</a></li>
+
                    <a href="/support/membership/">team</a></li>
                        <li>
+
                  <li>
                          <a href="/support/donate/">collaborations</a></li>
+
                    <a href="/support/donate/">collaborations</a></li>
                      </ul>
+
                </ul>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 475: Line 373:
 
               <h5 class="column-header">PROJECT</h5>
 
               <h5 class="column-header">PROJECT</h5>
 
               <div class="menu-link-container">
 
               <div class="menu-link-container">
                      <ul>
+
                <ul>
                        <li>
+
                  <li>
                          <a href="/support/membership/">description</a></li>
+
                    <a href="/support/membership/">description</a></li>
                        <li>
+
                  <li>
                          <a href="/support/donate/">design</a></li>
+
                    <a href="/support/donate/">design</a></li>
                        <li>
+
                  <li>
                          <a href="/support/corporate-and-foundation/corporate-support/">experiments</a></li>
+
                    <a href="/support/corporate-and-foundation/corporate-support/">experiments</a></li>
                        <li>
+
                  <li>
                          <a href="/support/corporate-and-foundation/foundation-support/">proof of concept</a></li>
+
                    <a href="/support/corporate-and-foundation/foundation-support/">proof of concept</a></li>
                        <li>
+
                  <li>
                          <a href="/support/volunteer/">demonstrate</a></li>
+
                    <a href="/support/volunteer/">demonstrate</a></li>
                        <li>
+
                  <li>
                          <a href="/support/volunteer/">results</a></li>
+
                    <a href="/support/volunteer/">results</a></li>
                        <li>
+
                  <li>
                          <a href="/support/volunteer/">notebook</a></li>
+
                    <a href="/support/volunteer/">notebook</a></li>
                      </ul>
+
                </ul>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 496: Line 394:
 
               <h5 class="column-header">PARTS</h5>
 
               <h5 class="column-header">PARTS</h5>
 
               <div class="menu-link-container">
 
               <div class="menu-link-container">
                      <ul>
+
                <ul>
                        <li>
+
                  <li>
                          <a href="/support/membership/">parts</a></li>
+
                    <a href="/support/membership/">parts</a></li>
                        <li>
+
                  <li>
                          <a href="/support/donate/">basic parts</a></li>
+
                    <a href="/support/donate/">basic parts</a></li>
                        <li>
+
                  <li>
                          <a href="/support/corporate-and-foundation/corporate-support/">composite parts</a></li>
+
                    <a href="/support/corporate-and-foundation/corporate-support/">composite parts</a></li>
                        <li>
+
                  <li>
                          <a href="/support/corporate-and-foundation/foundation-support/">part collection</a></li>
+
                    <a href="/support/corporate-and-foundation/foundation-support/">part collection</a></li>
                      </ul>
+
                </ul>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
             <div class="medium-6 columns" style="width:auto;">
 
             <div class="medium-6 columns" style="width:auto;">
 
               <h5 class="column-header">SAFETY</h5>
 
               <h5 class="column-header">SAFETY</h5>
               <div class="menu-link-container">
+
               <div class="menu-link-container"></div>
              </div>
+
 
             </div>
 
             </div>
 
             <div class="medium-6 columns" style="width:auto;">
 
             <div class="medium-6 columns" style="width:auto;">
 
               <h5 class="column-header">ATTRIBUTIONS</h5>
 
               <h5 class="column-header">ATTRIBUTIONS</h5>
               <div class="menu-link-container">
+
               <div class="menu-link-container"></div>
              </div>
+
 
             </div>
 
             </div>
 
             <div class="medium-6 columns" style="width:auto;">
 
             <div class="medium-6 columns" style="width:auto;">
Line 522: Line 418:
 
                 <BR/>PRACTICES</h5>
 
                 <BR/>PRACTICES</h5>
 
               <div class="menu-link-container">
 
               <div class="menu-link-container">
                      <ul>
+
                <ul>
                        <li>
+
                  <li>
                          <a href="/support/membership/">human practices</a></li>
+
                    <a href="/support/membership/">human practices</a></li>
                        <li>
+
                  <li>
                          <a href="/support/donate/">silver</a></li>
+
                    <a href="/support/donate/">silver</a></li>
                        <li>
+
                  <li>
                          <a href="/support/corporate-and-foundation/corporate-support/">gold</a></li>
+
                    <a href="/support/corporate-and-foundation/corporate-support/">gold</a></li>
                        <li>
+
                  <li>
                          <a href="/support/corporate-and-foundation/foundation-support/">integrated practices</a></li>
+
                    <a href="/support/corporate-and-foundation/foundation-support/">integrated practices</a></li>
                        <li>
+
                  <li>
                          <a href="/support/volunteer/">engagement</a></li>
+
                    <a href="/support/volunteer/">engagement</a></li>
                      </ul>
+
                </ul>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 539: Line 435:
 
               <h5 class="column-header">AWARDS</h5>
 
               <h5 class="column-header">AWARDS</h5>
 
               <div class="menu-link-container">
 
               <div class="menu-link-container">
                      <ul>
+
                <ul>
                        <li>
+
                  <li>
                          <a href="/support/membership/">enterpreneurship</a></li>
+
                    <a href="/support/membership/">enterpreneurship</a></li>
                        <li>
+
                  <li>
                          <a href="/support/donate/">hardware</a></li>
+
                    <a href="/support/donate/">hardware</a></li>
                        <li>
+
                  <li>
                          <a href="/support/corporate-and-foundation/corporate-support/">software</a></li>
+
                    <a href="/support/corporate-and-foundation/corporate-support/">software</a></li>
                        <li>
+
                  <li>
                          <a href="/support/corporate-and-foundation/foundation-support/">measurement</a></li>
+
                    <a href="/support/corporate-and-foundation/foundation-support/">measurement</a></li>
                        <li>
+
                  <li>
                          <a href="/support/volunteer/">model</a></li>
+
                    <a href="/support/volunteer/">model</a></li>
                      </ul>
+
                </ul>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 571: Line 467:
 
                   <!--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--></div>
+
                   <li><a href="/support/donate/">Donate now</a></li></ul--></div></div>
          </div>
+
 
           <!-- end .columns -->
 
           <!-- end .columns -->
 
           <div class="medium-6 columns" style="border:solid 0px red;right:0px;width:600px;">
 
           <div class="medium-6 columns" style="border:solid 0px red;right:0px;width:600px;">
Line 604: Line 499:
 
         <!-- end .row --></footer>
 
         <!-- end .row --></footer>
 
     </div>
 
     </div>
    <!-- end .off-canvas-wrap --></div>
 
 
     <!-- end .inner-wrap -->
 
     <!-- end .inner-wrap -->
 
     <div id="my-visit-container"></div>
 
     <div id="my-visit-container"></div>
Line 611: Line 505:
 
     <!-- <div style="border:solid 5px yellow;"><div class="row footer-link" style="border:solid 1px red;">ink</div></div>
 
     <!-- <div style="border:solid 5px yellow;"><div class="row footer-link" style="border:solid 1px red;">ink</div></div>
 
     -->
 
     -->
 
 
 
   </body>
 
   </body>
  
 
</html>
 
</html>

Revision as of 03:20, 9 October 2016

NUDT_CHINA 2016

ink
ink