Difference between revisions of "Team:HUST-China/Wetlab"

Line 1: Line 1:
 +
{{HUST-China}}
 
<HTML>
 
<HTML>
 
<head lang="en">
 
<head lang="en">
−
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
<meta http-equiv="content-type" content="text/htmL; charset=UTF-8">
 
  <meta charset="UTF-8">
 
  <meta charset="UTF-8">
 
  <meta name="viewport" content="width=device-width,initial-scale=1">
 
  <meta name="viewport" content="width=device-width,initial-scale=1">
  
−
  <title>Team:HUST-China:Background</title>
+
  <title>Team:HUST-China:Modeling</title>
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HUST-China/CSS?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css"  
 +
href="https://2015.igem.org/Team:HUST-China/CSS?action=raw&ctype=text/css" />
  
−
<script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/jquery?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/jquery?
 +
action=raw&ctype=text/javascript"></script>
  
−
<script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/JS?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/JS?
 +
action=raw&ctype=text/javascript"></script>
  
 
<style>
 
<style>
Line 34: Line 38:
 
#top_menu_under{height: 0px;}
 
#top_menu_under{height: 0px;}
  
−
html, .wrapper { /*-- changes default wiki settings --*/
+
htmL, .wrapper { /*-- changes default wiki settings --*/
 
     width: 100%;  
 
     width: 100%;  
 
     height: 100%;  
 
     height: 100%;  
Line 40: Line 44:
 
top: 0px;
 
top: 0px;
 
}
 
}
 +
 +
table{width: 780px;
 +
margin-top: 20px;
 +
margin-bottom: 20px;
 +
}
 +
table tr,th,td{ width: auto;
 +
padding: 5px;
 +
text-align: center;}
 
.viewport, .container {
 
.viewport, .container {
 
max-width: 1349px;
 
max-width: 1349px;
 
           top: 0px;}
 
           top: 0px;}
  
−
.box{width: 400px;
+
.picture{ width: 750px;
−
height: auto;
+
    height: auto;
−
padding-top:5px;
+
        margin-bottom:30px;  
−
padding-left: 10px;
+
        margin-left: 30px;}
−
padding-right: 10px;
+
.picture2{ width: auto;
−
margin-top: 30px;  
+
    height: 400px;
−
margin-bottom: 10px;
+
         margin-bottom:30px;  
−
border: 2px ridge grey;
+
         margin-left: 50px;}
−
  padding-bottom: 10px;
+
−
  background-color: #F0FFF0;
+
−
  float: left;}
+
−
 
+
−
.picture{ width: 380px;
+
−
    height: 500px;
+
−
         border: 2px ridge grey;
+
−
         margin-bottom:5px; }
+
  
−
.pizhu{font-size: 14px;
 
−
width: 380px;
 
−
text-align: center;}
 
  
 
#mid{width: 1349px;
 
#mid{width: 1349px;
Line 79: Line 80:
 
  .header{position: fixed;  
 
  .header{position: fixed;  
 
      width: 1348px;
 
      width: 1348px;
−
                            text-align:center;
+
                text-align:center;
 
    height:200px;
 
    height:200px;
 
    margin-top: 0px;
 
    margin-top: 0px;
Line 85: Line 86:
 
    background-image: url(https://static.igem.org/mediawiki/2015/d/d7/HUST_daohang.png);
 
    background-image: url(https://static.igem.org/mediawiki/2015/d/d7/HUST_daohang.png);
 
    background-size:100% 100%;
 
    background-size:100% 100%;
−
      filter:alpha(opacity:30);opacity:0.95;  -moz-opacity:0.4; -khtml-opacity: 0.4;
+
      filter:alpha(opacity:30);opacity:0.95;  -moz-opacity:0.4; -khtmL-opacity: 0.4;
 
    z-index:1;}
 
    z-index:1;}
  
 
.first-menu{float: left;
 
.first-menu{float: left;
−
  margin-left: 1%;
+
  margin-left: 0%;
 
  font-size:19px;  
 
  font-size:19px;  
 
      max-width: 22%;
 
      max-width: 22%;
−
                 padding:5px;}
+
                 padding-top:5px;
 +
            z-index: 2;}
  
 
  .other-menu{float: left;
 
  .other-menu{float: left;
Line 98: Line 100:
 
  font-size:19px;
 
  font-size:19px;
 
      max-width: 22%;
 
      max-width: 22%;
−
                     padding:5px;}
+
                     padding-top:5px;
 +
                    z-index: 2;}
  
−
  .navbar .nav > li .dropdown-menu {margin:0;}
+
  .navbar .nav > li .dropdown-menu {margin: 0;}
 
.navbar .nav > li:hover .dropdown-menu {display: block;}
 
.navbar .nav > li:hover .dropdown-menu {display: block;}
  
Line 122: Line 125:
 
  margin-bottom: 0px;
 
  margin-bottom: 0px;
 
  padding-left: 0px;
 
  padding-left: 0px;
−
                                margin-left:0px;}
+
                margin-left:0px;}
  
 
   
 
   
