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'> | ||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | /*---- CROSS BROWSER DROPDOWN MENU ----*/ | ||
+ | ul#nav {margin: 0 0 0 200px;} | ||
+ | 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: middle; 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 } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
</head> | </head> | ||
Line 13: | Line 33: | ||
<div class="header_sub"> | <div class="header_sub"> | ||
<div class="h_menu"> | <div class="h_menu"> | ||
- | <ul> | + | <ul id="nav" class="drop"> |
<li><a href="https://2014.igem.org/Team:TU_Eindhoven">Home</a></li> | <li><a href="https://2014.igem.org/Team:TU_Eindhoven">Home</a></li> | ||
<li><a href="https://2014.igem.org/Team:TU_Eindhoven/Team">Team</a></li> | <li><a href="https://2014.igem.org/Team:TU_Eindhoven/Team">Team</a></li> |
Revision as of 09:55, 4 August 2014