Mercurial > hg > ChinaGisRestApi
comparison gis_gui/lib/clickmenu.css @ 63:7f008e782563
add gui files to product via FileSystemSite
author | casties |
---|---|
date | Fri, 05 Nov 2010 18:52:55 +0100 |
parents | |
children | fcb7876178d1 |
comparison
equal
deleted
inserted
replaced
62:3905385c8854 | 63:7f008e782563 |
---|---|
1 div.cmDiv | |
2 { | |
3 border: 0px solid black; | |
4 border-bottom: 1px solid black; | |
5 background-color: #ccf; | |
6 } | |
7 .clickMenu | |
8 { | |
9 margin: 0; | |
10 padding: 0; | |
11 cursor: default; | |
12 } | |
13 .clickMenu, .clickMenu ul | |
14 { | |
15 list-style: none; | |
16 } | |
17 .clickMenu ul | |
18 { | |
19 | |
20 margin: 0; | |
21 padding: 2px; | |
22 border: 1px solid black; | |
23 background-color: #ccf; | |
24 min-width: 100px; /* ie doesnt know this :/ */ | |
25 //float: left;/*ie again*/ | |
26 //width: 100%;/*and again*/ | |
27 } | |
28 .clickMenu div.outerbox | |
29 { | |
30 display: none; | |
31 min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */ | |
32 } | |
33 .clickMenu div.inner | |
34 { | |
35 //top: 20px; /* for ie */ | |
36 left: 0; | |
37 margin: 0; | |
38 } | |
39 .clickMenu div.inner div.outerbox | |
40 { | |
41 margin: 0; | |
42 left: 98px; | |
43 //left: 90px; /* for ie */ | |
44 top: -3px; | |
45 } | |
46 .clickMenu li | |
47 { | |
48 position: relative; | |
49 padding: 0 20px 0 2px; | |
50 /*white-space: nowrap; does not really work in ie */ | |
51 } | |
52 .clickMenu li.main | |
53 { | |
54 float: left; | |
55 padding: 0 10px; | |
56 background-color: #ccf; | |
57 //height: 20px; /* for ie */ | |
58 } | |
59 .clickMenu li.main li | |
60 { | |
61 z-index: 2; | |
62 min-width: 78px; | |
63 } | |
64 .clickMenu li.hover | |
65 { | |
66 z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */ | |
67 background-color: #aad; | |
68 } | |
69 .clickMenu img.liArrow | |
70 { | |
71 position: absolute; | |
72 right: 5px; | |
73 top: 0.41em; | |
74 } | |
75 .clickMenu a | |
76 { | |
77 text-decoration: none; | |
78 color: black; | |
79 cursor: default; | |
80 } | |
81 /* thats for the shadowbox */ | |
82 html>body div.outerbox | |
83 { | |
84 padding: 0 5px 5px 0; | |
85 } | |
86 html>body div.shadowbox1 | |
87 { | |
88 position: absolute; | |
89 right: 0; | |
90 bottom: 5px; | |
91 width: 5px; | |
92 height: 100%; | |
93 background: url(myshadow.png) no-repeat right top; | |
94 } | |
95 html>body div.shadowbox2 | |
96 { | |
97 position: absolute; | |
98 bottom: 0; | |
99 right: 5px; | |
100 height: 5px; | |
101 width: 100%; | |
102 background: url(myshadow.png) left bottom; | |
103 } | |
104 html>body div.shadowbox3 | |
105 { | |
106 position: absolute; | |
107 bottom: 0; | |
108 right: 0; | |
109 height: 5px; | |
110 width: 5px; | |
111 background: url(myshadow.png) no-repeat right bottom; | |
112 } | |
113 html>body .innerbox | |
114 { | |
115 margin: 0; | |
116 display: inherit; | |
117 } |