Team:NJU-QIBEBT/Team
From 2014.igem.org
(Difference between revisions)
(14 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
- | < | + | <title></title> |
+ | <meta charset="utf-8"> | ||
+ | <script src="http://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | $ | + | $(function(){ |
- | + | $(window).scroll(function(){ | |
- | + | var sTop = Math.max(document.body.scrollTop || document.documentElement.scrollTop); | |
- | + | ||
- | + | if(sTop > 260 ){ | |
- | + | $("#fixedMenu").css({'position':'fixed','top':'0'}); | |
- | + | $("#fixedMenu_2").css({ | |
- | + | 'display':'block' | |
- | + | }); | |
- | + | $("#top-section").css({ | |
- | }); | + | 'display':'none' |
- | + | }); | |
- | + | ||
- | + | } | |
- | + | else{ | |
- | + | $("#fixedMenu").css({'position':'relative'}) | |
- | + | $("#fixedMenu_2").css({ | |
- | + | 'display':'none' | |
- | + | }); | |
- | + | ||
- | + | } | |
- | + | }) | |
- | + | }) | |
- | + | ||
- | + | ||
- | }) | + | |
</script> | </script> | ||
+ | <link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | *{ | ||
+ | padding:0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | a{ | ||
+ | text-decoration: none; | ||
+ | color: #333333; | ||
+ | } | ||
+ | body{ | ||
+ | background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat; | ||
+ | } | ||
+ | #header{ | ||
+ | margin: 0 auto; | ||
+ | width: 100%; | ||
+ | } | ||
+ | /*========================*/ | ||
+ | #nav-bottom { | ||
+ | width: 100%; | ||
+ | height: 50px; | ||
+ | background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg"); | ||
+ | } | ||
+ | ul#nav_content{ | ||
+ | width: 960px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | ul#nav_content a{ | ||
+ | display: inline-block; | ||
+ | line-height: 50px; | ||
+ | color: #333333; | ||
+ | padding: 0 10px; | ||
+ | transition:all 0.4s; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | } | |
- | + | ul#nav_content a:hover{ | |
- | + | background-color: rgba(51,51,51,0.4); | |
- | + | color: whitesmoke; | |
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | } | ||
+ | ul#nav_content ul{ | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | margin-top: 0px; | ||
- | } | + | } |
- | # | + | ul#nav_content li{ |
- | + | float: left; | |
- | background: | + | } |
- | + | ul#nav_content li ul li{ | |
+ | background-color: rgba(51,51,51,0.3); | ||
+ | float: left; | ||
+ | border-radius: 3px; | ||
+ | transition:all 0.4s; | ||
- | } | + | } |
- | # | + | ul#nav_content li ul li{ |
- | + | } | |
- | + | ul#nav_content li ul{ | |
- | + | position: absolute; | |
+ | left: -999em; | ||
- | } | + | } |
- | # | + | #nav_content li:hover ul{ |
- | + | left: auto; | |
- | + | } | |
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | #top-section { | ||
+ | background:rgba(0,0,0,0.1);} | ||
+ | .firstHeading{ | ||
+ | display:none; } | ||
+ | li{ | ||
+ | list-style: none; | ||
+ | } | ||
+ | *{ | ||
+ | padding:0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | a{ | ||
+ | text-decoration: none; | ||
+ | color: #333333; | ||
+ | } | ||
+ | body{ | ||
+ | padding:0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | body{ | ||
+ | background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat; | ||
+ | padding:0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #header{ | ||
+ | margin: 0 auto; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #nav-top{ | ||
+ | width: 100%; | ||
+ | margin: 0 auto; | ||
+ | height: 100%; | ||
- | } | + | } |
- | # | + | /* |
- | + | #nav-bottom a{ | |
- | } | + | text-align: center; |
- | + | top: 14px; | |
- | # | + | position: relative; |
- | + | display: inline-block; | |
- | + | font-size: 18px; | |
- | + | height: 54px; | |
- | + | padding-left: 10px; | |
- | + | padding-right: 10px; | |
- | } | + | margin: 0; |
- | # | + | color: #e7e7e7; |
- | + | text-shadow: 2px 2px 3px #333333; | |
- | + | } | |
- | + | */ | |
- | + | #back_to_top { | |
- | + | position: fixed; | |
+ | left: 50%; | ||
+ | margin-left: 500px; | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | bottom: 30px; | ||
+ | background: url("https://static.igem.org/mediawiki/2014/2/2e/Nju_back_to_top.png"); | ||
+ | } | ||
+ | #back_to_top:hover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2014/3/35/Nju_back_to_top.gif"); | ||
+ | } | ||
+ | #footer{ | ||
+ | width: 100%; | ||
+ | background: url("https://static.igem.org/mediawiki/2014/6/6f/NJU_motif_grille.png") repeat; | ||
+ | height: 150px; | ||
- | } | + | } |
- | # | + | #footer #footerContent{ |
- | + | width: 960px; | |
- | } | + | overflow: hidden; |
- | # | + | color: #FAFAFA; |
- | + | margin: 0 auto; | |
- | font-size: | + | } |
- | width: | + | #footer #footerContent #footerLeft{ |
- | margin: | + | width: 400px; |
- | + | float: left; | |
- | + | margin-top: 10px; | |
+ | } | ||
+ | #footer #footerContent #footerRight{ | ||
+ | width: 500px; | ||
+ | float: right; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | #footer #footerContent p{ | ||
+ | padding-top: 5px; | ||
+ | font-family: 'PT Sans', sans-serif; | ||
+ | } | ||
+ | #footer #footerContent h3{ | ||
+ | font-size: 1.5em; | ||
+ | padding-top: 5px; | ||
+ | font-family: 'PT Sans', sans-serif; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | #nav-bottom { | ||
+ | width: 100%; | ||
+ | height: 50px; | ||
+ | background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg"); | ||
+ | } | ||
+ | #main{ | ||
+ | z-index: 99; | ||
+ | } | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | #header{ | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | #main{ | ||
+ | width: 960px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | #main #fixedMenu{ | ||
+ | padding:10px; | ||
+ | font-family: 'PT Sans', sans-serif; | ||
+ | font-size: 2.8em; | ||
+ | display: inline-block; | ||
+ | color: #e7e7e7; | ||
+ | background-color: rgba(51,51,51,0.5); | ||
+ | width: 200px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | #main p{ | ||
+ | font-size: 1.4em; | ||
+ | font-family: 'PT Sans', sans-serif; | ||
+ | } | ||
+ | #fixedMenu_2{ | ||
+ | display: none; | ||
+ | height: 36px; | ||
+ | } | ||
+ | #sideMenu{ | ||
+ | position: fixed; | ||
+ | display: none; | ||
+ | } | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | #main p{ | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | #main img{ | ||
+ | margin-left: 20px; | ||
+ | margin-top: 30px; | ||
+ | margin-bottom: 30px; | ||
+ | margin-left: 30px; | ||
+ | width: 80%; | ||
+ | } | ||
+ | </style> | ||
- | |||
</head> | </head> | ||
- | <body | + | <body> |
<div id="header"> | <div id="header"> | ||
- | <div id=" | + | <div id="nav-top"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/1/19/Day.jpg" width="100%"> |
- | + | </div> | |
- | <li><a href="/Team:NJU-QIBEBT | + | <div id="nav-bottom"> |
- | <li><a href=" | + | <ul id="nav_content"> |
- | + | <li class="menu"><a href="/Team:NJU-QIBEBT">HOME</a> | |
- | + | </li> | |
- | + | <li class="menu"><a href="background">PROJECT</a> | |
- | + | <ul> | |
- | + | <li><a href="/Team:NJU-QIBEBT/team/Overview">Overview</a></li> | |
- | + | <li><a href="/Team:NJU-QIBEBT/team/Backgroud">Backgroud</a></li> | |
+ | <li><a href="/Team:NJU-QIBEBT/Production module">Production module</a></li> | ||
+ | <li><a href="/Team:NJU-QIBEBT/Pumping out module">Pumping out module</a></li> | ||
+ | <li><a href="/Team:NJU-QIBEBT/Indicator module">Indicator module</a></li> | ||
+ | </ul> | ||
- | + | </li> | |
- | + | <li class="menu"><a href="/Team:NJU-QIBEBT/ACHIEVEMENT">ACHIEVEMENT</a> | |
+ | <ul> | ||
+ | <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Parts test results">Parts test results</a></li> | ||
+ | <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Modeling">Modeling</a></li> | ||
+ | <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Judging Criteria">Judging Criteria</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu"><a href="/Team:NJU-QIBEBT/wetlab">WET LAB</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:NJU-QIBEBT/wetlab/Protocol">Protocol</a></li> | ||
+ | <li><a href="/Team:NJU-QIBEBT/wetlab/Notebook">Notebook</a></li> | ||
+ | <li><a href="/Team:NJU-QIBEBT/wetlab/Parts">Parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu"><a href="/Team:NJU-QIBEBT/humanPractice">HUMAN PRACTICE</a></li> | ||
+ | <li class="menu"><a href="/Team:NJU-QIBEBT/SAFETY">SAFETY</a></li> | ||
+ | <li class="menu"><a href="/Team:NJU-QIBEBT/team">TEAM</a></li> | ||
+ | <li class="menu"><a href="/Team:NJU-QIBEBT/ACKNOWLEDGEMENT">ACKNOWLEDGEMENT</a></li> | ||
+ | </ul> | ||
+ | <!-- | ||
+ | <div id="content1" style="width: 720px;margin: 0 auto"> | ||
+ | <a href="/Team:NJU-QIBEBT/Extras" >Extras<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Safety">Safety</a><a href="/Team:NJU-QIBEBT/Modeling">Modeling</a><a href="/Team:NJU-QIBEBT/Practice" >Practice<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Parts">Parts</a><a href="/Team:NJU-QIBEBT/Team">Team</a><a href="/Team:NJU-QIBEBT/Project">Project</a><a href="/Team:NJU-QIBEBT">Home</a> | ||
+ | </div> | ||
+ | --> | ||
</div> | </div> | ||
</div> | </div> | ||
- | < | + | <div id="sideMenu" style="display: none"> |
+ | <ul> | ||
+ | <li><a>111111</a></li> | ||
+ | <li><a>222222</a></li> | ||
+ | <li><a>333333</a></li> | ||
+ | <li><a>444444</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="main" style="min-height:1000px"> | ||
- | <div id="footer"></div> | + | </div> |
+ | |||
+ | <div id="footer"> | ||
+ | <div id="footerContent"> | ||
+ | <div id="footerLeft"> | ||
+ | <img src=""> | ||
+ | </div> | ||
+ | |||
+ | <div id="footerRight"> | ||
+ | <h3>Nanjing University</h3> | ||
+ | <p>Address:No.22 Hankou Rd.,Gulou District, Nanjing, Jiangsu 210093,P.R.China. | ||
+ | </p> | ||
+ | <p>TEL:(+86)132999999999</p> | ||
+ | <p>Email:xxxx@163.com</p> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a href="#" id="back_to_top"></a> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 08:40, 14 October 2014