Difference between revisions of "Team:NAU-CHINA"

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
−
<meta charset="UTF-8">
+
  <meta charset="UTF-8">
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<meta http-equiv="X-UA-Compatible" content="ie=edge">
+
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
−
<title>Document</title>
+
  <title>Document</title>
−
<link href='http://cdn.webfont.youziku.com/webfonts/nomal/109562/46749/59ede453f629d8138035e924.css' rel='stylesheet' type='text/css' />
+
  <link href='http://cdn.webfont.youziku.com/webfonts/nomal/109562/46749/59ede453f629d8138035e924.css' rel='stylesheet' type='text/css' />
−
<!-- bodyTitle -->
+
  <!-- bodyTitle -->
−
<!-- font-family:'SegoeWPdee6d2d9d1abfa'; -->
+
  <!-- font-family:'SegoeWPdee6d2d9d1abfa'; -->
−
<!-- body -->
+
  <!-- body -->
−
<!-- font-family:'Futura-Thindee60fbba1abfa'; -->
+
  <!-- font-family:'Futura-Thindee60fbba1abfa'; -->
−
<!-- font-family:"Comic Sans MS"; -->
+
  <!-- font-family:"Comic Sans MS"; -->
−
<link href='http://cdn.webfont.youziku.com/webfonts/nomal/109562/28721/59ede5a6f629d8138035e926.css' rel='stylesheet' type='text/css' />
+
  <link href='http://cdn.webfont.youziku.com/webfonts/nomal/109562/28721/59ede5a6f629d8138035e926.css' rel='stylesheet' type='text/css' />
−
<!-- title -->
+
  <!-- title -->
−
<!-- font-family:'ACMEExplosivedee725be91abfa'; -->
+
  <!-- font-family:'ACMEExplosivedee725be91abfa'; -->
 
</head>
 
</head>
 
<style>
 
<style>
−
 
  
 
/****** DEFAULT WIKI SETTINGS  *******/
 
/****** DEFAULT WIKI SETTINGS  *******/
Line 429: Line 428:
 
}
 
}
  
 +
 +
 +
/*HomeCss*/
 +
*{
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#content{
 +
  position: relative;
 +
  min-width: 1280px;
 +
  margin: 0 auto;
 +
  background: url("https://static.igem.org/mediawiki/2017/3/31/NAU-CHINA_background.jpeg") repeat !important;
 +
}
 +
#content .content-wrap{
 +
  height: 1040px;
 +
  padding-top: 100px;
 +
  position: relative;
 +
}
 +
#content .first-section{
 +
  width: 720px;
 +
  height: 600px;
 +
  background: url(https://static.igem.org/mediawiki/2017/5/52/NAU-CHINA_index-first-section.png) no-repeat;
 +
  background-size: cover;
 +
  background-position: 0 0px;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
}
 +
#content .second-section{
 +
  width: 720px;
 +
  height: 660px;
 +
  background: url(https://static.igem.org/mediawiki/2017/c/cd/NAU-CHINA_index-second-section.png) no-repeat -50px -60px;
 +
  background-size: cover;
 +
}
 +
#content .third-section{
 +
  width: 1180px;
 +
  height: 800px;
 +
  background: url(https://static.igem.org/mediawiki/2017/4/4c/NAU-CHINA_index-third-section.png) no-repeat;
 +
  background-size: cover;
 +
  background-position: 0 -180px;
 +
}
 +
.left-graph img{
 +
  width: 400px;
 +
}
 +
.right-graph img{
 +
  width: 450px;
 +
}
 +
.point-right-top img,
 +
.point-right-bottom img,
 +
.point-top img{
 +
  width: 360px;
 +
}
 +
#content .content-text{
 +
  font-size: 34px;
 +
  font-weight: 700;
 +
  padding-left: 100px;
 +
}
 +
.content-text p{
 +
font-size: 28px !important;
 +
}
 +
/* 尬定 */
 +
#content .first-section,
 +
#content .second-section,
 +
#content .third-section,
 +
#content .left-graph,
 +
#content .right-graph,
 +
#content .point-top,
 +
#content .point-right-top,
 +
#content .point-right-bottom{
 +
  position: absolute;
 +
}
 +
#content .first-section{
 +
  right: 0;
 +
}#content .second-section{
 +
  top: 530px;
 +
  right: 50px;
 +
  z-index: 1;
 +
}
 +
