Template:NFLSIndex
From 2014hs.igem.org
(Difference between revisions)
AlexGorilla (Talk | contribs) |
AlexGorilla (Talk | contribs) |
||
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"> | ||
body { | body { | ||
Line 89: | Line 19: | ||
height: 180px; | height: 180px; | ||
z-index: 1; | z-index: 1; | ||
- | left: | + | left: 25px; |
- | top: | + | top: -5px; |
} | } | ||
#primary-nav { | #primary-nav { | ||
Line 97: | Line 27: | ||
height: 60px; | height: 60px; | ||
z-index: 2; | z-index: 2; | ||
- | left: | + | left: 313px; |
- | top: | + | top: 87px; |
font-size: large; | font-size: large; | ||
} | } | ||
Line 138: | Line 68: | ||
#main-nav { | #main-nav { | ||
position: absolute; | position: absolute; | ||
- | color:#FFF; | + | color: #FFF; |
- | width: | + | width: 100%; |
- | height: | + | height: 450px; |
z-index: 3; | z-index: 3; | ||
left: 0px; | left: 0px; | ||
- | top: | + | top: 156px; |
- | background- | + | background-repeat: repeat; |
} | } | ||
#navb-project { | #navb-project { | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index: 5; |
font-size: 24px; | font-size: 24px; | ||
text-align: right; | text-align: right; | ||
Line 154: | Line 84: | ||
#navb-biobricks { | #navb-biobricks { | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index: 6; |
font-size: 18px; | font-size: 18px; | ||
text-align: right; | text-align: right; | ||
Line 160: | Line 90: | ||
#navb-notebook { | #navb-notebook { | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index: 7; |
font-size: 20px; | font-size: 20px; | ||
text-align: right; | text-align: right; | ||
Line 166: | Line 96: | ||
#navb-safety { | #navb-safety { | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index: 8; |
font-size: 18px; | font-size: 18px; | ||
text-align: right; | text-align: right; | ||
Line 172: | Line 102: | ||
#navb-humanprac { | #navb-humanprac { | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index: 9; |
font-size: 18px; | font-size: 18px; | ||
text-align: right; | text-align: right; | ||
Line 178: | Line 108: | ||
#navb-team { | #navb-team { | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index: 10; |
font-size: 20px; | font-size: 20px; | ||
text-align: right; | text-align: right; | ||
Line 184: | Line 114: | ||
#navb-ourpartners { | #navb-ourpartners { | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index: 11; |
font-size: 18px; | font-size: 18px; | ||
text-align: right; | text-align: right; | ||
} | } | ||
#navb-context { | #navb-context { | ||
+ | display:none; | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index: 12; |
width: 400px; | width: 400px; | ||
height: 300px; | 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=" | + | <div id="logo"><img src="image/logo.jpg" width="288" height="180" alt="iGEM_NFLS" /></div> |
<div id="primary-nav"> | <div id="primary-nav"> | ||
<ul> | <ul> |
Revision as of 03:18, 19 June 2014