Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 38: Line 38:
#menu { position: relative; top: 0; left: 0; overflow: hidden; height: 98px;}
#menu { position: relative; top: 0; left: 0; overflow: hidden; height: 98px;}
-
#menu .colourful { display: block; position: absolute; background: #f0ad22; height: 68px; width: 85px; top: 4px; left: -100px; }
+
#menu .colourful { display: block; position: absolute; background: #f0ad22; height: 35px; width: 85px; top: 4px; left: -100px; }
-
#menu ul { margin: 0; padding: 0; list-style: none; float: left; position: relative; top: 0; left: 0; z-index: 1; }
+
#menu ul { margin: 0; padding: 0; list-style: none; float: left; position: absolute; top: 0; left: 0; z-index: 1; }
#menu li { float: left; margin: 0 1px 0 0; }
#menu li { float: left; margin: 0 1px 0 0; }
-
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: 60px; }
+
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: 35px; }
#menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; }
#menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; }
Line 746: Line 746:
.ca-nav span:hover{
.ca-nav span:hover{
opacity:1.0;
opacity:1.0;
 +
}
 +
.subs
 +
{
 +
position: absolute;
 +
 +
background-color: #C5E2ED;
 +
 +
margin-top:40px;
 +
}
 +
.menuitem ul li
 +
{
 +
margin-top: 40px;
 +
 +
}
 +
.menuitem ul
 +
{
 +
position:absolute;
 +
left:0 px;
}
}
</style>
</style>
Line 779: Line 797:
<li class="menuitem">
<li class="menuitem">
             <a href="">Project</a>
             <a href="">Project</a>
-
<ul class="subs">
 
-
<li>
 
 +
<ul class="subs">
 +
<li>
 +
fas
 +
</li>
 +
<li>
 +
das
 +
</li>
 +
<li>
 +
das
</li>
</li>
</ul>  
</ul>  
Line 836: Line 861:
Control
Control
</div>
</div>
-
<script type="text/javascript">
 
-
 
-
$('.menuitem').hover(
 
-
function()
 
-
{
 
-
$(this).children().delay(300).fadeIn(500);
 
-
}
 
-
,
 
-
function()
 
-
{
 
-
$(".subs").delay(300).fadeOut(500);
 
-
}
 
-
);
 
-
</script>
 
<script type="text/javascript">  
<script type="text/javascript">  
Line 878: Line 889:
     });
     });
</script>
</script>
-
<script type=text/javascript>
+
 
-
$(".menuitem").hover(function()
+
-
{
+
-
$(.subs < this ).fadeIn();
+
-
});
+
-
</script>
+
</html>
</html>

Revision as of 15:23, 10 September 2012
Control

Retrieved from "http://2012.igem.org/Template:Queens_Canada/Header"