Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
-
#menu, #menu ul {
+
#coolMenu,
-
list-style:none;
+
#coolMenu ul {
-
padding:0;
+
    list-style: none;
-
margin:0;
+
}
}
-
#menu li {
+
#coolMenu {
-
float:left;
+
    float: left;
-
position:relative;
+
-
line-height: 2.5em;
+
-
width: 10em;
+
}
}
-
#menu li ul {
+
#coolMenu > li {
-
position:absolute;
+
    float: left;
-
margin-top:-1em;
+
-
margin-left:.5em;
+
-
display:none;
+
-
        width: 15em;
+
-
 
+
}
}
-
#menu ul li ul {
+
#coolMenu li a {
-
margin-top:-3em;
+
display: block;
-
margin-left:7em;
+
    height: 2em;
-
        width: 15em;
+
    line-height: 2em;
 +
    padding: 0 1.5em;
 +
    text-decoration: none;
 +
}
 +
#coolMenu ul {
 +
    position: absolute;
 +
    display: none;
 +
z-index: 999;
 +
}
 +
#coolMenu ul li a {
 +
    width: 80px;
 +
}
 +
#coolMenu li:hover ul {
 +
    display: block;
}
}
-
 
+
/* Main menu
-
#menu a {
+
------------------------------------------*/
-
display:block;
+
#coolMenu {
-
border-right:1px solid #fff;
+
    font-family: Arial;
-
background:#E0F574;
+
    font-size: 12px;
-
color:#3B3B3B;
+
    background: #2f8be8;
-
text-decoration:none;
+
-
padding:0 10px;
+
}
}
-
#menu a:hover {
+
#coolMenu > li > a {
-
background-color:#5798B4;
+
    color: #fff;
-
color:#fff;
+
    font-weight: bold;
-
        width: 15em;
+
}
}
-
#menu ul {
+
#coolMenu > li:hover > a {
-
border-top:1px solid #fff;
+
    background: #f09d28;
-
        width: 15em;
+
    color: #000;
}
}
-
#menu ul a {
+
-
border-right:none;
+
/* Submenu
-
border-right:1px solid #fff;
+
------------------------------------------*/
-
border-bottom:1px solid #fff;
+
#coolMenu ul {
-
border-left:1px solid #fff;
+
    background: #f09d28;
-
background:#AEC245;
+
}
}
-
 
+
#coolMenu ul li a {
-
 
+
    color: #000;
-
/* SHOW SUBMENU 1 */
+
-
#menu li:hover ul, #menu li.over ul {
+
-
display:block;
+
-
 
+
-
}
+
-
#menu li:hover ul ul, #menu li.over ul ul {
+
-
display:none;
+
-
 
+
}
}
-
/* SHOW SUBMENU 2 */
+
#coolMenu ul li:hover a {
-
#menu ul li:hover ul, #menu ul li.over ul {
+
    background: #ffc97c;
-
display:block;
+
}
}
</style>
</style>
Line 75: Line 66:
<body>  
<body>  
-
<ul id="menu">
+
<ul id="coolMenu">
<li class="on"><a href="https://2012.igem.org/Team:TU-Delft">Home</a></li>
<li class="on"><a href="https://2012.igem.org/Team:TU-Delft">Home</a></li>

Revision as of 01:46, 27 October 2012

Menu

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