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