Template:Paris/Menu

From 2008.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
html>
<style type="text/css">
<style type="text/css">

Revision as of 03:20, 30 October 2008

html> <style type="text/css">

body { background: #69c; }

  1. content {

padding: 0; }

  1. p-logo a{

color: transparent; }

h1.firstHeading { display: none; }

  1. menu {

margin: 0; position: relative; left: 70px; top: -26px; padding: 0; }

  1. menu ul {

margin: 0; padding: 0; list-style: none; text-align: center; }

  1. menu li {

margin: 0; padding: 0; display: inline; }

  1. menu li a {

margin: 0; padding: 0 8px; font: 1.5em Arial, sans-serif; color: white; text-decoration: none; border: dashed 1px transparent; }

  1. menu li a:hover, #menu li a:focus, #menu li a:active {

border: dashed 1px white; }

  1. menu li:not(:last-child) a:after {

padding-left: 8px; content: ">"; }

  1. links {

float: right; margin: 1em; padding: 0.8em; border: dotted 1px #69c; width: 13em; background: #fff; }

  1. 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>