Template:UNICAMP-EMSE Brazil Main Menu

From 2011.igem.org

(Difference between revisions)
Line 13: Line 13:
       }
       }
}
}
-
</style>
+
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
-
<img width="963px" usemap="#igem" src="https://static.igem.org/mediawiki/igem.org/1/11/UNICAMP-EMSE_Brazil_MenuBanner.png">
+
background: yellow;
-
<map name="igem">
+
}
-
  <area href="https://2011.igem.org/Main_Page" coords="8,65,210,235" shape="rect">
+
-
</map>
+
-
</html>
+
/* ######### Default class for drop down menus ######### */
 +
 
 +
.anylinkmenu{
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
visibility: hidden;
 +
border: 1px solid black;
 +
border-bottom-width: 0;
 +
font: normal 12px Verdana;
 +
line-height: 18px;
 +
z-index: 100; /* zIndex should be greater than that of shadow's below */
 +
background:#0B3B17;
 +
width: 150px; /* default width for menu */
 +
}
 +
 
 +
.anylinkmenu ul{
 +
margin: 0;
 +
padding: 0;
 +
list-style-type: none;
 +
}
 +
 
 +
.anylinkmenu ul li a{
 +
width: 100%;
 +
display: block;
 +
text-indent: 5px;
 +
border-bottom: 1px solid black;
 +
padding: 2px 0;
 +
text-decoration: none;
 +
color:yellow;
 +
}
 +
 
 +
.anylinkmenu a:hover{ /*hover background color*/
 +
background:#17b36a;
 +
color: white;
 +
}
 +
 
 +
/* ######### class for shadow DIV ######### */
 +
 
 +
 
 +
.anylinkshadow{ /*CSS for shadow. Keep this as is */
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
z-index: 99; /*zIndex for shadow*/
 +
background: black;
 +
visibility: hidden;
 +
}
-
<html>
 
-
<center>
 
-
<head>
 
-
<style type="text/css">
 
.firstHeading {
.firstHeading {
   display:none;
   display:none;
Line 64: Line 105:
text-decoration:none}
text-decoration:none}
 +
a.menuanchorclass{text-decoration:none;
 +
color:yellow}
 +
a.menuanchorclass:visited{text-decoration:none;
 +
color:white}
 +
                                a.menuanchorclass:active {font-weight:bolder; color:black; background:#A9F5BC;
 +
cursor:pointer;
 +
text-decoration:none}
 +
</style>
 +
<script type="text/javascript">
 +
var projectmenu={divclass:'anylinkmenu', inlinestyle:'anylinkmenu', linktarget:'anylinkmenu'}
 +
projectmenu.items=[
 +
["Project Details", "https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Project#Project_Details"]
 +
]
 +
var notebookmenu={divclass:'anylinkmenu', inlinestyle:'anylinkmenu', linktarget:'anylinkmenu'}
 +
notebookmenu.items=[
 +
["Protocols", "https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/protocols"]
 +
]
 +
</script>
 +
<script type="text/javascript" src="http://www.cbi.cnptia.embrapa.br/spschool/anylinkmenu.js"></script>
 +
<script type="text/javascript">
 +
anylinkmenu.init("menuanchorclass");
 +
</script>
 +
<img width="963px" usemap="#igem" src="https://static.igem.org/mediawiki/igem.org/1/11/UNICAMP-EMSE_Brazil_MenuBanner.png">
 +
<map name="igem">
 +
  <area href="https://2011.igem.org/Main_Page" coords="8,65,210,235" shape="rect">
 +
</map>
-
</style>
+
<center>
-
</head>
+
-
<body>
+
-
<table class=menu>
+
<table class="menu">
<tr>
<tr>
-
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil">Home</a></td>
+
<td class="cell"><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil" >Home</a></td>
-
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Project">Project</a></td>
+
<td class="cell"><a class="menuanchorclass" href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Project" rel="projectmenu">Project</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Applications">Applications</a></td>           
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Applications">Applications</a></td>           
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Modeling">Modeling</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Modeling">Modeling</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Parts">Parts</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Parts">Parts</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Team">Team</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Team">Team</a></td>
-
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Notebook">Notebook</a></td>
+
<td class=cell><a class="menuanchorclass" href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Notebook" rel="notebookmenu">Notebook</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Safety">Safety</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Safety">Safety</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Human Practices">Human Practices</a></td>
<td class=cell><a class=menu href="https://2011.igem.org/Team:UNICAMP-EMSE_Brazil/Human Practices">Human Practices</a></td>
Line 86: Line 151:
</tr>
</tr>
</table>
</table>
-
</body>
 
</center>
</center>
</html>
</html>
<center>
<center>
<div style="width:893px;text-align:justify">
<div style="width:893px;text-align:justify">

Revision as of 01:28, 14 September 2011