Difference between revisions of "Team:NUDT CHINA"

Line 1: Line 1:
−
<html>
+
<html lang="en" xmlns:fb="http://ogp.me/ns/fb#">
−
<head>
+
 
−
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+
  <head>
−
<!--Javascript-->
+
    <meta charset="utf-8">
−
<!--jQuery-->
+
    <meta name="HandheldFriendly" content="True" />
−
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.js"></script>
+
    <meta name="MobileOptimized" content="320" />
−
         <script type="text/javascript" src="jquery-1.11.3.js"></script>
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
−
<!--MENU-->
+
    <meta content="on" http-equiv="cleartype" />
−
<script type="text/javascript">
+
    <meta property="og:title" content="Home" />
−
$(document).ready(function() {
+
    <meta name="generator" content="TYPO3 CMS">
−
$('#menu li a').hover( 
+
    <link rel="stylesheet" type="text/css" href="/Team:NUDT_CHINA/CSS1?action=raw&ctype=text/css" media="all">
−
function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');},
+
    <title>NUDT_CHINA 2016</title>
−
function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');}
+
    <meta name="title" content="iGem - NUDT_CHINA 2016" />
−
);
+
    <meta name="date" content="2016-10-04" />
−
});
+
    <link rel="canonical" href="http#/" />
−
</script>
+
    <!-- VhsAssetsDependenciesLoaded fontCss,mainCss,inlinejs-head,jquery,mainJs,cycle4811,cycle5332,cycle4823 -->
−
<!--NAVIGATION-->
+
    <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS2?action=raw&ctype=text/css" />
−
<script type="text/javascript">
+
    <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS?action=raw&ctype=text/css" /></head>
−
$(document).ready(function() {
+
  <!-- body -->
−
$('#navigation li a').hover( 
+
 
−
function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');}, 
+
  <body id="f1a" class="home main bleed">
−
function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');}
+
    <div class="ribbon"></div>
−
);
+
    <div class="off-canvas-wrap" data-offcanvas>
−
});
+
      <div class="inner-wrap">
