Team:Calgary/Sandbox3
From 2010.igem.org
(Difference between revisions)
(12 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | |||
<head> | <head> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | // Copyright 2006-2007 javascript-array.com | ||
+ | |||
+ | var timeout = 500; | ||
+ | var closetimer = 0; | ||
+ | var ddmenuitem = 0; | ||
+ | |||
+ | // open hidden layer | ||
+ | function mopen(id) | ||
+ | { | ||
+ | // cancel close timer | ||
+ | mcancelclosetime(); | ||
+ | |||
+ | // close old layer | ||
+ | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | ||
+ | |||
+ | // get new layer and show it | ||
+ | ddmenuitem = document.getElementById(id); | ||
+ | ddmenuitem.style.visibility = 'visible'; | ||
+ | |||
+ | } | ||
+ | // close showed layer | ||
+ | function mclose() | ||
+ | { | ||
+ | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; | ||
+ | } | ||
+ | |||
+ | // go close timer | ||
+ | function mclosetime() | ||
+ | { | ||
+ | closetimer = window.setTimeout(mclose, timeout); | ||
+ | } | ||
+ | |||
+ | // cancel close timer | ||
+ | function mcancelclosetime() | ||
+ | { | ||
+ | if(closetimer) | ||
+ | { | ||
+ | window.clearTimeout(closetimer); | ||
+ | closetimer = null; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | // close layer when click-out | ||
+ | document.onclick = mclose; | ||
+ | |||
+ | </script> | ||
<style> | <style> | ||
- | + | body{ | |
- | + | background-color: #EDEDED; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | p { | |
- | + | font-family: Verdana, sans-serif; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | a { | |
+ | font-family: Verdana, sans-serif; | ||
+ | } | ||
+ | |||
+ | img.bannerImage{ | ||
+ | margin-top: -56px; | ||
+ | margin-left: -5px; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.menuBar{ | ||
+ | margin-left: -5px; | ||
+ | width: 920px; | ||
+ | height: 25px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-top: -45px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | #nav { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | z-index: 30; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | font: bold 12px verdana; | ||
+ | } | ||
+ | |||
+ | #nav li a { | ||
+ | display: block; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 6px 10px; | ||
+ | width: 82px; | ||
+ | background: #8bff35; | ||
+ | color: #000; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | |||
+ | border-right: 2px solid #131313; | ||
+ | } | ||
+ | |||
+ | #nav li .menuend{ | ||
+ | border-right: 2px solid #8bff35; | ||
+ | width: 66px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #nav li a:hover { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | #nav div { | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #131313; | ||
+ | } | ||
+ | |||
+ | #nav div a { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin: 0; | ||
+ | padding: 5px 10px; | ||
+ | width: 150px; | ||
+ | white-space: nowrap; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | |||
+ | left: -2px; | ||
+ | background: #8bff35; | ||
+ | color: #000; | ||
+ | font: 12px Verdana; | ||
+ | border-left: 2px solid #131313; | ||
+ | border-right: 3px solid #8bff35; | ||
+ | } | ||
+ | |||
+ | #nav div a:hover { | ||
+ | background: #8bff35; | ||
+ | color: #FFF; | ||
+ | border-left: 2px solid #131313; | ||
+ | border-right: 3px solid #8bff35; | ||
+ | } | ||
+ | |||
+ | </style> | ||
</head> | </head> | ||
Line 32: | Line 159: | ||
<body> | <body> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | </ | + | <img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Header4.png" class="bannerImage" title="University of Calgary iGEM Team 2010"></img> |
+ | <div class="menuBar"> | ||
+ | <ul id="nav"> | ||
+ | |||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:Calgary" | ||
+ | onmouseover="mopen('m1')" | ||
+ | onmouseout="mclosetime()"> | ||
+ | Home</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Team" | ||
+ | onmouseover="mopen('m2')" | ||
+ | onmouseout="mclosetime()"> | ||
+ | Team</a> | ||
+ | <div id="m2" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | <a href="https://igem.org/Team.cgi?year=2010&team_name=Calgary">Official Team Profile</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Team/Biographies">Biographies</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Team/About_The_University">About the University</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Team/Acknowledgements">Acknowledgements</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Project" | ||
+ | onmouseover="mopen('m3')" | ||
+ | onmouseout="mclosetime()"> | ||
+ | Project</a> | ||
+ | <div id="m3" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Project">Overview</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Project/Transcription">Transcription/Translation</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Project/CpxP">Cpx Circuit</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Project/IbpAB">IbpAB Circuit</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Project/Acknowledgements">Acknowledgements</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="https://2010.igem.org/Team:Calgary/Parts" | ||
+ | onmouseover="mopen('m4')" | ||
+ | onmouseout="mclosetime()"> | ||
+ | Parts</a> | ||
+ | <div id="m4" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Parts/Parts_Submitted">Parts Submitted</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Parts/Favourites">Team Favourites</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Parts/Characterization">Characterization</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="https://2010.igem.org/Team:Calgary/Notebook" | ||
+ | onmouseover="mopen('m5')" | ||
+ | onmouseout="mclosetime()"> | ||
+ | Notebook</a> | ||
+ | <div id="m5" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Notebook/Calendar">Calendar</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Notebook/Future_Directions">Future Directions</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Notebook/Safety_And_Protocols">Safety and Protocols</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="https://2010.igem.org/Team:Calgary/Modelling" | ||
+ | onmouseover="mopen('m6')" | ||
+ | onmouseout="mclosetime()"> | ||
+ | Modelling</a> | ||
+ | <div id="m6" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Modelling/MATLAB">MATLAB</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Modelling/Maya">Animation</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="https://2010.igem.org/Team:Calgary/Community" | ||
+ | onmouseover="mopen('m7')" | ||
+ | onmouseout="mclosetime()"> | ||
+ | Community</a> | ||
+ | <div id="m7" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Community/Ethics">Ethics/Human Practices</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Community/Gallery">Gallery</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Community/Conferences">Conferences</a> | ||
+ | <a href="https://2010.igem.org/Team:Calgary/Community/Podcasts">Podcasts</a> | ||
+ | <a href="http://igemcalgary2010.blogspot.com" target="_blank">Visit Our Blog!</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2010.igem.org/Team:Calgary/Sponsors">Sponsors</a></li> | ||
+ | |||
+ | <li><a class="menuend" href="https://2010.igem.org/Team:Calgary/Extras">Extras</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 23:22, 24 October 2010