Team:Technion/Template:Navigation
From 2012.igem.org
(Difference between revisions)
(63 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
- | /* | + | /*Hiding all original iGEM stuff*/ |
+ | h1.firstHeading { | ||
+ | |||
+ | visibility:hidden; | ||
+ | } | ||
+ | |||
#menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited { | #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited { | ||
color: #1D1D1B; | color: #1D1D1B; | ||
Line 7: | Line 12: | ||
/*Code to remove/overlay standard iGEM Header for blank canvas*/ | /*Code to remove/overlay standard iGEM Header for blank canvas*/ | ||
- | + | #center { | |
- | + | text-align:center; | |
- | + | ||
- | + | } | |
- | + | #p-logo { | |
- | + | visibility:hidden; | |
- | + | } | |
+ | #searchform { | ||
+ | visibility:hidden; | ||
+ | } | ||
- | + | .right-menu {width: 300px; background: none;} | |
- | + | .right-menu a:link, .right-menu a:visited { | |
- | + | ||
+ | color: #000; | ||
+ | background: none; | ||
+ | } | ||
- | + | .left-menu { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | background:none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | } | |
- | + | .left-menu a:link, .left-menu a:visited { | |
- | + | color: #000; | |
- | + | background: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #globalWrapper { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
+ | #menubar{ | ||
+ | margin-top: 10px; | ||
+ | background:none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
+ | #menubar:hover{ | ||
- | + | background:none; | |
- | + | ||
- | + | ||
- | background: | + | |
- | + | ||
- | + | ||
- | . | + | |
- | + | } | |
+ | #menubar ul:hover { | ||
+ | background:none; | ||
+ | |||
+ | |||
+ | } | ||
+ | #menubar.right-menu a:link, #menubar.right-menu a:visited, #menubar.right-menu a:hover, #menubar.left-menu a:link, #menubar.left-menu a:visited, #menubar.left-menu a:hover{ | ||
+ | |||
+ | color: #000; | ||
+ | background: none; | ||
} | } | ||
+ | #top-section{ | ||
- | + | border:none; | |
- | + | margin-bottom: -85px; | |
} | } | ||
+ | #catlinks{ | ||
+ | border:none; | ||
+ | display:none; | ||
+ | } | ||
+ | #content {padding:0px; width: 975px; border: none; background: none;} | ||
- | + | #footer-box { | |
- | background | + | background:none; |
+ | border:none; | ||
} | } | ||
- | + | body { | |
- | + | ||
+ | background: #FFFFFF; | ||
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
+ | font: normal 12px "Times New Roman", sans-serif; | ||
+ | } | ||
+ | </style> | ||
+ | <head> | ||
+ | <style> | ||
+ | /*table styles*/ | ||
+ | #table1 | ||
+ | { | ||
+ | border-collapse:collapse; | ||
+ | } | ||
+ | #table1 th, #table1 td | ||
+ | { | ||
+ | border: 1px solid black; | ||
+ | padding:3px 5px 2px 5px; | ||
+ | text-align: center; | ||
} | } | ||
- | + | /* navigation bar styles */ | |
- | + | #navbar { | |
- | padding: 0; | + | margin: 0; |
- | width: 100%; | + | padding: 0; |
- | + | height: 1em; | |
- | + | width: 100%; | |
- | background: # | + | 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> | ||
<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> | ||
</html> | </html> |
Latest revision as of 21:02, 26 September 2012