Line 141: Line 144:
 
     }
 
     }
 
     .pic_a{float: left;
 
     .pic_a{float: left;
−
             margin-top:35px;
+
             margin-top:50px;
 
             width: 1349px;
 
             width: 1349px;
 
             text-align:center;
 
             text-align:center;
Line 147: Line 150:
  
 
#maodian{float: left;
 
#maodian{float: left;
−
                    top: 50px;
+
              top: 50px;
 
  position: fixed;
 
  position: fixed;
 
  margin-top: 70px;    
 
  margin-top: 70px;    
Line 160: Line 163:
 
margin-left: 0px;
 
margin-left: 0px;
 
width: 200px;
 
width: 200px;
−
font-size: 16px;
+
font-size: 14px;
 
padding-left: 1px;
 
padding-left: 1px;
 
     }
 
     }
Line 178: Line 181:
 
                         width:809px;}
 
                         width:809px;}
 
        
 
        
−
     .dongxi{height:50px;}  
+
     .dongxi{height:50px;}
 +
 
 +
 
 
 
 
       .scroll{
 
       .scroll{
Line 204: Line 209:
 
} );
 
} );
 
$('#scroll').click(function(){
 
$('#scroll').click(function(){
−
$("html,body").animate({scrollTop:0},500);
+
$("htmL,body").animate({scrollTop:0},500);
 
});
 
});
 
}
 
}
Line 214: Line 219:
 
function showdes(){
 
function showdes(){
 
$('#to_des').click(function(){
 
$('#to_des').click(function(){
−
$("html,body").animate({scrollTop:700},800);
+
$("htmL,body").animate({scrollTop:720},800);
 
});
 
});
 
}
 
}
Line 224: Line 229:
 
<div id="mid">
 
<div id="mid">
 
<!--上栏-->
 
<!--上栏-->
−
<div class="container header" style="top:0px">
+
 
 +
<div class="container header" >
 
 
 
<!--悬浮菜单-->
 
<!--悬浮菜单-->
−
<!--悬浮菜单-->
 
 
<div class="navbar">
 
<div class="navbar">
 
    <div class="navbar-inner">
 
    <div class="navbar-inner">
Line 234: Line 239:
 
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 
                </li>      
 
                </li>      
−
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Project">PROJECT<b class="caret"></b></a>
+
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Background">PROJECT<b class="caret"></b></a>
 
                <ul class="dropdown-menu">
 
                <ul class="dropdown-menu">
 
                                 <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li>
 
                                 <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li>
Line 244: Line 249:
 
                         </li>
 
                         </li>
  
−
                         <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Wetlab">WETLAB<b class="caret"></b></a>
+
                         <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Results">WETLAB<b class="caret"></b></a>
 
                <ul class="dropdown-menu">
 
                <ul class="dropdown-menu">
 
<li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li>
 
<li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li>
Line 256: Line 261:
 
                         </li>
 
                         </li>
  
−
                         <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a>
+
                         <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Basic_part">PARTS<b class="caret"></b></a>
 
                <ul class="dropdown-menu">                          
 
                <ul class="dropdown-menu">                          
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li>
 
                        <li class="divider"></li>
 
                        <li class="divider"></li>
−
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part#2">Composite Parts</a></li>                           <li class="divider"></li>
+
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part#2">Composite Parts</a></li>  
−
                        <li><a href="https://2015.igem.org/Team:HUST-China/Part_Collection">Part Collection</a></li>  
+
                                        <li class="divider"></li>
−
                    </ul>
+
                                        <li><a href="https://2015.igem.org/Team:HUST-China/Part_Collection">Part Collection</a></li>                    
 +
                                     
 +
                                  </ul>
 
                         </li>
 
                         </li>
 
                 
 
                 
Line 276: Line 283:
  
 
                                 
 
                                 
 +
                 
 
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES</a>
 
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES</a>
 
                                         
 
                                         
Line 303: Line 311:
 
<!--标题栏-->
 
<!--标题栏-->
 
  <div id="pic" >
 
  <div id="pic" >
−
  <img class="title" src="https://static.igem.org/mediawiki/2015/8/83/HUST_WETLAB_1.PNG"/>
+
  <img class="title" src="https://static.igem.org/mediawiki/2015/1/15/HUST_WETLAB_3.PNG"/>
 
  <br>
 
  <br>
 
  <div class="pic_a" >
 
  <div class="pic_a" >
−
<h3 align="center" style="color:white"><b>click it~</b></h3>
+
<h4 align="center" style="color:white"><b>click it~</b></h4>
 
      <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2015/8/80/White.png"/>
 
      <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2015/8/80/White.png"/>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
−
 
−
   
 
  
 
  <!--描述-->
 
  <!--描述-->

Revision as of 14:16, 18 September 2015

Team:HUST-China:Modeling


click it~



Wetlab Overview

When we finished the outline of our project, we began to perform the experiments. Throughout the efforts we made in the whole summer, we made progresses step by step.
Here we will show you our interesting results and how did we complete the experiments.
Also, we participated in the InterLab Study, which made our project integrity and compareable.
If you curious about our daily life in the laboratory and want to know more about our experiment details, please follow to the notebook page!