−
$(function(){
+
         <!-- Off Canvas Menu -->
−
$("a").click(function(){
+
        <aside class="right-off-canvas-menu" aria-hidden="true">
−
$("html,body").animate({ scrollTop:$($(this).attr("href")).offset().top + "px"},1000);}
+
          <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">
−
</script>
+
              <i class="icon icon-ticket"></i>
−
<!--iGEM_LOGO-->
+
            </span>
−
<script type="text/javascript">
+
            <span class="text-cell">Tickets</span>
−
$(document).ready(function() {
+
            <span class="last-icon-cell">
−
$("#iGEM_LOGO").mouseover(
+
              <i class="icon icon-anglebracket-right"></i>
−
function(){$(this).animate({'width': '140px', 'height': '140px'},"fast");
+
            </span>
−
});
+
          </a>
−
$("#iGEM_LOGO").mouseout(
+
          <div data-cart-open-container style="margin-left: 0; width: 0;">
−
function(){$(this).animate({'width': '137px', 'height': '137px'},"fast");
+
            <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>
−
  </script>
+
              </span>
−
<!--css-->
+
              <span class="text-cell">My&nbsp;Visit</span>
−
<!--RESET-->
+
              <span class="last-icon-cell">
−
<style type="text/css">
+
                <i class="icon icon-anglebracket-right"></i>
−
.clearStyle {
+
              </span>
−
margin: 0;
+
            </a>
−
padding: 0;
+
          </div>
−
border: 0;
+
          <ul class="mobile-nav-global">
−
font-size: 100%;
+
            <li>
−
font: inherit;
+
              <a class="nav-global__link" title="" href="/explore/">Explore</a></li>
−
vertical-align: baseline;
+
            <li>
−
}
+
              <a class="nav-global__link" title="" href="/visit/">Visit-Cls</a></li>
−
body {
+
            <li>
−
background-color: #f3f3f3;
+
              <a class="nav-global__link" title="" href="/support/">Support</a></li>
−
background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png);
+
          </ul>
−
background-position: 0px 0px;  
+
          <ul class="nav-utility">
−
height: 100%;
+
            <li>
−
width: auto;
+
              <a class="nav-utility__link" title="Members" href="/support/membership/">Members</a></li>
−
}
+
            <li>
−
</style>
+
              <a class="nav-utility__link" title="Educators" href="/education/">Educators</a></li>
−
<!-- myMainContainer-->
+
          </ul>
−
<style type="text/css">
+
        </aside>
−
#myMainContainer { 
+
        <!-- close the off-canvas menu -->
−
background-color: #f3f3f3;
+
        <a class="exit-off-canvas"></a>
−
background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png);
+
        <div id="header-outer-wrap">
−
background-position: 0px 0px;
+
          <header id="header" class="row">
−
width: auto;
+
            <div class="medium-24 columns">
−
overflow:hidden;
+
              <a href="/IGEM">
−
float:center;
+
                <h1 class="site-id">Header...</h1></a>
−
margin-left:0px;
+
              <a class="right-off-canvas-toggle mobile-menu" href="#"></a>
−
margin-right:0px;
+
              <ul class="nav-utility inline-list">
−
margin-bottom: 10px;
+
                <li class="nav-utility__item" style="height:16px;">&nbsp;</li></ul>
−
}
+
              <nav class="nav-global" role="navigation">
−
</style>
+
                <ul class="nav-global__list inline-list">
−
<!--BANNER CONTAINER-->
+
                  <li class="nav-global__item trigger ">
−
<style type="text/css">
+
                    <a class="nav-global__link" title="" href="/visit/">TEAM</a></li>
−
#bannerContainer {
+
                  <li class="nav-global__item trigger ">
−
margin-left:180px;
+
                    <a class="nav-global__link" title="" href="/support/">PROJECT</a></li>
−
margin-right:180px;
+
                  <li class="nav-global__item trigger ">
−
width: auto;
+
                    <a class="nav-global__link" title="" href="/support/">PARTS</a></li>
−
}
+
                  <li class="nav-global__item trigger ">
−
</style>
+
                    <a class="nav-global__link" title="" href="/support/">SAFETY</a></li>
−
<!--MENU-->
+
                  <li class="nav-global__item trigger ">
−
<style type="text/css">
+
                    <a class="nav-global__link" title="" href="/support/">ATTRIBUTIONS</a></li>
−
#menu
+
                  <li class="nav-global__item trigger ">
−
{
+
                    <a class="nav-global__link" title="" href="/support/">HUMAN<br/>PRACTICES</a></li>
−
    position: fixed;
+
                  <li class="nav-global__item trigger ">
−
    top: 30px;
+
                    <a class="nav-global__link" title="" href="/support/">AWARDSY</a></li>
−
left: 0px;
+
                </ul>
−
}
+
<style>
−
#menu img
+
#menu06{width:200px;right:0px;}
−
{
+
#menu07{width:200px;right:0px;}
−
margin-left: 30px;
+
−
margin-bottom: 0px
+
#menu01 .arrow-up{margin-right:90px;}
−
}
+
#menu02 .arrow-up{margin-right:90px;}
−
#menu ul
+
#menu03 .arrow-up{margin-right:90px;}
−
{
+
−
list-style-type:none;
+
#menu06 .arrow-up{margin-right:120px;}
−
padding: 0;
+
#menu07 .arrow-up{margin-right:27px;}
−
border: 0;
+
 +
#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="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/support/membership/">team</a></li>
 +
                        <li>
 +
                          <a href="/support/donate/">collaborations</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" id="menu02">
 +
                  <div class="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/support/membership/">description</a></li>
 +
                        <li>
 +
                          <a href="/support/donate/">design</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/corporate-support/">experiments</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/foundation-support/">proof of concept</a></li>
 +
                        <li>
 +
                          <a href="/support/volunteer/">demonstrate</a></li>
 +
                        <li>
 +
                          <a href="/support/volunteer/">results</a></li>
 +
                        <li>
 +
                          <a href="/support/volunteer/">notebook</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 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 single-image">
 +
                          <a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a>
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" id="menu03">
 +
                  <div class="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/support/membership/">parts</a></li>
 +
                        <li>
 +
                          <a href="/support/donate/">basic parts</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/corporate-support/">composite parts</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/foundation-support/">part collection</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 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 single-image">
 +
                          <a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a>
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" style="width:0px;height:0px;">
 +
                  <!--div class="arrow-up"></div-->
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 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 single-image">
 +
                          <a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a>
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" style="width:0px;height:0px;">
 +
                  <!--div class="arrow-up"></div-->
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 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 single-image">
 +
                          <a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a>
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" id="menu06">
 +
                  <div class="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/support/membership/">human practices</a></li>
 +
                        <li>
 +
                          <a href="/support/donate/">silver</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/corporate-support/">gold</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/foundation-support/">integrated practices</a></li>
 +
                        <li>
 +
                          <a href="/support/volunteer/">engagement</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 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 single-image">
 +
                          <a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a>
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" id="menu07">
 +
                  <div class="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/support/membership/">enterpreneurship</a></li>
 +
                        <li>
 +
                          <a href="/support/donate/">hardware</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/corporate-support/">software</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/foundation-support/">measurement</a></li>
 +
                        <li>
 +
                          <a href="/support/volunteer/">model</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 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 single-image">
 +
                          <a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a>
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
</nav>
 +
<style>
 +
.nav-global ul li a{
 +
font-size:12px;
 +
}
 +
@media screen and (max-width: 865px) {
 +
.nav-global ul li a{
 +
font-size:12px;
 +
}
 +
 +
}
 +
</style>
  
−
}
+
<div class="breadcrumb-share-wrap">
−
#menu li
+
                <div class="breadcrumb"></div>
−
{
+
                <!-- <div class="share">
−
list-style-type:none;
+
                <a class="addthis_button_compact" tabindex="-1"><i class="icon icon-share"></i><span>Share</span></a>
−
position: relative;
+
                <span></span></div>
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
                -->
−
font-size: 15px;
+
              </div>
−
}
+
            </div>
−
#menu a
+
            <!-- end .columns --></header>
−
{
+
          <!-- end .row --></div>
−
position: relative;
+
        <!-- end #header-outer-wrap-->
−
display: inline-block;
+
        <div id="feature" class="row collapse text-light feature-footer-active">
−
margin: 4px 0px 0px 0px;
+
          <div class="inner-wrap medium-24 columns">
−
    padding: 0.3em .5em 0.3em;
+
            <!--TYPO3SEARCH_begin-->
−
    text-decoration: none;
+
            <div class="carousel-container hide-pager" id="c4811">
−
background-color: #ffffff;
+
              <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">
−
color: #888887;
+
                <div class="slide first">
−
border-radius: 0 .4em .4em 0;
+
                  <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS3?action=raw&ctype=text/css" />
−
outline: none;
+
                  <!-- Quick initialize with theme color from first slide -->
−
cursor: pointer;
+
                  <div class="row collapse " id="c6601" data-theme-class="bh-color__theme-c6601">
−
}
+
                    <div class="columns">
−
#menu a.b
+
                      <section class="big-header bh__height-size-3 text-light bh__video">
−
{
+
                        <div class="bh__background bh__background-color " style="background-color: rgb(3,13,38);background-image:url(/igem/NUDT_CHINA2016_FILES-img-banner-3.0.png);background-size:100%;background-repeat:no-repeat;"></div>
−
position: relative;
+
                        <div class="bh__content-wrap">
−
display: inline-block;
+
                          <div class="bh__content ">
−
margin: 1px 0px;
+
                            <div class="bh__content-inner-wrap">
−
    padding: 0.3em .5em 0.3em;
+
                              <!--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-->
−
    text-decoration: none;
+
                              <h1 class="bh__title ">
−
background-color: #ffffff;
+
                                <!--<a href="#">-->
−
outline: none;
+
                                  <span class="line-wrap">
−
cursor: pointer;
+
                                    <span class="line">Cancer,</span></span>
−
background-color: #888887;
+
                                  <br>
−
color: #ffffff;
+
                                  <span style="line-height:75px;" class="line-wrap">
−
border-radius: 0 1em 1em 0;
+
                                    <span style="line-height:75px;" class="line">No More Hiding</span></span>
−
font-size: 13px;
+
                                <!--</a>-->
−
}
+
                              </h1>
−
#menu a:hover
+
                              <h2 style="font-size:36px;" class="bh__title ">
−
{
+
                                <!--<a href="#">-->
−
background-color: #ffffff;
+
                                  <span style="line-height:41px;" class="line-wrap">
−
color:#d82545;
+
                                    <span style="line-height:41px;" class="line">Development of A Novel</span></span>
−
}
+
                                  <span style="line-height:41px;" class="line-wrap">
−
#menu a.b:hover
+
                                    <span style="line-height:41px;" class="line">Blood-MicroRNA Rapid Detection System with CRISPR</span></span>
−
{
+
                                <!--</a>-->
−
background-color: #888887;
+
                              </h2>
−
color:#f9d24b;
+
                            </div>
−
}
+
                          </div>
−
#menu span
+
                        </div>
−
{
+
                      </section>
−
padding-left: 10px;
+
                      <!-- end .feature-ce --></div>
−
padding-right: 10px;
+
                    <!-- end .columns --></div>
−
}
+
                  <!-- end .row --></div>
−
</style>
+
              </div>
−
<!--NAVIGATION-->
+
              <div class="cycle-pager" id="cycle-pager-4811"></div>
−
<style type="text/css">
+
            </div>
−
#navigation
+
            <!--TYPO3SEARCH_end--></div>
−
{
+
          <!-- end .columns --></div>
−
    position: fixed;
+
        <!-- end #feature -->
−
    top: 170px;
+
        <div id="content-wrap" class="row">
−
right: 0px;
+
          <a id="skip-feature"></a>
−
text-align: right;
+
          <div class="medium-24 columns">
−
}
+
            <main id="content-block-1" class="row collapse">
−
#navigation img
+
              <div class="medium-24 columns">
−
{
+
                <div class="layout-container lc__home-intro">
−
margin-right: 30px;
+
                  <div class="lc__inner-wrap">
−
margin-top: 0px;
+
                    <div class="lc__background  "></div>
−
margin-bottom: 30px;
+
                    <div class="lc__background-2"></div>
−
}
+
                    <div class="row collapse lc__content  ">
−
#navigation ul
+
                      <div class="columns ">
−
{
+
                        <div class="lc__background-3"></div>
−
list-style-type:none;
+
                        <div class="lc__sidebar text-light">
−
border: 0;
+
                          <!--TYPO3SEARCH_begin-->
−
}
+
                          <div id="c6173" class=" ">ink</div>
−
#navigation li
+
                          <!--TYPO3SEARCH_end--></div>
−
{
+
                        <div class="lc__intro-content">
−
list-style-type:none;
+
                          <!--TYPO3SEARCH_begin-->
−
position: relative;
+
                          <section id="c4813" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  ">
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
                            <div class="ce-content rte-content rte-text-large ">ink</div></section>
−
font-size: 15px;
+
                          <!--TYPO3SEARCH_end--></div>
−
}
+
                      </div>
−
#navigation a
+
                    </div>
−
{
+
                  </div>
−
position: relative;
+
                </div>
−
display: inline-block;
+
                <!--TYPO3SEARCH_begin-->
−
margin: 4px 0px 0px 0px;
+
                <div id="c4826" class="layout-container  lc__theme-color-2 text-transparent lc__top-offset-1 support-container  lc__stack-layer-0 lc__bgimage-bottom-right lc__mobile-image-opacity-25  " style="" data-image-animation="bigFadeInAndSlideInRight" data-content-animation="fadeInAndSlideInRight"></div>
−
    padding: 0.3em .5em 0.3em;
+
              </div>
−
    text-decoration: none;
+
              <!-- end #c4826-->
−
background-color: #ffffff;
+
              <!--TYPO3SEARCH_end--></div>
−
color: #888887;
+
          <!-- end .columns --></main>
−
border-radius: .4em 0em 0em .4em;
+
          <!-- end #content-block-1 --></div>
−
outline: none;
+
        <!-- end .columns --></div>
−
cursor: pointer;
+
      <!-- end #content-wrap -->
−
}
+
      <div style="border:solid 1px rgb(10,31,84);background-color:rgb(10,31,84);">
−
#navigation a.b
+
        <div class="row footer-link" style="border:solid 0px red;margin-top:100px;">
−
{
+
          <style>.menu-link-container ul li{ list-style-type:none; } .menu-link-container ul li a{ color:white; font-size:12px; } #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>
−
position: relative;
+
          <div id="c_menu9909">
−
display: inline-block;
+
            <div class="medium-6 columns" style="width:auto;">
−
margin: 1px 0px;
+
              <h5 class="column-header">HOME</h5>
−
    padding: 0.3em .5em 0.3em;
+
              <div class="menu-link-container"></div>
−
    text-decoration: none;
+
            </div>
−
background-color: #ffffff;
+
            <div class="medium-6 columns" style="width:auto;">
−
outline: none;
+
              <h5 class="column-header">TEAM</h5>
−
cursor: pointer;
+
              <div class="menu-link-container">
−
background-color: #888887;
+
                      <ul>
−
color: #ffffff;
+
                        <li>
−
border-radius: 1em 0em 0em 1em;
+
                          <a href="/support/membership/">team</a></li>
−
font-size: 13px;
+
                        <li>
−
}
+
                          <a href="/support/donate/">collaborations</a></li>
−
#navigation a.t
+
                      </ul>
−
{
+
              </div>
−
position: relative;
+
            </div>
−
display: inline-block;
+
            <div class="medium-6 columns" style="width:auto;">
−
margin: 1px 0px;
+
              <h5 class="column-header">PROJECT</h5>
−
    padding: 0.3em .5em 0.3em;
+
              <div class="menu-link-container">
−
    text-decoration: none;
+
                      <ul>
−
background-color: #ffffff;
+
                        <li>
−
outline: none;
+
                          <a href="/support/membership/">description</a></li>
−
cursor: pointer;
+
                        <li>
−
background-color: #d82545;
+
                          <a href="/support/donate/">design</a></li>
−
color: #ffffff;
+
                        <li>
−
border-radius: 1em 0em 0em 1em;
+
                          <a href="/support/corporate-and-foundation/corporate-support/">experiments</a></li>
−
font-size: 20px;
+
                        <li>
−
}
+
                          <a href="/support/corporate-and-foundation/foundation-support/">proof of concept</a></li>
−
#navigation a:hover
+
                        <li>
−
{
+
                          <a href="/support/volunteer/">demonstrate</a></li>
−
background-color: #ffffff;
+
                        <li>
−
color:#d82545;
+
                          <a href="/support/volunteer/">results</a></li>
−
}
+
                        <li>
−
#navigation a.b:hover
+
                          <a href="/support/volunteer/">notebook</a></li>
−
{
+
                      </ul>
−
background-color: #888887;
+
              </div>
−
color:#f9d24b;
+
            </div>
−
}
+
            <div class="medium-6 columns" style="width:auto;">
−
#navigation a.t:hover
+
              <h5 class="column-header">PARTS</h5>
−
{
+
              <div class="menu-link-container">
−
background-color: #6b1877;
+
                      <ul>
−
color:#ffffff;
+
                        <li>
−
}
+
                          <a href="/support/membership/">parts</a></li>
−
#navigation span
+
                        <li>
−
{
+
                          <a href="/support/donate/">basic parts</a></li>
−
padding-left: 10px;
+
                        <li>
−
padding-right: 10px;
+
                          <a href="/support/corporate-and-foundation/corporate-support/">composite parts</a></li>
−
}
+
                        <li>
−
</style>
+
                          <a href="/support/corporate-and-foundation/foundation-support/">part collection</a></li>
−
<!--IGEM LOGO-->
+
                      </ul>
−
<style type="text/css">
+
              </div>
−
#logoContainer {
+
            </div>
−
position: fixed;
+
            <div class="medium-6 columns" style="width:auto;">
−
top: 30px;
+
              <h5 class="column-header">SAFETY</h5>
−
right: 30px;
+
              <div class="menu-link-container">
−
}
+
              </div>
−
</style>
+
            </div>
−
<!--NUDT_Container-->
+
            <div class="medium-6 columns" style="width:auto;">
−
<style type="text/css">
+
              <h5 class="column-header">ATTRIBUTIONS</h5>
−
#NUDT_Container
+
              <div class="menu-link-container">
−
{
+
              </div>
−
clear: both;
+
            </div>
−
width: auto;
+
            <div class="medium-6 columns" style="width:auto;">
−
margin: 30px 180px;
+
              <h5 class="column-header">HUMAN
−
padding: 0px 0px 30px 0px;
+
                <BR/>PRACTICES</h5>
−
font-family: 'verdana',sans-serif;
+
              <div class="menu-link-container">
−
background: #fff;
+
                      <ul>
−
box-shadow: 0 3px 8px rgba(0,0,0,.1);
+
                        <li>
−
position: relative;
+
                          <a href="/support/membership/">human practices</a></li>
−
}
+
                        <li>
−
#NUDT_Container table{
+
                          <a href="/support/donate/">silver</a></li>
−
position: center;
+
                        <li>
−
border: 10px;
+
                          <a href="/support/corporate-and-foundation/corporate-support/">gold</a></li>
−
}
+
                        <li>
−
#NUDT_Container td{
+
                          <a href="/support/corporate-and-foundation/foundation-support/">integrated practices</a></li>
−
text-align: center;
+
                        <li>
−
}
+
                          <a href="/support/volunteer/">engagement</a></li>
