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

Last change on this file since 3654 was 3654, checked in by gvizdyk, 11 years ago

updated styles for mobile navigations and hidden mobile menu for print

File size: 2.2 KB
Line 
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}
Note: See TracBrowser for help on using the repository browser.