Difference between revisions of "Team:HZAU-China/Demonstrate"

Line 2: Line 2:
  
 
<html>
 
<html>
 +
 
<head>
 
<head>
  <meta charset="UTF-8">
+
    <meta charset="utf-8">
  <!--内容的样式-->
+
    <!--公式编辑器-->
  <style>
+
    <script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
     body {
+
     <script type="text/x-mathjax-config">
      font-family: "Arial", Helvetica, sans-serif;
+
              MathJax.Hub.Config({
      text-align: justify;
+
              extensions: ["tex2jax.js"],
      margin: 0px;
+
              jax: ["input/TeX", "output/HTML-CSS"],
      background-color: #ffffff;
+
              tex2jax: {
     }
+
              inlineMath: [ ['$','$'], ["\\(","\\)"] ],
 +
              displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
 +
              processEscapes: true
 +
              },
 +
              "HTML-CSS": { availableFonts: ["TeX"] }
 +
              });
 +
              </script>
 +
     <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 +
    </script>
 +
    <style>
 +
        /*改变超链接的位置*/
  
    .HZAU_content a:hover {
+
        .jiaozheng {
      color: black;
+
            position: relative;
      text-decoration: none;
+
            top: -66px;
    }
+
        }
 +
    </style>
 +
    <!--内容的样式-->
 +
    <style>
 +
        /*总样式*/
  
    .HZAU_content a {
+
        body {
      color: black;
+
            font-family: "Arial", Helvetica, sans-serif;
    }
+
            text-align: justify;
 +
            margin: 0px;
 +
            background-color: #ffffff;
 +
        }
  
    .HZAU_content {
+
        /*内容框子的样式*/
      position: absolute;
+
      top: 43px;
+
      left: 100px;
+
      width: 1000px;
+
      height: 2100px;
+
      z-index: -1;
+
    }
+
  
    .HZAU_2017_menu {
+
        .HZAU_div_main {
      display: block;
+
            margin: 64px auto 0 auto;
      position: fixed;
+
            padding: 0 30px 0 30px;
      left: 15px;
+
            width: 1100px;
      top: 100px;
+
        }
      height: 337px;
+
      width: 233px;
+
      overflow: hidden;
+
    }
+
  
    .beijin {
+
        /*内容中几种文体的样式*/
      height: 337px;
+
      width: 233px;
+
    }
+
  
    .HZAU_2017_menu ul {
+
        .HZAU_div_main a:hover {
      position: absolute;
+
            color: #000;
      top: 50%;
+
            text-decoration: none;
      margin-top: -80px;
+
        }
      margin-left: 0px;
+
      left: 0px;
+
      width: 100%;
+
      padding-left: 0px;
+
      font-size: 16px;
+
    }
