63
|
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 } |