Team:Valencia/menu
From 2010.igem.org
(Difference between revisions)
Alejovigno (Talk | contribs) |
Alejovigno (Talk | contribs) |
||
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