WordPress 4.2

[autoinstalls/wordpress.git] / wp-admin / css / admin-menu.css

diff --git a/wp-admin/css/admin-menu.css b/wp-admin/css/admin-menu.css
index b8bf6b26d96c03bd9b9cfc846640e39078e691cb..77f0034d017e82bddf201fb48990b35fba7c171d 100644 (file)
--- a/wp-admin/css/admin-menu.css
+++ b/wp-admin/css/admin-menu.css
@@ -3,14 +3,14 @@
 #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 {
@@ -166,7 +166,8 @@
 }
 
 #adminmenu .wp-submenu a {
-       color: #bbb;
+       color: #b4b9be;
+       color: rgba(240,245,250,0.7);
 }
 
 #adminmenu .wp-submenu a:hover,
@@ -178,7 +179,7 @@
 #adminmenu li.menu-top > a:focus,
 #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-submenu a:focus {
-       color: #45bbe6;
+       color: #00b9eb;
 }
 
 #adminmenu li.menu-top {
@@ -201,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);
 }
@@ -228,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. */
@@ -236,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,
@@ -252,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;
 }
 
@@ -357,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: #45bbe6;
+#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 {
@@ -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: #45bbe6;
+       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: #45bbe6;
+       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);
@@ -721,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);
@@ -870,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 {
@@ -919,4 +933,3 @@ li#wp-admin-bar-menu-toggle {
                top: 46px;
        }
 }
-