source: products/qPloneDropDownMenu/trunk/skins/qPloneDropDownMenu/drop_down.css.dtml @ 1

Last change on this file since 1 was 1, checked in by myroslav, 16 years ago

Building directory structure

File size: 4.8 KB
Line 
1/* <dtml-with base_properties> (do not remove this :) */
2/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */
3
4body {
5  behavior:url("&dtml-portal_url;/csshover.htc");
6}
7
8
9/*             ------  Basic style  ------             */
10#portal-globalnav ul {
11        margin: 0;
12        padding: 0;
13        border: 0;
14        list-style-type: none;
15}
16
17#portal-globalnav li {
18        margin: 0; 
19        padding: 0;
20        border: 0;
21        display: inline;
22        float: left;
23        z-index: 10000;
24        position: relative;
25}
26
27#portal-globalnav a {
28        float: left;/* \*/float: none;/*  */
29        display: block;
30}
31
32#portal-globalnav li ul {
33        visibility: hidden;
34        position: absolute;
35        width: 20em;
36}
37
38#portal-globalnav li ul li {
39        width: 100%;
40        display: block;
41        float: left;
42        position: static;
43}
44
45#portal-globalnav li ul li a {
46        width: 100%;
47}
48
49html>body #portal-globalnav li ul li {
50        float: none;
51        position: relative;
52}
53
54#portal-globalnav .csshover li ul li:hover {
55        position: relative;
56}
57
58
59/* fix the position */
60#portal-globalnav li ul li ul {
61        top: 0;
62        left: 100%;
63}
64
65
66
67/* simulate child selector for IE */
68div#portal-globalnav .csshover li:hover ul, #portal-globalnav .csshover li:hover li:hover ul, #portal-globalnav .csshover li:hover li:hover li:hover ul, #portal-globalnav .csshover li:hover li:hover li:hover li:hover ul {
69        visibility: visible;
70}
71#portal-globalnav .csshover li:hover li ul, #portal-globalnav .csshover li:hover li:hover li ul, #portal-globalnav .csshover li:hover li:hover li:hover li ul, #portal-globalnav .csshover li:hover li:hover li:hover li:hover li ul {
72        visibility: hidden;
73}
74
75/* do the normal show, with increased specificity */
76#portal-globalnav ul#portal-globalnavList .csshover li:hover > ul {
77       visibility: visible;
78}
79
80/*     ------   Make-up --------            */
81
82#portal-globalnav li.invisibleHeightKeeper {
83        visibility: hidden;
84        float: none;
85}
86
87/*#portal-globalnav {
88        height: 1.25em;
89}*/
90
91#portal-globalnav .csshover ul li:hover a {
92        background-color: &dtml-globalBackgroundColor;;
93}
94
95#portal-globalnav .csshover ul li:hover ul a {
96        background-color: &dtml-backgroundColor;;
97}
98
99
100#portal-globalnav .csshover ul li ul li a:hover,
101#portal-globalnav .csshover ul li ul li:hover a {
102        color: &dtml-globalFontColor;;
103        background-color: &dtml-globalBackgroundColor;;
104}
105
106
107#portal-globalnav .csshover ul li:hover ul li a:hover,
108#portal-globalnav .csshover ul li:hover ul li.selected a,
109#portal-globalnav .csshover ul li:hover ul li:hover a {
110        background-color: &dtml-globalBackgroundColor;;
111}
112
113#portal-globalnav ul li ul li a {
114        border-style: none;
115        margin-right: 0em;
116}
117
118#portal-globalnav ul li ul {
119        border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
120        padding-bottom: 1px;
121        overflow: hidden;
122        background-color: &dtml-globalBackgroundColor;;
123}
124
125#portal-globalnav .csshover ul li:hover ul li:hover ul  a {
126        background-color: &dtml-backgroundColor;;
127        color: &dtml-globalFontColor;;
128}
129
130
131
132
133
134/* latest changes */
135
136#portal-globalnav ul {
137        font-size:8pt;
138        list-style-type:none;
139        list-style-image:none;
140}
141
142#portal-globalnav ul li {
143        padding:0;
144        margin:0;
145        line-height:normal;
146}
147
148#portal-globalnav ul li.selected a,
149#portal-globalnav .csshover ul li a:hover {
150
151        color:&dtml-globalFontColor;;
152}
153
154
155#portal-globalnav .csshover ul li:hover a {
156        background-color:&dtml-globalBackgroundColor;;
157}
158
159
160#portal-globalnav .csshover ul li:hover ul {
161        margin:0;
162        border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
163        background-color: &dtml-backgroundColor;;
164        overflow:visible;
165}
166
167#portal-globalnav .csshover ul li:hover ul li {
168        background-color: &dtml-backgroundColor; !important;
169        padding:0;
170        margin:0;
171}
172
173#portal-globalnav .csshover ul li:hover ul li a {
174        color: &dtml-globalFontColor; !important;
175        background-color: &dtml-backgroundColor; !important;
176        margin:0;
177        line-height:normal;
178        width:auto;
179}
180
181#portal-globalnav .csshover ul li ul li a:hover {
182        background-color: &dtml-globalBackgroundColor; !important;
183        background-image:none;
184}
185
186.kupu-fulleditor-zoomed #portal-globalnav {
187        display: none;
188}
189
190/*Configlet styles************************************************************/
191
192.ieVisible {display:none;}
193
194* html .ieHidden {display: none;}
195
196* html .ieVisible {display: block;}
197
198
199/* </dtml-with> (do not remove this either :) */
Note: See TracBrowser for help on using the repository browser.