Team:Valencia/menu
From 2010.igem.org
(Difference between revisions)
Alejovigno (Talk | contribs) |
Alejovigno (Talk | contribs) |
||
(5 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 19: | Line 111: | ||
</div> | </div> | ||
<div class="submenuItem"> | <div class="submenuItem"> | ||
- | <a class="submenuItemLink" href="https://2010.igem.org/Team:Valencia/Akw"> | + | <a class="submenuItemLink" href="https://2010.igem.org/Team:Valencia/Akw">Acknowledgements</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 40: | Line 132: | ||
</div> | </div> | ||
<div class="submenuItem"> | <div class="submenuItem"> | ||
- | <a class="submenuItemLink" href="https://2010.igem.org/Team:Valencia/lea">Surviving | + | <a class="submenuItemLink" href="https://2010.igem.org/Team:Valencia/lea">Surviving on Mars</a> |
</div> | </div> | ||
<div class="submenuItem"> | <div class="submenuItem"> | ||
- | <a class="submenuItemLink" href="https://2010.igem.org/Team:Valencia/prion">Regulating | + | <a class="submenuItemLink" href="https://2010.igem.org/Team:Valencia/prion">Regulating Mars temperature</a> |
</div> | </div> | ||
</div> | </div> | ||
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"> | + | <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> | ||
Line 63: | Line 166: | ||
<div class="menuItem" onMouseOver="showMenu(this)" onMouseOut="hideMenu(this)"> | <div class="menuItem" onMouseOver="showMenu(this)" onMouseOut="hideMenu(this)"> | ||
- | <a class="menuItemLink" href="#">Human</a> | + | <a class="menuItemLink" href="#"><span style="font-size:15px; text-align: justify; vertical-align: sub;">Human Prac. </span></a> |
<div class="submenu"> | <div class="submenu"> | ||
<div class="submenuItem"> | <div class="submenuItem"> |
Latest revision as of 14:48, 23 October 2010