Template:Paris/Menu
From 2008.igem.org
html> <style type="text/css">
body { background: #69c; }
- content {
padding: 0; }
- 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; text-align: center; }
- menu li {
margin: 0; padding: 0; display: inline; }
- menu li a {
margin: 0; padding: 0 8px; font: 1.5em Arial, sans-serif; color: white; text-decoration: none; border: dashed 1px transparent; }
- 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.2em; 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>
<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'); toggleToc();
} </script>
</html>