−
#NUDT_Container ul
+
                      </ul>
−
{
+
              </div>
−
list-style-position:inside;
+
            </div>
−
padding: 10px 50px;
+
            <div class="medium-6 columns" style="width:auto;">
−
border: 0;
+
              <h5 class="column-header">AWARDS</h5>
 +
              <div class="menu-link-container">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/support/membership/">enterpreneurship</a></li>
 +
                        <li>
 +
                          <a href="/support/donate/">hardware</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/corporate-support/">software</a></li>
 +
                        <li>
 +
                          <a href="/support/corporate-and-foundation/foundation-support/">measurement</a></li>
 +
                        <li>
 +
                          <a href="/support/volunteer/">model</a></li>
 +
                      </ul>
 +
              </div>
 +
            </div>
 +
            <div class="medium-6 columns" style="width:0px;height:0px;"></div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <footer id="footer">
 +
        <div class="row footer-link">
 +
          <div class="medium-6 columns">
 +
            <h5 class="column-header title-open">
 +
              <IMG SRC="/igem/NUDT_CHINA2016_FILES-img-igem-logo.png" /></h5>
 +
            <div class="content-open">
 +
              <p class="intro">111111111111
 +
                <br/>109, DEYA ROAD,
 +
                <br/>DISTRICT KAIFU, CHANGSHA
 +
                <br/>HUNANM CHINA
 +
                <br/>
 +
                <p>
 +
                  <!--ul class="arrow-list footer-support-links">
 +
                  <li><a href="/support/membership/">Become a member</a></li>
 +
                  <li><a href="/support/donate/">Donate now</a></li></ul--></div>
 +
          </div>
 +
          <!-- end .columns -->
 +
          <div class="medium-6 columns" style="border:solid 0px red;right:0px;width:600px;">
 +
            <h5 class="column-header">SPONSORS</h5>
 +
            <style>.sponsors_tab{ width:300px; } .sponsors_tab tr td{ border-bottom-width:0px; color:white; }</style>
 +
            <table class="sponsors_tab">
 +
              <tr>
 +
                <td>
 +
                  <img src="" style="width:50px;height:50px;" /></td>
 +
                <td>
 +
                  <img src="" style="width:50px;height:50px;" /></td>
 +
                <td>
 +
                  <img src="" style="width:50px;height:50px;" /></td>
 +
              </tr>
 +
              <tr>
 +
                <td>factory A</td>
 +
                <td>factory B</td>
 +
                <td>factory C</td></tr>
 +
            </table>
 +
          </div>
 +
          <!-- end .columns --></div>
 +
        <!-- end row -->
 +
        <div data-footer-end class="footer-end row">
 +
          <div class="nav-utility inline-list privacy" style="width:100%;text-align:center;color:white;font-size:11px;">
 +
            <span>COPYRIGHT &copy; &nbsp;2016 NUDT_CHINA</span></div>
 +
          <!-- end .columns -->
 +
          <!--div class="large-8 large-pull-10 medium-24 columns copyright">
 +
          <span>&copy;&nbsp;2016 Museum of Science and Industry, Chicago</span></div-->
 +
          <!-- end .columns -->
 +
          <!-- end .columns --></div>
 +
        <!-- end .row --></footer>
 +
    </div>
 +
    <!-- end .off-canvas-wrap --></div>
 +
    <!-- end .inner-wrap -->
 +
    <div id="my-visit-container"></div>
 +
    <script type="text/javascript" src="/Team:NUDT_CHINA/JQuery?action=raw&ctype=text/javascript"></script>
 +
    <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>
 +
    -->
  
−
}
+
−
#NUDT_Container li
+
  </body>
