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