Difference between revisions of "Team:ZJUT-China/Achievement2018"

(Created page with "<html lang="en" dir="ltr" class="client-nojs"> <head> <meta charset="UTF-8" /> <title>Team:ZJUT-China - 2018.igem.org</title> <meta name="generator" content="MediaWiki 1.24.1"...")
 
 
(9 intermediate revisions by one other user not shown)
Line 115: Line 115:
  
  
 
+
/* igem祖传代码 */
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/* DEFAULT WIKI SETTINGS */
 
/* DEFAULT WIKI SETTINGS */
Line 125: Line 125:
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
body {background-color:white; }
 
body {background-color:white; }
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
  
  
Line 565: Line 562:
 
/*my styles  */
 
/*my styles  */
 
/************************************************/
 
/************************************************/
 +
img{
 +
  max-width:100%;
 +
 +
}
 
.homepage_img{
 
.homepage_img{
 +
  margin-top: 41px;
 
   text-align: center;
 
   text-align: center;
   background: url(https://static.igem.org/mediawiki/2018/8/83/T--ZJUT-China--home2.jpg);
+
   background: url(https://static.igem.org/mediawiki/2018/0/06/T--ZJUT-China--judging.jpg);
  height: 800px;
+
  width: 1500px;
+
 
   background-size:cover;
 
   background-size:cover;
 +
  width: 100% ;
 +
  min-height: 800px;
 +
  height: auto;
 +
  clear: both;
 +
  background-repeat: no-repeat;
 +
  background-size: 100% 100%;
 +
  overflow: hidden;
 
}
 
}
.hometext{
+
 
  padding-left: 0px;
+
  padding-top: 350px;
+
}
+
 
.container{
 
.container{
 
padding:0 30px 0 30px;
 
padding:0 30px 0 30px;
Line 609: Line 613:
 
   padding:0 0 20px 0;
 
   padding:0 0 20px 0;
 
}
 
}
.igem_2018_title_menu{
+
/* 顶栏固定 */
  height: 50px;
+
.topbar{
  background-color:#DCDCDC;
+
  position: fixed;
 +
  top: 0px;
 +
  height: 51px;
 +
  width: 100%;
 +
  padding-top: 18px;
 +
}
 +
/* 下拉按钮样式 */
 +
.dropbkgd{
 +
    background-image: url(https://static.igem.org/mediawiki/2018/c/ca/T--ZJUT-China--topbar1.jpg);
 +
    min-height: 51px;
 +
    height: auto;
 +
    width: 100% ;
 +
    clear: both;
 +
    background-repeat: no-repeat;
 +
    background-size: 100% 100%;
 +
    overflow: hidden;
 +
  }
 +
.drop{
 +
  color: transparent;
 +
  font-size: 20px;
 +
  line-height: 51px;
 +
  width: 100%;
 +
  height: 100%;
 
}
 
}
  
.igem_2018_title_menu_item{
+
.dropposition{
  float: left;
+
    position: absolute;
  width: 12%;
+
    left: 15.2%;
  height: 50px;
+
    width: 100%;
   line-height: 50px;
+
    height: 51px;
   color: #000000;
+
}
 +
.drop:hover{
 +
   background-color: #BACD32;
 +
   color: white;
 +
}
 +
.drop a{
 +
  color: transparent;
 +
  text-decoration: none;
 +
  display: inline-block;
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
.drop a:hover{
 +
    color: white;
 +
}
 +
 
 +
/* 容器 <div> - 需要定位下拉内容 */
 +
.dropdown1,
 +
.dropdown2,
 +
.dropdown3,
 +
.dropdown4,
 +
.dropdown5,
 +
.dropdown6,
 +
.dropdown7,
 +
.dropdown8{
 +
  position: relative;
 +
  display: inline-block;
 +
  float:left;
 
   text-align: center;
 
   text-align: center;
   font-size: 20px;
+
   width: 8%;
 +
  height: 100%;
 +
}
 +
.dropdown1 {
 +
    width: 7%;
 +
}
 +
.dropdown2{
 +
    width: 7%;
 +
    left: 2%;
 +
}
 +
.dropdown3{
 +
  width: 8%;
 +
  left: 3%;
 +
}
 +
.dropdown4{
 +
  width:7%;
 +
  left:5%;
 +
}
 +
.dropdown5{
 +
  width: 7%;
 +
  left:6%;
 +
}
 +
.dropdown6{
 +
  width:15.2%;
 +
  left: 7%;
 +
}
 +
.dropdown7{
 +
  width:12%;
 +
  left: 7%;
 +
}
 +
.dropdown8{
 +
  width:12%;
 +
  left: 8%;
 +
}
 +
/* 下拉内容 (默认隐藏) */
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    color: #DACD32;
 +
    width: 180px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    float: left;
 +
    background-color: rgba(0,0,0,0.2);
 +
}
 +
.dropdown6 .dropdown-content{
 +
  width:230.4px;
 
}
 
}
.igem_2018_title_menu_item a{
 
  
 +
/* 下拉菜单的链接 */
 +
.dropdown-content a {
 +
    color: white;
 
     text-decoration: none;
 
     text-decoration: none;
     color: #000000;
+
     display: block;
     display: inline-block;
+
     width: 100%;
}
+
    height: 100%;
.igem_2018_title_menu_item:hover{
+
  background-color: #9ACD32;
+
 
}
 
}
  
 +
/* 鼠标移上去后修改下拉菜单链接颜色 */
 +
.dropdown-content a:hover {background-color:  #7D7DFF}
 +
 +
/* 在鼠标移上去后显示下拉菜单 */
 +
.dropdown2:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown3:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown4:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown5:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown6:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown7:hover .dropdown-content {
 +
    display: block;
 +
}
 +
.dropdown8:hover .dropdown-content {
 +
    display: block;
 +
}
  
 
   .container .col-10 {
 
   .container .col-10 {
Line 650: Line 773:
  
 
/* styling for the titles h1, h2*/
 
/* styling for the titles h1, h2*/
 +
  .container .col-10 h1, .container .col-10 h2 {
 +
border-bottom:0px;
 +
font-family: 'Tempus Sans ITC',georgia !important;
 +
padding: 10px 0px;
 +
    width: 100%;
 +
}
 
   .container .col-10 h1{
 
   .container .col-10 h1{
 
     font-size: 38px!important;
 
     font-size: 38px!important;
 
     padding: 20 20 20 20!important;
 
     padding: 20 20 20 20!important;
  }
 
.container .col-10 h1, .container .col-10 h2 {
 
border-bottom:0px;
 
color: #9ACD32;
 
font-family: "Arial Black", Gadget, sans-serif;
 
padding: 10px 0px;
 
 
     text-align: center;
 
     text-align: center;
}
+
    color: #9ACD32;
 +
  }
 +
  .container .col-10 h2 {
 +
    font-size: 30px!important;
 +
    color: #6495ED;
 +
  }
 +
 
 +
 
  
 
/* styling for the titles h3, h3, h5, h6 */
 
/* styling for the titles h3, h3, h5, h6 */
Line 685: Line 815:
 
   weight: 600px;
 
   weight: 600px;
 
   }
 
   }
 +
.side-bar .igem_2018_title_menu{
 +
    position: fixed;
 +
}
 +
.note{
 +
  font-size:15px;
 +
  color:#708090;
 +
  text-align: center;
 +
}
 +
.homeindex{
 +
  width: 20%;
 +
  min-height: 1px;
 +
  float: left;
 +
  margin:15px;
 +
  padding-left:2%;
 +
  text-align: center;
  
 
+
}
 +
.homeindex img{
 +
    border-radius: 10px;
 +
    padding: 0 0 0 0;
 +
}
 +
/* 底部 */
 +
  .footer{
 +
    background: #eee;
 +
    margin-top: 30px;
 +
    padding: 30px 0;
 +
    width: 100%;
 +
  }
 +
  .foottop{
 +
    height: 330px;
 +
    width: 100%;
 +
  }
 +
  .footbottom{
 +
    height:50px;
 +
    width: 100%;
 +
  }
 +
  .footbottom .note{
 +
    padding-top: 40px;
 +
  }
 +
  .footmessage-left,
 +
  .footmessage-left2,
 +
  .footmessage-right,
 +
  .footmessage-middle {
 +
    width: 24%;
 +
    float: left;
 +
    height: 100%;
 +
  }
 +
  .footmessage-middle img{
 +
    width: 60%;
 +
    padding-top: 60px;
 +
  }
 +
  .footmessage-right img{
 +
    width: 80%;
 +
    max-height: 100%;
 +
    padding-top: 10px;
 +
    padding-left: 30px;
 +
  }
 +
  .footmessage-left2 img{
 +
    width: 80%;
 +
    padding-left: 30px;
 +
    padding-top: 15px;
 +
  }
 +
  .footmessage-left img{
 +
    padding-top: 60px;
 +
    padding-left: 30px;
 +
    width: 80%;
 +
    max-height: 100%;
 +
  }
 +
  .footmessage-right h3{
 +
    font-size: 30px;
 +
  }
 +
  .footmessage-right{
 +
    padding-left: 30px;
 +
  }
 +
  .footmessage-right p{
 +
    font-size: 15px!important;
 +
  }
 +
.allhomeindex{
 +
  display: block;
 +
  width: 100%;
 +
  height: 300px;
 +
}
 +
.judg p{
 +
  text-align: center!important;
 +
}
 +
.footmessage-middle img{
 +
      padding-left: 60px;
 +
        }
 
</style>
 
</style>
 +
 +
  
  
Line 700: Line 918:
  
 
</head>
 
</head>
<div class="homepage_img">
+
<!-- 导航栏 -->
   <div class="hometext">
+
   <div class="topbar">
     <h1></h1>
+
     <div class="dropbkgd">
    </div>
+
      <div class="dropposition">
</div>
+
        <div class="dropdown1">
<div class="container">
+
          <div class="drop">
 
+
            <a href="https://2018.igem.org/Team:ZJUT-China">Home</a>
  <br>
+
          </div>
  <div class="igem_2018_title_menu">
+
        <div class="igem_2018_title_menu_item">
+
          <a href="https://2018.igem.org/Team:ZJUT-China">Home</a>
+
 
         </div>
 
         </div>
         <div class="igem_2018_title_menu_item">
+
         <div class="dropdown2">
           <a href="https://2018.igem.org/Team:ZJUT-China/Team2018">Team</a>
+
           <div class="drop">
 +
              Team
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Team">Team Members</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Attributions">Attributions</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Collaborations">Collaborations</a>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
         <div class="igem_2018_title_menu_item">
+
         <div class="dropdown3">
           <a href="https://2018.igem.org/Team:ZJUT-China/Description2018">Project</a>
+
           <div class="drop">
 +
              Project
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Description" >Description</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Design">Design</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Results">Results</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Demonstrate">Demonstrate</a>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
         <div class="igem_2018_title_menu_item">
+
         <div class="dropdown4">
           <a href="https://2018.igem.org/Team:ZJUT-China/overview2018">Parts</a>
+
           <div class="drop">
 +
              Parts
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Parts">All parts</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Improve">Improve</a>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
         <div class="igem_2018_title_menu_item">
+
         <div class="dropdown5">
           <a href="https://2018.igem.org/Team:ZJUT-China/notebook2018">Lab</a>
+
           <div class="drop">
 +
            Lab
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Notebook">Notebook</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Protocols2018">Protocols</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Safety">Safety</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/InterLab" >Interlab</a>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
         <div class="igem_2018_title_menu_item">
+
         <div class="dropdown6">
           <a href="https://2018.igem.org/Team:ZJUT-China/HumanPractices2018">Human Practices</a>
+
           <div class="drop">
 +
              Human Practices
 +
            <div class="dropdown-content">
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Human_Practices">Integrated hp</a>
 +
              <a href="https://2018.igem.org/Team:ZJUT-China/Public_Engagement">Public Engagement & Education</a>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
         <div class="igem_2018_title_menu_item">
+
         <div class="dropdown7">
           <a href="https://2018.igem.org/Team:ZJUT-China/Modelling2018">Modelling</a>
+
           <div class="drop">
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Model"> Modeling</a>
 +
          </div>
 
         </div>
 
         </div>
         <div class="igem_2018_title_menu_item">
+
         <div class="dropdown8">
           <a href="https://2018.igem.org/Team:ZJUT-China/Achievement2018">Achievement</a>
+
           <div class="drop">
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Achievement2018"> Judging</a>
 +
          </div>
 
         </div>
 
         </div>
 +
      </div>
 +
    </div>
 
   </div>
 
   </div>
    
+
<!-- 首页大图 -->
     <div class="main">
+
<div class="homepage_img">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
</div>
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
<!-- 主体 -->
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
<div class="container">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
   <div class="col-10">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officia, commodi optio soluta fuga tempore dolor quam dicta provident, ut facere, veritatis iste in ea? Officia at ab suscipit, inventore.
+
     <div class="judg">
 +
       <h1>Bronze Medal</h1>
 +
      <p>★ Attend the Giant Jamboree★</p>
 +
      <p>We can't wait to participate in jamboree!</p>
 +
      <p>★ wiki ★</p>
 +
      <p>As you can see, we have built our own wiki.</p>
 +
       <p>★ poster ★</p>
 +
      <p>Yes, we made a poster.</p>
 +
      <p>★ presentation ★</p>
 +
      <p>Yes, we have prepared our presentation.</p>
 +
       <p>★ judging form ★</p>
 +
      <p>Judging form has been submitted on time</p>
 +
      <p>★ Attribution ★</p>
 +
      <p><a href="https://2018.igem.org/Team:ZJUT-China/Attributions">Click here to gain more details</a></p>
 +
       <p>★ InterLab Study ★</p>
 +
      <p>Our InterLab date has been accepted,<br><a href="https://2018.igem.org/Team:ZJUT-China/InterLab"> Click here to gain more details</a></p>
 +
       <h1>Silver Medal</h1>
 +
      <p>★ Validated Part ★</p>
 +
      <p>We have designed more than one part and documented the experimental characterization on that Part's Main Page. <br><a href="https://2018.igem.org/Team:ZJUT-China/Parts">Click here to gain more details</a>
 +
      </p>
 +
      <p>★ Collaboration ★ </p>
 +
      <p>We have collaboration with several teams on wetlab, drylab and human practices. <br><a href="https://2018.igem.org/Team:ZJUT-China/Collaborations">Click here to gain more details</a>
 +
      </p>
 +
      <p>★ Human Practices ★</p>
 +
      <p>We have done a lot of work on Human Practices and have greatly advanced the progress of our project. <br> <a href="https://2018.igem.org/Team:ZJUT-China/Human_Practices">Click here to gain more details</a>
 +
      </p>
 +
      <h1>Gold Medal</h1>
 +
      <p>★ Integrated Human Practices ★</p>
 +
      <p>Our project has changed based upon our human practices work. <br><a href="https://2018.igem.org/Team:ZJUT-China/Human_Practices"> Click here to gain more details</a>
 +
      </p>
 +
      <p>★ Improve a Previous Part ★</p>
 +
      <p>Our new part <a href="http://parts.igem.org/Part:BBa_K2277000"> BBa_K2556051</a>has a functional improvement upon <a href="http://parts.igem.org/Part:BBa_K2556051">BBa_K2277000</a>. <br> <a href="https://2018.igem.org/Team:ZJUT-China/Improve">Click here to gain more details</a>
 +
      </p>
 +
      <p>★ Model ★</p>
 +
      <p>We have used some data of our BioBricks to build model of our system. <br><a href="https://2018.igem.org/Team:ZJUT-China/Model">Click here to gain more details</a>
 +
      </p>
 
     </div>
 
     </div>
 +
  </div>
 +
  <!-- 正文 -->
 
</div>
 
</div>
 +
  <!-- 底部信息 -->
 +
  <div class="footer">
 +
    <div class="foottop">
 +
      <div class="footmessage-left">
 +
        <img src="https://static.igem.org/mediawiki/2018/4/4c/T--ZJUT-China--%E6%B5%99%E5%B7%A5%E5%A4%A7.jpg"  width="348px" alt="工大首页">
 +
        <img src="https://static.igem.org/mediawiki/2018/e/e8/T--ZJUT-China--%E6%B5%99%E5%B7%A5%E5%A4%A7%E7%94%9F%E5%B7%A5%E5%AD%A6%E9%99%A2.jpg" alt="生工首页">
 +
      </div>
 +
      <div class="footmessage-left2">
 +
        <img src="https://static.igem.org/mediawiki/2018/f/f6/T--ZJUT-China--logo5.png" alt="">
 +
        <img src="https://static.igem.org/mediawiki/2018/d/db/HQ_IDT_logo.jpg" alt="" >
 +
        <img src="https://static.igem.org/mediawiki/2018/1/1e/T--ZJUT-China--logo6.png" alt="">
 +
        <img src="https://static.igem.org/mediawiki/2018/f/fe/New-mathworks_logo.jpg" alt="">
 +
      </div>
 +
      <div class="footmessage-middle">
 +
          <img src="https://static.igem.org/mediawiki/2018/b/be/T--ZJUT-China--%E5%85%AC%E4%BC%97%E5%8F%B7%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg" alt="公众号二维码">
 +
      </div>
 +
      <div class="footmessage-right">
 +
        <h3>Contact</h3>
 +
        <p>
 +
        <br><br>
 +
        College of Biotechnology and Bioengineering
 +
        <br><br>Zhejiang University of Technology
 +
        <br><br>Chaowang Rd. 18, 310014, Hangzhou, China
 +
        <br><br>E-mail: cbb@zjut.edu.cn  Tel: +86-571-88320391
 +
        </p>
 +
      </div>
 +
    </div>
 +
    <div class="footbottom">
 +
      <div class="note">
 +
      Copyright © 2018 ZJUT-China
 +
      </div>
 +
    </div>
 +
  </div>

Latest revision as of 20:48, 17 October 2018

Team:ZJUT-China - 2018.igem.org

Loading menubar.....

Team:ZJUT-China

Bronze Medal

★ Attend the Giant Jamboree★

We can't wait to participate in jamboree!

★ wiki ★

As you can see, we have built our own wiki.

★ poster ★

Yes, we made a poster.

★ presentation ★

Yes, we have prepared our presentation.

★ judging form ★

Judging form has been submitted on time

★ Attribution ★

Click here to gain more details

★ InterLab Study ★

Our InterLab date has been accepted,
Click here to gain more details

Silver Medal

★ Validated Part ★

We have designed more than one part and documented the experimental characterization on that Part's Main Page.
Click here to gain more details

★ Collaboration ★

We have collaboration with several teams on wetlab, drylab and human practices.
Click here to gain more details

★ Human Practices ★

We have done a lot of work on Human Practices and have greatly advanced the progress of our project.
Click here to gain more details

Gold Medal

★ Integrated Human Practices ★

Our project has changed based upon our human practices work.
Click here to gain more details

★ Improve a Previous Part ★

Our new part BBa_K2556051has a functional improvement upon BBa_K2277000.
Click here to gain more details

★ Model ★

We have used some data of our BioBricks to build model of our system.
Click here to gain more details