Template:Uppsala-SwedenTemplate

From 2011.igem.org

(Difference between revisions)
Line 244: Line 244:
-
ul {
+
#nav, #nav ul {
padding: 0;
padding: 0;
margin: 0;
margin: 0;
list-style: none;
list-style: none;
 +
line-height: 1;
}
}
-
li {
+
#nav a {
 +
display: block;
 +
width: 10em;
 +
}
 +
 
 +
#nav li {
float: left;
float: left;
-
position: relative;
 
width: 10em;
width: 10em;
}
}
-
li ul {
+
#nav li ul {
-
display: none;
+
position: absolute;
position: absolute;
-
top: 1em;
+
background: orange;
-
left: 0;
+
width: 10em;
 +
left: -999em;
}
}
-
li>ul {
+
#nav li:hover ul, #nav li.sfhover ul {
-
top: auto;
+
left: auto;
left: auto;
-
}
 
-
 
-
li:hover ul, li.over ul {
 
-
display: block;
 
}
}
#content {
#content {
clear: left;
clear: left;
 +
color: #ccc;
}
}
Line 302: Line 303:
</style>
</style>
<![endif]-->
<![endif]-->
 +
 +
 +
<script type="text/javascript"><!--//--><![CDATA[//><!--
<script type="text/javascript"><!--//--><![CDATA[//><!--
-
startList = function() {
+
 
-
if (document.all&&document.getElementById) {
+
sfHover = function() {
-
navRoot = document.getElementById("nav");
+
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
-
for (i=0; i<navRoot.childNodes.length; i++) {
+
for (var i=0; i<sfEls.length; i++) {
-
node = navRoot.childNodes[i];
+
sfEls[i].onmouseover=function() {
-
if (node.nodeName=="LI") {
+
this.className+=" sfhover";
-
node.onmouseover=function() {
+
}
-
this.className+=" over";
+
sfEls[i].onmouseout=function() {
-
}
+
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
-
node.onmouseout=function() {
+
-
this.className=this.className.replace(" over", "");
+
-
}
+
-
}
+
}
}
}
}
}
}
-
window.onload=startList;
+
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
//--><!]]></script>
 +
 +
 +
 +
</html>
</html>
<div class="container_16">
<div class="container_16">

Revision as of 18:15, 25 June 2011

Retrieved from "http://2011.igem.org/Template:Uppsala-SwedenTemplate"