Template:Berkeley CSS
From 2010.igem.org
(Difference between revisions)
(53 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/CSS"> | <style type="text/CSS"> | ||
- | + | .shadow { | |
- | + | -moz-box-shadow: 3px 3px 4px #000; | |
+ | -webkit-box-shadow: 3px 3px 4px #000; | ||
+ | box-shadow: 3px 3px 4px #000; | ||
} | } | ||
- | + | a:link, a:visited, | |
- | + | a:hover, a:active { | |
- | + | text-decoration: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | div#mainMenu { | |
- | + | margin: 0px auto; | |
+ | background: #334D66; | ||
+ | width: 100%; | ||
+ | float: left; | ||
} | } | ||
- | ul. | + | ul.dropdown, |
- | + | ul.dropdown li, | |
- | + | ul.dropdown ul { | |
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 1px 5px; | ||
+ | } | ||
+ | |||
+ | ul.dropdown a { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | ul.dropdown { | ||
+ | position: relative; | ||
+ | z-index: 597; | ||
+ | float: left; | ||
+ | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | color: white; | ||
+ | background: #334D66; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li { | ||
+ | float: left; | ||
+ | line-height: 1.3em; | ||
+ | vertical-align: middle; | ||
+ | zoom: 1; | ||
+ | min-width: 105px; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.hover, | ||
+ | ul.dropdown li:hover { | ||
+ | position: relative; | ||
+ | z-index: 599; | ||
+ | cursor: default; | ||
+ | background: #3366FF; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul { | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | z-index: 598; | ||
+ | background: #334D66; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li { | ||
+ | float: left; | ||
+ | min-width: 150px; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul ul { | ||
+ | top: 1px; | ||
+ | left: 99%; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li:hover > ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | ul.mainMenu li.currentPage { | ||
+ | color: #66CC66; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 02:44, 26 October 2010