1 | /* DropDown Menu Styles */ |
---|
2 | |
---|
3 | * html body { |
---|
4 | behavior:url("/@@csshover.htc"); |
---|
5 | } |
---|
6 | #portal-top { |
---|
7 | z-index:1; |
---|
8 | } |
---|
9 | #portal-searchbox { |
---|
10 | position:relative; |
---|
11 | z-index:2; |
---|
12 | } |
---|
13 | |
---|
14 | /*---------- BASIC STYLE one level ----------*/ |
---|
15 | #portal-globalnav { |
---|
16 | list-style-image:none; |
---|
17 | } |
---|
18 | * html #portal-globalnav { |
---|
19 | position:relative; |
---|
20 | zoom:1; |
---|
21 | } |
---|
22 | #portal-globalnav:after { |
---|
23 | content:""; |
---|
24 | clear:both; |
---|
25 | display:block; |
---|
26 | visibility:hidden; |
---|
27 | } |
---|
28 | #portal-globalnav li { |
---|
29 | display:block; |
---|
30 | float:left; |
---|
31 | position:relative; |
---|
32 | } |
---|
33 | #portal-globalnav li a { |
---|
34 | display:block; |
---|
35 | line-height:2em; |
---|
36 | padding:1px 1em 21px; |
---|
37 | } |
---|
38 | #portal-globalnav li.selected a { |
---|
39 | background-color:#205C90; |
---|
40 | color:#fff; |
---|
41 | } |
---|
42 | #portal-globalnav li a span { |
---|
43 | cursor:pointer; /* fix ie */ |
---|
44 | display:block; /* fix ie */ |
---|
45 | white-space: normal; |
---|
46 | } |
---|
47 | |
---|
48 | /*----- DropDown -----*/ |
---|
49 | #portal-globalnav li ul { |
---|
50 | display:none; |
---|
51 | left:0; |
---|
52 | position:absolute; |
---|
53 | top:100%; |
---|
54 | z-index:1000; |
---|
55 | } |
---|
56 | #portal-globalnav li:hover > ul { |
---|
57 | display:block; |
---|
58 | } |
---|
59 | #portal-globalnav ul li { |
---|
60 | float:none; |
---|
61 | margin:0; |
---|
62 | } |
---|
63 | #portal-globalnav ul li a { |
---|
64 | background-color:#ddd; |
---|
65 | border-top:1px solid #fff; |
---|
66 | height:auto; |
---|
67 | padding:0.5em 1.5em 0.5em 1em; |
---|
68 | vertical-align:top; |
---|
69 | width:12em; |
---|
70 | } |
---|
71 | #portal-globalnav li.selected ul li a { |
---|
72 | background-color:#ddd; |
---|
73 | color:#205C90; |
---|
74 | } |
---|
75 | #portal-globalnav li ul ul { |
---|
76 | top:0; |
---|
77 | left:100%; |
---|
78 | } |
---|
79 | #portal-globalnav ul li a.hasChildrens { |
---|
80 | background-image:url(++resource++quintagroup.dropdownmenu.images/ddm-pointer.gif); |
---|
81 | background-position:100% 50%; |
---|
82 | background-repeat:no-repeat; |
---|
83 | background-color:#ddd; |
---|
84 | } |
---|
85 | #portal-globalnav ul li a.hasChildrens:hover { |
---|
86 | background-image:url(++resource++quintagroup.dropdownmenu.images/ddm-pointer.gif); |
---|
87 | background-position:100% 50%; |
---|
88 | background-repeat:no-repeat; |
---|
89 | background-color:#205C90; |
---|
90 | } |
---|
91 | #portal-globalnav:hover li:hover > a { |
---|
92 | background-color:#205C90; |
---|
93 | color:#fff; |
---|
94 | } |
---|
95 | #portal-globalnav:hover li:hover ul > a { |
---|
96 | background-color:#ddd; |
---|
97 | color:#205C90; |
---|
98 | } |
---|
99 | #portal-globalnav-mobile { |
---|
100 | display:none; |
---|
101 | } |
---|
102 | |
---|
103 | @media (max-width:767px) { |
---|
104 | #portal-globalnav.mobileMenuOn { |
---|
105 | display:none; |
---|
106 | } |
---|
107 | .mobileMenu { |
---|
108 | background-color: #ddd; |
---|
109 | margin: 0 0 0.5em; |
---|
110 | padding:0.5em; |
---|
111 | } |
---|
112 | #portal-globalnav-mobile { |
---|
113 | display:block; |
---|
114 | min-width:150px; |
---|
115 | } |
---|
116 | } |
---|
117 | |
---|
118 | @media print { |
---|
119 | .mobileMenu { |
---|
120 | display: none; |
---|
121 | } |
---|
122 | } |
---|