X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/e0feb3b2e5b436a06bbb04fbc838d1cd6ec95399..e3ff8f35458a959c1879c0a4976701ed8dcfe651:/wp-admin/css/admin-menu-rtl.css diff --git a/wp-admin/css/admin-menu-rtl.css b/wp-admin/css/admin-menu-rtl.css index ea3d49f0..09f9dd02 100644 --- a/wp-admin/css/admin-menu-rtl.css +++ b/wp-admin/css/admin-menu-rtl.css @@ -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: "\f541"; } .icon16.icon-generic:before { - content: '\f111'; + content: "\f111"; } /* hide background-image for icons above */ @@ -264,7 +264,7 @@ .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; } @@ -547,79 +547,82 @@ ul#adminmenu > li.current > a.current:after { 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; - color: #a0a5aa; - color: rgba(240,245,250,0.6); - -webkit-transition: all .1s ease-in-out; - transition: all .1s ease-in-out; + background: none; + color: #aaa; + cursor: pointer; + outline: 0; } -#collapse-menu:hover, -#collapse-menu:hover #collapse-button div:after { +#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: #a0a5aa; - color: rgba(240,245,250,0.6); - 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; } /* rtl:ignore */ -.folded #collapse-button div:after, -.rtl #collapse-button div:after { +.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 */ @@ -652,7 +655,7 @@ li#wp-admin-bar-menu-toggle { .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; } @@ -731,22 +734,18 @@ li#wp-admin-bar-menu-toggle { z-index: 10000; } - .auto-fold #collapse-menu span { + .auto-fold #collapse-menu .collapse-button-label { display: none; } - .auto-fold #collapse-button div { - background: none; - } - /* rtl:ignore */ - .auto-fold #collapse-button div:after { + .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; @@ -901,10 +900,10 @@ 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;