Template:Georgia State/dropdown css
From 2010.igem.org
(Difference between revisions)
(19 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | @charset "UTF-8"; | ||
+ | /** | ||
+ | * Horizontal CSS Drop-Down Menu Module | ||
+ | * | ||
+ | * @file dropdown.css | ||
+ | * @package Dropdown | ||
+ | * @version 0.7.1 | ||
+ | * @type Transitional | ||
+ | * @stacks 597-599 | ||
+ | * @browsers Windows: IE6+, Opera7+, Firefox1+ | ||
+ | * Mac OS: Safari2+, Firefox2+ | ||
+ | * | ||
+ | * @link http://www.lwis.net/ | ||
+ | * @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 { | ul.dropdown { | ||
- | + | position: relative; | |
- | + | z-index: 597; | |
+ | float: left; | ||
+ | width: 950px; | ||
+ | background-color: #000000; | ||
} | } | ||
- | + | 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> | ||
+ | <script type="text/javascript"> | ||
+ | var fh = document.getElementsByClassName("firstHeading")[0]; | ||
+ | fh.parentElement.removeChild(fh); | ||
+ | var fh=document.getElementById("contentSub"); | ||
+ | fh.parentElement.removeChild(fh); | ||
+ | </script> | ||
+ | <!-- !END GSUCSS --> | ||
</html> | </html> |
Latest revision as of 19:05, 27 October 2010