Team:Valencia/menu

From 2010.igem.org

(Difference between revisions)
 
Line 1: Line 1:
<html>
<html>
 +
 +
<style>
 +
#menu {
 +
width: 965px;
 +
height: 34px;
 +
background-color: transparent;
 +
 +
}
 +
 +
.menuItem {
 +
width: 100px;
 +
height: 34px;
 +
padding: 10px;
 +
background: url(https://static.igem.org/mediawiki/2010/e/e6/Mars_color.png) no-repeat top right;
 +
float: left;
 +
text-align: center;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
font-weight: bold;
 +
position: relative;
 +
}
 +
 +
.menuItem:hover {
 +
        opacity:1.1;
 +
}
 +
 +
.menuItemLink {
 +
font-weight: bold;
 +
color: #FFFFFF;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
text-decoration: none;
 +
}
 +
 +
.menuItemLink:visited {
 +
color: #41260B;
 +
}
 +
 +
.menuItemLink:hover {
 +
text-decoration:none;
 +
}
 +
 +
.submenuItemLink:visited {
 +
color: #C9833E;
 +
}
 +
 +
.submenu {
 +
width: 240px;
 +
height: auto;
 +
position: absolute;
 +
top: 34px;
 +
left: 0px;
 +
margin:-1px 0px 0px -1px;
 +
background-color: transparent;
 +
 +
display: none;
 +
text-align: left;
 +
}
 +
 +
.submenuItem {
 +
width: 236px;
 +
height: 34px;
 +
background-color: transparent;
 +
background: url(https://static.igem.org/mediawiki/2010/e/e6/Mars_color.png) no-repeat top right;
 +
font-weight: normal;
 +
margin: 1px 2px 1px 1px;
 +
}
 +
.submenuItemLink:hover {
 +
font-weight: bold;
 +
}
 +
 +
.submenuItemLink {
 +
font-weight: normal;
 +
text-decoration: none;
 +
color: #C9833E;
 +
margin: 1px 2px 1px 2px;
 +
}
 +
 +
</style>
 +
 +
<script type="text/javascript">
 +
function showMenu(callerObject) {
 +
// document.getElementById('sub1').style.display = 'block';
 +
callerObject.childNodes[3].style.display = 'block';
 +
}
 +
 +
function hideMenu(callerObject) {
 +
// document.getElementById('sub1').style.display = 'none';
 +
callerObject.childNodes[3].style.display = 'none';
 +
}
 +
</script>
 +
<div id="header">
<div id="header">

Latest revision as of 14:48, 23 October 2010