Difference between revisions of "Team:ZJU-China/template test1"

 
(46 intermediate revisions by 4 users not shown)
Line 5: Line 5:
 
color: #022634;
 
color: #022634;
 
width:100%;
 
width:100%;
−
padding-top:80px;
+
padding-bottom:150px;
−
padding-bottom:20px;
+
 
}
 
}
 
  #sideMenu, #top_title {
 
  #sideMenu, #top_title {
Line 42: Line 41:
 
#top.bounce{
 
#top.bounce{
 
     -moz-animation-duration: 3s;
 
     -moz-animation-duration: 3s;
−
   -moz-animation-delay: 2s;
+
   -moz-animation-delay: 9s;
−
  -moz-animation-iteration-count: infinite;
+
 
  -webkit-animation-duration: 3s;
 
  -webkit-animation-duration: 3s;
−
   -webkit-animation-delay: 2s;
+
   -webkit-animation-delay: 9s;
−
  -webkit-animation-iteration-count: infinite;
+
 
}
 
}
 
#top {
 
#top {
Line 58: Line 55:
 
         right:0px;
 
         right:0px;
 
         font-family: Verdana, Geneva, sans-serif;
 
         font-family: Verdana, Geneva, sans-serif;
 +
color:#e5e5e5
 
}
 
}
 
#top1 {
 
#top1 {
Line 127: Line 125:
 
overflow:hidden;
 
overflow:hidden;
 
   }
 
   }
 +
.color3{
 +
    background-color:#031924;
 +
    color:white;
 +
    font-size:14px;
 +
    position:absolute;
 +
    width:100%;
 +
}
 +
.color3 address{
 +
    margin-left:20px;
 +
    margin-top:20px;
 +
    margin-bottom:20px;
 +
}
 +
.B{ display:none;
 +
margin-top:-10px;
 +
margin-bottom:-30px;
 +
padding-top:0px;
 +
padding-bottom:0px;
 +
}
 
@media screen and (max-width: 900px) {
 
@media screen and (max-width: 900px) {
 
.xwcms {display:none;}
 
.xwcms {display:none;}
 +
.A {display:none;}
 +
.B {display:inline;}
 
}  
 
}  
 
@media screen and (max-width: 900px) {
 
@media screen and (max-width: 900px) {
 
#top1 {display:none;}
 
#top1 {display:none;}
 +
#top{ bottom:0px;}
 
}  
 
}  
 
#lalala{
 
#lalala{
Line 245: Line 264:
 
     <!-- Bootstrap -->
 
     <!-- Bootstrap -->
 
   </head>
 
   </head>
−
  <div>
+
  <div class="A">
 
   <nav class="navbar navbar-default navbar-fixed-top" id="bar">
 
   <nav class="navbar navbar-default navbar-fixed-top" id="bar">
 
   <div class="container" style="padding-top:36px;">
 
   <div class="container" style="padding-top:36px;">
Line 254: Line 273:
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  
−
<ul class="nav navbar-nav">   
+
      <ul class="nav navbar-nav">   
−
  <li><a href="https://2016.igem.org/Team:ZJU-China" id="lalala">ZJU-China</a></li>
+
  <li><a href="https://2016.igem.org/Team:ZJU-China" id="lalala">Home</a></li>
−
</ul>
+
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Project<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" style="z-index:1;">
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Description">Description</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Design">Design</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Experiments">Experiments</a></li>         
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Proof">Proof of concept</a></li>
 +
            <li role="separator" class="divider"></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Results">Result</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Notebook">Notebook</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Demonstrate">Demonstrate</a></li>
  
−
      <ul class="nav navbar-nav" stylr="margin-left:100px;">   
+
          </ul>
 +
        </li>
 +
          <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Parts<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" style="z-index:1;">
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Parts">Parts</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Composite_Part">Composite Parts</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Part_Collection">Part collection</a></li>
 +
          </ul>
 +
        </li>
 +
  <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Modeling<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" style="z-index:1;">
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Model">Overview</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Model/first">Light Control</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Model/second">Infiltration</a></li>         
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Model/third">Oscillation</a></li>
 +
</ul>
 +
        </li>
 +
                <li><a href="https://2016.igem.org/Team:ZJU-China/Hardware" id="lalala">Hardware</a></li>
 +
                <li><a href="https://2016.igem.org/Team:ZJU-China/Safety" id="lalala">Safety</a></li>
 +
          <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Human Practice<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" style="z-index:1;">
 +
          <li><a href="https://2016.igem.org/Team:ZJU-China/Human_Practices">HP summary</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/HP/Silver">Silver</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/HP/Gold">Gold</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Engagement">Engagement</a></li>
 +
          </ul>
 +
        </li>
  
 +
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Team<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" style="z-index:1;">
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Team">Team</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Collaborations">Collaborations</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Attributions">Attributions</a></li>
 +
                   
 +
