Team:Calgary/Sandbox
From 2010.igem.org
(Difference between revisions)
Line 8: | Line 8: | ||
font-family:courier; | font-family:courier; | ||
font-style:bold; | font-style:bold; | ||
+ | |||
+ | width: 750px; height: 230px; | ||
+ | background: url(http://i242.photobucket.com/albums/ff10/somerndmguy/image2.png); | ||
+ | margin: 10px auto; padding: 0; | ||
+ | position: relative; | ||
} | } | ||
Line 16: | Line 21: | ||
display: block; | display: block; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
+ | |||
+ | padding: 0; list-style: none; | ||
+ | position: absolute; top: 0; | ||
border: 1px dashed black; | border: 1px dashed black; | ||
} | } | ||
+ | |||
+ | |||
+ | #nav li.off, #nav li.on { | ||
+ | margin: 0; padding: 0; list-style: none; | ||
+ | position: absolute; top: 0; | ||
+ | |||
+ | height: 230px; display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | #nav a { | ||
+ | height: 230px; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #homepanel{left: 0; width: 78px;} | ||
+ | #teampanel{left: 79px; width: 80px;} | ||
+ | #projectpanel{left: 159px; width: 106px;} | ||
+ | #notebookpanel{left: 266px; width: 212px;} | ||
+ | #communitypanel{left: 478px; width: 135px;} | ||
+ | #sponsorspanel{left: 613px; 153px;} | ||
+ | |||
Line 89: | Line 121: | ||
<ul id="nav"> | <ul id="nav"> | ||
- | <li class="off"><a href="#">Home</a> | + | <li class="off" id="homepanel"><a href="#">Home</a> |
<ul> | <ul> | ||
<li><a href="#">News</a></li> | <li><a href="#">News</a></li> | ||
Line 95: | Line 127: | ||
</li> | </li> | ||
- | <li class="off"><a href="#">Team</a> | + | <li class="off" id="teampanel"><a href="#">Team</a> |
<ul> | <ul> | ||
<li><a href="#">Undergraduates</a></li> | <li><a href="#">Undergraduates</a></li> | ||
Line 103: | Line 135: | ||
</li> | </li> | ||
- | <li class="on"><a href="#">Project</a> | + | <li class="on" id="projectpanel"><a href="#">Project</a> |
<ul> | <ul> | ||
<li><a href="#">Project Overview</a></li> | <li><a href="#">Project Overview</a></li> | ||
Line 113: | Line 145: | ||
- | <li class="off"><a href="#">Notebook and Parts</a> | + | <li class="off" id="notebookpanel"><a href="#">Notebook and Parts</a> |
<ul> | <ul> | ||
<li><a href="#">Notebook</a></li> | <li><a href="#">Notebook</a></li> | ||
Line 122: | Line 154: | ||
</li> | </li> | ||
- | <li class="off"><a href="#">Community</a> | + | <li class="off" id="communitypanel"><a href="#">Community</a> |
<ul> | <ul> | ||
<li><a href="#">Ethics</a></li> | <li><a href="#">Ethics</a></li> | ||
Line 130: | Line 162: | ||
</li> | </li> | ||
- | <li class="off"><a href="#">Sponsors</a></li> | + | <li class="off" id="sponsorspanel"><a href="#">Sponsors</a></li> |
</ul> | </ul> | ||
Revision as of 23:33, 8 June 2010