Template:Valencia/Menu Project

From 2008.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
 
<style type="text/css">
<style type="text/css">
-
#project {
+
#ddmenu {
-
height: 49px;
+
font: 12pt "Trebuchet MS";
-
background: url(https://static.igem.org/mediawiki/2008/e/ea/Hot_yeast_background_project.png) no-repeat center;
+
}
}
-
#project ul{
+
 
-
list-style: none;
+
#ddmenu ul li {
-
padding-top: 15px;
+
list-style: none;
 +
        float: left;
 +
width: 120px;
 +
 +
margin: 0 1px 0 1px;
}
}
-
#project li{
+
 
-
display: inline;
+
#ddmenu ul a {
-
padding: 10px;
+
display: block;
-
border: none;
+
width: 120px;
-
background: none;
+
padding: 3px 0 3px 0;
-
}
+
text-align: center;
-
#project a {
+
-
font: 12pt "Trebuchet MS";
+
border: 0px solid #FFB428;
-
color: #047DB5;
+
color:#047DB5;
 +
background-color: #FFB428;
 +
text-decoration: none;
}
}
-
#project a:hover {
+
#ddmenu ul a:hover {
-
margin: 0px 1px 0px 1px;
+
-
padding:2px 6px 2px 6px;
+
border:1px solid #44B4D5;
border:1px solid #44B4D5;
text-decoration: none;
text-decoration: none;
-
background-color:#FFDEA2;
+
background-color:#FFD586;
 +
font: bold 12pt "Trebuchet MS";
 +
}
 +
 
 +
#ddmenu ul .menu {
 +
visibility: hidden;
 +
width: 120px;
 +
}
 +
 
 +
#ddmenu ul .menu a {
 +
margin: 0;
 +
text-align: center;
 +
display: block;
 +
width: 120px;
 +
padding: 3px 0 3px 0;
 +
float: left;
 +
border: 0px solid #fff;
 +
 +
text-decoration: none;
 +
 
 +
color: #047DB5;
 +
background-color: #FFB428;
 +
}
 +
#ddmenu ul .menu a:hover {
 +
        border:1px solid #44B4D5;
 +
text-decoration: none;
 +
background-color:#FFD586;
font: bold 12pt "Trebuchet MS";
font: bold 12pt "Trebuchet MS";
}
}
</style>
</style>
 +
<script type="text/javascript" charset="utf-8" src="http://prealfa.com/extra/ddmenu/ddmenu.js"></script>
 +
 +
</head>
<center>
<center>
-
<div id=project>
+
<center><div id="ddmenu">
-
<ul>
+
<ul>
-
<li><a href="https://2008.igem.org/Team:Valencia/Project">Introduction</a></li>
+
<li><a href="https://2008.igem.org/Team:Valencia/Project">Introduction</a>
-
<li><a href="https://2008.igem.org/Team:Valencia/Project/Objectives">Objectives</a></li>
+
                        </li>
-
<li><a href="https://2008.igem.org/Team:Valencia/Project/Lab work">Lab work</a></li>
+
                        <li><a href="https://2008.igem.org/Team:Valencia/Project/Objectives">Objectives</a>
-
<li><a href="https://2008.igem.org/Team:Valencia/Project/Modeling">Modeling</a></li>
+
                        </li>
-
<li><a href="https://2008.igem.org/Team:Valencia/Project/Results">Results</a></li>
+
                        <li>
-
</ul>
+
 
-
</div>
+
<a href="#" onclick="menuopenclose('menu1')" onblur="menuclose('menu1')">Lab work</a>
 +
<div id="menu1" class="menu">
 +
<a href="https://2008.igem.org/Team:Valencia/Project/Lab_work">LCC contruction</a>
 +
<a href="https://2008.igem.org/Team:Valencia/Project/Lab_work/2_experiments">Hot yeast experiments</a>
 +
</div>
 +
</li>
 +
                        <li>
 +
<a href="#" onclick="menuopenclose('menu2')" onblur="menuclose('menu2')">Modeling</a>
 +
 
 +
<div id="menu2" class="menu">
 +
<a href="http://google.com">Google</a>
 +
<a href="http://example.com">Example</a>
 +
<a href="http://yahoo.com">Yahoo</a>
 +
</div>
 +
</li>
 +
<li>
 +
 
 +
<a href="https://2008.igem.org/Team:Valencia/Project/Results">Results</a>
 +
 +
</li>
 +
</ul>
 +
 
 +
</div>
</center>
</center>
-
</html>
 
-
<!-- preserve line breaks -->
+
</html>

Revision as of 19:19, 9 October 2008

Retrieved from "http://2008.igem.org/Template:Valencia/Menu_Project"