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