Team:Northwestern/Templates/Header
From 2012.igem.org
(Difference between revisions)
Purpleyuan (Talk | contribs) |
Purpleyuan (Talk | contribs) |
||
(30 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/*Main Header*/ | /*Main Header*/ | ||
#header1 { | #header1 { | ||
- | + | height: 170px; | |
- | height: | + | |
width: 100%; | width: 100%; | ||
position: relative; | position: relative; | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
- | margin: 0; | + | margin: 0;} |
- | + | #toIGEM { | |
- | + | top:0; | |
+ | height:60px; | ||
+ | width:600px; | ||
+ | display:block; | ||
+ | float:right; | ||
+ | vertical-align:top; | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2012/f/fc/Css_sprite_return.png") center top no-repeat; | ||
+ | background-position:0 0; } | ||
+ | #toIGEM:hover { | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2012/f/fc/Css_sprite_return.png") center top no-repeat; | ||
+ | background-position:0 -60px; } | ||
#headerContainer { | #headerContainer { | ||
- | + | clear:both; | |
position: relative; | position: relative; | ||
width: 1000px; | width: 1000px; | ||
height: 150px; | height: 150px; | ||
margin: auto;} | margin: auto;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
Line 67: | Line 38: | ||
<div id="header1"> | <div id="header1"> | ||
- | <div id="headerContainer"> | + | <div style="width:1000px; margin:auto;"> |
- | <img style="margin-top: | + | <a id="toIGEM" href="https://2012.igem.org"></a> |
+ | </div> | ||
+ | <div id="headerContainer" style="top:-40px"> | ||
+ | <a href="https://2012.igem.org/Team:Northwestern"><img style="margin-top:20px; float:left;" src="https://static.igem.org/mediawiki/2012/c/c2/Bannerlogo.png"></a> | ||
<div class="nav"> | <div class="nav"> | ||
<ul id="menu" class="menu"> | <ul id="menu" class="menu"> | ||
- | |||
<li><a href="#">Team</a> | <li><a href="#">Team</a> | ||
<ul> | <ul> | ||
- | <li | + | <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Northwestern">Official</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Northwestern/Team">Profiles</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Northwestern/Attributions">Attributions</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="#">Project</a> | <li><a href="#">Project</a> | ||
<ul> | <ul> | ||
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Northwestern/Project">At a Glance</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Northwestern/Project/Background">Background</a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Northwestern/Project/Results">Results</a></li> |
+ | <li><a href="https://2012.igem.org/Team:Northwestern/Parts">Parts</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Northwestern/Modeling">Modelling</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="#">Notebook</a> | <li><a href="#">Notebook</a> | ||
- | <ul | + | <ul> |
- | + | <li><a href="https://2012.igem.org/Team:Northwestern/Protocols">Protocols</a></li> | |
- | + | <li><a href="https://2012.igem.org/Team:Northwestern/Notebook">Weekly Reports</a></li> | |
- | + | </ul> | |
+ | </li> | ||
+ | <li><a href="#">Outreach</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Northwestern/Outreach/CTD">High School</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Northwestern/Outreach/Video">Collaboration</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Northwestern/Safety">Safety</a> | ||
+ | <ul> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | |||
</ul> | </ul> | ||
</div> | </div> | ||
Line 100: | Line 82: | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'}); | var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'}); | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 23:50, 3 October 2012