−
{
+
−
padding: 0;
+
−
border: 0;
+
−
}
+
  
−
#NUDT_Container p{
 
−
text-decoration: none;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
color: #888887;
 
−
position: relative;
 
−
padding: 10px 50px;
 
−
font-size: 16px;
 
−
}
 
−
#NUDT_Container a {
 
−
position: relative;
 
−
    text-decoration:none;
 
−
    color:#d82545;
 
−
}
 
−
 
−
#NUDT_Container a:hover
 
−
{
 
−
text-decoration:underline;
 
−
}
 
−
#NUDT_Container h1, h2, h3, h4, h5{
 
−
color: #444;
 
−
margin: 20px 0px;
 
−
padding:4px 8px;
 
−
letter-spacing: -1px;
 
−
position: relative;
 
−
}
 
−
#NUDT_Container h1 {
 
−
font:bold 28px/12px 'verdana',sans-serif;
 
−
border-left: 10px solid #444;
 
−
line-height:28px;
 
−
}
 
−
#NUDT_Container h2 {
 
−
font:bold 20px/6px 'verdana',sans-serif;
 
−
border-left: 30px solid #444;
 
−
line-height:20px;
 
−
}
 
−
#NUDT_Container h3 {
 
−
font:bold 16px/4px 'verdana',sans-serif;
 
