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; }