#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;
}
/* 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;
}
.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: "\f541";
}
.icon16.icon-generic:before {
- content: '\f111';
+ content: "\f111";
}
/* hide background-image for icons above */
#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;
}
.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 {
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
top: 0;
right: 36px;
}
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;
}
-#collapse-menu {
- font-size: 13px;
+#collapse-button {
+ display: block;
+ width: 100%;
+ height: 34px;
+ margin: 0;
+ border: none;
+ padding: 0;
+ position: relative;
+ overflow: visible;
line-height: 34px;
- margin-top: 10px;
+ background: none;
color: #aaa;
- -webkit-transition: all .1s ease-in-out;
- transition: all .1s ease-in-out;
+ cursor: pointer;
+ outline: 0;
}
-#collapse-menu:hover,
-#collapse-menu:hover #collapse-button div:after {
- color: #2ea2cc;
+#collapse-button:hover,
+#collapse-button:focus {
+ color: #00b9eb;
}
-.folded #collapse-menu span {
- display: none;
+#collapse-button .collapse-button-icon,
+#collapse-button .collapse-button-label {
+ /* absolutely positioned to avoid 1px shift in IE when button is pressed */
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ line-height: 34px;
}
-#collapse-button,
-#collapse-button div {
- width: 15px;
- height: 15px;
+#collapse-button .collapse-button-icon {
+ width: 36px;
+ height: 34px;
}
-#collapse-button {
- float: right;
- height: 15px;
- margin: 10px 11px 10px 8px;
- width: 15px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
+#collapse-button .collapse-button-label {
+ padding: 0 36px 0 0;
}
-#wpwrap #collapse-button div {
- padding: 0;
+.folded #collapse-button .collapse-button-label {
+ display: none;
}
-#collapse-button div:after {
- content: '\f148';
+#collapse-button .collapse-button-icon:after {
+ content: "\f148";
display: block;
- line-height: 15px;
- right: -3px;
- top: -3px;
- color: #aaa;
- font: normal 20px/1 'dashicons' !important;
- speak: none;
- margin: 0 auto;
- padding: 0 !important;
position: relative;
+ top: 7px;
text-align: center;
- width: 20px;
- -webkit-transition: all .1s ease-in-out;
- transition: all .1s ease-in-out;
+ font: normal 20px/1 dashicons !important;
+ speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
-.folded #collapse-button div:after,
-.rtl #collapse-button div:after {
+/* rtl:ignore */
+.folded #collapse-button .collapse-button-icon:after,
+.rtl #collapse-button .collapse-button-icon:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
-.rtl.folded #collapse-button div:after {
+.rtl.folded #collapse-button .collapse-button-icon:after {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
+#collapse-button .collapse-button-icon:after,
+#collapse-button .collapse-button-label {
+ -webkit-transition: all .1s ease-in-out;
+ transition: all .1s ease-in-out;
+}
+
/**
* Toolbar 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-right: 56px;
+ margin-right: 36px;
}
.auto-fold #adminmenuback,
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
- .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+ .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
top: 0px;
right: 36px;
}
}
.auto-fold #adminmenu .wp-menu-name {
- display: none;
+ position: absolute;
+ right: -999px;
}
.auto-fold #adminmenu .wp-submenu-head {
z-index: 10000;
}
- .auto-fold #collapse-menu span {
+ .auto-fold #collapse-menu .collapse-button-label {
display: none;
}
- .auto-fold #collapse-button div {
- background: none;
- }
-
- .auto-fold #collapse-button div:after {
+ /* rtl:ignore */
+ .auto-fold #collapse-button .collapse-button-icon:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
- .rtl.auto-fold #collapse-button div:after {
+ .rtl.auto-fold #collapse-button .collapse-button-icon:after {
-webkit-transform: none;
-ms-transform: none;
transform: none;
/* 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 {
}
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
- content: '\f228';
+ content: "\f228";
display: inline-block;
float: right;
- font: normal 40px/45px 'Dashicons';
+ font: normal 40px/45px dashicons;
vertical-align: middle;
outline: none;
margin: 0;
-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;
}
}
-
scripts.mit.edu / autoinstalls / wordpress.git / blobdiff