−
padding-left: 50px;
 
−
line-height:16px;
 
−
}
 
−
/*CASE*/
 
−
#NUDT_Container ca {
 
−
position: relative;
 
−
display: inline-block;
 
−
margin: 10px 100px;
 
−
    padding: 10px 20px;
 
−
    text-decoration: none;
 
−
background-color: #bcbcbc;
 
−
color: #000000;
 
−
border-radius: 8px 8px;
 
−
outline: none;
 
−
cursor: pointer;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
font-size: 16px;
 
−
}
 
−
#NUDT_Container team {
 
−
position: relative;
 
−
display: inline-block;
 
−
width: auto;
 
−
height: auto;
 
−
margin: 10px 50px;
 
−
    padding: 20px 20px;
 
−
    text-decoration: none;
 
−
color: #000000;
 
−
border-radius: 8px 8px;
 
−
outline: none;
 
−
cursor: pointer;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
font-size: 16px;
 
−
}
 
−
 
−
</style>
 
−
<!--DIA_Container-->
 
−
<style type="text/css">
 
−
#NUDT_Dia_Container
 
−
{
 
−
width: auto;
 
−
margin: 0px 100px;
 
−
}
 
−
</style>
 
−
<!--BLANK_Container-->
 
−
<style type="text/css">
 
