Template:Georgia State/dropdown css
From 2010.igem.org
(Difference between revisions)
(17 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
@charset "UTF-8"; | @charset "UTF-8"; | ||
- | /** | + | /** |
- | * | + | * Horizontal CSS Drop-Down Menu Module |
* | * | ||
- | * @file | + | * @file dropdown.css |
- | * @ | + | * @package Dropdown |
- | * @version 0.1 | + | * @version 0.7.1 |
- | * @type | + | * @type Transitional |
- | * @browsers Windows: | + | * @stacks 597-599 |
+ | * @browsers Windows: IE6+, Opera7+, Firefox1+ | ||
* Mac OS: Safari2+, Firefox2+ | * Mac OS: Safari2+, Firefox2+ | ||
* | * | ||
* @link http://www.lwis.net/ | * @link http://www.lwis.net/ | ||
- | * @copyright 2008 Live Web Institute. All Rights Reserved. | + | * @copyright 2006-2008 Live Web Institute. All Rights Reserved. |
* | * | ||
*/ | */ | ||
- | + | ul.dropdown, | |
+ | ul.dropdown li, | ||
+ | ul.dropdown ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | ul.dropdown { | ||
+ | position: relative; | ||
+ | z-index: 597; | ||
+ | float: left; | ||
+ | width: 950px; | ||
+ | background-color: #000000; | ||
+ | } | ||
- | ul.dropdown li | + | ul.dropdown li { |
- | + | float: left; | |
- | + | line-height: 1.3em; | |
+ | vertical-align: middle; | ||
+ | zoom: 1; | ||
} | } | ||
+ | ul.dropdown li.hover, | ||
+ | ul.dropdown li:hover { | ||
+ | position: relative; | ||
+ | z-index: 599; | ||
+ | cursor: default; | ||
+ | } | ||
- | + | ul.dropdown ul { | |
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | z-index: 598; | ||
+ | width: 100%; | ||
+ | } | ||
- | + | ul.dropdown ul li { | |
- | + | float: none; | |
- | + | } | |
+ | ul.dropdown ul ul { | ||
+ | top: 1px; | ||
+ | left: 99%; | ||
+ | } | ||
- | + | ul.dropdown li:hover > ul { | |
- | + | visibility: visible; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 90: | Line 79: | ||
fh.parentElement.removeChild(fh); | fh.parentElement.removeChild(fh); | ||
</script> | </script> | ||
- | <!-- !END | + | <!-- !END GSUCSS --> |
</html> | </html> |
Latest revision as of 19:05, 27 October 2010