</ul>
 +
        </li>
 +
      </ul>
 +
 +
 +
 +
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
 +
</div>
 +
<div class="B">
 +
 +
<nav class="navbar navbar-default" role="navigation" style="background-color: #031924;
 +
  text-decoration: blink;
 +
  font-family: test;
 +
  transition: opacity 1s ease;
 +
  z-index:100;">
 +
<div class="container-fluid">
 +
<div class="navbar-header">
 +
<button type="button" class="navbar-toggle" data-toggle="collapse"
 +
data-target="#example-navbar-collapse">
 +
<span class="sr-only"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
<a class="navbar-brand" href="https://2016.igem.org/Team:ZJU-China">ZJU-China</a>
 +
</div>
 +
<div class="collapse navbar-collapse" id="example-navbar-collapse">
 +
<ul class="nav navbar-nav"> 
 +
<li><a href="https://2016.igem.org/Team:ZJU-China" id="lalala">Home</a></li>
 
         <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Project<span class="caret"></span></a>
 
         <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Project<span class="caret"></span></a>
−
           <ul class="dropdown-menu">
+
           <ul class="dropdown-menu" style="z-index:1;">
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Description">Description</a></li>
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Description">Description</a></li>
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Design">Design</a></li>
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Design">Design</a></li>
Line 274: Line 366:
 
         </li>
 
         </li>
 
           <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Parts<span class="caret"></span></a>
 
           <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Parts<span class="caret"></span></a>
−
           <ul class="dropdown-menu">
+
           <ul class="dropdown-menu" style="z-index:1;">
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Parts">Parts</a></li>
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Parts">Parts</a></li>
−
            <li><a href="https://2016.igem.org/Team:ZJU-China/Basic_Part">Basic parts</a></li>
 
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Composite_Part">Composite Parts</a></li>
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Composite_Part">Composite Parts</a></li>
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Part_Collection">Part collection</a></li>
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Part_Collection">Part collection</a></li>
Line 282: Line 373:
 
         </li>
 
         </li>
 
  <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Modeling<span class="caret"></span></a>
 
  <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Modeling<span class="caret"></span></a>
−
           <ul class="dropdown-menu">
+
           <ul class="dropdown-menu" style="z-index:1;">
−
             <li><a href="https://2016.igem.org/Team:ZJU-China/Model">Modeling overview</a></li>
+
             <li><a href="https://2016.igem.org/Team:ZJU-China/Model">Overview</a></li>
−
             <li><a href="https://2016.igem.org/Team:ZJU-China/Model/first">Degradation</a></li>
+
             <li><a href="https://2016.igem.org/Team:ZJU-China/Model/first">Light Control</a></li>
−
             <li><a href="https://2016.igem.org/Team:ZJU-China/Model/second">Light Control</a></li>           
+
             <li><a href="https://2016.igem.org/Team:ZJU-China/Model/second">Infiltration</a></li>           
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Model/third">Oscillation</a></li>
 
             <li><a href="https://2016.igem.org/Team:ZJU-China/Model/third">Oscillation</a></li>
 
  </ul>
 
  </ul>
Line 291: Line 382:
 
                 <li><a href="https://2016.igem.org/Team:ZJU-China/Hardware" id="lalala">Hardware</a></li>
 
                 <li><a href="https://2016.igem.org/Team:ZJU-China/Hardware" id="lalala">Hardware</a></li>
 
                 <li><a href="https://2016.igem.org/Team:ZJU-China/Safety" id="lalala">Safety</a></li>
 
                 <li><a href="https://2016.igem.org/Team:ZJU-China/Safety" id="lalala">Safety</a></li>
−
           <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Human
+
           <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Human Practice<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" style="z-index:1;">
 +
          <li><a href="https://2016.igem.org/Team:ZJU-China/Human_Practices">HP summary</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/HP/Silver">Silver</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/HP/Gold">Gold</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Engagement">Engagement</a></li>
 +
          </ul>
 +
        </li>
 +
 
 +
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lalala">Team<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" style="z-index:1;">
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Team">Team</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Collaborations">Collaborations</a></li>
 +
            <li><a href="https://2016.igem.org/Team:ZJU-China/Attributions">Attributions</a></li>
 +
                   
 +
</ul>
 +
        </li>
 +
      </ul>
 +
</div>
 +
</div>
 +
</nav>
 +
</div>
 +
 
 +
 
 +
<div id="top" class="animated infinite bounce slow"><a style="color:#990100;font-family:fsb;font-size:18px" href="#"><strong>Back to top</strong></a></div>
 +
<div id="top2" class="animated infinite bounce slow"><p><i class="icon-chevon-up-3x"></i></p></div>
 +
<div id="top1" class="xwcms"><a href="#"><img src="https://static.igem.org/mediawiki/2016/d/d2/Backtotop.png" id="image"></a></div>
 +
 
 +
</div>
 +
 
 +
</html>

Latest revision as of 03:45, 20 October 2016