#adminmenu,
#adminmenu .wp-submenu {
width: 160px;
- background-color: #222;
+ background-color: #23282d;
}
#adminmenuback {
- position: absolute;
+ position: fixed;
top: 0;
- bottom: 0;
- z-index: -1;
+ bottom: -120px;
+ z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
}
#adminmenu {
clear: right;
- margin: 12px 0 0;
+ margin: 12px 0;
padding: 0;
list-style: none;
}
#adminmenuwrap {
position: relative;
float: right;
+ z-index: 9990;
}
/* side admin menu */
}
#adminmenu .wp-submenu a {
- color: #bbb;
+ color: #b4b9be;
+ color: rgba(240,245,250,0.7);
}
#adminmenu .wp-submenu a:hover,
#adminmenu li.menu-top > a:focus,
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus {
- color: #2ea2cc;
+ color: #00b9eb;
}
#adminmenu li.menu-top {
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
padding: 7px 0 8px;
z-index: 9999;
- background-color: #333;
+ background-color: #32373c;
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
margin-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
- background-color: #333;
+ background-color: #32373c;
}
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
position: relative;
- background-color: #111;
+ background-color: #191e23;
+ color: #00b9eb;
}
.folded #adminmenu li.menu-top:hover,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow div {
- background: #0074a2;
+ background: #0073aa;
color: #fff;
}
padding: 0;
}
-#adminmenu .wp-submenu-head,
-.folded #adminmenu .wp-menu-name {
+#adminmenu .wp-submenu-head {
display: none;
}
+.folded #adminmenu .wp-menu-name {
+ position: absolute;
+ right: -999px;
+}
+
.folded #adminmenu .wp-submenu-head {
display: block;
}
}
div.wp-menu-image:before {
- color: #999;
+ color: #a0a5aa;
+ color: rgba(240,245,250,0.6);
padding: 7px 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
#adminmenu div.wp-menu-image:before {
- color: #999;
+ color: #a0a5aa;
+ color: rgba(240,245,250,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 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 {
color: #fff;
}
-#adminmenu li:hover div.wp-menu-image:before {
- color: #2ea2cc;
+#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 {
+ color: #00b9eb;
+}
+
+/* IE8 doesn't redraw the pseudo elements unless you make a change to the content, this restore the initial color after hover */
+.ie8 #adminmenu li.opensub div.wp-menu-image:before {
+ color: #a0a5aa;
}
.folded #adminmenu div.wp-menu-image {
/* Sticky admin menu */
.sticky-menu #adminmenuwrap {
position: fixed;
- z-index: 9999; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
}
/* A new arrow */
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
- border-left-color: #333;
+ border-left-color: #32373c;
}
#adminmenu li.menu-top:hover .wp-menu-image img,
}
#adminmenu .awaiting-mod,
-#adminmenu span.update-plugins,
-#sidemenu li a span.update-plugins {
+#adminmenu .update-plugins {
display: inline-block;
background-color: #d54e21;
color: #fff;
}
#adminmenu li .awaiting-mod span,
-#adminmenu li span.update-plugins span,
-#sidemenu li a span.update-plugins span {
+#adminmenu li span.update-plugins span {
display: block;
padding: 0 6px;
}
#adminmenu li.current a .awaiting-mod,
#adminmenu li a.wp-has-current-submenu .update-plugins {
- background-color: #2ea2cc;
+ background-color: #00b9eb;
color: #fff;
}
-#adminmenu li span.count-0,
-#sidemenu li a .count-0 {
+#adminmenu li span.count-0 {
display: none;
}
font-size: 13px;
line-height: 34px;
margin-top: 10px;
- color: #aaa;
+ color: #a0a5aa;
+ color: rgba(240,245,250,0.6);
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
#collapse-menu:hover,
#collapse-menu:hover #collapse-button div:after {
- color: #2ea2cc;
+ color: #00b9eb;
}
.folded #collapse-menu span {
line-height: 15px;
right: -3px;
top: -3px;
- color: #aaa;
+ color: #a0a5aa;
+ color: rgba(240,245,250,0.6);
font: normal 20px/1 'dashicons' !important;
speak: none;
margin: 0 auto;
-moz-osx-font-smoothing: grayscale;
}
+/* rtl:ignore */
.folded #collapse-button div:after,
.rtl #collapse-button div:after {
-webkit-transform: rotate(180deg);
display: none;
}
+/* Hide-if-customize for items we can't add classes to */
+.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
+.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
+ display: none;
+}
/* Auto-folding of the admin menu */
-@media only screen and (max-width: 900px) {
+@media only screen and (max-width: 960px) {
.auto-fold #wpcontent,
.auto-fold #wpfooter {
- margin-right: 56px;
+ margin-right: 36px;
}
.auto-fold #adminmenuback,
}
.auto-fold #adminmenu .wp-menu-name {
- display: none;
+ position: absolute;
+ right: -999px;
}
.auto-fold #adminmenu .wp-submenu-head {
background: none;
}
+ /* rtl:ignore */
.auto-fold #collapse-button div:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
/* Restore the menu names */
.auto-fold #adminmenu .wp-menu-name {
- display: block;
+ position: static;
margin-right: 35px;
}
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
- background: #333;
+ background: #32373c;
}
li#wp-admin-bar-menu-toggle {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
+
+ .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+ color: #00b9eb;
+ }
}
/* Smartphone */
top: 46px;
}
}
-