Team:TU Eindhoven/Template:NavPanel
From 2014.igem.org
(Difference between revisions)
Line 6: | Line 6: | ||
<link href="https://2014.igem.org/Team:TU_Eindhoven/Style:NavPanel?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> | <link href="https://2014.igem.org/Team:TU_Eindhoven/Style:NavPanel?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> | ||
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'> | ||
+ | |||
Line 11: | Line 12: | ||
<style> | <style> | ||
/*---- CROSS BROWSER DROPDOWN MENU ----*/ | /*---- CROSS BROWSER DROPDOWN MENU ----*/ | ||
- | + | ul#nav {margin: 0 0 0 200px;} | |
- | ul.drop ul { visibility: hidden; | + | ul.drop a { display:block; color: #fff; font-family: Verdana; font-size: 14px; text-decoration: none;} |
+ | ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; border: 1px solid #fff; background: #555; color: #fff;} | ||
+ | ul.drop { position: relative; z-index: 597; float: left; } | ||
+ | ul.drop li { float: left; line-height: 1.3em; vertical-align: left; zoom: 1; padding: 5px 10px; } | ||
+ | ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #1e7c9a; } | ||
+ | ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 195px; background: #555; border: 1px solid #fff; } | ||
+ | ul.drop ul li { float: none; } | ||
+ | ul.drop ul ul { top: -2px; left: 100%; } | ||
ul.drop li:hover > ul { visibility: visible } | ul.drop li:hover > ul { visibility: visible } | ||
</style> | </style> | ||
+ | |||
Revision as of 10:00, 4 August 2014