WordPress 4.5-scripts

[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 a0a9f21889b489a3aca79e12067e23ab61f2df30..337cde00a2f8bc468667bd1904be7c7a42bfd2a0 100644 (file)
--- 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;
 }
@@ -38,8 +38,8 @@
 /* New Menu icons */
 
 .icon16:before {
-       color: #999;
-       font: normal 20px/1 'dashicons';
+       color: #82878c; /* same as new icons */
+       font: normal 20px/1 dashicons;
        speak: none;
        padding: 6px 0;
        height: 34px;
@@ -52,56 +52,56 @@
 }
 
 .icon16.icon-dashboard:before {
-       content: '\f226';
+       content: "\f226";
 }
 
 .icon16.icon-post:before {
-       content: '\f109';
+       content: "\f109";
 }
 
 .icon16.icon-media:before {
-       content: '\f104';
+       content: "\f104";
 }
 
 .icon16.icon-links:before {
-       content: '\f103';
+       content: "\f103";
 }
 
 .icon16.icon-page:before {
-       content: '\f105';
+       content: "\f105";
 }
 
 .icon16.icon-comments:before {
-       content: '\f101';
+       content: "\f101";
        margin-top: 1px;
 }
 
 .icon16.icon-appearance:before {
-       content: '\f100';
+       content: "\f100";
 }
 
 .icon16.icon-plugins:before {
-       content: '\f106';
+       content: "\f106";
 }
 
 .icon16.icon-users:before {
-       content: '\f110';
+       content: "\f110";
 }
 
 .icon16.icon-tools:before {
-       content: '\f107';
+       content: "\f107";
 }
 
 .icon16.icon-settings:before {
-       content: '\f108';
+       content: "\f108";
 }
 
 .icon16.icon-site:before {
-       content: '\f112'
+       content: "\f112";
 }
 
 .icon16.icon-generic:before {
-       content: '\f111';
+       content: "\f111";
 }
 
 /* hide background-image for icons above */
@@ -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;
 }
 
@@ -315,11 +318,15 @@
        padding: 0;
 }
 
-#adminmenu .wp-submenu-head,
-.folded #adminmenu .wp-menu-name {
+#adminmenu .wp-submenu-head {
        display: none;
 }
 
+.folded #adminmenu .wp-menu-name {
+       position: absolute;
+       left: -999px;
+}
+
 .folded #adminmenu .wp-submenu-head {
        display: block;
 }
@@ -356,26 +363,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 +424,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 +481,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 +517,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 +532,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 +551,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 {
@@ -571,13 +586,14 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #collapse-button div:after {
-       content: '\f148';
+       content: "\f148";
        display: block;
        line-height: 15px;
        left: -3px;
        top: -3px;
-       color: #aaa;
-       font: normal 20px/1 'dashicons' !important;
+       color: #a0a5aa;
+       color: rgba(240,245,250,0.6);
+       font: normal 20px/1 dashicons !important;
        speak: none;
        margin: 0 auto;
        padding: 0 !important;
@@ -590,6 +606,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,12 +627,17 @@ 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: 900px) {
+@media only screen and (max-width: 960px) {
        .auto-fold #wpcontent,
        .auto-fold #wpfooter {
-               margin-left: 56px;
+               margin-left: 36px;
        }
 
        .auto-fold #adminmenuback,
@@ -660,7 +682,8 @@ li#wp-admin-bar-menu-toggle {
        }
 
        .auto-fold #adminmenu .wp-menu-name {
-               display: none;
+               position: absolute;
+               left: -999px;
        }
 
        .auto-fold #adminmenu .wp-submenu-head {
@@ -716,6 +739,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);
@@ -778,7 +802,7 @@ li#wp-admin-bar-menu-toggle {
 
        /* Restore the menu names */
        .auto-fold #adminmenu .wp-menu-name {
-               display: block;
+               position: static;
                margin-left: 35px;
        }
 
@@ -865,7 +889,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 {
@@ -877,10 +901,10 @@ li#wp-admin-bar-menu-toggle {
        }
 
        #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-               content: '\f228';
+               content: "\f228";
                display: inline-block;
                float: left;
-               font: normal 40px/45px 'Dashicons';
+               font: normal 40px/45px dashicons;
                vertical-align: middle;
                outline: none;
                margin: 0;
@@ -896,6 +920,10 @@ 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 */
@@ -914,4 +942,3 @@ li#wp-admin-bar-menu-toggle {
                top: 46px;
        }
 }
-