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 }