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

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

updated condition for include style for mobile device

File size: 2.1 KB
RevLine 
[1194]1/* DropDown Menu Styles */
[1182]2
3body {
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}
Note: See TracBrowser for help on using the repository browser.