#content .right-graph img{
 +
  width: 260px;
 +
}
 +
#content .right-graph{
 +
  right: 120px;
 +
  bottom: 60px;
 +
  z-index: 0;
 +
}
 +
#content .third-section{
 +
  top: 400px;
 +
  left: 0px;
 +
}
 +
#content .left-graph{
 +
  top: 80px;
 +
  left: 40px
 +
}
 +
#content .point-top{
 +
  bottom: 20px;
 +
  right: 320px;
 +
}
 +
#content .point-right-top{
 +
  left: 320px;
 +
  top: 120px;
 +
}
 +
#content .point-right-bottom{
 +
  top: 420px;
 +
  left: 300px;
 +
  z-index: 1;
 +
}
 +
/*.first-section-tx{
 +
position: absolute;
 +
top: 180px;
 +
transform: rotate(-4deg);
 +
left: 0;
 +
width: 460px;
 +
height: 50px;
 +
border: 1px solid red;
 +
}*/
 
</style>
 
</style>
 
<body>
 
<body>
−
<div id="defaultCase">
+
  <div id="defaultCase">
−
<div class="defaultCase_auto">
+
  <div class="defaultCase_auto">
−
<!-- Header -->
+
  <!-- Header -->
−
<div class="header_banner">
+
  <div class="header_banner">
−
<div class="banner_text">
+
  <div class="banner_text">
−
<div class="banner_text_background">
+
  <!-- <div class="banner_text_background">
−
<span class="banner_bg">Background</span>
+
  <span class="banner_bg">HOME</span>
−
<br>
+
  <br>
−
<span class="banner_china">NAU-CHINA</span>
+
  <span class="banner_china">NAU-CHINA</span>
−
</div>
+
  </div> -->
−
</div>
+
  </div>
−
</div>
+
  </div>
−
<!-- Nav -->
+
  <!-- Nav -->
−
<div class="top_nav">
+
  <div class="top_nav">
−
<div class="nav_bg">
+
  <div class="nav_bg">
−
<ul class="nav_total">
+
  <ul class="nav_total">
−
<li class="first_level">
+
  <li class="first_level">
−
<a href="javascript:">
+
  <a href="javascript:">
−
<span>OVERVIEW</span>
+
  <span>OVERVIEW</span>
−
<ul class="second_level">
+
  <ul class="second_level">
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/background" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/background" target="_blank">
−
<span>BACKGROUND</span>
+
  <span>BACKGROUND</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/description" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/description" target="_blank">
−
<span>DESCRIPTION</span>
+
  <span>DESCRIPTION</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Team:NAU-CHINA/Demonstrate" target="_blank">
+
  <a href="https://2017.igem.org/Team:NAU-CHINA/Demonstrate" target="_blank">
−
<span>DEMONSTRATION</span>
+
  <span>DEMONSTRATION</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Team:NAU-CHINA/InterLab" target="_blank">
+
  <a href="https://2017.igem.org/Team:NAU-CHINA/InterLab" target="_blank">
−
<span>INTERLAB</span>
+
  <span>INTERLAB</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Team:NAU-CHINA/Software" target="_blank">
+
  <a href="https://2017.igem.org/Team:NAU-CHINA/Software" target="_blank">
−
<span>SOFTWARE</span>
+
  <span>SOFTWARE</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/hardware" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/hardware" target="_blank">
−
<span>HARDWARE</span>
+
  <span>HARDWARE</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
</ul>
+
  </ul>
−
</a>
+
  </a>
  
−
</li>
+
  </li>
−
<li class="first_level">
+
  <li class="first_level">
−
<a href="javascript:">
+
  <a href="javascript:">
−
<span>PROJECT</span>
+
  <span>PROJECT</span>
−
</a>
+
  </a>
−
<ul class="second_level">
+
  <ul class="second_level">
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/sensing" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/sensing" target="_blank">
−
<span>SENSING</span>
+
  <span>SENSING</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/antifungal" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/antifungal" target="_blank">
−
<span>ANTIFUNGAL PEPTIDES</span>
+
  <span>ANTIFUNGAL PEPTIDES</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/mycotoxin" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/mycotoxin" target="_blank">
−
<span>MYCOTOXIN DEGRADATION</span>
+
  <span>MYCOTOXIN DEGRADATION</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/kill" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/kill" target="_blank">
−
<span>KILL SWITCH</span>
+
  <span>KILL SWITCH</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/promoter" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/promoter" target="_blank">