−
.BLANK_Container
 
−
{
 
−
width: auto;
 
−
}
 
−
</style>
 
−
<!--TEAM-->
 
−
<style type="text/css">
 
−
.team_Container
 
−
{
 
−
margin: 20px 10px;
 
−
padding: 20px 10px;
 
−
width: auto;
 
−
}
 
−
</style>
 
−
<!--NUDT_Footer-->
 
−
<style type="text/css">
 
−
#NUDT_Footer
 
−
{
 
−
clear: both;
 
−
width: auto;
 
−
padding: 30px 0px;
 
−
font-family: 'verdana',sans-serif;
 
−
position: relative;
 
−
}
 
−
#NUDT_Footer p{
 
−
text-decoration: none;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
color: #000000;
 
−
position: relative;
 
−
padding: 10px 50px;
 
−
font-size: 16px;
 
−
}
 
−
</style>
 
−
<!--Common-->
 
−
<div id = "myMainContainer">
 
−
<div id = "menu">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/99/Menu.png"/>
 
−
<li><a id = "HOME" href="https://2015.igem.org/Team:NUDT_CHINA"><span>HOME</span></a></li>
 
−
<li><a id = "TEAM" href="https://2015.igem.org/Team:NUDT_CHINA/Team"><span>TEAM</span></a></li>
 
