SaltedFish (Talk | contribs) |
|||
(43 intermediate revisions by 4 users not shown) | |||
Line 5: | Line 5: | ||
color: #022634; | color: #022634; | ||
width:100%; | width:100%; | ||
− | + | padding-bottom:150px; | |
− | padding-bottom: | + | |
} | } | ||
#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: | + | -moz-animation-delay: 9s; |
− | + | ||
-webkit-animation-duration: 3s; | -webkit-animation-duration: 3s; | ||
− | -webkit-animation-delay: | + | -webkit-animation-delay: 9s; |
− | + | ||
} | } | ||
#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"> | |
− | <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> |
− | </ | + | <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> | |
+ | </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/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"> | + | <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"> | + | <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"> | + | <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