02878f63e1b15bafd961f7b0e89afc73b1889fed
[autoinstalls/wordpress.git] / wp-admin / css / admin-menu-rtl.css
1 #adminmenuback,
2 #adminmenuwrap,
3 #adminmenu,
4 #adminmenu .wp-submenu {
5         width: 160px;
6         background-color: #23282d;
7 }
8
9 #adminmenuback {
10         position: fixed;
11         top: 0;
12         bottom: -120px;
13         z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
14 }
15
16 #adminmenu {
17         clear: right;
18         margin: 12px 0;
19         padding: 0;
20         list-style: none;
21 }
22
23 .folded #adminmenuback,
24 .folded #adminmenuwrap,
25 .folded #adminmenu,
26 .folded #adminmenu li.menu-top {
27         width: 36px;
28 }
29
30 .icon16 {
31         height: 18px;
32         width: 18px;
33         padding: 6px 6px;
34         margin: -6px -8px 0 0;
35         float: right;
36 }
37
38 /* New Menu icons */
39
40 .icon16:before {
41         color: #999;
42         font: normal 20px/1 dashicons;
43         speak: none;
44         padding: 6px 0;
45         height: 34px;
46         width: 20px;
47         display: inline-block;
48         -webkit-font-smoothing: antialiased;
49         -moz-osx-font-smoothing: grayscale;
50         -webkit-transition: all .1s ease-in-out;
51         transition: all .1s ease-in-out;
52 }
53
54 .icon16.icon-dashboard:before {
55         content: "\f226";
56 }
57
58 .icon16.icon-post:before {
59         content: "\f109";
60 }
61
62 .icon16.icon-media:before {
63         content: "\f104";
64 }
65
66 .icon16.icon-links:before {
67         content: "\f103";
68 }
69
70 .icon16.icon-page:before {
71         content: "\f105";
72 }
73
74 .icon16.icon-comments:before {
75         content: "\f101";
76         margin-top: 1px;
77 }
78
79 .icon16.icon-appearance:before {
80         content: "\f100";
81 }
82
83 .icon16.icon-plugins:before {
84         content: "\f106";
85 }
86
87 .icon16.icon-users:before {
88         content: "\f110";
89 }
90
91 .icon16.icon-tools:before {
92         content: "\f107";
93 }
94
95 .icon16.icon-settings:before {
96         content: "\f108";
97 }
98
99 .icon16.icon-site:before {
100         content: "\f112";
101 }
102
103 .icon16.icon-generic:before {
104         content: "\f111";
105 }
106
107 /* hide background-image for icons above */
108 .icon16.icon-dashboard,
109 .menu-icon-dashboard div.wp-menu-image,
110 .icon16.icon-post,
111 .menu-icon-post div.wp-menu-image,
112 .icon16.icon-media,
113 .menu-icon-media div.wp-menu-image,
114 .icon16.icon-links,
115 .menu-icon-links div.wp-menu-image,
116 .icon16.icon-page,
117 .menu-icon-page div.wp-menu-image,
118 .icon16.icon-comments,
119 .menu-icon-comments div.wp-menu-image,
120 .icon16.icon-appearance,
121 .menu-icon-appearance div.wp-menu-image,
122 .icon16.icon-plugins,
123 .menu-icon-plugins div.wp-menu-image,
124 .icon16.icon-users,
125 .menu-icon-users div.wp-menu-image,
126 .icon16.icon-tools,
127 .menu-icon-tools div.wp-menu-image,
128 .icon16.icon-settings,
129 .menu-icon-settings div.wp-menu-image,
130 .icon16.icon-site,
131 .menu-icon-site div.wp-menu-image,
132 .icon16.icon-generic,
133 .menu-icon-generic div.wp-menu-image {
134         background-image: none !important;
135 }
136
137 /*------------------------------------------------------------------------------
138   7.0 - Main Navigation (Left Menu)
139 ------------------------------------------------------------------------------*/
140
141 #adminmenuwrap {
142         position: relative;
143         float: right;
144         z-index: 9990;
145 }
146
147 /* side admin menu */
148 #adminmenu * {
149         -webkit-user-select: none;
150         -moz-user-select: none;
151         -ms-user-select: none;
152         user-select: none;
153 }
154
155 #adminmenu li {
156         margin: 0;
157         padding: 0;
158         cursor: pointer;
159 }
160
161 #adminmenu a {
162         display: block;
163         line-height: 18px;
164         padding: 2px 5px;
165         color: #eee;
166 }
167
168 #adminmenu .wp-submenu a {
169         color: #b4b9be;
170         color: rgba(240,245,250,0.7);
171 }
172
173 #adminmenu .wp-submenu a:hover,
174 #adminmenu .wp-submenu a:focus {
175         background: none;
176 }
177
178 #adminmenu a:hover,
179 #adminmenu li.menu-top > a:focus,
180 #adminmenu .wp-submenu a:hover,
181 #adminmenu .wp-submenu a:focus {
182         color: #00b9eb;
183 }
184
185 #adminmenu li.menu-top {
186         border: none;
187         min-height: 34px;
188         position: relative;
189 }
190
191 #adminmenu .wp-submenu {
192         list-style: none;
193         position: absolute;
194         top: -1000em;
195         right: 160px;
196         overflow: visible;
197         word-wrap: break-word;
198 }
199
200 #adminmenu .wp-submenu,
201 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
202 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
203         padding: 7px 0 8px;
204         z-index: 9999;
205         background-color: #32373c;
206         -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
207         box-shadow: 0 3px 5px rgba(0,0,0,0.2);
208 }
209
210 .js #adminmenu .sub-open,
211 .js #adminmenu .opensub .wp-submenu,
212 #adminmenu a.menu-top:focus + .wp-submenu,
213 .no-js li.wp-has-submenu:hover .wp-submenu {
214         top: -1px;
215 }
216
217 #adminmenu .wp-has-current-submenu .wp-submenu,
218 .no-js li.wp-has-current-submenu:hover .wp-submenu,
219 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
220 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
221 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
222         position: relative;
223         z-index: 3;
224         top: auto;
225         right: auto;
226         left: auto;
227         bottom: auto;
228         border: 0 none;
229         margin-top: 0;
230         -webkit-box-shadow: none;
231         box-shadow: none;
232         background-color: #32373c;
233 }
234
235 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
236 #adminmenu li.menu-top:hover,
237 #adminmenu li.opensub > a.menu-top,
238 #adminmenu li > a.menu-top:focus {
239         position: relative;
240         background-color: #191e23;
241         color: #00b9eb;
242 }
243
244 .folded #adminmenu li.menu-top:hover,
245 .folded #adminmenu li.opensub > a.menu-top,
246 .folded #adminmenu li > a.menu-top:focus {
247         z-index: 10000;
248 }
249
250 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
251 #adminmenu li.current a.menu-top,
252 .folded #adminmenu li.wp-has-current-submenu,
253 .folded #adminmenu li.current.menu-top,
254 #adminmenu .wp-menu-arrow,
255 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
256 #adminmenu .wp-menu-arrow div {
257         background: #0073aa;
258         color: #fff;
259 }
260
261 .folded #adminmenu .wp-submenu.sub-open,
262 .folded #adminmenu .opensub .wp-submenu,
263 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
264 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
265 .folded #adminmenu a.menu-top:focus + .wp-submenu,
266 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
267 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
268         top: 0;
269         right: 36px;
270 }
271
272 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
273 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
274         position: absolute;
275         top: -1000em;
276 }
277
278 #adminmenu .wp-not-current-submenu .wp-submenu,
279 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
280         min-width: 160px;
281         width: auto;
282 }
283
284 #adminmenu .wp-submenu a {
285         font-size: 13px;
286         line-height: 1.2;
287         margin: 0;
288         padding: 6px 0;
289 }
290
291 #adminmenu .wp-submenu li.current,
292 #adminmenu .wp-submenu li.current a,
293 #adminmenu .opensub .wp-submenu li.current a,
294 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
295 #adminmenu .wp-submenu li.current a:hover,
296 #adminmenu .wp-submenu li.current a:focus {
297         color: #fff;
298 }
299
300 #adminmenu .wp-not-current-submenu li > a,
301 .folded #adminmenu .wp-has-current-submenu li > a {
302         padding-left: 16px;
303         padding-right: 14px;
304         -webkit-transition: all .1s ease-in-out;
305         transition: all .1s ease-in-out;
306 }
307
308 #adminmenu .wp-has-current-submenu ul > li > a,
309 .folded #adminmenu li.menu-top .wp-submenu > li > a {
310         padding: 6px 12px;
311 }
312
313 #adminmenu a.menu-top,
314 #adminmenu .wp-submenu-head {
315         font-size: 14px;
316         font-weight: 400;
317         line-height: 18px;
318         padding: 0;
319 }
320
321 #adminmenu .wp-submenu-head {
322         display: none;
323 }
324
325 .folded #adminmenu .wp-menu-name {
326         position: absolute;
327         right: -999px;
328 }
329
330 .folded #adminmenu .wp-submenu-head {
331         display: block;
332 }
333
334 #adminmenu .wp-submenu li {
335         padding: 0;
336         margin: 0;
337         overflow: hidden;
338 }
339
340 #adminmenu .wp-menu-image img {
341         padding: 9px 0 0 0;
342         opacity: 0.6;
343         filter: alpha(opacity=60);
344 }
345
346 #adminmenu div.wp-menu-name {
347         padding: 8px 0;
348 }
349
350 #adminmenu div.wp-menu-image {
351         float: right;
352         width: 36px;
353         height: 34px;
354         margin: 0;
355         text-align: center;
356 }
357
358 #adminmenu div.wp-menu-image.svg {
359         background-repeat: no-repeat;
360         background-position: center;
361         -webkit-background-size: 20px auto;
362         background-size: 20px auto;
363 }
364
365 div.wp-menu-image:before {
366         color: #a0a5aa;
367         color: rgba(240,245,250,0.6);
368         padding: 7px 0;
369         -webkit-transition: all .1s ease-in-out;
370         transition: all .1s ease-in-out;
371 }
372
373 #adminmenu div.wp-menu-image:before {
374         color: #a0a5aa;
375         color: rgba(240,245,250,0.6);
376 }
377
378 #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
379 #adminmenu .wp-has-current-submenu div.wp-menu-image:before,
380 #adminmenu .current div.wp-menu-image:before,
381 #adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
382 #adminmenu a.current:hover div.wp-menu-image:before,
383 #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
384 #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
385         color: #fff;
386 }
387
388 #adminmenu li:hover div.wp-menu-image:before,
389 #adminmenu li a:focus div.wp-menu-image:before,
390 #adminmenu li.opensub div.wp-menu-image:before {
391         color: #00b9eb;
392 }
393
394 /* IE8 doesn't redraw the pseudo elements unless you make a change to the content, this restore the initial color after hover */
395 .ie8 #adminmenu li.opensub div.wp-menu-image:before {
396         color: #a0a5aa;
397 }
398
399 .folded #adminmenu div.wp-menu-image {
400         width: 35px;
401         height: 30px;
402         position: absolute;
403         z-index: 25;
404 }
405
406 .folded #adminmenu a.menu-top {
407         height: 34px;
408 }
409
410 /* No @font-face support */
411 .no-font-face #adminmenu .wp-menu-image {
412         display: none;
413 }
414
415 .no-font-face #adminmenu div.wp-menu-name {
416         padding: 8px 12px;
417 }
418
419 .no-font-face.auto-fold #adminmenu .wp-menu-name {
420         margin-right: 0;
421 }
422 /* End no @font-face support */
423
424 /* Sticky admin menu */
425 .sticky-menu #adminmenuwrap {
426         position: fixed;
427 }
428
429 /* A new arrow */
430
431 .wp-menu-arrow {
432         display: none !important;
433 }
434
435 ul#adminmenu a.wp-has-current-submenu {
436         position: relative;
437 }
438
439 ul#adminmenu a.wp-has-current-submenu:after,
440 ul#adminmenu > li.current > a.current:after {
441         left: 0;
442         border: solid 8px transparent;
443         content: " ";
444         height: 0;
445         width: 0;
446         position: absolute;
447         pointer-events: none;
448         border-left-color: #f1f1f1;
449         top: 50%;
450         margin-top: -8px;
451 }
452
453 .folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
454         display: none;
455 }
456
457 .folded ul#adminmenu a.wp-has-current-submenu:after,
458 .folded ul#adminmenu > li a.current:after {
459         border-width: 4px;
460         margin-top: -4px;
461 }
462
463 /* flyout menu arrow */
464 #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
465         left: 0;
466         border: solid transparent;
467         content: " ";
468         height: 0;
469         width: 0;
470         position: absolute;
471         pointer-events: none;
472         border-width: 8px;
473         top: 10px;
474         z-index: 10000;
475 }
476
477 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
478         border-width: 4px;
479         margin-top: -4px;
480         top: 18px;
481 }
482
483 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
484         border-left-color: #32373c;
485 }
486
487 #adminmenu li.menu-top:hover .wp-menu-image img,
488 #adminmenu li.wp-has-current-submenu .wp-menu-image img {
489         opacity: 1;
490         filter: alpha(opacity=100);
491 }
492
493 #adminmenu li.wp-menu-separator {
494         height: 5px;
495         padding: 0;
496         margin: 0 0 6px 0;
497         cursor: inherit;
498 }
499
500 /* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
501 #adminmenu div.separator {
502         height: 2px;
503         padding: 0;
504 }
505
506 #adminmenu .wp-submenu .wp-submenu-head {
507         color: #fff;
508         font-weight: 400;
509         font-size: 14px;
510         padding: 8px 11px 8px 4px;
511         margin: -7px 0px 4px;
512 }
513
514 #adminmenu li.current,
515 .folded #adminmenu li.wp-menu-open {
516         border: 0 none;
517 }
518
519 #adminmenu .awaiting-mod,
520 #adminmenu .update-plugins {
521         display: inline-block;
522         background-color: #d54e21;
523         color: #fff;
524         font-size: 9px;
525         line-height: 17px;
526         font-weight: 600;
527         margin: 1px 2px 0 0;
528         vertical-align: top;
529         -webkit-border-radius: 10px;
530         border-radius: 10px;
531         z-index: 26;
532 }
533
534 #adminmenu li .awaiting-mod span,
535 #adminmenu li span.update-plugins span {
536         display: block;
537         padding: 0 6px;
538 }
539
540 #adminmenu li.current a .awaiting-mod,
541 #adminmenu      li a.wp-has-current-submenu .update-plugins {
542         background-color: #00b9eb;
543         color: #fff;
544 }
545
546 #adminmenu li span.count-0 {
547         display: none;
548 }
549
550 #collapse-menu {
551         font-size: 13px;
552         line-height: 34px;
553         margin-top: 10px;
554         color: #a0a5aa;
555         color: rgba(240,245,250,0.6);
556         -webkit-transition: all .1s ease-in-out;
557         transition: all .1s ease-in-out;
558 }
559
560 #collapse-menu:hover,
561 #collapse-menu:hover #collapse-button div:after {
562         color: #00b9eb;
563 }
564
565 .folded #collapse-menu span {
566         display: none;
567 }
568
569 #collapse-button,
570 #collapse-button div {
571         width: 15px;
572         height: 15px;
573 }
574
575 #collapse-button {
576         float: right;
577         height: 15px;
578         margin: 10px 11px 10px 8px;
579         width: 15px;
580         -webkit-border-radius: 10px;
581         border-radius: 10px;
582 }
583
584 #wpwrap #collapse-button div {
585         padding: 0;
586 }
587
588 #collapse-button div:after {
589         content: "\f148";
590         display: block;
591         line-height: 15px;
592         right: -3px;
593         top: -3px;
594         color: #a0a5aa;
595         color: rgba(240,245,250,0.6);
596         font: normal 20px/1 dashicons !important;
597         speak: none;
598         margin: 0 auto;
599         padding: 0 !important;
600         position: relative;
601         text-align: center;
602         width: 20px;
603         -webkit-transition: all .1s ease-in-out;
604         transition: all .1s ease-in-out;
605         -webkit-font-smoothing: antialiased;
606         -moz-osx-font-smoothing: grayscale;
607 }
608
609 /* rtl:ignore */
610 .folded #collapse-button div:after,
611 .rtl #collapse-button div:after {
612         -webkit-transform: rotate(180deg);
613         -ms-transform: rotate(180deg);
614         transform: rotate(180deg);
615 }
616
617 .rtl.folded #collapse-button div:after {
618         -webkit-transform: none;
619         -ms-transform: none;
620         transform: none;
621 }
622
623 /**
624  * Toolbar menu toggle
625  */
626 li#wp-admin-bar-menu-toggle {
627         display: none;
628 }
629
630 /* Hide-if-customize for items we can't add classes to */
631 .customize-support #menu-appearance a[href="themes.php?page=custom-header"],
632 .customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
633         display: none;
634 }
635
636 /* Auto-folding of the admin menu */
637 @media only screen and (max-width: 960px) {
638         .auto-fold #wpcontent,
639         .auto-fold #wpfooter {
640                 margin-right: 36px;
641         }
642
643         .auto-fold #adminmenuback,
644         .auto-fold #adminmenuwrap,
645         .auto-fold #adminmenu,
646         .auto-fold #adminmenu li.menu-top {
647                 width: 36px;
648         }
649
650         .auto-fold #adminmenu .wp-submenu.sub-open,
651         .auto-fold #adminmenu .opensub .wp-submenu,
652         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
653         .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
654         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
655         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
656                 top: 0px;
657                 right: 36px;
658         }
659
660         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
661         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
662                 position: absolute;
663                 top: -1000em;
664                 margin-left: -1px;
665                 padding: 7px 0 8px;
666                 z-index: 9999;
667         }
668
669         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
670                 min-width: 150px;
671                 width: auto;
672         }
673
674         .auto-fold #adminmenu .wp-has-current-submenu li > a {
675                 padding-left: 16px;
676                 padding-right: 14px;
677         }
678
679
680         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
681                 padding-right: 12px;
682         }
683
684         .auto-fold #adminmenu .wp-menu-name {
685                 position: absolute;
686                 right: -999px;
687         }
688
689         .auto-fold #adminmenu .wp-submenu-head {
690                 display: block;
691         }
692
693         .auto-fold #adminmenu div.wp-menu-image {
694                 height: 30px;
695                 width: 34px;
696                 position: absolute;
697                 z-index: 25;
698         }
699
700         .auto-fold #adminmenu a.menu-top {
701                 height: 34px;
702         }
703
704         .auto-fold #adminmenu li.wp-menu-open {
705                 border: 0 none;
706         }
707
708         .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
709                 margin-bottom: 0;
710         }
711
712         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
713                 display: none;
714         }
715
716         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
717                 border-width: 4px;
718                 margin-top: -4px;
719                 top: 16px;
720         }
721
722         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
723         .auto-fold ul#adminmenu > li a.current:after {
724                 border-width: 4px;
725                 margin-top: -4px;
726         }
727
728         .auto-fold #adminmenu li.menu-top:hover,
729         .auto-fold #adminmenu li.opensub > a.menu-top,
730         .auto-fold #adminmenu li > a.menu-top:focus {
731                 z-index: 10000;
732         }
733
734         .auto-fold #collapse-menu span {
735                 display: none;
736         }
737
738         .auto-fold #collapse-button div {
739                 background: none;
740         }
741
742         /* rtl:ignore */
743         .auto-fold #collapse-button div:after {
744                 -webkit-transform: rotate(180deg);
745                 -ms-transform: rotate(180deg);
746                 transform: rotate(180deg);
747         }
748
749         .rtl.auto-fold #collapse-button div:after {
750                 -webkit-transform: none;
751                 -ms-transform: none;
752                 transform: none;
753         }
754
755 }
756
757 @media screen and ( max-width: 782px ) {
758         .auto-fold #wpcontent {
759                 position: relative;
760                 margin-right: 0;
761                 padding-right: 10px;
762         }
763
764         .sticky-menu #adminmenuwrap {
765                 position: relative;
766                 z-index: auto;
767                 top: 0;
768         }
769
770         /* Sidebar Adjustments */
771         .auto-fold #adminmenu,
772         .auto-fold #adminmenuback,
773         .auto-fold #adminmenuwrap {
774                 position: absolute;
775                 width: 190px;
776                 z-index: 100;
777         }
778
779         .auto-fold #adminmenuback,
780         .auto-fold #adminmenuwrap {
781                 display: none;
782         }
783
784         .auto-fold .wp-responsive-open #adminmenuback,
785         .auto-fold .wp-responsive-open #adminmenuwrap {
786                 display: block;
787         }
788
789         .auto-fold #adminmenu li.menu-top {
790                 width: 100%;
791         }
792
793         /* Resize the admin menu items to a comfortable touch size */
794         .auto-fold #adminmenu li a {
795                 font-size: 16px;
796                 padding: 5px;
797         }
798
799         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
800                 padding: 10px 20px 10px 10px;
801         }
802
803         /* Restore the menu names */
804         .auto-fold #adminmenu .wp-menu-name {
805                 position: static;
806                 margin-right: 35px;
807         }
808
809         /* Switch the arrow side */
810         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
811         .auto-fold ul#adminmenu > li.current > a.current:after {
812                 border-width: 8px;
813                 margin-top: -8px;
814         }
815
816         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
817                 display: none;
818         }
819
820         /* Make the submenus appear correctly when tapped. */
821         #adminmenu .wp-submenu {
822                 position: relative;
823                 display: none;
824         }
825
826         .auto-fold #adminmenu .selected .wp-submenu,
827         .auto-fold #adminmenu .wp-menu-open .wp-submenu {
828                 position: relative;
829                 display: block;
830                 top: 0;
831                 right: -1px;
832                 -webkit-box-shadow: none;
833                 box-shadow: none;
834         }
835
836         .auto-fold #adminmenu .selected .wp-submenu:after,
837         .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
838                 display: none;
839         }
840
841         .auto-fold #adminmenu .opensub .wp-submenu {
842                 display: none;
843         }
844
845         .auto-fold #adminmenu .selected .wp-submenu {
846                 display: block;
847         }
848
849         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
850                 display: block;
851         }
852
853         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
854         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
855                 position: relative;
856                 right: -1px;
857                 left: 0;
858                 top: 0;
859         }
860
861         /* Remove submenu headers and adjust sub meu*/
862         #adminmenu .wp-submenu .wp-submenu-head {
863                 display: none;
864         }
865
866         /* Toolbar menu toggle */
867         #wp-responsive-toggle {
868                 position: fixed;
869                 top: 5px;
870                 right: 4px;
871                 padding-left: 10px;
872                 z-index: 99999;
873                 border: none;
874                 -webkit-box-sizing: border-box;
875                 -moz-box-sizing: border-box;
876                 box-sizing: border-box;
877         }
878
879         #wpadminbar #wp-admin-bar-menu-toggle a {
880                 display: block;
881                 padding: 0;
882                 overflow: hidden;
883                 outline: none;
884                 text-decoration: none;
885                 border: 1px solid transparent;
886                 background: none;
887                 height: 44px;
888                 margin-right: -1px;
889         }
890
891         .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
892                 background: #32373c;
893         }
894
895         li#wp-admin-bar-menu-toggle {
896                 display: block;
897         }
898
899         #wpadminbar #wp-admin-bar-menu-toggle a:hover {
900                 border: 1px solid transparent;
901         }
902
903         #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
904                 content: "\f228";
905                 display: inline-block;
906                 float: right;
907                 font: normal 40px/45px dashicons;
908                 vertical-align: middle;
909                 outline: none;
910                 margin: 0;
911                 -webkit-font-smoothing: antialiased;
912                 -moz-osx-font-smoothing: grayscale;
913                 height: 44px;
914                 width: 50px;
915                 padding: 0;
916                 border: none;
917                 text-align: center;
918                 text-decoration: none;
919                 -webkit-box-sizing: border-box;
920                 -moz-box-sizing: border-box;
921                 box-sizing: border-box;
922         }
923
924         .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
925                 color: #00b9eb;
926         }
927 }
928
929 /* Smartphone */
930 @media screen and (max-width: 600px) {
931         #adminmenuwrap,
932         #adminmenuback {
933                 display: none;
934         }
935
936         .wp-responsive-open #adminmenuwrap,
937         .wp-responsive-open #adminmenuback {
938                 display: block;
939         }
940
941         .auto-fold #adminmenu {
942                 top: 46px;
943         }
944 }