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"...")
 
Line 115: Line 115:
  
  
−
 
+
/* igem祖传代码 */
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/* DEFAULT WIKI SETTINGS */
 
/* DEFAULT WIKI SETTINGS */
Line 565: Line 565:
 
/*my styles  */
 
/*my styles  */
 
/************************************************/
 
/************************************************/
 +
img{
 +
  max-width：100%;
 +
 +
}
 
.homepage_img{
 
.homepage_img{
 
   text-align: center;
 
   text-align: center;
Line 572: Line 576:
 
   background-size:cover;
 
   background-size:cover;
 
}
 
}
−
.hometext{
+
 
−
  padding-left: 0px;
+
−
  padding-top: 350px;
+
−
}
+
 
.container{
 
.container{
 
padding:0 30px 0 30px;
 
padding:0 30px 0 30px;
Line 609: Line 610:
 
   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{
 +
    height: 51px;
 +
    background-image: url(https://static.igem.org/mediawiki/2018/7/76/T--ZJUT-China--topbar.gif);
 +
    clear: both;
 +
    width: 100%;
 +
  }
 +
.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: 240px;
−
  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: 25px;
 +
}
 +
.dropdown3{
 +
  width: 8%;
 +
  left: 40px;
 +
}
 +
.dropdown4{
 +
  width:7%;
 +
  left:60px;
 +
}
 +
.dropdown5{
 +
  width: 7%;
 +
  left:70px;
 +
}
 +
.dropdown6{
 +
  width:15.2%;
 +
  left: 87px;
 +
}
 +
.dropdown7{
 +
  width:12%;
 +
  left: 90px;
 +
}
 +
.dropdown8{
 +
  width:12%;
 +
  left: 100px;
 +
}
 +
/* 下拉内容 (默认隐藏) */
 +
.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 766:
  
 
/* 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;
 +
}
 
   .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 807:
 
   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;
 +
  text-align: center;
 +
  padding-left: 25px;
  
−
 
+
}
 +
.homeindex img{
 +
    border-radius: 30px;
 +
}
 +
/* 底部 */
 +
.footer{
 +
  background: #eee;
 +
  margin-top: 30px;
 +
  padding: 30px 0;
 +
  width: 100%;
 +
}
 +
.foottop{
 +
  height: 230px;
 +
  width: 100%;
 +
}
 +
.footbottom{
 +
  height:50px;
 +
  width: 100%;
 +
}
 +
.footbottom .note{
 +
  padding-top: 40px;
 +
}
 +
.footmessage-left,
 +
.footmessage-right,
 +
.footmessage-middle {
 +
  width: 30%;
 +
  float: left;
 +
  height: 100%;
 +
}
 +
.footmessage-right, img{
 +
  max-width: 100%;
 +
  max-height: 100%;
 +
  padding-top: 10px;
 +
  padding-left: 30px;
 +
}
 +
.footmessage-left img{
 +
  padding-top: 22px;
 +
  padding-left: 30px;
 +
  max-width: 100%;
 +
  max-height: 100%;
 +
}
 +
.footmessage-right h3{
 +
  font-size: 30px;
 +
}
 +
.footmessage-right p{
 +
  font-size: 15px!important;
 +
}
 
</style>
 
</style>
 +
 +
  
  
Line 700: Line 885:
  
 
</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">
−
 
+
−
  <br>
+
−
  <div class="igem_2018_title_menu">
+
−
         <div class="igem_2018_title_menu_item">
+
 
           <a href="https://2018.igem.org/Team:ZJUT-China">Home</a>
 
           <a href="https://2018.igem.org/Team:ZJUT-China">Home</a>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
      </div>
−
           <a href="https://2018.igem.org/Team:ZJUT-China/Team2018">Team</a>
+
      <div class="dropdown2">
 +
         <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 class="igem_2018_title_menu_item">
+
      </div>
−
           <a href="https://2018.igem.org/Team:ZJUT-China/Description2018">Project</a>
+
      <div class="dropdown3">
 +
         <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>
 +
          </div>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
      </div>
−
           <a href="https://2018.igem.org/Team:ZJUT-China/overview2018">Parts</a>
+
      <div class="dropdown4">
 +
         <div class="drop">
 +
            Parts
 +
           <div class="dropdown-content">
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Parts">Overview</a>
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Basic_Part">Basic parts</a>
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Composite_Part">Composite parts</a>
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Part_Collection" >Part collection</a>
 +
          </div>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
      </div>
−
           <a href="https://2018.igem.org/Team:ZJUT-China/notebook2018">Lab</a>
+
      <div class="dropdown5">
 +
         <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 class="igem_2018_title_menu_item">
+
      </div>
−
           <a href="https://2018.igem.org/Team:ZJUT-China/HumanPractices2018">Human Practices</a>
+
      <div class="dropdown6">
 +
         <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/PublicEngagement2018">Public Engagement</a>
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Public_Engagement8">Education</a>
 +
            <a href="https://2018.igem.org/Team:ZJUT-China/Collaboration2018">Collaboration</a>
 +
          </div>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
      </div>
−
           <a href="https://2018.igem.org/Team:ZJUT-China/Modelling2018">Modelling</a>
+
      <div class="dropdown7">
 +
         <div class="drop">
 +
           <a href="https://2018.igem.org/Team:ZJUT-China/Model"> Modelling</a>
 
         </div>
 
         </div>
−
         <div class="igem_2018_title_menu_item">
+
      </div>
−
           <a href="https://2018.igem.org/Team:ZJUT-China/Achievement2018">Achievement</a>
+
      <div class="dropdown8">
 +
         <div class="drop">
 +
           <a href="https://2018.igem.org/Team:ZJUT-China/Achievement2018"> Achievement</a>
 
         </div>
 
         </div>
 +
      </div>
 +
    </div>
 
   </div>
 
   </div>
−
    
+
</div>
−
     <div class="main">
+
<!-- 首页大图 -->
−
       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="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>
 +
     <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 +
  </div>
 +
</div>
 +
  <!-- 底部信息 -->
 +
<div class="footer">
 +
  <div class="foottop">
 +
    <div class="footmessage-left">
 +
       <a href="http://www.zjut.edu.cn/"><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="工大首页"></a>
 +
       <a href="http://www.cbb.zjut.edu.cn/"><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="生工首页"></a>
 
     </div>
 
     </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>
 +
      <br><br>
 +
      <p>College of Bioengineering
 +
 +
      <br><br>Zhejiang University of Technology
 +
 +
      <br><br>310000, Hangzhou
 +
 +
      </p>
 +
    </div>
 +
  </div>
 +
  <div class="footbottom">
 +
    <div class="note">
 +
    Copyright © 2018 ZJUT-China
 +
    </div>
 +
  </div>
 
</div>
 
</div>

Revision as of 09:19, 13 September 2018

Team:ZJUT-China - 2018.igem.org

Loading menubar.....

Team:ZJUT-China

Home
Team
Team Members Attributions Collaborations
Project
Description Design Results
Parts
Overview Basic parts Composite parts Part collection
Lab
Notebook Protocols Safety Interlab
Human Practices
Integrated hp Public Engagement Education Collaboration
Modelling
Achievement

































工大首页 生工首页
公众号二维码

Contact



College of Bioengineering

Zhejiang University of Technology

310000, Hangzhou

Copyright © 2018 ZJUT-China