7 background-color: #CFDEFF
13 background-color: #fff
17 background-image: url(../../../static/css/images/arrows-grey.png)
20 .sf-menu li li .sf-sub-indicator {
24 #page-menu.sf-menu li .sf-sub-indicator {
28 #page-menu.sf-menu li:hover ul,
29 #page-menu.sf-menu li.sfHover ul {
41 #main-navigation .sf-menu a,
42 #main-navigation .sf-menu a:hover {
44 padding-bottom: 0.5em;
53 #main-navigation li li a {
54 border-top: 1px solid white
57 #app-nav.sf-menu > li:first-child > a {
61 #main-navigation #app-nav > li,
62 #main-navigation #app-nav > li > a {
63 background-color: transparent
73 /* padding-right: 3em; */
76 border-bottom: 1px solid #ccc;
77 background-color: #eee;
80 #page-navigation #page-menu {
86 #page-navigation .sf-menu li {
87 /* background-color: transparent */
88 background-color: #f8f8f8
91 #page-navigation .sf-menu li li,
92 #page-navigation .sf-menu li li li {
93 background-color: #fff
96 #page-navigation .sf-menu a:visited,
97 #page-navigation .sf-menu a {
102 /* to stop a "flash" of an unstyled menu on an older browser, hide the menu until superfish has initialized it */
108 #app-nav.toplevel.sf-menu {
112 #page-menu.toplevel {
116 #page-menu.toplevel.sf-menu {
120 /* ## new ticket via customer, and we already have a ticket search box
124 background: transparent;
127 padding-right: 0.7em;
130 padding-bottom: 0.5em;
145 padding-bottom: 0.25em;
147 padding-right: 0.5em;
149 vertical-align: middle;
152 #topactions .select-queue {
156 #topactions #simple-search .field {
161 #topactions #simple-search .field:focus {
168 background-image: none;
172 .sf-menu.sf-shadow ul {
173 -moz-border-radius: 0;
174 -webkit-border-radius: 0;
176 -moz-box-shadow: 2px 2px 8px -2px #999;
177 -webkit-box-shadow: 2px 2px 8px -2px #999;
178 box-shadow: 2px 2px 8px -2px #999;
181 /* The bookmark star is too tall without adjusting the padding and height */
183 .sf-menu .toggle-bookmark a {
188 .sf-menu .toggle-bookmark a img {
192 /* Pin page menu to top left corner once you scroll past it */
194 #page-navigation #page-menu.pinned {
202 border-left: 1px #aaa solid;
203 border-bottom: 1px #aaa solid;
204 border-radius: 0 0 0 5px;
205 box-shadow: 0 0 10px rgba(0,0,0,0.4);
206 /* stupid vendor prefixes */
207 -moz-border-radius: 0 0 0 5px;
208 -webkit-border-radius: 0 0 0 5px;
209 -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
210 -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
213 #page-menu.pinned li:hover ul,
214 #page-menu.pinned li.sfHover ul {
215 border-left: 1px #aaa solid;
216 border-right: 1px #aaa solid;
217 z-index: -1 !important; /* relative to current stacking context */
218 box-shadow: 0 0 10px rgba(0,0,0,0.4);
219 -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
220 -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
223 /* round off the corner of the first menu item so it matches the container */
225 #page-menu.pinned > li:first-of-type,
226 #page-menu.pinned > li:first-of-type > a {
227 border-radius: 0 0 0 5px;
228 -moz-border-radius: 0 0 0 5px;
229 -webkit-border-radius: 0 0 0 5px;