Template:Paris/Menu
From 2008.igem.org
(Difference between revisions)
(296 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | #menu ul{ | + | |
+ | body { | ||
+ | background: #69c; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | padding: 0px 5px; | ||
+ | } | ||
+ | |||
+ | #p-logo a{ | ||
+ | color: transparent; | ||
+ | } | ||
+ | |||
+ | h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #menu { | ||
+ | margin: 0; | ||
+ | position: relative; | ||
+ | left: 70px; | ||
+ | top: -26px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #menu ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
list-style: none; | list-style: none; | ||
+ | text-align: center; | ||
} | } | ||
- | #menu | + | |
+ | #menu li { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
display: inline; | display: inline; | ||
- | |||
- | |||
- | |||
} | } | ||
- | #menu a { | + | |
- | + | #menu li a { | |
- | font | + | margin: 0; |
+ | padding: 0 8px; | ||
+ | font: 1.5em Arial, sans-serif; | ||
+ | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
- | + | border: dashed 1px transparent; | |
} | } | ||
- | #menu a:hover { | + | |
- | + | #menu li a:hover, #menu li a:focus, #menu li a:active { | |
+ | border: dashed 1px white; | ||
} | } | ||
+ | |||
+ | #menu li:not(:last-child) a:after { | ||
+ | padding-left: 8px; | ||
+ | content: ">"; | ||
+ | } | ||
+ | |||
+ | #links { | ||
+ | float: right; | ||
+ | margin: 1em; | ||
+ | padding: 0.8em; | ||
+ | border: dotted 1px #69c; | ||
+ | width: 13em; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | #links span { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .button { | ||
+ | font-size: 1.1em; | ||
+ | font-weight: bold; | ||
+ | cursor:pointer; | ||
+ | display: inline; | ||
+ | color: white; | ||
+ | background: #69c; | ||
+ | margin: 10px; | ||
+ | padding: 4px 8px | ||
+ | border: 10px solid f00; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px | ||
+ | } | ||
+ | |||
+ | pre {font-size: 1.2em} | ||
+ | span.keyword {color: #0000FF} | ||
+ | span.comment {color: #228B22} | ||
+ | span.string {color: #A020F0} | ||
+ | span.untermstring {color: #B20000} | ||
+ | span.syscmd {color: #B28C00} | ||
</style> | </style> | ||
- | < | + | <script type="text/javascript"> |
- | + | function toggle(layer){ | |
- | + | layer=document.getElementById(layer); | |
- | + | layer.style.display=((layer.style.display=="none") ? "block" : "none"); | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | function toggleNext(el) { | ||
+ | var next=el.nextSibling; | ||
+ | while(next.nodeType != 1) next=next.nextSibling; | ||
+ | next.style.display=((next.style.display=="none") ? "block" : "none"); | ||
+ | } | ||
- | < | + | function getElementsByTagAndClassName(tag,cname) { |
+ | var tags=document.getElementsByTagName(tag); | ||
+ | var cEls=new Array(); | ||
+ | for (i=0; i<tags.length; i++) { | ||
+ | var rE = new RegExp("(^|\s)" + cname + "(\s|$)"); | ||
+ | if (rE.test(tags[i].className)) { | ||
+ | cEls.push(tags[i]); | ||
+ | } | ||
+ | } | ||
+ | return cEls; | ||
+ | } | ||
+ | function toggleNextByTagAndClassName(tag,cname) { | ||
+ | var ccn="button"; | ||
+ | clickers=getElementsByTagAndClassName(tag,cname); | ||
+ | for (i=0; i<clickers.length; i++) { | ||
+ | clickers[i].className+=" "+ccn; | ||
+ | clickers[i].onclick=function() {toggleNext(this)} | ||
+ | toggleNext(clickers[i]); | ||
+ | } | ||
+ | } | ||
+ | window.onload=function(){ | ||
+ | toggleNextByTagAndClassName('div','toggleswitch'); | ||
+ | } | ||
+ | </script> | ||
- | < | + | <div id="header"><a href="https://2008.igem.org/Team:Paris"><img src="https://static.igem.org/mediawiki/2008/c/c7/ParisBanner.jpg"/></a></div> |
+ | <div id="menu"><ul> | ||
+ | <li><a href="https://2008.igem.org/Team:Paris/Project">Project</a></li> | ||
+ | <li><a href="https://2008.igem.org/Team:Paris/Analysis">Analysis</a></li> | ||
+ | <li><a href="https://2008.igem.org/Team:Paris/Construction">Construction</a></li> | ||
+ | <li><a href="https://2008.igem.org/Team:Paris/Characterization">Characterization</a></li> | ||
+ | <li><a href="https://2008.igem.org/Team:Paris/Perspectives">Perspectives</a></li> | ||
+ | </ul></div> | ||
+ | </html> | ||
+ | {|cellspacing="5" cellpadding="10" style="margin-top: 3px; background:#649CD7; width: 965px;" | ||
+ | |-valign="top" | ||
+ | |style="background:#fff"| |
Latest revision as of 07:30, 30 October 2008