Team:WashU/test

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{menu_style}}
+
<html>
 +
 
 +
<style>
 +
.menu{
 +
border:none;
 +
border:0px;
 +
margin:0px;
 +
padding:0px;
 +
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 +
font-size:14px;
 +
font-weight:bold;
 +
}
 +
.menu ul{
 +
background:#333333;
 +
height:35px;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
}
 +
.menu li{
 +
float:left;
 +
padding:0px;
 +
}
 +
.menu li a{
 +
background:#333333 url("images/seperator.gif") bottom right no-repeat;
 +
color:#cccccc;
 +
display:block;
 +
font-weight:normal;
 +
line-height:35px;
 +
margin:0px;
 +
padding:0px 25px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
 +
.menu li a:hover, .menu ul li:hover a{
 +
background: #2580a2 url("images/hover.gif") bottom center no-repeat;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
}
 +
.menu li ul{
 +
background:#333333;
 +
display:none;
 +
height:auto;
 +
padding:0px;
 +
margin:0px;
 +
border:0px;
 +
position:absolute;
 +
width:225px;
 +
z-index:200;
 +
/*top:1em;
 +
/*left:0;*/
 +
}
 +
.menu li:hover ul{
 +
display:block;
 +
 +
}
 +
.menu li li {
 +
background:url('images/sub_sep.gif') bottom left no-repeat;
 +
display:block;
 +
float:none;
 +
margin:0px;
 +
padding:0px;
 +
width:225px;
 +
}
 +
.menu li:hover li a{
 +
background:none;
 +
 +
}
 +
.menu li ul a{
 +
display:block;
 +
height:35px;
 +
font-size:12px;
 +
font-style:normal;
 +
margin:0px;
 +
padding:0px 10px 0px 15px;
 +
text-align:left;
 +
}
 +
.menu li ul a:hover, .menu li ul li:hover a{
 +
background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
 +
border:0px;
 +
color:#ffffff;
 +
text-decoration:none;
 +
}
 +
.menu p{
 +
clear:left;
 +
}
 +
</style>
 +
<body>
 +
<br>
 +
<br>
 +
<div class="menu">
 +
<ul>
 +
<li><a href="#" >Home</a></li>
 +
<li><a href="#" id="current">Products</a>
 +
<ul>
 +
<li><a href="#">Drop Down CSS Menus</a></li>
 +
<li><a href="#">Horizontal CSS Menus</a></li>
 +
<li><a href="#">Vertical CSS Menus</a></li>
 +
<li><a href="#">Dreamweaver Menus</a></li>
 +
  </ul>
 +
  </li>
 +
<li><a href="/faq.php">FAQ</a>
 +
                <ul>
 +
                <li><a href="#">Drop Down CSS Menus</a></li>
 +
                <li><a href="#">Horizontal CSS Menus</a></li>
 +
                <li><a href="#">Vertical CSS Menus</a></li>
 +
                <li><a href="#">Dreamweaver Menus</a></li>
 +
                </ul>
 +
          </li>
 +
<li><a href="/contact/contact.php">Contact</a></li>
 +
</ul>
 +
</div>
 +
 
 +
 
 +
</body>
 +
</html>

Revision as of 18:34, 4 July 2010