Team:UNIK Copenhagen/practice sheet navigation css

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
 
-
<style type="text/css">
 
-
*{ margin: 0px}
 
-
a{
 
-
text-decoration: none;
 
-
}
 
-
.nav{
 
-
width: 1000px;
 
-
}
 
-
.nav ul{
 
-
background: #245959;
 
-
font: bold 14px Helvetica;
 
-
list-style: none;
 
-
}
 
-
.nav ul li{
 
-
display: block;
 
-
position: relative;
 
-
float: left;
 
-
}
 
-
.nav li ul{
 
-
display:none;
 
-
visibility: hidden;
 
-
}
 
-
.nav li ul li{
 
-
float: none;
 
-
text-align: left;
 
-
}
 
-
.nav li a{
 
-
display: block;
 
-
color: white;
 
-
padding: 5px 10px 5px 20px;
 
-
background: #003636;
 
-
}
 
-
.nav li:hover ul{
 
-
display: block;
 
-
z-index: 100;
 
-
position: absolute;
 
-
visibility: visible;
 
-
}
 
-
.nav li:hover li{
 
-
float: none;
 
-
font-size: 11px;
 
-
}
 
-
.nav li:hover a{
 
-
text-decoration: none;
 
-
}
 
-
.nav li:hover ul li:hover a{
 
-
color: #aae9aa;
 
-
}
 
-
 
-
 
-
 
-
</style>
 
-
 
-
<nav class="nav">
 
-
<ul>
 
-
<li><a href="index3.html">Home</a></li>
 
-
<li><a>Project</a>
 
-
<ul>
 
-
<li><a href="#">Theory</a></li>
 
-
<li><a href="#">More theory</a></li>
 
-
<li><a href="#">Something else</a></li>
 
-
<li><a href="#">Third thing</a></li>
 
-
<li><a href="#">Attributions</a></li>
 
-
</ul></li>
 
-
<li><a href="#">Team</a>
 
-
<ul>
 
-
<li><a href="#">Team Members</a></li>
 
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UNIK_Copenhagen">Official Team Profile</a></li>
 
-
</ul></li>
 
-
<li><a href="#">Ethics & Safety</a></li>
 
-
<li><a href="#">iGEM shorts</a></li>
 
-
<li><a href="#">The CPH strain</a></li>
 
-
<li><a href="#">Safety</a></li>
 
-
</ul>
 
-
</nav>
 
-
 
-
 
-
</html>
 

Latest revision as of 11:51, 31 July 2013