Team:Frankfurt/NavBarTemp

From 2013.igem.org

(Difference between revisions)
Line 83: Line 83:
</div>
</div>
     </div>
     </div>
 +
 +
*{ margin:0px; padding: 0px; }
 +
 +
#nav {
 +
    font-family: arial, sans-serif;
 +
    position: relative;
 +
    width: 390px;
 +
    height:56px;
 +
    font-size:14px;
 +
    color:#999;
 +
    margin: 0px auto;
 +
}
 +
 +
#nav ul {
 +
    list-style-type: none;
 +
}
 +
 +
#nav ul li {
 +
    float: left;
 +
    position: relative;
 +
}
 +
 +
#nav ul li a {
 +
    text-align: center;
 +
    border-right:1px solid #e9e9e9;
 +
    padding:20px;
 +
    display:block;
 +
    text-decoration:none;
 +
    color:#999;
 +
}
 +
 +
#nav ul li ul {
 +
    display: none
 +
}
 +
 +
#nav ul li:hover ul {
 +
    display: block;
 +
    position: absolute;
 +
}
 +
 +
#nav ul li:hover ul li a {
 +
    display:block;
 +
    background:#12aeef;
 +
    color:#ffffff;
 +
    width: 110px;
 +
    text-align: center;
 +
    border-bottom: 1px solid #f2f2f2;
 +
    border-right: none;
 +
}
 +
 +
#nav ul li:hover ul li a:hover {
 +
    background:#6dc7ec;
 +
    color:#fff;
 +
}
</html>
</html>

Revision as of 13:07, 2 October 2013

*{ margin:0px; padding: 0px; } #nav { font-family: arial, sans-serif; position: relative; width: 390px; height:56px; font-size:14px; color:#999; margin: 0px auto; } #nav ul { list-style-type: none; } #nav ul li { float: left; position: relative; } #nav ul li a { text-align: center; border-right:1px solid #e9e9e9; padding:20px; display:block; text-decoration:none; color:#999; } #nav ul li ul { display: none } #nav ul li:hover ul { display: block; position: absolute; } #nav ul li:hover ul li a { display:block; background:#12aeef; color:#ffffff; width: 110px; text-align: center; border-bottom: 1px solid #f2f2f2; border-right: none; } #nav ul li:hover ul li a:hover { background:#6dc7ec; color:#fff; }

Retrieved from "http://2013.igem.org/Team:Frankfurt/NavBarTemp"