−
 
−
<li><a id = "PROJECT" href = "#"><span>PROJECT</span></a></li>
 
−
<li><a id = "Description" href = "https://2015.igem.org/Team:NUDT_CHINA/Description" class = "b"><span>Description</span></a></li>
 
−
<li><a id = "Experiments" href = "https://2015.igem.org/Team:NUDT_CHINA/Experiments" class = "b"><span>Experiments &amp; Protocols</span></a></li>
 
−
<li><a id = "Results" href="https://2015.igem.org/Team:NUDT_CHINA/Results"  class = "b"><span>Results</span></a></li>
 
−
<li><a id = "Design" href="https://2015.igem.org/Team:NUDT_CHINA/Design" class = "b"><span>Design</span></a></li>
 
−
 
−
<li><a id = "PARTS" href = "#"><span>PARTS</span></a></li>
 
−
<li><a id = "Team" href = "https://2015.igem.org/Team:NUDT_CHINA/Parts" class = "b"><span>Team Parts</span></a></li>
 
−
<li><a id = "Basic" href = "https://2015.igem.org/Team:NUDT_CHINA/Basic_Part" class = "b"><span>Basic Parts</span></a></li>
 
−
<li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Composite_Part"  class = "b"><span>Composite Parts</span></a></li>
 
−
<li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Part_Collection"  class = "b"><span>Part Collection</span></a></li>
 
