Template:NFLSIndex
From 2014hs.igem.org
(Difference between revisions)
AlexGorilla (Talk | contribs) |
AlexGorilla (Talk | contribs) |
||
(32 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <script type="text/javascript" src="jscript/jquery.js"></script> | ||
<title>iGEM Nanjing_NFLS</title> | <title>iGEM Nanjing_NFLS</title> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
+ | #menubar { font-size: 12px} | ||
div#contentSub{ | div#contentSub{ | ||
display: none; | display: none; | ||
position: absolute;left: 0px;top: 0px; | position: absolute;left: 0px;top: 0px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#p-logo { | #p-logo { | ||
height:0px; overflow:hidden; display: none; | height:0px; overflow:hidden; display: none; | ||
Line 37: | Line 20: | ||
border-top-width:0px; | border-top-width:0px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#contentSub { | #contentSub { | ||
Line 72: | Line 47: | ||
#footer-box{display:none;} | #footer-box{display:none;} | ||
#catlinks{display:none;} | #catlinks{display:none;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
body { | body { | ||
- | + | background-color: #E3E3E3; | |
- | + | ||
font: Calibri; | font: Calibri; | ||
} | } | ||
body,td,th { | body,td,th { | ||
font-size: x-large; | font-size: x-large; | ||
- | color: # | + | color: #000; |
font-family: Calibri; | font-family: Calibri; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#logo { | #logo { | ||
Line 108: | Line 63: | ||
height: 180px; | height: 180px; | ||
z-index: 1; | z-index: 1; | ||
- | left: | + | left: 25px; |
- | top: | + | top: -5px; |
} | } | ||
#primary-nav { | #primary-nav { | ||
Line 116: | Line 71: | ||
height: 60px; | height: 60px; | ||
z-index: 2; | z-index: 2; | ||
- | left: | + | left: 313px; |
- | top: | + | top: 87px; |
- | font-size:large; | + | font-size: large; |
} | } | ||
#primary-nav li{ | #primary-nav li{ | ||
Line 129: | Line 84: | ||
padding-top: 4px; | padding-top: 4px; | ||
overflow: hidden; | overflow: hidden; | ||
- | color: # | + | color: #000; |
padding-top: 4px; | padding-top: 4px; | ||
text-decoration: none; | text-decoration: none; | ||
border-top-width: 4px; | border-top-width: 4px; | ||
border-top-style: solid; | border-top-style: solid; | ||
- | border-top-color: # | + | border-top-color: #E3E3E3; |
} | } | ||
#nav-contactus a{ | #nav-contactus a{ | ||
- | border-top-color: # | + | border-top-color: #000 !important; |
margin-left: 0px; | margin-left: 0px; | ||
} | } | ||
#nav-contactus a:hover{ | #nav-contactus a:hover{ | ||
- | border-top-color: # | + | border-top-color: #2080C0 !important; |
} | } | ||
#primary-nav li a:hover{ | #primary-nav li a:hover{ | ||
- | color: # | + | color: #2080C0; |
} | } | ||
#primary-nav li.selected a{ | #primary-nav li.selected a{ | ||
- | border-top-color: # | + | border-top-color: #2080C0; |
- | color: # | + | color: #2080C0; |
} | } | ||
.trans { | .trans { | ||
- | background-color: | + | background-color: rgba(0, 0, 0, 0.5); |
- | filter:Alpha(opacity=50);/*只对ie7,ie8有效*/ | + | filter: Alpha(opacity=50);/*只对ie7,ie8有效*/ |
- | background:rgba(0, 0, 0, 0.5) | + | background: rgba(0, 0, 0, 0.5) |
} | } | ||
#main-nav { | #main-nav { | ||
position: absolute; | position: absolute; | ||
- | width: | + | color: #FFF; |
- | height: | + | width: 100%; |
+ | height: 450px; | ||
z-index: 3; | z-index: 3; | ||
- | left: | + | left: 0px; |
- | top: | + | top: 156px; |
- | background- | + | background-repeat: repeat; |
} | } | ||
#navb-project { | #navb-project { | ||
position: absolute; | position: absolute; | ||
- | + | z-index: 5; | |
- | + | font-size: 24px; | |
- | + | text-align: right; | |
- | + | ||
- | + | ||
} | } | ||
#navb-biobricks { | #navb-biobricks { | ||
position: absolute; | position: absolute; | ||
- | + | z-index: 6; | |
- | + | font-size: 18px; | |
- | + | text-align: right; | |
- | + | ||
- | + | ||
} | } | ||
#navb-notebook { | #navb-notebook { | ||
position: absolute; | position: absolute; | ||
- | + | z-index: 7; | |
- | + | font-size: 20px; | |
- | + | text-align: right; | |
- | + | ||
- | + | ||
} | } | ||
#navb-safety { | #navb-safety { | ||
position: absolute; | position: absolute; | ||
- | + | z-index: 8; | |
- | + | font-size: 18px; | |
- | + | text-align: right; | |
- | + | ||
- | + | ||
} | } | ||
#navb-humanprac { | #navb-humanprac { | ||
position: absolute; | position: absolute; | ||
- | + | z-index: 9; | |
- | + | font-size: 18px; | |
- | + | text-align: right; | |
- | + | ||
- | + | ||
} | } | ||
#navb-team { | #navb-team { | ||
position: absolute; | position: absolute; | ||
- | + | z-index: 10; | |
- | + | font-size: 20px; | |
- | + | text-align: right; | |
- | + | ||
- | + | ||
} | } | ||
#navb-ourpartners { | #navb-ourpartners { | ||
position: absolute; | position: absolute; | ||
- | + | z-index: 11; | |
- | + | font-size: 18px; | |
- | width: | + | text-align: right; |
- | height: | + | } |
- | z-index: | + | #navb-context { |
+ | display:none; | ||
+ | position: absolute; | ||
+ | z-index: 12; | ||
+ | width: 400px; | ||
+ | height: 300px; | ||
+ | } | ||
+ | .slides { | ||
+ | margin: 0px auto; | ||
+ | width: 100%; | ||
+ | height: 450px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | z-index: 4 | ||
+ | } | ||
+ | .slide-pic { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | width: 100%; | ||
+ | overflow: hidden; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .slide-pic img { | ||
+ | width: 100%; | ||
+ | height: 450px; | ||
+ | } | ||
+ | .slide-pic li { | ||
+ | display: none; | ||
+ | } | ||
+ | .slide-pic li.cur { | ||
+ | display: block; | ||
+ | } | ||
+ | .slide-li { | ||
+ | padding: 0px; | ||
+ | right: 50px; | ||
+ | bottom: 15px; | ||
+ | position: absolute; | ||
+ | float:left; | ||
+ | } | ||
+ | .slide-li li { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | width: 30px; | ||
+ | height:40px; | ||
+ | float:left; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .slide-li a { | ||
+ | width: 30px; | ||
+ | height: 20px; | ||
+ | color: #000; | ||
+ | font-size: 26px; | ||
+ | display: block; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | margin-bottom:5px; | ||
+ | } | ||
+ | .slide-li a:hover { | ||
+ | color: #ccc; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .slide-txt span { | ||
+ | display: none; | ||
} | } | ||
- | |||
</style> | </style> | ||
- | |||
- | |||
<body topmargin="20" width="1280" height="720"> | <body topmargin="20" width="1280" height="720"> | ||
- | <div id="logo"><img src="https://static.igem.org/mediawiki/2014hs/ | + | <div id="logo"><img src="https://static.igem.org/mediawiki/2014hs/7/73/NFLSLOGONEW.jpg" width="288" height="180" alt="iGEM_NFLS" /></div> |
<div id="primary-nav"> | <div id="primary-nav"> | ||
<ul> | <ul> | ||
- | <li | + | <li id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/main.html">MAIN</a></li> |
- | <li id="nav-project"><a href="project.html">PROJECT</a></li> | + | <li id="nav-project"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/project.html">PROJECT</a></li> |
- | + | <li id="nav-biobricks"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html">BIOBRICKS</a></li> | |
- | + | <li id="nav-notebook"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html">NOTEBOOK</a></li> | |
- | <li id="nav-safety"><a href="safety.html">SAFETY</a></li> | + | <li id="nav-safety"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/safety.html">SAFETY</a></li> |
- | <li id="nav-humanpractice"><a href="humanpractice.html">HUMAN PRACTICE</a></li> | + | <li id="nav-humanpractice"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html">HUMAN PRACTICE</a></li> |
- | <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team">TEAM</a></li> | + | <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li> |
- | <li id=" | + | <li id="av-ourpartners"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/ourpartners.html">OUR PARTNERS</a></li> |
<li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li> | <li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 09:50, 20 June 2014