Template:NFLSIndex
From 2014hs.igem.org
(Difference between revisions)
AlexGorilla (Talk | contribs) |
AlexGorilla (Talk | contribs) |
||
Line 76: | Line 76: | ||
<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 98: | Line 89: | ||
height: 180px; | height: 180px; | ||
z-index: 1; | z-index: 1; | ||
- | left: | + | left: 50px; |
top: 25px; | top: 25px; | ||
} | } | ||
Line 106: | Line 97: | ||
height: 60px; | height: 60px; | ||
z-index: 2; | z-index: 2; | ||
- | left: | + | left: 325px; |
top: 103px; | top: 103px; | ||
- | font-size: | + | font-size: large; |
} | } | ||
#primary-nav li{ | #primary-nav li{ | ||
Line 119: | Line 110: | ||
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; | ||
+ | color:#FFF; | ||
width: 1180px; | width: 1180px; | ||
height: 600px; | height: 600px; | ||
Line 156: | Line 148: | ||
#navb-project { | #navb-project { | ||
position: absolute; | position: absolute; | ||
- | |||
- | |||
- | |||
- | |||
z-index: 4; | z-index: 4; | ||
+ | font-size: 24px; | ||
+ | text-align: right; | ||
} | } | ||
#navb-biobricks { | #navb-biobricks { | ||
position: absolute; | position: absolute; | ||
- | |||
- | |||
- | |||
- | |||
z-index: 5; | z-index: 5; | ||
+ | font-size: 18px; | ||
+ | text-align: right; | ||
} | } | ||
#navb-notebook { | #navb-notebook { | ||
position: absolute; | position: absolute; | ||
- | |||
- | |||
- | |||
- | |||
z-index: 6; | z-index: 6; | ||
+ | font-size: 20px; | ||
+ | text-align: right; | ||
} | } | ||
#navb-safety { | #navb-safety { | ||
position: absolute; | position: absolute; | ||
- | |||
- | |||
- | |||
- | |||
z-index: 7; | z-index: 7; | ||
+ | font-size: 18px; | ||
+ | text-align: right; | ||
} | } | ||
#navb-humanprac { | #navb-humanprac { | ||
position: absolute; | position: absolute; | ||
- | |||
- | |||
- | |||
- | |||
z-index: 8; | z-index: 8; | ||
+ | font-size: 18px; | ||
+ | text-align: right; | ||
} | } | ||
#navb-team { | #navb-team { | ||
position: absolute; | position: absolute; | ||
- | |||
- | |||
- | |||
- | |||
z-index: 9; | z-index: 9; | ||
+ | font-size: 20px; | ||
+ | text-align: right; | ||
} | } | ||
#navb-ourpartners { | #navb-ourpartners { | ||
position: absolute; | position: absolute; | ||
- | |||
- | |||
- | |||
- | |||
z-index: 10; | z-index: 10; | ||
+ | font-size: 18px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | #navb-context { | ||
+ | position: absolute; | ||
+ | z-index: 11; | ||
+ | width: 400px; | ||
+ | height: 300px; | ||
} | } | ||
- | |||
</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> | ||
- | <li class="selected" id="nav-main"><a href="project.html">MAIN</a></li> | + | <li class="selected" id="nav-main" ><a href="project.html">MAIN</a></li> |
<li id="nav-project"><a href="project.html">PROJECT</a></li> | <li id="nav-project"><a href="project.html">PROJECT</a></li> | ||
- | + | <li id="nav-biobricks"><a href="biobricks.html">BIOBRICKS</a></li> | |
- | + | <li id="nav-notebook"><a href="notebook.html">NOTEBOOK</a></li> | |
<li id="nav-safety"><a href="safety.html">SAFETY</a></li> | <li id="nav-safety"><a href="safety.html">SAFETY</a></li> | ||
<li id="nav-humanpractice"><a href="humanpractice.html">HUMAN PRACTICE</a></li> | <li id="nav-humanpractice"><a href="humanpractice.html">HUMAN PRACTICE</a></li> | ||
- | <li id="nav-team"><a href=" | + | <li id="nav-team"><a href="team.html">TEAM</a></li> |
- | <li id=" | + | <li id="av-ourpartners"><a href="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> |
Revision as of 13:31, 18 June 2014