forked from OpenSeaMap/online_chart
-
Notifications
You must be signed in to change notification settings - Fork 0
/
topmenu.css
84 lines (68 loc) · 2.13 KB
/
topmenu.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
#topmenu2 {
border: 2px solid #000080;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px 6px 6px 6px;
background-color: #FFF;
margin: 0;
padding: 1px;
}
#topmenu2 ul {
float:right;
}
#topmenu2 ul li {
list-style: none;
display: block;
float: left;
}
#topmenu2 ul li:hover {
background-color: #ADD8E6;
cursor:pointer
}
#topmenu2 img {
text-decoration: none;
color: #000;
}
* {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
/*
LEVEL ONE--------------------------------------------------------
*/
ul.dropdown {
position: relative;
background-color: #FFF;
}
ul.dropdown img {
text-decoration: none;
color: #000;
}
ul.dropdown li { font-weight: normal; float: left; background: #fff; color: black;}
ul.dropdown a:hover { color: black; cursor:pointer; background-color: #ADD8E6; }
ul.dropdown a:active { color: black; }
ul.dropdown li a { display: block; padding: 2px 5px; border-right: 1px solid #333;
color: black; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a { color: black; }
/*
LEVEL TWO--------------------------------------------------------
*/
ul.dropdown ul { width: 240px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000;
border-bottom: 1px solid #ccc; float: none; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 220px; display: inline-block; }
/*
LEVEL THREE------------------------------------------------------
*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }