Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
-
#coolMenu,
+
#navigation {
-
#coolMenu ul {
+
margin: 0;
-
    list-style: none;
+
padding: 0 1em;
 +
background: #000;
 +
height: 3em;
 +
list-style: none;
}
}
-
#coolMenu {
+
 
-
    float: left;
+
#navigation > li {
 +
float: left;
 +
height: 100%;
 +
margin-right: 0.5em;
 +
padding: 0 1em;
}
}
-
#coolMenu > li {
+
 
-
    float: left;
+
#navigation > li > a {
 +
float: left;
 +
height: 100%;
 +
color: #c60;
 +
text-decoration: none;
 +
line-height: 3;
 +
font-weight: bold;
 +
text-transform: uppercase;
}
}
-
#coolMenu li a {
+
 
-
display: block;
+
#navigation > li > a:hover {
-
    height: 2em;
+
color: orange;
-
    line-height: 2em;
+
text-decoration: underline;
-
    padding: 0 1.5em;
+
-
    text-decoration: none;
+
}
}
-
#coolMenu ul {
+
#navigation > li.sub {
-
    position: absolute;
+
position: relative;
-
    display: none;
+
-
z-index: 999;
+
}
}
-
#coolMenu ul li a {
+
#navigation > li.sub ul {
-
    width: 80px;
+
width: 10em;
 +
margin: 0;
 +
padding: 0.5em 0;
 +
list-style: none;
 +
background: #a40;
 +
position: absolute;
 +
top: -1000em;
}
}
-
#coolMenu li:hover ul {
+
 
-
    display: block;
+
#navigation > li.sub ul li {
 +
width: 90%;
 +
margin: 0 auto 0.3em auto;
}
}
 +
#navigation > li.sub ul li a {
 +
height: 100%;
 +
display: block;
 +
padding: 0.4em;
 +
color: #fff;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
 +
#navigation > li.sub ul li a:hover {
 +
background: #c60;
 +
text-decoration: underline;
 +
}
 +
#navigation > li.sub:hover ul {
 +
top: 3em;
 +
}
</style>
</style>

Revision as of 01:57, 27 October 2012

Menu

Retrieved from "http://2012.igem.org/Team:TU-Delft/Test"