Team:TU-Delft/menu
From 2012.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<title>Menu</title> | <title>Menu</title> | ||
<body> | <body> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | #navLaksh { | ||
+ | position:fixed; | ||
+ | width:850px; | ||
+ | top:15px; | ||
+ | left:40%; | ||
+ | right:60%; | ||
+ | margin: 0 0 0 -230px; | ||
+ | padding: 0; | ||
+ | z-index:1001; | ||
+ | |||
+ | font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | font-size:14px; | ||
+ | /*letter-spacing:1px;*/ | ||
+ | text-transform:uppercase; | ||
+ | |||
+ | } | ||
+ | |||
+ | #navLaksh li { float: left; } | ||
+ | #navLaksh li:hover { position: relative } | ||
+ | #navLaksh li:hover > a { | ||
+ | background: #FFFFFF; | ||
+ | |||
+ | box-shadow: 5px 5px 25px #000; | ||
+ | -moz-box-shadow: 5px 5px 25px #000; | ||
+ | -webkit-box-shadow: 5px 5px 25px #000; | ||
+ | |||
+ | border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | } | ||
+ | #navLaksh li.sub:hover > a { | ||
+ | box-shadow: 5px 5px 25px #000; | ||
+ | -moz-box-shadow: 5px 5px 25px #000; | ||
+ | -webkit-box-shadow: 5px 5px 25px #000; | ||
+ | } | ||
+ | |||
+ | #navLaksh li a { | ||
+ | color: #000000; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | padding: 12px; | ||
+ | display: block; | ||
+ | } | ||
+ | #navLaksh li a:hover { background-color: #FFFFFF; } | ||
+ | |||
+ | #navLaksh li ul { | ||
+ | background: #fff; | ||
+ | margin-top: -2px; | ||
+ | display: none; | ||
+ | } | ||
+ | #navLaksh li:hover ul { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | #navLaksh li ul { | ||
+ | |||
+ | background: rgba(255,255,255,1); | ||
+ | padding: 10px 5px; | ||
+ | |||
+ | box-shadow: 5px 5px 25px #000; | ||
+ | -moz-box-shadow: 5px 5px 25px #000; | ||
+ | -webkit-box-shadow: 5px 5px 25px #000; | ||
+ | |||
+ | border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | |||
+ | } | ||
+ | #navLaksh li ul li a, #navLaksh li ul li a:hover { | ||
+ | |||
+ | background: solid; | ||
+ | color: #000; | ||
+ | width: 150px; | ||
+ | font-size: 0.95em; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | #navLaksh li ul li a:hover { text-decoration: underline; | ||
+ | box-shadow: 5px 5px 25px #000; | ||
+ | -moz-box-shadow: 5px 5px 25px #000; | ||
+ | -webkit-box-shadow: 5px 5px 25px #000; | ||
+ | |||
+ | border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
<div id="centeredmenu_bg"></div> | <div id="centeredmenu_bg"></div> | ||
<center> | <center> | ||
- | <ul id=" | + | <ul id="navLaksh"> |
<li class="on"><a href="https://2012.igem.org/Team:TU-Delft">Home</a></li> | <li class="on"><a href="https://2012.igem.org/Team:TU-Delft">Home</a></li> |
Revision as of 02:59, 27 October 2012