Team:Valencia/menu

From 2010.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
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">
Line 50: Line 142:
<div class="menuItem" onMouseOver="showMenu(this)" onMouseOut="hideMenu(this)">
<div class="menuItem" onMouseOver="showMenu(this)" onMouseOut="hideMenu(this)">
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Valencia/Parts">The Parts</a>
+
<a class="menuItemLink" href="">The Parts</a>
 +
                            <div class="submenu">
 +
                                        <div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:Valencia/Parts">Submitted Biobricks</a>
 +
</div>
 +
<!-- <div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:Valencia/MSC">Characterization</a>
 +
</div> -->
 +
                                        <div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:Valencia/Notebook/Calender">Notebook</a>
 +
</div>
 +
                          </div>
  </div>
  </div>

Latest revision as of 14:48, 23 October 2010