Template:Paris/Menu

From 2008.igem.org

(Difference between revisions)
 
(297 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
#navmenu 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;
}
}
-
#navmenu ul li{
+
 
 +
#menu li {
 +
margin: 0;
 +
padding: 0;
display: inline;
display: inline;
-
padding: 3px 3px 3px 3px;
 
-
border: thin solid black;
 
-
background-color: Lavender ;
 
}
}
-
#navmenu 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;
}
}
-
#navmenu a:hover {
+
 
-
color: #FF6633;
+
#menu li a:hover, #menu li a:focus, #menu li a:active {
 +
border: dashed 1px white;
}
}
-
#navmenu img {
+
 
-
height: 100px;
+
#menu li:not(:last-child) a:after {
-
width: 150px;
+
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>
-
<a href="https://2008.igem.org/Team:Paris"><img src="https://static.igem.org/mediawiki/2008/4/4c/Panoramique.jpg" width="950px"/></a>
+
<script type="text/javascript">
-
<div id=navmenu>
+
function toggle(layer){
-
<center>
+
layer=document.getElementById(layer);
-
<ul>
+
layer.style.display=((layer.style.display=="none") ? "block" : "none");
-
<li><a href='https://2008.igem.org/Team:Paris'> Home</a></li>
+
}
-
<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>
+
-
</ul>
+
-
</center>
+
-
</div>
+
-
</html>
+
 +
function toggleNext(el) {
 +
var next=el.nextSibling;
 +
while(next.nodeType != 1) next=next.nextSibling;
 +
next.style.display=((next.style.display=="none") ? "block" : "none");
 +
}
-
<hr>
+
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>
-
<!-- preserve line breaks after the horizontal ruler -->
+
<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