Team:Technion/Template:Navigation
From 2012.igem.org
(Difference between revisions)
(55 intermediate revisions not shown) | |||
Line 79: | Line 79: | ||
display:none; | display:none; | ||
} | } | ||
- | #content {padding:0px; width: 975px; border:none; background: none;} | + | #content {padding:0px; width: 975px; border: none; background: none;} |
#footer-box { | #footer-box { | ||
Line 86: | Line 86: | ||
} | } | ||
- | + | body { | |
background: #FFFFFF; | background: #FFFFFF; | ||
Line 93: | Line 93: | ||
-o-background-size: cover; | -o-background-size: cover; | ||
background-size: cover; | background-size: cover; | ||
- | + | font: normal 12px "Times New Roman", sans-serif; | |
- | + | } | |
</style> | </style> | ||
<head> | <head> | ||
<style> | <style> | ||
- | + | /*table styles*/ | |
- | + | #table1 | |
- | + | { | |
- | + | border-collapse:collapse; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #table1 th, #table1 td | |
- | + | { | |
- | + | border: 1px solid black; | |
- | + | padding:3px 5px 2px 5px; | |
- | padding: | + | text-align: center; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | /* navigation bar styles */ | ||
+ | #navbar { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | height: 1em; | ||
+ | width: 100%; | ||
+ | background: transparent; } | ||
+ | #navbar li { | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | margin:0 2px 0 0; | ||
+ | background-color: #77C16A ; | ||
+ | font: normal 16px "Times New Roman", sans-serif; } | ||
+ | #navbar li a { | ||
+ | display: block; | ||
+ | margin:0 2px 0 0; | ||
+ | padding: 4px 8px 2px 7px; | ||
+ | letter-spacing: 1px; | ||
+ | color: #fff; | ||
+ | text-decoration: none; } | ||
+ | #navbar li ul { | ||
+ | display: none; | ||
+ | width: 10em; /* Width to help Opera out */ | ||
+ | background-color: #77C16A ;} | ||
+ | #navbar li:hover { | ||
+ | background-color: #00632d; } | ||
+ | #navbar li:hover ul, #navbar li.hover ul { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | margin: 0; | ||
+ | padding: 0; } | ||
+ | #navbar li:hover li, #navbar li.hover li { | ||
+ | float: none; } | ||
+ | #navbar li:hover li a, #navbar li.hover li a { | ||
+ | background-color: #77C16A ; | ||
+ | border-bottom: 1px solid #fff; | ||
+ | color: #fff; } | ||
+ | #navbar li li a:hover { | ||
+ | background-color: #00632d; } | ||
+ | </style> | ||
- | . | + | <script> |
- | + | // Javascript originally by Patrick Griffiths and Dan Webb. | |
- | + | // http://htmldog.com/articles/suckerfish/dropdowns/ | |
- | + | sfHover = function() { | |
- | + | var sfEls = document.getElementById("navbar").getElementsByTagName("li"); | |
- | + | for (var i=0; i<sfEls.length; i++) { | |
- | + | sfEls[i].onmouseover=function() { | |
- | + | this.className+=" hover"; | |
- | + | } | |
- | + | sfEls[i].onmouseout=function() { | |
- | . | + | this.className=this.className.replace(new RegExp(" hover\\b"), ""); |
- | + | } | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | } | + | |
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | </script> | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<img src="https://static.igem.org/mediawiki/2012/5/52/Technion_banner.jpg"> | <img src="https://static.igem.org/mediawiki/2012/5/52/Technion_banner.jpg"> | ||
- | < | + | <ul id="navbar"> |
+ | <!-- The strange spacing herein prevents an IE6 whitespace bug. --> | ||
+ | <li><a href="https://2012.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png" width="27" height="19.5"></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion">Home</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Team">Team</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Team Gallery">Gallery</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Technion">Team Profile</a></li> | ||
+ | </ul></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Project/Description">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Project/Description">Project description</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Project/Overview">Overview</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Project/YES_gates">YES gates</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Project/RS">Riboswitch (RS)</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Project/RNAPs">RNA polymerases</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Project/Reporter">Reporter system standard</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Project/Phage">The phage</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Modeling">Modeling</a></li></ul> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Parts">Parts</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Safety">Safety</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Attributions">Attributions & Achievements </a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Technion/Human Practices/Articles">Human Practices</a> | ||
<ul> | <ul> | ||
- | + | <li><a href="https://2012.igem.org/Team:Technion/Human Practices/Articles">Articles about us</a> | |
- | <li><a href="https://2012.igem.org/Team:Technion | + | <li><a href="https://2012.igem.org/Team:Technion/Human Practices/High School Lecture">High School lecture</a> |
- | + | </ul> </li> | |
- | + | <li><a href="https://2012.igem.org/Team:Technion/Sponsors">Sponsors & Thanks</a></li> | |
- | <li><a href="https://2012.igem.org/Team:Technion/ | + | </ul> |
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <li><a href="https://2012.igem.org/Team:Technion/Sponsors" | + | |
- | </ul | + | |
- | + | ||
<br><br> | <br><br> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 21:02, 26 September 2012