−
<span>PROMOTER CHARACTERIZATION</span>
+
  <span>PROMOTER CHARACTERIZATION</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
</ul>
+
  </ul>
−
</li>
+
  </li>
−
<li class="first_level">
+
  <li class="first_level">
−
<a href="javascript:" target="_blank">
+
  <a href="javascript:" target="_blank">
−
<span>HUMAN PRACTICE</span>
+
  <span>HUMAN PRACTICE</span>
−
</a>
+
  </a>
−
<ul class="second_level">
+
  <ul class="second_level">
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Team:NAU-CHINA/Collaborations" target="_blank">
+
  <a href="https://2017.igem.org/Team:NAU-CHINA/Collaborations" target="_blank">
−
<span>COLLABORATION</span>
+
  <span>COLLABORATION</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Team:NAU-CHINA/Engagement" target="_blank">
+
  <a href="https://2017.igem.org/Team:NAU-CHINA/Engagement" target="_blank">
−
<span>PUBLIC ENGAGEMENT</span>
+
  <span>PUBLIC ENGAGEMENT</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Team:NAU-CHINA/HP/Gold_Integrated" target="_blank">
+
  <a href="https://2017.igem.org/Team:NAU-CHINA/HP/Gold_Integrated" target="_blank">
−
<span>INTERGRATED HUMAN PRACTICES</span>
+
  <span>INTERGRATED HUMAN PRACTICES</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Team:NAU-CHINA/HP/Silver" target="_blank">
+
  <a href="https://2017.igem.org/Team:NAU-CHINA/HP/Silver" target="_blank">
−
<span>HP SILVER</span>
+
  <span>HP SILVER</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
  
−
</ul>
+
  </ul>
−
</li>
+
  </li>
−
<li class="first_level">
+
  <li class="first_level">
−
HOME
+
  HOME
−
<a href="https://2017.igem.org/Team:NAU-CHINA">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA">
−
<span>HOME</span>
+
  <span>HOME</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li class="first_level">
+
  <li class="first_level">
−
<a href="https://2017.igem.org/Team:NAU-CHINA/Model" target="_blank">
+
  <a href="https://2017.igem.org/Team:NAU-CHINA/Model" target="_blank">
−
<span>MODEL</span>
+
  <span>MODEL</span>
−
</a>
+
  </a>
  
−
</li>
+
  </li>
−
<li class="first_level">
+
  <li class="first_level">
−
<a href="javascript:">
+
  <a href="javascript:">
−
<span>BIOBRICKS</span>
+
  <span>BIOBRICKS</span>
−
</a>
+
  </a>
−
<ul class="second_level">
+
  <ul class="second_level">
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/basic" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/basic" target="_blank">
−
<span>BASIC PART</span>
+
  <span>BASIC PART</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/composite" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/composite" target="_blank">
−
<span>COMPOSITE PART</span>
+
  <span>COMPOSITE PART</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/improved" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/improved" target="_blank">
−
<span>IMPROVED PART</span>
+
  <span>IMPROVED PART</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
  
−
</ul>
+
  </ul>
−
</li>
+
  </li>
−
<li class="first_level">
+
  <li class="first_level">
−
<a href="javascript:">
+
  <a href="javascript:">
−
<span>TEAM</span>
+
  <span>TEAM</span>
−
</a>
+
  </a>
−
<ul class="second_level">
+
  <ul class="second_level">
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/members" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/members" target="_blank">
−
<span>MEMBERS</span>
+
  <span>MEMBERS</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Team:NAU-CHINA/Attributions" target="_blank">
+
  <a href="https://2017.igem.org/Team:NAU-CHINA/Attributions" target="_blank">
−
<span>ATTRIBUTIONS</span>
+
  <span>ATTRIBUTIONS</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
</ul>
+
  </ul>
−
</li>
+
  </li>
−
<li class="first_level">
+
  <li class="first_level">
−
<a href="javascript:">
+
  <a href="javascript:">
−
<span>NOTEBOOK</span>
+
  <span>NOTEBOOK</span>
−
</a>
+
  </a>
−
<ul class="second_level">
+
  <ul class="second_level">
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/safety" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/safety" target="_blank">
−
<span>SAFETY</span>
+
  <span>SAFETY</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
<li>
+
  <li>
−
<a href="https://2017.igem.org/Template:NAU-CHINA/protocols" target="_blank">
+
  <a href="https://2017.igem.org/Template:NAU-CHINA/protocols" target="_blank">
