Template:Paris/Menu

From 2008.igem.org

(Difference between revisions)
 
(198 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
#header {
+
body {
-
height: 150px;
+
background: #69c;
-
background: url(https://static.igem.org/mediawiki/2008/4/4c/Panoramique.jpg) no-repeat center;
+
}
 +
 
 +
#content {
 +
padding: 0px 5px;
 +
}
 +
 
 +
#p-logo a{
 +
color: transparent;
 +
}
 +
 
 +
h1.firstHeading {
 +
display: none;
}
}
#menu {
#menu {
-
background: url(https://static.igem.org/mediawiki/2008/5/58/Gradient.png);
+
margin: 0;
 +
position: relative;
 +
left: 70px;
 +
top: -26px;
 +
padding: 0;
}
}
Line 19: Line 34:
#menu li {
#menu li {
 +
margin: 0;
 +
padding: 0;
display: inline;
display: inline;
}
}
#menu li a {
#menu li a {
-
padding: 4px 20px;
+
margin: 0;
-
font: 1.5em "Trebuchet MS",Arial,sans-serif;
+
padding: 0 8px;
 +
font: 1.5em Arial, sans-serif;
 +
color: white;
text-decoration: none;
text-decoration: none;
-
/*
+
border: dashed 1px transparent;
-
text-align: center;
+
-
color: black;
+
-
background: #c00;
+
-
border: 1px solid #600;
+
-
line-height: 1em;
+
-
*/
+
}
}
#menu li a:hover, #menu li a:focus, #menu li a:active {
#menu li a:hover, #menu li a:focus, #menu li a:active {
-
color: black;
+
border: dashed 1px white;
}
}
-
#menu a:after {
+
#menu li:not(:last-child) a:after {
-
background: url(https://static.igem.org/mediawiki/2008/4/41/Arrow.png) no-repeat;
+
padding-left: 8px;
-
content: "";
+
content: ">";
-
padding: 0 25px 0 0;
+
-
/*height: 25px; width: 25px;*/
+
}
}
-
#menu li:last-child a:after {
+
#links {
-
width: 0;
+
float: right;
-
padding: 0;
+
margin: 1em;
-
background: none;
+
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
}
}
Line 58: Line 90:
span.untermstring {color: #B20000}
span.untermstring {color: #B20000}
span.syscmd {color: #B28C00}
span.syscmd {color: #B28C00}
-
}
 
-
 
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
function toggleElement(layer){
+
function toggle(layer){
-
var myLayer = document.getElementById(layer);
+
layer=document.getElementById(layer);
-
if(myLayer.style.display=="none"){
+
layer.style.display=((layer.style.display=="none") ? "block" : "none");
-
myLayer.style.display="block";
+
-
myLayer.backgroundPosition="top";
+
-
} else {
+
-
myLayer.style.display="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>
</script>
-
<div align="center">
+
<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="header"></div><br />
+
<div id="menu"><ul>
-
<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/Project">Project</a></li>
-
<li><a href="#">Analysis</a></li>
+
<li><a href="https://2008.igem.org/Team:Paris/Analysis">Analysis</a></li>
-
<li><a href="#">Construction</a></li>
+
<li><a href="https://2008.igem.org/Team:Paris/Construction">Construction</a></li>
-
<li><a href="#">Results</a></li>
+
<li><a href="https://2008.igem.org/Team:Paris/Characterization">Characterization</a></li>
-
<li><a href="#">Characterization</a></li>
+
<li><a href="https://2008.igem.org/Team:Paris/Perspectives">Perspectives</a></li>
-
<li><a href="#">Perspectives</a></li>
+
</ul></div>
-
</ul>
+
-
</div>
+
-
</div>
+
-
 
+
</html>
</html>
-
<br />
+
{|cellspacing="5" cellpadding="10" style="margin-top: 3px; background:#649CD7; width: 965px;"
-
{|cellspacing="5" cellpadding="10" style="background:#649CD7; width: 965px;"
+
|-valign="top"
|-valign="top"
-
|style="background:#ffffff"|
+
|style="background:#fff"|
-
<html><p style="font-size: 20px; text-align: center; color: red;">USE THE OLD MENU BELOW TO FIND YOUR PAGES FOR THE MOMENT ;)</p></html>
+
-
{{:Team:Paris/MenuBackup}}
+

Latest revision as of 07:30, 30 October 2008

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