Updates according to mail
[misc/kostenrechnung] / dropdown.css
1 @charset "UTF-8";
2
3 /**
4  * Horizontal CSS Drop-Down Menu Module
5  *
6  * @file                dropdown.css
7  * @package             Dropdown
8  * @version             0.7.1
9  * @type                Transitional
10  * @stacks              597-599
11  * @browsers    Windows: IE6+, Opera7+, Firefox1+
12  *                              Mac OS: Safari2+, Firefox2+
13  *
14  * @link                http://www.lwis.net/
15  * @copyright   2006-2008 Live Web Institute. All Rights Reserved.
16  *
17  */
18
19 div.menu {
20  background: #BBD9EE;
21  height: 23px;
22  padding-left: 80px;
23 }
24
25 ul.dropdown,
26 ul.dropdown li,
27 ul.dropdown ul {
28  list-style: none;
29  margin: 0;
30  padding: 0;
31 }
32
33 ul.dropdown {
34  position: relative;
35  z-index: 597;
36  float: left;
37  font-size: 80%;
38 }
39
40 ul.dropdown li {
41  float: left;
42  line-height: 1.3em;
43  vertical-align: middle;
44  margin-left: 1px;
45  text-align: center;
46  zoom: 1;
47 }
48
49 ul.dropdown li.hover,
50 ul.dropdown li:hover {
51  position: relative;
52  z-index: 599;
53  cursor: default;
54 }
55
56 ul.dropdown ul {
57  visibility: hidden;
58  position: absolute;
59  top: 100%;
60  left: 0;
61  z-index: 598;
62  width: 100%;
63 }
64
65 ul.dropdown ul li {
66  float: none;
67 }
68
69 ul.dropdown ul ul {
70  top: 1px;
71  left: 99%;
72 }
73
74 ul.dropdown a {
75  float: left;
76  width: 95px;
77  padding: 5px 0;
78  background: #BBD9EE;
79  text-decoration: none;
80  color: #666;
81  margin-top: 0px;
82  margin-left: -1px;
83  border-top: 1px solid #fff;
84  border-left: 1px solid #fff;
85  border-right: 1px solid #fff;
86 }
87
88 ul.dropdown a:hover {
89  color: black;
90  background: #7fbce7;
91 }
92
93 ul.dropdown span {
94  width: 95px;
95  display: block;
96  padding: 5px 0;
97  background: #E7F1F8;
98  color: #666;
99  border-top: 1px solid #BBD9EE;
100  border-left: 1px solid #BBD9EE;
101  border-right: 1px solid #BBD9EE;
102 }
103
104 ul.dropdown li:hover > ul {
105  visibility: visible;
106 }