Template:SLOtemp

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript" >
+
<head>
-
// JavaScript Document
+
<style type="text/css" media="screen">
-
startList = function() {
+
/**************** menu coding *****************/
-
if (document.all&&document.getElementById) {
+
#menu {
-
navRoot = document.getElementById("nav");
+
width: 12em;
-
for (i=0; i<navRoot.childNodes.length; i++) {
+
background: #fff;
-
node = navRoot.childNodes[i];
+
-
if (node.nodeName=="LI") {
+
-
node.onmouseover=function() {
+
-
this.className+=" over";
+
-
  }
+
-
  node.onmouseout=function() {
+
-
  this.className=this.className.replace(" over", "");
+
-
  }
+
-
  }
+
-
  }
+
-
}
+
}
}
-
window.onload=startList;
 
-
</script>
 
-
<style type="text/css">
 
-
body {
 
-
font: normal 11px verdana;
 
-
}
 
-
.test ul {
+
#menu ul {
-
margin: 0;
+
list-style: none;
-
padding: 0;
+
margin: 0;
-
list-style: none;
+
padding: 0;
-
width: 130px; /* Width of Menu Items */
+
}
-
border-bottom: 1px solid #ccc;
+
-
}
+
-
.test ul li {
+
#menu a, #menu h2 {
-
position: relative;
+
font-size:24px;
-
}
+
font-family:Agency FB;
-
+
color:#64606b;
-
.test li ul {
+
text-align:center;
-
position: absolute;
+
display: block;
-
left: 129px; /* Set 1px less than menu width */
+
border-width: 1px;
-
top: 0;
+
border-style: dotted;
-
display: none;
+
border-color: #ccc #888 #555 #bbb;
-
}
+
margin: 0;
 +
padding: 2px 3px;
 +
}
 +
#menu h2 {
 +
color: #000066;
 +
background: #000;
 +
text-transform: uppercase;
 +
}
 +
#menu a {
 +
color: #000066;
 +
background: #ffffff;
 +
text-decoration: none;
 +
}
-
/* Styles for Menu Items */
+
#menu a:hover {
-
.test ul li a {
+
color: #64606b;
-
display: block;
+
background: #fff;
-
text-decoration: none;
+
}
-
color: #777;
+
-
background: #fff; /* IE6 Bug */
+
-
padding: 5px;
+
-
border: 1px solid #ccc;
+
-
border-bottom: 0;
+
-
font-size:24px;
+
#menu li {
-
font-family:Agency FB;
+
position: relative;
-
color:#64606b;
+
}
-
z-index:-99;
+
-
text-align:center;
+
-
}
+
-
/* Fix IE. Hide from IE Mac \*/
+
#menu ul ul ul {
-
* html ul li { float: left; height: 1%; }
+
position: absolute;
-
* html ul li a { height: 1%; }
+
top: 0;
-
/* End */
+
left: 100%;
 +
width: 100%;
 +
}
 +
 
 +
div#menu ul ul ul,
 +
div#menu ul ul li:hover ul ul
 +
{display: none;}
 +
 
 +
div#menu ul ul li:hover ul,
 +
div#menu ul ul ul li:hover ul
 +
{display: block;}
-
.test ul li a:hover { color: #000066; background: #f9f9f9; } /* Hover Styles */
 
-
 
-
.test li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
 
-
 
-
.test li:hover ul, li.over ul { display: block; } /* The magic */
 
</style>
</style>
 +
<!--[if IE]>
 +
<style type="text/css" media="screen">
 +
#menu ul li {float: left; width: 100%;}
 +
</style>
 +
<![endif]-->
 +
<!--[if lt IE 7]>
 +
<style type="text/css" media="screen">
 +
body {
 +
behavior: url(csshover.htc);
 +
font-size: 100%;
 +
}
 +
#menu ul li {float: left; width: 100%;}
 +
#menu ul li a {height: 1%;}
 +
#menu a, #menu h2 {
 +
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
 +
}
 +
 +
</style>
 +
<![endif]-->
 +
</head>
</html>
</html>
Line 100: Line 110:
KONEC SKRITE VSEBINE -->
KONEC SKRITE VSEBINE -->
-
<div class="test">
+
<div id="menu">
-
<ul id="nav">  
+
<ul>
-
  <li><a href="https://2009.igem.org/Team:Slovenia"><strong>home</strong></a></li>
+
   <li>
-
  <li><a href="https://2009.igem.org/Team:Slovenia/Members"><strong>the team</strong></a></li>
+
-
  <li><a href="https://2009.igem.org/Team:Slovenia/Project"><strong>the project</strong></a>
+
-
    <ul>
+
-
      <li><a href="https://2009.igem.org/Team:Slovenia/Project/Background"><strong>subsite</strong></a></li>
+
-
      <li><a href="#"><strong>subsite2</strong></a></li>
+
-
      <li><a href="#"><strong>subsite3</strong></a></li>
+
-
    </ul>  
+
-
   </li>
+
-
  <li><a href="https://2009.igem.org/Team:Slovenia/Biobrick"><strong>bioBRICKs <br>&<br> standards</strong></a> </li>
+
-
<li><a href="https://2009.igem.org/Team:Slovenia/Support"><strong>support</strong></a></li>  
+
-
</ul>  
+
    <ul>
 +
      <li><a href="https://2009.igem.org/Team:Slovenia"><strong>home</strong></a></li>
 +
      <li><a href="https://2009.igem.org/Team:Slovenia/Members"><strong>the team</strong></a></li>
 +
      <li><a href="https://2009.igem.org/Team:Slovenia/Project"><strong>the project</strong></a>
 +
        <ul>
 +
          <li><a href="tutorial-h.html" title="">subsite1</a>
 +
            <ul>
 +
              <li><a href="hs1.html" title="">subsite1_1</a></li>
 +
              <li><a href="hs1.html" title="">subsite1_2</a></li>
 +
              <li><a href="hs1.html" title="">subsite1_3</a></li>
 +
              <li><a href="hs1.html" title="">subsite1_4</a></li>
 +
            </ul>
 +
          </li>
 +
        </ul>
 +
      </li>
 +
      <li><a href="https://2009.igem.org/Team:Slovenia/Biobrick"><strong>bioBRICKs <br>&<br> standards</strong></a> </li>
 +
      <li><a href="https://2009.igem.org/Team:Slovenia/Support"><strong>support</strong></a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
</div>
</div>
</html>
</html>

Revision as of 19:59, 17 October 2009

{{{Content}}}



Locations of visitors to this page
Retrieved from "http://2009.igem.org/Template:SLOtemp"