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

(Created page with "<!--悬浮菜单--> <!--悬浮菜单--> <div class="navbar"> <div class="navbar-inner"> <div class="container"> <ul class="nav">...")
 
Line 1: Line 1:
−
<!--悬浮菜单-->
+
<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;
 +
margin-left: 0%;
 +
font-size:19px;
 +
    max-width: 22%;
 +
                padding-top:5px;
 +
            z-index: 2;}
 +
 
 +
.other-menu{float: left;
 +
margin-left:1.2%;
 +
font-size:19px;
 +
    max-width: 22%;
 +
                    padding-top:5px;
 +
                    z-index: 2;}
 +
 
 +
.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/d6/HUST_modeling.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:100px;
 +
            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">
 
    <div class="navbar-inner">
 
    <div class="navbar-inner">
Line 7: Line 238:
 
              <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 17: Line 248:
 
                         </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 29: Line 260:
 
                         </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>   
+
 
                    </ul>
 
                    </ul>
 
                         </li>
 
                         </li>
Line 40: Line 270:
 
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING<b class="caret"></b></a>  
 
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING<b class="caret"></b></a>  
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
−
                                        <li><a href="https://2015.igem.org/Team:HUST-China/Modeling">Overiew</a></li>
 
−
                                        <li class="divider"></li>
 
 
                          <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Cellular Level">Modeling on Cellular Level</a></li>
 
                          <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Cellular Level">Modeling on Cellular Level</a></li>
 
                          <li class="divider"></li>
 
                          <li class="divider"></li>
Line 49: Line 277:
  
 
                                 
 
                                 
−
                <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>
 +
                                         
 
                </li>
 
                </li>
  
−
              <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Safety">OTHERS<b class="caret"></b></a>
+
              <li class="dropdown other-menu" id="accountmenu">
 +
                    <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Safety">OTHERS<b class="caret"></b></a>
 
                    <ul class="dropdown-menu">
 
                    <ul class="dropdown-menu">
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li>
 
                        <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li>
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/c/c4/HUST_MODELING.png"/>
 +
<br>
 +
<div class="pic_a" >
 +
    <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2015/8/80/White.png"/>
 +
</div>
 +
</div>
 +
 +
<!--侧边栏-->
 +
<div id="maodian">
 +
<img src="https://static.igem.org/mediawiki/2015/d/da/Maodian.png" >
 +
<ul class="ul" >
 +
<li class="li"><a href="#1" class="btn btn-default btn-lg">Modeling on Ecosystem Level</a></li>
 +
<li class="li"><a href="#2" class="btn btn-default btn-lg">The “wake-up” problem</a></li>
 +
<li class="li"><a href="#3" class="btn btn-default btn-lg">The permeation problem</a></li>
 +
<li class="li"><a href="#4" class="btn btn-default btn-lg">Robustness Analysis</a></li>
 +
</ul>
 +
</div>
 +
 +
 +
 +
         
 +
<!--下一页
 +
<a href="https://2015.igem.org/Team:HUST-China/Experiments" class="nextpage">
 +
Next >>
 +
</a>-->
 +
<!--top-->
 +
<div class="scroll" id="scroll" style="display:none;"></div>
 +
</div>
 +
 +
 +
</body>
 +
</html>

Revision as of 13:29, 18 September 2015

Team:HUST-China:Modeling