Team:Calgary/Sandbox

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-
<!--Color Scheme Blue:4AC6F7, Yellow:F3F778, Green:9ECF3E, White:FFFFFF, Dark Brown:30251A-->
+
<style>
-
 
+
-
<style type="text/css">
+
#nav {
#nav {
-
font-family:courier;
+
width: 750px;
-
font-style:bold;
+
height: 230px ;
-
 
+
-
width: 750px; height: 230px;
+
background: url(http://i242.photobucket.com/albums/ff10/somerndmguy/image2.png);
background: url(http://i242.photobucket.com/albums/ff10/somerndmguy/image2.png);
-
margin: 10px auto; padding: 0;
+
margin: 10px auto;
 +
padding: 0;
position: relative;
position: relative;
}
}
 +
#nav li {
#nav li {
-
/*floats main list items*/
 
margin: 0;
margin: 0;
-
float: left;
+
padding: 0;
-
display: block;
+
list-style: none;
-
margin-bottom: 50px;
+
position: absolute;
-
 
+
top: 0;
-
padding: 0; list-style: none;
+
-
position: absolute; top: 0;
+
-
 
+
-
border: 1px dashed black;
+
}
}
-
#nav li.off, #nav li.on {
+
#nav li, #nav a {
-
margin: 0; padding: 0; list-style: none;
+
height: 250px;
-
position: absolute; top: 0;
+
-
 
+
-
height: 230px; display: block;
+
-
}
+
-
 
+
-
 
+
-
#nav a {
+
-
height: 230px;
+
display: block;
display: block;
}
}
-
 
Line 52: Line 36:
-
 
+
#homepanel a:hover {
-
#nav li.off ul, #nav li.on ul {
+
background: transparent url(http://i242.photobucket.com/albums/ff10/somerndmguy/image2.png) 0 -230px no-repeat;
-
/*put the subnavs underneath main navs and hide them*/
+
-
display: none;
+
-
position: absolute;
+
-
top: 69px;
+
-
height: 15px;
+
-
left: 0;
+
-
padding-top: 10px;
+
}
}
-
#nav li a {
+
#teampanel a:hover {
-
/*affects all links on the list*/
+
background: transparent url(http://i242.photobucket.com/albums/ff10/somerndmguy/image2.png) -79px -230px no-repeat;
-
color: #f90
+
-
font-weight: bold;
+
-
display: block;
+
-
height: 15px;
+
-
width: auto;
+
-
padding: 5px;
+
-
border: solid 1px #4AC6F7;
+
}
}
-
#nav li.on a {
+
#projectpanel a:hover {
-
/*change border colour for active area*/
+
background: transparent url(http://i242.photobucket.com/albums/ff10/somerndmguy/image2.png) -159px -230px no-repeat;
-
border: 1px solid #9ECF3E;
+
}
}
-
#nav li.on ul a, #nav li.off ul a {
+
#notebookpanel a:hover {
-
float: left;
+
background: transparent url(http://i242.photobucket.com/albums/ff10/somerndmguy/image2.png) -266px -230px no-repeat;
-
/*cancel inheritance of border on subnav of active area*/
+
-
border: 0;
+
-
color: #FF0000;
+
-
width: auto;
+
-
padding-right: 15px;
+
}
}
-
#nav li.on ul {
+
#communitypanel a:hover {
-
/*display active subnav list*/
+
background: transparent url(http://i242.photobucket.com/albums/ff10/somerndmguy/image2.png) -478px -230px no-repeat;
-
display: block;
+
}
}
-
#nav li.off:hover ul {
+
#sponsorspanel a:hover {
-
/*displays other topics when the main menu item is hovered over*/
+
background: transparent url(http://i242.photobucket.com/albums/ff10/somerndmguy/image2.png) -613px -230px no-repeat;
-
display: block;
+
-
z-index: 10;
+
-
+
}
}
-
 
-
 
-
#nav li.off a:hover, #nav li.off:hover a {
 
-
background: #4AC6F7;
 
-
color: #30251A;
 
-
}
 
-
 
</style>
</style>
-
 
<body>
<body>
-
 
<ul id="nav">
<ul id="nav">
Line 164: Line 115:
<li class="off" id="sponsorspanel"><a href="#">Sponsors</a></li>
<li class="off" id="sponsorspanel"><a href="#">Sponsors</a></li>
</ul>
</ul>
 +
</body>
</body>
 +
</html>
</html>

Revision as of 23:14, 9 June 2010

Retrieved from "http://2010.igem.org/Team:Calgary/Sandbox"