X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/9e77185fafaf4e60e2b73821e0e4b9b1a11fb85f..7f1521bf193b382565eb753043c161f4cb3fcda7:/wp-admin/css/admin-menu.css

diff --git a/wp-admin/css/admin-menu.css b/wp-admin/css/admin-menu.css
index 7f317bd3..77f0034d 100644
--- a/wp-admin/css/admin-menu.css
+++ b/wp-admin/css/admin-menu.css
@@ -3,19 +3,19 @@
 #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: left;
-	margin: 12px 0 0;
+	margin: 12px 0;
 	padding: 0;
 	list-style: none;
 }
@@ -141,6 +141,7 @@
 #adminmenuwrap {
 	position: relative;
 	float: left;
+	z-index: 9990;
 }
 
 /* side admin menu */
@@ -165,7 +166,8 @@
 }
 
 #adminmenu .wp-submenu a {
-	color: #bbb;
+	color: #b4b9be;
+	color: rgba(240,245,250,0.7);
 }
 
 #adminmenu .wp-submenu a:hover,
@@ -177,7 +179,7 @@
 #adminmenu li.menu-top > a:focus,
 #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-submenu a:focus {
-	color: #2ea2cc;
+	color: #00b9eb;
 }
 
 #adminmenu li.menu-top {
@@ -200,7 +202,7 @@
 .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);
 }
@@ -227,7 +229,7 @@
 	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. */
@@ -235,7 +237,8 @@
 #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,
@@ -251,7 +254,7 @@
 #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;
 }
 
@@ -356,26 +359,37 @@
 }
 
 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 {
@@ -406,7 +420,6 @@ div.wp-menu-image:before {
 /* 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 */
@@ -464,7 +477,7 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
-	border-right-color: #333;
+	border-right-color: #32373c;
 }
 
 #adminmenu li.menu-top:hover .wp-menu-image img,
@@ -500,8 +513,7 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #adminmenu .awaiting-mod,
-#adminmenu .update-plugins,
-#sidemenu li a span.update-plugins {
+#adminmenu .update-plugins {
 	display: inline-block;
 	background-color: #d54e21;
 	color: #fff;
@@ -516,20 +528,18 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #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;
 }
 
@@ -537,14 +547,15 @@ ul#adminmenu > li.current > a.current:after {
 	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 {
@@ -576,7 +587,8 @@ ul#adminmenu > li.current > a.current:after {
 	line-height: 15px;
 	left: -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;
@@ -590,6 +602,7 @@ ul#adminmenu > li.current > a.current:after {
 	-moz-osx-font-smoothing: grayscale;
 }
 
+/* rtl:ignore */
 .folded #collapse-button div:after,
 .rtl #collapse-button div:after {
 	-webkit-transform: rotate(180deg);
@@ -610,6 +623,11 @@ li#wp-admin-bar-menu-toggle {
 	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: 960px) {
@@ -716,6 +734,7 @@ li#wp-admin-bar-menu-toggle {
 		background: none;
 	}
 
+	/* rtl:ignore */
 	.auto-fold #collapse-button div:after {
 		-webkit-transform: rotate(180deg);
 		-ms-transform: rotate(180deg);
@@ -865,7 +884,7 @@ li#wp-admin-bar-menu-toggle {
 	}
 
 	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-		background: #333;
+		background: #32373c;
 	}
 
 	li#wp-admin-bar-menu-toggle {
@@ -914,4 +933,3 @@ li#wp-admin-bar-menu-toggle {
 		top: 46px;
 	}
 }
-