−
 
−
 
−
<li><a id = "NOTEBOOK" href="https://2015.igem.org/Team:NUDT_CHINA/Notebook"><span>NOTEBOOK</span></a></li> 
 
−
<li><a id = "ATTRIBUTIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Attributions"><span>ATTRIBUTIONS</span></a></li> 
 
−
<li><a id = "COLLABORATIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Collaborations"><span>COLLABORATIONS</span></a></li>
 
−
<li><a id = "HUMAN" href="https://2015.igem.org/Team:NUDT_CHINA/Practices"><span>HUMAN PRACTICES</span></a></li> 
 
−
<li><a id = "SAFETY" href="https://2015.igem.org/Team:NUDT_CHINA/Safety"><span>SAFETY</span></a></li>
 
−
<li><a id = "MODELING" href="https://2015.igem.org/Team:NUDT_CHINA/Modeling"><span>MODELING</span></a></li> 
 
−
    </div>
 
−
    <div id = "logoContainer">
 
−
    <a href="https://igem.org/Main_Page"><img  id = "iGEM_LOGO" src="https://static.igem.org/mediawiki/2015/e/ec/TEAM_NUDT_CHINA_iGEM_Logo.png" style="width: 130px; height:135px"/></a>
 
−
    </div>
 
−
<link href="https://2015.igem.org/Team:NEFU_China/cleariGEM?action=raw&ctype=text/css" rel="stylesheet" /> </head>
 
−
</html>
 
−
<html>
 
−
<!--Main Container-->
 
−
<div id = "NUDT_Container" class = "clearStyle">
 
−
<!--subCommon-->
 
−
<div>
 
−
<img src="https://static.igem.org/mediawiki/2015/0/06/Team_NUDT_CHINA_banner.jpg" style = "width: 100%; height: auto"/>
 
−
</div>
 
−
<div>
 
−
<img src="https://static.igem.org/mediawiki/parts/f/fb/HOME_NUDT2015.jpg" style = "width: 100%; height: auto"/>
 
−
</div>
 
−
</div>
 
−
<!--Navigation-->
 
−
<div id = "navigation">
 
−
<img src="https://static.igem.org/mediawiki/2015/5/58/TEAM_NUDT_CHINA_iGEM.png"/>
 
−
<li><a href="#myMainContainer" class = "t"><span>TOP/TIP</span></a></li>
 
−
<img src="https://static.igem.org/mediawiki/2015/9/93/Team_NUDT_CHINA_Navigate.png"/>
 
−
    </div>
 
−
<div id = "NUDT_Footer">
 
−
<center>
 
−
<p>Copyright © 2015 NUDT_CHINA | Powered by Nianhao Xie</p>
 
−
</center>
 
−
</div>
 
−
</body>
 
 
</html>
 
</html>

Revision as of 01:32, 9 October 2016

NUDT_CHINA 2016

ink
ink

111111111111
109, DEYA ROAD,
DISTRICT KAIFU, CHANGSHA
HUNANM CHINA

SPONSORS
factory A factory B factory C
COPYRIGHT ©  2016 NUDT_CHINA