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