background-color: #1d2327;
z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
.php-error #adminmenuback {
.php-error #adminmenuback,
.php-error #adminmenuwrap {
.folded #adminmenu li.menu-top {
color: #8c8f94; /* same as new icons */
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all .1s ease-in-out;
.icon16.icon-dashboard:before {
.icon16.icon-post:before {
.icon16.icon-media:before {
.icon16.icon-links:before {
.icon16.icon-page:before {
.icon16.icon-comments:before {
.icon16.icon-appearance:before {
.icon16.icon-plugins:before {
.icon16.icon-users:before {
.icon16.icon-tools:before {
.icon16.icon-settings:before {
.icon16.icon-site:before {
.icon16.icon-generic:before {
/* hide background-image for icons above */
.menu-icon-dashboard div.wp-menu-image,
.menu-icon-post div.wp-menu-image,
.menu-icon-media div.wp-menu-image,
.menu-icon-links div.wp-menu-image,
.menu-icon-page div.wp-menu-image,
.menu-icon-comments div.wp-menu-image,
.menu-icon-appearance div.wp-menu-image,
.menu-icon-plugins div.wp-menu-image,
.menu-icon-users div.wp-menu-image,
.menu-icon-tools div.wp-menu-image,
.menu-icon-settings div.wp-menu-image,
.menu-icon-site div.wp-menu-image,
.menu-icon-generic div.wp-menu-image {
background-image: none !important;
/*------------------------------------------------------------------------------
7.0 - Main Navigation (Left Menu)
------------------------------------------------------------------------------*/
-webkit-user-select: none;
#adminmenu .wp-submenu a {
color: rgba(240, 246, 252, 0.7);
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus {
#adminmenu li.menu-top > a:focus,
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus {
.folded #adminmenu .wp-submenu-head:hover {
box-shadow: inset 4px 0 0 0 currentColor;
transition: box-shadow .1s linear;
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
background-color: #2c3338;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
.js #adminmenu .sub-open,
.js #adminmenu .opensub .wp-submenu,
#adminmenu a.menu-top:focus + .wp-submenu,
.no-js li.wp-has-submenu:hover .wp-submenu {
#adminmenu .wp-has-current-submenu .wp-submenu,
.no-js li.wp-has-current-submenu:hover .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
background-color: #2c3338;
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
background-color: #1d2327;
.folded #adminmenu li.menu-top:hover,
.folded #adminmenu li.opensub > a.menu-top,
.folded #adminmenu li > a.menu-top:focus {
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top,
.folded #adminmenu li.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow div {
.folded #adminmenu .wp-submenu.sub-open,
.folded #adminmenu .opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu a.menu-top:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
#adminmenu .wp-not-current-submenu .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
border-left: 5px solid transparent;
#adminmenu .wp-submenu li.current,
#adminmenu .wp-submenu li.current a,
#adminmenu .opensub .wp-submenu li.current a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover,
#adminmenu .wp-submenu li.current a:focus {
#adminmenu .wp-not-current-submenu li > a,
.folded #adminmenu .wp-has-current-submenu li > a {
/* Exclude from the transition the outline for Windows High Contrast mode */
transition: all .1s ease-in-out, outline 0s;
#adminmenu .wp-has-current-submenu ul > li > a,
.folded #adminmenu li.menu-top .wp-submenu > li > a {
#adminmenu .wp-submenu-head {
#adminmenu .wp-submenu-head {
.folded #adminmenu .wp-menu-name {
.folded #adminmenu .wp-submenu-head {
#adminmenu .wp-submenu li {
#adminmenu .wp-menu-image img {
filter: alpha(opacity=60);
#adminmenu div.wp-menu-name {
padding: 8px 8px 8px 36px;
overflow-wrap: break-word;
-ms-word-break: break-all;
#adminmenu div.wp-menu-image {
#adminmenu div.wp-menu-image.svg {
background-repeat: no-repeat;
background-position: center;
background-size: 20px auto;
div.wp-menu-image:before {
color: rgba(240, 246, 252, 0.6);
transition: all .1s ease-in-out;
#adminmenu div.wp-menu-image:before {
color: rgba(240, 246, 252, 0.6);
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
#adminmenu .current div.wp-menu-image:before,
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
#adminmenu li:hover div.wp-menu-image:before,
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before {
.folded #adminmenu div.wp-menu-image {
.folded #adminmenu a.menu-top {
.sticky-menu #adminmenuwrap {
display: none !important;
ul#adminmenu a.wp-has-current-submenu {
ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu > li.current > a.current:after {
border: solid 8px transparent;
border-right-color: #f0f0f1;
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
.folded ul#adminmenu a.wp-has-current-submenu:after,
.folded ul#adminmenu > li a.current:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
border: 8px solid transparent;
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #2c3338;
#adminmenu li.menu-top:hover .wp-menu-image img,
#adminmenu li.wp-has-current-submenu .wp-menu-image img {
filter: alpha(opacity=100);
#adminmenu li.wp-menu-separator {
/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
#adminmenu div.separator {
#adminmenu .wp-submenu .wp-submenu-head {