Team:Valencia/navbar
From 2010.igem.org
(Difference between revisions)
Alejovigno (Talk | contribs) |
Alejovigno (Talk | contribs) |
||
Line 17: | Line 17: | ||
<style> | <style> | ||
+ | |||
+ | /* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */ | ||
+ | #tab_nav { | ||
+ | position: absolute; | ||
+ | z-index: 1000; | ||
+ | } | ||
ul#topnav { | ul#topnav { | ||
- | |||
float: left; | float: left; | ||
- | width: | + | width: 900px; |
list-style: none; | list-style: none; | ||
- | position: relative | + | position: relative; |
- | + | background: url("https://static.igem.org/mediawiki/2010/8/80/Groningen_topnav_stretch.gif") repeat-x; | |
- | background: url( | + | |
} | } | ||
ul#topnav li { | ul#topnav li { | ||
float: left; | float: left; | ||
- | + | border-right: 1px solid #555; | |
- | border-right: 1px solid #555; | + | |
} | } | ||
ul#topnav li a { | ul#topnav li a { | ||
padding: 10px 15px; | padding: 10px 15px; | ||
+ | font-weight: bold; | ||
display: block; | display: block; | ||
color: #f0f0f0; | color: #f0f0f0; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
- | ul#topnav li:hover { background: # | + | ul#topnav li a:hover { |
- | + | text-decoration: underline; | |
+ | } | ||
+ | ul#topnav li:hover { background: #b5cc86 url("https://static.igem.org/mediawiki/2010/2/29/Groningen_topnav_active.gif") repeat-x; } | ||
ul#topnav li span { | ul#topnav li span { | ||
float: left; | float: left; | ||
padding: 15px 0; | padding: 15px 0; | ||
position: absolute; | position: absolute; | ||
- | left: 0; top: | + | left: 0; top:30px; |
- | display: none; | + | display: none; |
- | width: | + | width:900px; |
- | background: # | + | background: #b5cc86; |
color: #fff; | color: #fff; | ||
- | |||
-moz-border-radius-bottomright: 5px; | -moz-border-radius-bottomright: 5px; | ||
-khtml-border-radius-bottomright: 5px; | -khtml-border-radius-bottomright: 5px; | ||
-webkit-border-bottom-right-radius: 5px; | -webkit-border-bottom-right-radius: 5px; | ||
- | |||
-moz-border-radius-bottomleft: 5px; | -moz-border-radius-bottomleft: 5px; | ||
-khtml-border-radius-bottomleft: 5px; | -khtml-border-radius-bottomleft: 5px; | ||
-webkit-border-bottom-left-radius: 5px; | -webkit-border-bottom-left-radius: 5px; | ||
} | } | ||
- | ul#topnav li:hover span { display: block; } | + | ul#topnav li:hover span { display: block; } |
- | ul#topnav li span a { display: inline; } | + | ul#topnav li span a { display: inline; font-weight; normal; } |
ul#topnav li span a:hover {text-decoration: underline;} | ul#topnav li span a:hover {text-decoration: underline;} | ||
+ | |||
+ | |||
</style> | </style> |
Revision as of 11:10, 23 October 2010