source: products/quintagroup.dropdownmenu/trunk/quintagroup/dropdownmenu/browser/resources/drop_down.css @ 3491

Last change on this file since 3491 was 3491, checked in by kroman0, 12 years ago

Added select for mobile menu

File size: 2.1 KB
Line 
1/* DropDown Menu Styles */
2
3body {
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  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  }
26#portal-globalnav li {
27  display:block;
28  float:left;
29  position:relative;
30  }
31#portal-globalnav li a {
32  display:block;
33  line-height:2em;
34  padding:1px 1em 21px;
35  }
36#portal-globalnav li.selected a {
37  background-color:#205C90;
38  color:#fff;
39  }
40#portal-globalnav li a span {
41  cursor:pointer; /* fix ie */
42  display:block; /* fix ie */
43  white-space: normal;
44  }
45
46/*----- DropDown -----*/
47#portal-globalnav li ul {
48  display:none;
49  left:0;
50  position:absolute;
51  top:100%;
52  z-index:1000;
53  }
54#portal-globalnav li:hover > ul {
55  display:block;
56  }
57#portal-globalnav ul li {
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;
66  vertical-align:top;
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  }
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  }
97#portal-globalnav-mobile {
98  display:none;
99  }
100
101@media (max-width:5in) {
102#portal-globalnav.mobileMenuOn {
103  display:none;
104  }
105#portal-globalnav-mobile {
106  display:block;
107  margin:0.5em;
108  min-width:150px;
109  }   
110}
Note: See TracBrowser for help on using the repository browser.