+
  
    .HZAU_2017_menu li {
+
        .HZAU_title {
      width: 100%;
+
            font-size: 50px;
    }
+
            font-weight: bold;
 +
            text-align: center;
 +
            width: 360px;
 +
            display: block;
 +
            margin: 0 auto;
 +
            padding-bottom: 50px;
 +
            padding-top: 50px;
 +
            color: #000;
 +
            background-image: url(https://static.igem.org/mediawiki/2017/9/95/T--HZAU-China--datitle.png);
 +
            background-repeat: no-repeat;
 +
            background-size: 360px 80px;
 +
            background-position: center;
 +
        }
  
    .HZAU_2017_menu li a {
+
        .biaoti {
      display: inline-block;
+
            font-size: 35px;
      width: 100%;
+
            font-weight: bold;
      height: 100%;
+
            text-align: center;
      padding: 20px 0px 20px 0px;
+
            width: 100%;
      margin-left: 13px;
+
            display: block;
      text-align: left;
+
            padding-bottom: 30px;
      color: rgb(249, 228, 137);
+
            padding-top: 30px;
      text-decoration: none;
+
            color: #000;
      font-style: arial;
+
        }
      line-height: 90%;
+
    }
+
  
    .HZAU_2017_menu li:hover {
+
        .fubiaoti {
      background: rgb(249, 228, 137);
+
            font-size: 24px;
    }
+
            font-weight: bold;
 +
            text-indent: 50px;
 +
            width: 100%;
 +
            display: block;
 +
            padding-bottom: 30px;
 +
            padding-top: 30px;
 +
            color: #000;
 +
            background-image: url(https://static.igem.org/mediawiki/2017/e/e7/T--HZAU-China--xiaotitle.png);
 +
            background-repeat: no-repeat;
 +
            background-size: 65px 50px;
 +
            background-position: left;
 +
        }
  
    .HZAU_2017_menu li a:hover {
+
        .zhengwen {
      color: #000;
+
            display: block;
    }
+
            font-style: arial;
 +
            font-size: 18px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
    .HZAU_item {
+
        .zhengwen_disblock {
      position: absolute;
+
            display: inline;
      width: 100%;
+
            font-style: arial;
      padding-left: 40px;
+
            font-size: 18px;
    }
+
            line-height: 34px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
    .biaoti {
+
        .yinzhu {
      font-size: 50px;
+
            color: blue;
      font-weight: bold;
+
        }
      text-align: center;
+
      width: 100%;
+
      display: block;
+
      padding-bottom: 50px;
+
      padding-top: 50px;
+
      color: rgb(63, 59, 58);
+
    }
+
  
    .zhengwen {
+
        .yinzhu:hover .yinzhu {
      display: block;
+
            color: black;
      font-style: arial;
+
        }
      font-size: 18px;
+
      line-height: 34px;
+
      text-align: justify;
+
      color: #000;
+
      margin-bottom: 9px;
+
      margin-left: 0px;
+
      margin-right: 0px;
+
      margin-top: 7.2px
+
    }
+
  
    .jiaozheng {
+
        .yinwen {
      position: relative;
+
            display: block;
    }
+
            font-style: arial;
 +
            font-size: 18px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
    .jiaozheng a {
+
        /*图片的样式*/
      position: absolute;
+
      top: -66px;
+
    }
+
  
    .HZAU_content img {
+
        .tuzhu_wenzi {
      margin: 0 auto;
+
            display: block;
      display: block;
+
            font-style: arial;
    }
+
            font-size: 17px;
 +
            line-height: 28px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
    .tu_1 {
+
        .HZAU_div_main>img {
      width: 233px;
+
            margin: 0 auto;
    }
+
            display: block;
 +
        }
  
    .tu_2 {
+
        .tu_1 {
      width: 555px;
+
            width: 600px;
     }
+
            margin: 0 auto;
  </style>
+
            display: block;
 +
        }
 +
 
 +
        .tu_2 {
 +
            width: 800px;
 +
            margin: 0 auto;
 +
            display: block;
 +
        }
 +
 
 +
        .tu_3 {
 +
            width: 555px;
 +
            margin: 0 auto;
 +
            display: block;
 +
        }
 +
     </style>
 +
    <!--点击展开部分的样式-->
 +
    <style>
 +
        span.caret_black {
 +
            display: inline-block;
 +
            margin-left: 6px;
 +
            vertical-align: middle;
 +
            width: 0;
 +
            height: 0;
 +
            border-left: 6px solid transparent;
 +
            border-right: 6px solid transparent;
 +
            border-top: 6px solid black;
 +
        }
 +
 
 +
        label {
 +
            cursor: pointer;
 +
        }
 +
 
 +
        #HZAUmenu-toggle {
 +
            display: none;
 +
        }
 +
 
 +
        #HZAUmenu {
 +
            display: none;
 +
            font-size: 18px;
 +
            padding: 0 50px 0 50px;
 +
            width: 1000px;
 +
            margin: 0;
 +
            color: black;
 +
        }
 +
 
 +
        #HZAUmenu>a {
 +
            color: #000;
 +
        }
 +
 
 +
        #HZAUmenu>a:hover {
 +
            color: #000;
 +
            text-decoration: none;
 +
        }
 +
 
 +
        #HZAUmenu-toggle:checked+#HZAUmenu {
 +
            display: block;
 +
        }
 +
    </style>
 
</head>
 
</head>
 +
 
<body>
 
<body>
<div class="HZAU_content">
+
    <div class="HZAU_content">
<div class="HZAU_item">
+
        <div class="HZAU_item">
<a class="biaoti">Demonstration</a>
+
            <a class="biaoti">Demonstration</a>
<a class="zhengwen">The project of this year is to implement a computer-controlled cell cycle. To demonstrate this, a simple repression on replication is not enough, a reverse regulation is necessary for proving that our project works. So after an OD measurement, a further demonstration of reverse regulation is conducted by applying qPCR. </a>
+
            <a class="zhengwen">The project of this year is to implement a computer-controlled cell cycle. To demonstrate this, a simple repression
        <img src="https://static.igem.org/mediawiki/2017/7/7c/T--HZAU-China--Results_Figure6.png" width="60%">
+
                on replication is not enough, a reverse regulation is necessary for proving that our project works. So after
<a class="zhengwen">At last, we demonstrate that this system can be reverse regulated, which is essential for the concept of computer control.</a>
+
                an OD measurement, a further demonstration of reverse regulation is conducted by applying qPCR. </a>
<a class="zhengwen">At the same time, our software and hardware is ready for <strong>the 4C</strong>.</a>
+
            <img src="https://static.igem.org/mediawiki/2017/7/7c/T--HZAU-China--Results_Figure6.png" width="60%">
<img src="https://static.igem.org/mediawiki/2017/a/a7/T--HZAU-China--demonstrate_figure1.png" width="40%">
+
            <a class="zhengwen">At last, we demonstrate that this system can be reverse regulated, which is essential for the concept of computer
<img src="https://static.igem.org/mediawiki/2017/c/c0/T--HZAU-China--demonstrate_figure2.png" width="40%">
+
                control.</a>
<a class="zhengwen">For more information about, the software or hardware, please click  
+
            <a class="zhengwen">At the same time, our software and hardware is ready for
<a class="zhengwen" href="https://2017.igem.org/Team:HZAU-China/Software">software</a>
+
                <strong>the 4C</strong>.</a>
<a class="zhengwen" href="https://2017.igem.org/Team:HZAU-China/Hardware">hardware</a>
+
            <img src="https://static.igem.org/mediawiki/2017/a/a7/T--HZAU-China--demonstrate_figure1.png" width="40%">
<h2>Summarizing all above, we believe that we accomplished a computer-controlled cell cycle synchronizer.</h2>
+
            <img src="https://static.igem.org/mediawiki/2017/c/c0/T--HZAU-China--demonstrate_figure2.png" width="40%">
</a>
+
            <a class="zhengwen">For more information about, the software or hardware, please click
</div>
+
                <a class="zhengwen" href="https://2017.igem.org/Team:HZAU-China/Software">software</a>
</div>
+
                <a class="zhengwen" href="https://2017.igem.org/Team:HZAU-China/Hardware">hardware</a>
 +
                <h2>Summarizing all above, we believe that we accomplished a computer-controlled cell cycle synchronizer.</h2>
 +
            </a>
 +
        </div>
 +
    </div>
  
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 12:32, 28 November 2017