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

(Created page with "<!--悬浮菜单--> <!--悬浮菜单--> <div class="navbar"> <div class="navbar-inner"> <div class="container"> <ul class="nav">...")
 
 
(19 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<!--悬浮菜单-->
+
{{HUST-China}}
 +
<HTML>
 +
<head lang="en">
 +
<meta http-equiv="content-type" content="text/htmL; charset=UTF-8">
 +
<meta charset="UTF-8">
 +
<meta name="viewport" content="width=device-width,initial-scale=1">
 +
 
 +
<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" />
 +
 
 +
<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>
 +
 
 +
<style>
 +
  /*改默认设定*/
 +
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks {
 +
    background-color: transparent;
 +
}
 +
.mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China
 +
#globalWrapper #top-section #p-logo a img {
 +
    visibility:hidden;
 +
}
 +
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 +
#globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin: 0px;
 +
    padding: 0px;
 +
  top: 0px;
 +
}
 +
#top_menu_under{height: 0px;}
 +
 
 +
htmL, .wrapper { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent; 
 +
top: 0px;
 +
}
 +
 
 +
table{width: 780px;
 +
margin-top: 20px;
 +
margin-bottom: 20px;
 +
}
 +
table tr,th,td{ width: auto;
 +
padding: 5px;
 +
text-align: center;}
 +
.viewport, .container {
 +
max-width: 1349px;
 +
          top: 0px;}
 +
 
 +
.picture{ width: 750px;
 +
    height: auto;
 +
        margin-bottom:30px;
 +
        margin-left: 30px;}
 +
.picture2{ width: auto;
 +
    height: 400px;
 +
        margin-bottom:30px;
 +
        margin-left: 50px;}
 +
 
 +
 
 +
#mid{width: 1349px;
 +
margin: 0 auto;}
 +
 
 +
 
 +
 
 +
      body{ background-color: white;
 +
position: absolute;
 +
margin: 0;
 +
    font-family:Arial,Verdana,Sans-serif;
 +
color: black;
 +
z-index: 0}
 +
 
 +
.header{position: fixed;
 +
    width: 1348px;
 +
                text-align:center;
 +
  height:200px;
 +
  margin-top: 0px;
 +
  padding-top: 5px;
 +
  background-image: url(https://static.igem.org/mediawiki/2015/d/d7/HUST_daohang.png);
 +
  background-size:100% 100%;
 +
    filter:alpha(opacity:30);opacity:0.95;  -moz-opacity:0.4; -khtmL-opacity: 0.4;
 +
  z-index:1;}
 +
 
 +
.first-menu{float: left;
 +
font-size:19px;
 +
    max-width: 20%;
 +
                padding-top:5px;}
 +
 
 +
.other-menu{float: left;
 +
margin-left:1%;
 +
font-size:19px;
 +
    max-width: 20%;
 +
                    padding-top:5px;}
 +
 
 +
 
 +
.navbar .nav > li .dropdown-menu {margin: 0;}
 +
.navbar .nav > li:hover .dropdown-menu {display: block;}
 +
 
 +
a:link,a:visited {
 +
color:#002855;
 +
text-decoration:none;
 +
            }
 +
a:hover,a:active {
 +
color:#007fff;
 +
text-decoration:underline;
 +
}
 +
 
 +
ul.ul{list-style-type:none;
 +
list-style-image: none;
 +
margin-bottom: 0px;
 +
padding-left: 0px;}
 +
li.li{margin-top: 0px;
 +
list-style-image: none;}
 +
 
 +
#maodian ul{list-style-type:none;
 +
margin-bottom: 0px;
 +
padding-left: 0px;
 +
                margin-left:0px;}
 +
 
 +
 +
#pic{  background-image: url(https://static.igem.org/mediawiki/2015/d/d1/HUST_wetlab.jpg);
 +
                width:1349px;
 +
                height:650px;
 +
              float: left;
 +
              z-index: 0;
 +
          background-size: 100%,100%;
 +
          margin-top: 0px;}
 +
 
 +
.title{width: 900px; 
 +
                height:300px;
 +
              margin-left: 18%;
 +
                margin-top:80px;}
 +
    .pic_a img{width: 135px;
 +
    height: 120px;
 +
    }
 +
    .pic_a{float: left;
 +
            margin-top:50px;
 +
            width: 1349px;
 +
            text-align:center;
 +
              }
 +
 
 +
