4 #adminmenu .wp-submenu {
6 background-color: #222;
23 .folded #adminmenuback,
24 .folded #adminmenuwrap,
26 .folded #adminmenu li.menu-top {
34 margin: -6px -8px 0 0;
42 font: normal 20px/1 'dashicons';
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;
54 .icon16.icon-dashboard:before {
58 .icon16.icon-post:before {
62 .icon16.icon-media:before {
66 .icon16.icon-links:before {
70 .icon16.icon-page:before {
74 .icon16.icon-comments:before {
79 .icon16.icon-appearance:before {
83 .icon16.icon-plugins:before {
87 .icon16.icon-users:before {
91 .icon16.icon-tools:before {
95 .icon16.icon-settings:before {
99 .icon16.icon-site:before {
103 .icon16.icon-generic:before {
107 /* hide background-image for icons above */
108 .icon16.icon-dashboard,
109 .menu-icon-dashboard div.wp-menu-image,
111 .menu-icon-post div.wp-menu-image,
113 .menu-icon-media div.wp-menu-image,
115 .menu-icon-links div.wp-menu-image,
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,
125 .menu-icon-users div.wp-menu-image,
127 .menu-icon-tools div.wp-menu-image,
128 .icon16.icon-settings,
129 .menu-icon-settings div.wp-menu-image,
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;
137 /*------------------------------------------------------------------------------
138 7.0 - Main Navigation (Left Menu)
139 ------------------------------------------------------------------------------*/
146 /* side admin menu */
148 -webkit-user-select: none;
149 -moz-user-select: none;
150 -ms-user-select: none;
167 #adminmenu .wp-submenu a {
171 #adminmenu .wp-submenu a:hover,
172 #adminmenu .wp-submenu a:focus {
177 #adminmenu li.menu-top > a:focus,
178 #adminmenu .wp-submenu a:hover,
179 #adminmenu .wp-submenu a:focus {
183 #adminmenu li.menu-top {
189 #adminmenu .wp-submenu {
195 word-wrap: break-word;
198 #adminmenu .wp-submenu,
199 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
200 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
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);
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 {
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 {
228 -webkit-box-shadow: none;
230 background-color: #333;
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 {
238 background-color: #111;
241 .folded #adminmenu li.menu-top:hover,
242 .folded #adminmenu li.opensub > a.menu-top,
243 .folded #adminmenu li > a.menu-top:focus {
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 {
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 {
269 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
270 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
275 #adminmenu .wp-not-current-submenu .wp-submenu,
276 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
281 #adminmenu .wp-submenu a {
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 {
297 #adminmenu .wp-not-current-submenu li > a,
298 .folded #adminmenu .wp-has-current-submenu li > a {
301 -webkit-transition: all .1s ease-in-out;
302 transition: all .1s ease-in-out;
305 #adminmenu .wp-has-current-submenu ul > li > a,
306 .folded #adminmenu li.menu-top .wp-submenu > li > a {
310 #adminmenu a.menu-top,
311 #adminmenu .wp-submenu-head {
318 #adminmenu .wp-submenu-head,
319 .folded #adminmenu .wp-menu-name {
323 .folded #adminmenu .wp-submenu-head {
327 #adminmenu .wp-submenu li {
333 #adminmenu .wp-menu-image img {
336 filter: alpha(opacity=60);
339 #adminmenu div.wp-menu-name {
343 #adminmenu div.wp-menu-image {
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;
358 div.wp-menu-image:before {
361 -webkit-transition: all .1s ease-in-out;
362 transition: all .1s ease-in-out;
365 #adminmenu div.wp-menu-image:before {
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 {
377 #adminmenu li:hover div.wp-menu-image:before {
381 .folded #adminmenu div.wp-menu-image {
388 .folded #adminmenu a.menu-top {
392 /* No @font-face support */
393 .no-font-face #adminmenu .wp-menu-image {
397 .no-font-face #adminmenu div.wp-menu-name {
401 .no-font-face.auto-fold #adminmenu .wp-menu-name {
404 /* End no @font-face support */
406 /* Sticky admin menu */
407 .sticky-menu #adminmenuwrap {
409 z-index: 9999; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
415 display: none !important;
418 ul#adminmenu a.wp-has-current-submenu {
422 ul#adminmenu a.wp-has-current-submenu:after,
423 ul#adminmenu > li.current > a.current:after {
425 border: solid 8px transparent;
430 pointer-events: none;
431 border-left-color: #f1f1f1;
436 .folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
440 .folded ul#adminmenu a.wp-has-current-submenu:after,
441 .folded ul#adminmenu > li a.current:after {
446 /* flyout menu arrow */
447 #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
449 border: solid transparent;
454 pointer-events: none;
460 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
466 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
467 border-left-color: #333;
470 #adminmenu li.menu-top:hover .wp-menu-image img,
471 #adminmenu li.wp-has-current-submenu .wp-menu-image img {
473 filter: alpha(opacity=100);
476 #adminmenu li.wp-menu-separator {
483 /* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
484 #adminmenu div.separator {
489 #adminmenu .wp-submenu .wp-submenu-head {
493 padding: 8px 11px 8px 4px;
494 margin: -7px 0px 4px;
497 #adminmenu li.current,
498 .folded #adminmenu li.wp-menu-open {
502 #adminmenu .awaiting-mod,
503 #adminmenu span.update-plugins,
504 #sidemenu li a span.update-plugins {
505 display: inline-block;
506 background-color: #d54e21;
513 -webkit-border-radius: 10px;
518 #adminmenu li .awaiting-mod span,
519 #adminmenu li span.update-plugins span,
520 #sidemenu li a span.update-plugins span {
525 #adminmenu li.current a .awaiting-mod,
526 #adminmenu li a.wp-has-current-submenu .update-plugins {
527 background-color: #2ea2cc;
531 #adminmenu li span.count-0,
532 #sidemenu li a .count-0 {
541 -webkit-transition: all .1s ease-in-out;
542 transition: all .1s ease-in-out;
545 #collapse-menu:hover,
546 #collapse-menu:hover #collapse-button div:after {
550 .folded #collapse-menu span {
555 #collapse-button div {
563 margin: 10px 11px 10px 8px;
565 -webkit-border-radius: 10px;
569 #wpwrap #collapse-button div {
573 #collapse-button div:after {
580 font: normal 20px/1 'dashicons' !important;
583 padding: 0 !important;
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;
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);
600 .rtl.folded #collapse-button div:after {
601 -webkit-transform: none;
607 * Toolbar menu toggle
609 li#wp-admin-bar-menu-toggle {
614 /* Auto-folding of the admin menu */
615 @media only screen and (max-width: 900px) {
616 .auto-fold #wpcontent,
617 .auto-fold #wpfooter {
621 .auto-fold #adminmenuback,
622 .auto-fold #adminmenuwrap,
623 .auto-fold #adminmenu,
624 .auto-fold #adminmenu li.menu-top {
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 {
638 .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
639 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
647 .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
652 .auto-fold #adminmenu .wp-has-current-submenu li > a {
658 .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
662 .auto-fold #adminmenu .wp-menu-name {
666 .auto-fold #adminmenu .wp-submenu-head {
670 .auto-fold #adminmenu div.wp-menu-image {
677 .auto-fold #adminmenu a.menu-top {
681 .auto-fold #adminmenu li.wp-menu-open {
685 .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
689 .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
693 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
699 .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
700 .auto-fold ul#adminmenu > li a.current:after {
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 {
711 .auto-fold #collapse-menu span {
715 .auto-fold #collapse-button div {
719 .auto-fold #collapse-button div:after {
720 -webkit-transform: rotate(180deg);
721 -ms-transform: rotate(180deg);
722 transform: rotate(180deg);
725 .rtl.auto-fold #collapse-button div:after {
726 -webkit-transform: none;
733 @media screen and ( max-width: 782px ) {
734 .auto-fold #wpcontent {
740 .sticky-menu #adminmenuwrap {
746 /* Sidebar Adjustments */
747 .auto-fold #adminmenu,
748 .auto-fold #adminmenuback,
749 .auto-fold #adminmenuwrap {
755 .auto-fold #adminmenuback,
756 .auto-fold #adminmenuwrap {
760 .auto-fold .wp-responsive-open #adminmenuback,
761 .auto-fold .wp-responsive-open #adminmenuwrap {
765 .auto-fold #adminmenu li.menu-top {
769 /* Resize the admin menu items to a comfortable touch size */
770 .auto-fold #adminmenu li a {
775 .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
776 padding: 10px 20px 10px 10px;
779 /* Restore the menu names */
780 .auto-fold #adminmenu .wp-menu-name {
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 {
792 .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
796 /* Make the submenus appear correctly when tapped. */
797 #adminmenu .wp-submenu {
802 .auto-fold #adminmenu .selected .wp-submenu,
803 .auto-fold #adminmenu .wp-menu-open .wp-submenu {
808 -webkit-box-shadow: none;
812 .auto-fold #adminmenu .selected .wp-submenu:after,
813 .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
817 .auto-fold #adminmenu .opensub .wp-submenu {
821 .auto-fold #adminmenu .selected .wp-submenu {
825 .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
829 .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
830 .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
837 /* Remove submenu headers and adjust sub meu*/
838 #adminmenu .wp-submenu .wp-submenu-head {
842 /* Toolbar menu toggle */
843 #wp-responsive-toggle {
850 -webkit-box-sizing: border-box;
851 -moz-box-sizing: border-box;
852 box-sizing: border-box;
855 #wpadminbar #wp-admin-bar-menu-toggle a {
860 text-decoration: none;
861 border: 1px solid transparent;
867 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
871 li#wp-admin-bar-menu-toggle {
875 #wpadminbar #wp-admin-bar-menu-toggle a:hover {
876 border: 1px solid transparent;
879 #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
881 display: inline-block;
883 font: normal 40px/45px 'Dashicons';
884 vertical-align: middle;
887 -webkit-font-smoothing: antialiased;
888 -moz-osx-font-smoothing: grayscale;
894 text-decoration: none;
895 -webkit-box-sizing: border-box;
896 -moz-box-sizing: border-box;
897 box-sizing: border-box;
902 @media screen and (max-width: 600px) {
908 .wp-responsive-open #adminmenuwrap,
909 .wp-responsive-open #adminmenuback {
913 .auto-fold #adminmenu {