−
<span>PROTOCOLS</span>
+
  <span>PROTOCOLS</span>
−
</a>
+
  </a>
−
</li>
+
  </li>
−
</ul>
+
  </ul>
−
</li>
+
  </li>
−
</ul>
+
  </ul>
−
</div>
+
  </div>
−
</div>
+
  </div>
  
−
<!-- Content -->
+
  <!-- Content -->
−
<div class="content">
+
  <div id="content">
−
<h1>Welcome!</h1>
+
  <div class="content-wrap">
−
<h2>You can browse other pages...</h2>
+
  <div class="first-section">
−
</div>
+
  <!-- <p class="first-section-tx">
 +
  Bronze Medal Requirements：
 +
  </p> -->
 +
  </div>
 +
  <div class="second-section"></div>
 +
  <div class="third-section"></div>
 +
  <div class="left-graph">
 +
  <img src="https://static.igem.org/mediawiki/2017/d/de/NAU-CHINA_index-left-graph.png" alt="">
 +
  </div>
 +
  <div class="right-graph">
 +
  <img src="https://static.igem.org/mediawiki/2017/f/f9/NAU-CHINA_index-right-graph.png" alt="">
 +
  </div>
 +
  <div class="point-top">
 +
  <img src="https://static.igem.org/mediawiki/2017/3/38/NAU-CHINA_point-top.png" alt="">
 +
  </div>
 +
  <div class="point-right-bottom">
 +
  <img src="https://static.igem.org/mediawiki/2017/b/bf/NAU-CHINA_point-right-bottom.png" alt="">
 +
  </div>
 +
  <div class="point-right-top">
 +
  <img src="https://static.igem.org/mediawiki/2017/9/97/NAU-CHINA_point-right-top.png" alt="">
 +
  </div>
 +
  </div>
 +
  <div class="content-text">
 +
  <p>
 +
We are working on one of the most notorious plant diseases in China and other
 +
  </p>
 +
  <p>
 +
agriculture-oriented countries: Fusarium head blight (FHB)
 +
  </p>
 +
  </div>
 +
  </div>
  
  
−
<!-- TOP -->
+
  <!-- TOP -->
  
−
<div class="back">
+
  <div class="back">
−
<div class="backTop"></div>
+
  <div class="backTop"></div>
−
</div>
+
  </div>
  
  
−
<!-- Footer -->
+
  <!-- Footer -->
−
<div class="footer">
+
  <div class="footer">
−
<div class="footer_slash"></div>
+
  <div class="footer_slash"></div>
−
<div class="footer_bg"></div>
+
  <div class="footer_bg"></div>
−
</div>
+
  </div>
−
</div>
+
  </div>
−
</div>
+
  </div>
  
 
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
Line 655: Line 800:
  
  
−
var $firstLevel = $('.nav_total').find('.first_level').has('.second_level');
+
  var $firstLevel = $('.nav_total').find('.first_level').has('.second_level');
−
                $firstLevel.each(function(index, item) {
+
  $firstLevel.each(function(index, item) {
−
                    var $first = $(this),
+
  var $first = $(this),
−
                        $second = $first.find('.second_level'),
+
  $second = $first.find('.second_level'),
−
                        $firstWidth = $first.outerWidth(),
+
  $firstWidth = $first.outerWidth(),
−
                        $secondWidth = $second.outerWidth(),
+
  $secondWidth = $second.outerWidth(),
−
                        $diff = $secondWidth - $firstWidth;
+
  $diff = $secondWidth - $firstWidth;
  
−
                    $diff > 14 ? $second.css({
+
  $diff > 14 ? $second.css({
−
                        left: -($diff / 2)
+
  left: -($diff / 2)
−
                    }) : 0;
+
  }) : 0;
−
                    // $second.css({width: $firstWidth+10})
+
  // $second.css({width: $firstWidth+10})
 
})
 
})
  
  
−
var $gototop = $('.back');
+
  var $gototop = $('.backTop');
−
        $gototop.on('click', function() {
+
  $gototop.on('click', function() {
−
            var distance = $(window).scrollTop();
+
  var distance = $(window).scrollTop();
−
            $('body,html').animate({
+
  $('body,html').animate({
−
                scrollTop: 0
+
  scrollTop: 0
−
            }, 500)
+
  }, 500)
−
        })
+
  })
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:58, 1 November 2017

Document