#maodian{float: left;
 +
              top: 50px;
 +
  position: fixed;
 +
  margin-top: 70px;  
 +
  z-index: -1;
 +
margin-left: 0px; }
 +
#maodian img{ padding-left: 2% ;
 +
width:150px;
 +
height: auto;
 +
}
 +
.btn
 +
{ background-color:#5d96a3;
 +
margin-left: 0px;
 +
width: 200px;
 +
font-size: 14px;
 +
padding-left: 1px;
 +
    }
 +
 
 +
.btn:hover,.btn:active {
 +
color:white;
 +
background-color:#004c6f;}
 +
 
 +
   
 +
    .description {margin-left: 20%;
 +
              margin-right: 20%;
 +
              margin-top: 50px;
 +
              text-align: left;
 +
              float: left;
 +
              font-size:16px;}
 +
    .description p{font-size: 16px;
 +
                        width:809px;}
 +
     
 +
    .dongxi{height:50px;}
 +
 
 +
 
 +
 +
      .scroll{
 +
width:100px;
 +
height:120px;
 +
background-image: url(https://static.igem.org/mediawiki/2015/8/87/Top.png);
 +
background-size: 100% 100%;
 +
position:fixed;
 +
right:10px;
 +
bottom:20px;
 +
cursor:pointer;
 +
opacity:0.6;
 +
}
 +
 +
 
 +
</style>
 +
<!--点击TOP回滚到顶部js如下：-->
 +
<script type="text/javascript">
 +
$(function(){
 +
showScroll();
 +
function showScroll(){
 +
$(window).scroll( function() {
 +
var scrollValue=$(window).scrollTop();
 +
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
 +
} );
 +
$('#scroll').click(function(){
 +
$("htmL,body").animate({scrollTop:0},500);
 +
});
 +
}
 +
})
 +
</script>
 +
<script type="text/javascript">
 +
$(function(){
 +
showdes();
 +
function showdes(){
 +
$('#to_des').click(function(){
 +
$("htmL,body").animate({scrollTop:720},800);
 +
});
 +
}
 +
})
 +
</script>
 +
</head>
 +
 
 +
<body >
 +
<div id="mid">
 +
<!--上栏-->
 +
 
 +
<div class="container header" >
 +
 +
<!--悬浮菜单-->
 
<!--悬浮菜单-->
 
<!--悬浮菜单-->
 
<div class="navbar">
 
<div class="navbar">
Line 74: Line 305:
 
           $('.dropdown-toggle').dropdown(); }); </script>
 
           $('.dropdown-toggle').dropdown(); }); </script>
 
</div>
 
</div>
 +
<!--标题栏-->
 +
<div id="pic" >
 +
<img class="title" src="https://static.igem.org/mediawiki/2015/8/83/HUST_WETLAB_1.PNG"/>
 +
<br>
 +
<div class="pic_a" >
 +
<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"/>
 +
</div>
 +
</div>
 +
 +
<!--描述-->
 +
 +
 +
<div align="center" class="description"><a name="description"></a><br><br>
 +
        <h2 style="color:black" align="left"><b>Wetlab Overview</b></h2>
 +
        <p style="font-size:20px">
 +
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. <br>
 +
Here we will show you our interesting <a href="https://2015.igem.org/Team:HUST-China/Results"><b>results</b></a> and how did we complete the <a href="https://2015.igem.org/Team:HUST-China/Experiments"><b>experiments</b></a>.<br>
 +
Also, we participated in the <a href="https://2015.igem.org/Team:HUST-China/InterLab_Study"><b>InterLab Study</b></a>, which made our project integrative and compareable.<br>
 +
If you curious about our daily life in the laboratory and want to know more about our experiment details, please follow to the <a href="https://2015.igem.org/Team:HUST-China/Notebook"><b>notebook</b></a> page!
 +
<br><br><br><br><br><br><br><br><br><br><br><br><br>
 +
    </p>
 +
    </div>
 +
 +
 +
<div class="scroll" id="scroll" style="display:none;"></div>
 +
</div>
 +
    </body> 
 +
  </html>

Latest revision as of 16:08, 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 integrative 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!