Template:Paris/Menu

From 2008.igem.org

(Difference between revisions)
 
(287 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
 +
body {
 +
background: #69c;
 +
}
 +
 +
#content {
 +
padding: 0px 5px;
 +
}
 +
 +
#p-logo a{
 +
color: transparent;
 +
}
 +
 +
h1.firstHeading {
 +
display: none;
 +
}
 +
#menu {
#menu {
-
height: 208px;
+
margin: 0;
-
background: url(https://static.igem.org/mediawiki/2008/4/4c/Panoramique.jpg) no-repeat center;
+
position: relative;
 +
left: 70px;
 +
top: -26px;
 +
padding: 0;
}
}
-
#menu ul{
+
 
 +
#menu ul {
 +
margin: 0;
 +
padding: 0;
list-style: none;
list-style: none;
-
padding-top: 180px;
+
text-align: center;
}
}
-
#menu li{
+
 
 +
#menu li {
 +
margin: 0;
 +
padding: 0;
display: inline;
display: inline;
-
padding: 3px;
 
-
border: thin solid black;
 
-
background: lavender;
 
}
}
-
#menu a {
+
 
-
font-size: 10pt;
+
#menu li a {
-
font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
+
margin: 0;
 +
padding: 0 8px;
 +
font: 1.5em Arial, sans-serif;
 +
color: white;
text-decoration: none;
text-decoration: none;
-
color: DarkBlue;
+
border: dashed 1px transparent;
}
}
-
#menu a:hover {
+
 
-
color: #FF6633;
+
#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>
-
<center>
+
<script type="text/javascript">
-
<div id=menu>
+
function toggle(layer){
-
<ul>
+
layer=document.getElementById(layer);
-
<li><a href="https://2008.igem.org/Team:Paris">Home</a></li>
+
layer.style.display=((layer.style.display=="none") ? "block" : "none");
-
<li><a href="https://2008.igem.org/Team:Paris/Team">The Team</a></li>
+
}
-
<li><a href="https://2008.igem.org/Team:Paris/Project">The Project</a></li>
+
-
<li><a href="https://2008.igem.org/Team:Paris/Parts">Parts Submitted to the Registry</a></li>
+
-
<li><a href="https://2008.igem.org/Team:Paris/Modeling">Modeling</a></li>
+
-
<li><a href="https://2008.igem.org/Team:Paris/Notebook">☣ Notebook ☣</a></li>
+
-
<li><a href="http://www.igem-paris.org/">Our Website</a></li>
+
-
</ul>
+
-
</div>
+
-
</center>
+
-
</html>
+
-
<!-- preserve line breaks -->
+
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

Retrieved from "http://2008.igem.org/Template:Paris/Menu"