a79ea566ea2df1a77fb8438db3d460bb8ad1bc98
[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 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 }
145
146 /* side admin menu */
147 #adminmenu * {
148         -webkit-user-select: none;
149         -moz-user-select: none;
150         -ms-user-select: none;
151         user-select: none;
152 }
153
154 #adminmenu li {
155         margin: 0;
156         padding: 0;
157         cursor: pointer;
158 }
159
160 #adminmenu a {
161         display: block;
162         line-height: 18px;
163         padding: 2px 5px;
164         color: #eee;
165 }
166
167 #adminmenu .wp-submenu a {
168         color: #bbb;
169 }
170
171 #adminmenu .wp-submenu a:hover,
172 #adminmenu .wp-submenu a:focus {
173         background: none;
174 }
175
176 #adminmenu a:hover,
177 #adminmenu li.menu-top > a:focus,
178 #adminmenu .wp-submenu a:hover,
179 #adminmenu .wp-submenu a:focus {
180         color: #2ea2cc;
181 }
182
183 #adminmenu li.menu-top {
184         border: none;
185         min-height: 34px;
186         position: relative;
187 }
188
189 #adminmenu .wp-submenu {
190         list-style: none;
191         position: absolute;
192         top: -1000em;
193         left: 160px;
194         overflow: visible;
195         word-wrap: break-word;
196 }
197
198 #adminmenu .wp-submenu,
199 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
200 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
201         padding: 7px 0 8px;
202         z-index: 9999;
203         background-color: #333;
204         -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
205         box-shadow: 0 3px 5px rgba(0,0,0,0.2);
206 }
207
208 .js #adminmenu .sub-open,
209 .js #adminmenu .opensub .wp-submenu,
210 #adminmenu a.menu-top:focus + .wp-submenu,
211 .no-js li.wp-has-submenu:hover .wp-submenu {
212         top: -1px;
213 }
214
215 #adminmenu .wp-has-current-submenu .wp-submenu,
216 .no-js li.wp-has-current-submenu:hover .wp-submenu,
217 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
218 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
219 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
220         position: relative;
221         z-index: 3;
222         top: auto;
223         left: auto;
224         right: auto;
225         bottom: auto;
226         border: 0 none;
227         margin-top: 0;
228         -webkit-box-shadow: none;
229         box-shadow: none;
230         background-color: #333;
231 }
232
233 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
234 #adminmenu li.menu-top:hover,
235 #adminmenu li.opensub > a.menu-top,
236 #adminmenu li > a.menu-top:focus {
237         position: relative;
238         background-color: #111;
239 }
240
241 .folded #adminmenu li.menu-top:hover,
242 .folded #adminmenu li.opensub > a.menu-top,
243 .folded #adminmenu li > a.menu-top:focus {
244         z-index: 10000;
245 }
246
247 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
248 #adminmenu li.current a.menu-top,
249 .folded #adminmenu li.wp-has-current-submenu,
250 .folded #adminmenu li.current.menu-top,
251 #adminmenu .wp-menu-arrow,
252 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
253 #adminmenu .wp-menu-arrow div {
254         background: #0074a2;
255         color: #fff;
256 }
257
258 .folded #adminmenu .wp-submenu.sub-open,
259 .folded #adminmenu .opensub .wp-submenu,
260 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
261 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
262 .folded #adminmenu a.menu-top:focus + .wp-submenu,
263 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
264 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
265         top: 0;
266         left: 36px;
267 }
268
269 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
270 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
271         position: absolute;
272         top: -1000em;
273 }
274
275 #adminmenu .wp-not-current-submenu .wp-submenu,
276 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
277         min-width: 160px;
278         width: auto;
279 }
280
281 #adminmenu .wp-submenu a {
282         font-size: 13px;
283         line-height: 1.2;
284         margin: 0;
285         padding: 6px 0;
286 }
287
288 #adminmenu .wp-submenu li.current,
289 #adminmenu .wp-submenu li.current a,
290 #adminmenu .opensub .wp-submenu li.current a,
291 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
292 #adminmenu .wp-submenu li.current a:hover,
293 #adminmenu .wp-submenu li.current a:focus {
294         color: #fff;
295 }
296
297 #adminmenu .wp-not-current-submenu li > a,
298 .folded #adminmenu .wp-has-current-submenu li > a {
299         padding-right: 16px;
300         padding-left: 14px;
301         -webkit-transition: all .1s ease-in-out;
302         transition: all .1s ease-in-out;
303 }
304
305 #adminmenu .wp-has-current-submenu ul > li > a,
306 .folded #adminmenu li.menu-top .wp-submenu > li > a {
307         padding: 6px 12px;
308 }
309
310 #adminmenu a.menu-top,
311 #adminmenu .wp-submenu-head {
312         font-size: 14px;
313         font-weight: 400;
314         line-height: 18px;
315         padding: 0;
316 }
317
318 #adminmenu .wp-submenu-head,
319 .folded #adminmenu .wp-menu-name {
320         display: none;
321 }
322
323 .folded #adminmenu .wp-submenu-head {
324         display: block;
325 }
326
327 #adminmenu .wp-submenu li {
328         padding: 0;
329         margin: 0;
330         overflow: hidden;
331 }
332
333 #adminmenu .wp-menu-image img {
334         padding: 9px 0 0 0;
335         opacity: 0.6;
336         filter: alpha(opacity=60);
337 }
338
339 #adminmenu div.wp-menu-name {
340         padding: 8px 0;
341 }
342
343 #adminmenu div.wp-menu-image {
344         float: left;
345         width: 36px;
346         height: 34px;
347         margin: 0;
348         text-align: center;
349 }
350
351 #adminmenu div.wp-menu-image.svg {
352         background-repeat: no-repeat;
353         background-position: center;
354         -webkit-background-size: 20px auto;
355         background-size: 20px auto;
356 }
357
358 div.wp-menu-image:before {
359         color: #999;
360         padding: 7px 0;
361         -webkit-transition: all .1s ease-in-out;
362         transition: all .1s ease-in-out;
363 }
364
365 #adminmenu div.wp-menu-image:before {
366         color: #999;
367 }
368
369 #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
370 #adminmenu .wp-has-current-submenu div.wp-menu-image:before,
371 #adminmenu .current div.wp-menu-image:before,
372 #adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
373 #adminmenu a.current:hover div.wp-menu-image:before {
374         color: #fff;
375 }
376
377 #adminmenu li:hover div.wp-menu-image:before {
378         color: #2ea2cc;
379 }
380
381 .folded #adminmenu div.wp-menu-image {
382         width: 35px;
383         height: 30px;
384         position: absolute;
385         z-index: 25;
386 }
387
388 .folded #adminmenu a.menu-top {
389         height: 34px;
390 }
391
392 /* No @font-face support */
393 .no-font-face #adminmenu .wp-menu-image {
394         display: none;
395 }
396
397 .no-font-face #adminmenu div.wp-menu-name {
398         padding: 8px 12px;
399 }
400
401 .no-font-face.auto-fold #adminmenu .wp-menu-name {
402         margin-left: 0;
403 }
404 /* End no @font-face support */
405
406 /* Sticky admin menu */
407 .sticky-menu #adminmenuwrap {
408         position: fixed;
409         z-index: 9999; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
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 span.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: #2ea2cc;
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: #2ea2cc;
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
614 /* Auto-folding of the admin menu */
615 @media only screen and (max-width: 900px) {
616         .auto-fold #wpcontent,
617         .auto-fold #wpfooter {
618                 margin-left: 56px;
619         }
620
621         .auto-fold #adminmenuback,
622         .auto-fold #adminmenuwrap,
623         .auto-fold #adminmenu,
624         .auto-fold #adminmenu li.menu-top {
625                 width: 36px;
626         }
627
628         .auto-fold #adminmenu .wp-submenu.sub-open,
629         .auto-fold #adminmenu .opensub .wp-submenu,
630         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
631         .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
632         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
633         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
634                 top: 0px;
635                 left: 36px;
636         }
637
638         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
639         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
640                 position: absolute;
641                 top: -1000em;
642                 margin-right: -1px;
643                 padding: 7px 0 8px;
644                 z-index: 9999;
645         }
646
647         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
648                 min-width: 150px;
649                 width: auto;
650         }
651
652         .auto-fold #adminmenu .wp-has-current-submenu li > a {
653                 padding-right: 16px;
654                 padding-left: 14px;
655         }
656
657
658         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
659                 padding-left: 12px;
660         }
661
662         .auto-fold #adminmenu .wp-menu-name {
663                 display: none;
664         }
665
666         .auto-fold #adminmenu .wp-submenu-head {
667                 display: block;
668         }
669
670         .auto-fold #adminmenu div.wp-menu-image {
671                 height: 30px;
672                 width: 34px;
673                 position: absolute;
674                 z-index: 25;
675         }
676
677         .auto-fold #adminmenu a.menu-top {
678                 height: 34px;
679         }
680
681         .auto-fold #adminmenu li.wp-menu-open {
682                 border: 0 none;
683         }
684
685         .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
686                 margin-bottom: 0;
687         }
688
689         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
690                 display: none;
691         }
692
693         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
694                 border-width: 4px;
695                 margin-top: -4px;
696                 top: 16px;
697         }
698
699         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
700         .auto-fold ul#adminmenu > li a.current:after {
701                 border-width: 4px;
702                 margin-top: -4px;
703         }
704
705         .auto-fold #adminmenu li.menu-top:hover,
706         .auto-fold #adminmenu li.opensub > a.menu-top,
707         .auto-fold #adminmenu li > a.menu-top:focus {
708                 z-index: 10000;
709         }
710
711         .auto-fold #collapse-menu span {
712                 display: none;
713         }
714
715         .auto-fold #collapse-button div {
716                 background: none;
717         }
718
719         .auto-fold #collapse-button div:after {
720                 -webkit-transform: rotate(180deg);
721                 -ms-transform: rotate(180deg);
722                 transform: rotate(180deg);
723         }
724
725         .rtl.auto-fold #collapse-button div:after {
726                 -webkit-transform: none;
727                 -ms-transform: none;
728                 transform: none;
729         }
730
731 }
732
733 @media screen and ( max-width: 782px ) {
734         .auto-fold #wpcontent {
735                 position: relative;
736                 margin-left: 0;
737                 padding-left: 10px;
738         }
739
740         .sticky-menu #adminmenuwrap {
741                 position: relative;
742                 z-index: auto;
743                 top: 0;
744         }
745
746         /* Sidebar Adjustments */
747         .auto-fold #adminmenu,
748         .auto-fold #adminmenuback,
749         .auto-fold #adminmenuwrap {
750                 position: absolute;
751                 width: 190px;
752                 z-index: 100;
753         }
754
755         .auto-fold #adminmenuback,
756         .auto-fold #adminmenuwrap {
757                 display: none;
758         }
759
760         .auto-fold .wp-responsive-open #adminmenuback,
761         .auto-fold .wp-responsive-open #adminmenuwrap {
762                 display: block;
763         }
764
765         .auto-fold #adminmenu li.menu-top {
766                 width: 100%;
767         }
768
769         /* Resize the admin menu items to a comfortable touch size */
770         .auto-fold #adminmenu li a {
771                 font-size: 16px;
772                 padding: 5px;
773         }
774
775         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
776                 padding: 10px 10px 10px 20px;
777         }
778
779         /* Restore the menu names */
780         .auto-fold #adminmenu .wp-menu-name {
781                 display: block;
782                 margin-left: 35px;
783         }
784
785         /* Switch the arrow side */
786         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
787         .auto-fold ul#adminmenu > li.current > a.current:after {
788                 border-width: 8px;
789                 margin-top: -8px;
790         }
791
792         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
793                 display: none;
794         }
795
796         /* Make the submenus appear correctly when tapped. */
797         #adminmenu .wp-submenu {
798                 position: relative;
799                 display: none;
800         }
801
802         .auto-fold #adminmenu .selected .wp-submenu,
803         .auto-fold #adminmenu .wp-menu-open .wp-submenu {
804                 position: relative;
805                 display: block;
806                 top: 0;
807                 left: -1px;
808                 -webkit-box-shadow: none;
809                 box-shadow: none;
810         }
811
812         .auto-fold #adminmenu .selected .wp-submenu:after,
813         .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
814                 display: none;
815         }
816
817         .auto-fold #adminmenu .opensub .wp-submenu {
818                 display: none;
819         }
820
821         .auto-fold #adminmenu .selected .wp-submenu {
822                 display: block;
823         }
824
825         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
826                 display: block;
827         }
828
829         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
830         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
831                 position: relative;
832                 left: -1px;
833                 right: 0;
834                 top: 0;
835         }
836
837         /* Remove submenu headers and adjust sub meu*/
838         #adminmenu .wp-submenu .wp-submenu-head {
839                 display: none;
840         }
841
842         /* Toolbar menu toggle */
843         #wp-responsive-toggle {
844                 position: fixed;
845                 top: 5px;
846                 left: 4px;
847                 padding-right: 10px;
848                 z-index: 99999;
849                 border: none;
850                 -webkit-box-sizing: border-box;
851                 -moz-box-sizing: border-box;
852                 box-sizing: border-box;
853         }
854
855         #wpadminbar #wp-admin-bar-menu-toggle a {
856                 display: block;
857                 padding: 0;
858                 overflow: hidden;
859                 outline: none;
860                 text-decoration: none;
861                 border: 1px solid transparent;
862                 background: none;
863                 height: 44px;
864                 margin-left: -1px;
865         }
866
867         .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
868                 background: #333;
869         }
870
871         li#wp-admin-bar-menu-toggle {
872                 display: block;
873         }
874
875         #wpadminbar #wp-admin-bar-menu-toggle a:hover {
876                 border: 1px solid transparent;
877         }
878
879         #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
880                 content: '\f228';
881                 display: inline-block;
882                 float: left;
883                 font: normal 40px/45px 'Dashicons';
884                 vertical-align: middle;
885                 outline: none;
886                 margin: 0;
887                 -webkit-font-smoothing: antialiased;
888                 -moz-osx-font-smoothing: grayscale;
889                 height: 44px;
890                 width: 50px;
891                 padding: 0;
892                 border: none;
893                 text-align: center;
894                 text-decoration: none;
895                 -webkit-box-sizing: border-box;
896                 -moz-box-sizing: border-box;
897                 box-sizing: border-box;
898         }
899 }
900
901 /* Smartphone */
902 @media screen and (max-width: 600px) {
903         #adminmenuwrap,
904         #adminmenuback {
905                 display: none;
906         }
907
908         .wp-responsive-open #adminmenuwrap,
909         .wp-responsive-open #adminmenuback {
910                 display: block;
911         }
912
913         .auto-fold #adminmenu {
914                 top: 46px;
915         }
916 }
917