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

TU Eindhoven iGEM