overrides.css
| 1 | /* Remove min-height from menu elements that was causing them to render incorrectly */ |
| 2 | .my-sites li { |
| 3 | min-height: unset !important; |
| 4 | } |
| 5 | |
| 6 | /* Overwrite a core style which breaks the overflow for .my-sites in Safari */ |
| 7 | #wpadminbar li.menupop.my-sites { |
| 8 | overflow: visible; |
| 9 | } |
| 10 | |
| 11 | /* Add a focus style for menu items */ |
| 12 | .accessible-focus #wpadminbar li.menupop a.ab-item:focus, |
| 13 | .accessible-focus #wpadminbar li#wp-admin-bar-notes.menupop .ab-item:focus, |
| 14 | .accessible-focus #wpadminbar ul li#wp-admin-bar-ab-new-post a:focus { |
| 15 | -webkit-box-shadow: inset 2px 2px 0 #668eaa, |
| 16 | inset -2px -2px 0 #668eaa; |
| 17 | box-shadow: inset 2px 2px 0 #668eaa, |
| 18 | inset -2px -2px 0 #668eaa; |
| 19 | } |
| 20 | |
| 21 | /* Menu items in panels are inside `ab-empty-item` */ |
| 22 | .accessible-focus #wpadminbar li.menupop .ab-empty-item a.ab-item:focus, |
| 23 | .accessible-focus #wpadminbar li.menupop .ab-empty-item a.ab-secondary:focus, |
| 24 | .accessible-focus #wpadminbar li.menupop .ab-empty-item a.username:focus { |
| 25 | -webkit-box-shadow: inset 2px 2px 0 #2e4354, |
| 26 | inset -2px -2px 0 #2e4354; |
| 27 | box-shadow: inset 2px 2px 0 #2e4354, |
| 28 | inset -2px -2px 0 #2e4354; |
| 29 | } |
| 30 | |
| 31 | .accessible-focus #wpadminbar .quicklinks li#wp-admin-bar-my-account #wp-admin-bar-user-info .ab-sign-out:focus { |
| 32 | -webkit-box-shadow: inset 2px 2px 0 #2e4354, |
| 33 | inset -2px -2px 0 #2e4354 !important; |
| 34 | box-shadow: inset 2px 2px 0 #2e4354, |
| 35 | inset -2px -2px 0 #2e4354 !important; |
| 36 | } |
| 37 | |
| 38 | .accessible-focus #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus { |
| 39 | background: transparent; |
| 40 | } |
| 41 | |
| 42 | /* Hide the panels initially */ |
| 43 | #wpadminbar li#wp-admin-bar-blog.menupop > .ab-sub-wrapper, /* My Sites */ |
| 44 | #wpadminbar li#wp-admin-bar-newdash.menupop > .ab-sub-wrapper, /* Reader */ |
| 45 | #wpadminbar li#wp-admin-bar-my-account.menupop > .ab-sub-wrapper, /* Me */ |
| 46 | #wpadminbar li#wp-admin-bar-notes.menupop > #wpnt-notes-panel2 { /* Notifications */ |
| 47 | display: block !important; |
| 48 | } |
| 49 | |
| 50 | /* Change notification icon the match the one on WP.com */ |
| 51 | #wp-admin-bar-notes .noticon-bell:before { |
| 52 | content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cmVjdCB4PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Zz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNi4xNCAxNC45N2wyLjgyOCAyLjgyN2MtLjM2Mi4zNjItLjg2Mi41ODYtMS40MTQuNTg2LTEuMTA1IDAtMi0uODk1LTItMiAwLS41NTIuMjI0LTEuMDUyLjU4Ni0xLjQxNHptOC44NjcgNS4zMjRMMTQuMyAyMSAzIDkuN2wuNzA2LS43MDcgMS4xMDIuMTU3Yy43NTQuMTA4IDEuNjktLjEyMiAyLjA3Ny0uNTFsMy44ODUtMy44ODRjMi4zNC0yLjM0IDYuMTM1LTIuMzQgOC40NzUgMHMyLjM0IDYuMTM1IDAgOC40NzVsLTMuODg1IDMuODg2Yy0uMzg4LjM4OC0uNjE4IDEuMzIzLS41MSAyLjA3N2wuMTU3IDEuMXoiLz48L2c+PC9zdmc+") !important; |
| 53 | } |
| 54 | #wp-admin-bar-notes.active .noticon-bell:before { |
| 55 | content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cmVjdCB4PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48Zz48cGF0aCBmaWxsPSIjMjMyODJkIiBkPSJNNi4xNCAxNC45N2wyLjgyOCAyLjgyN2MtLjM2Mi4zNjItLjg2Mi41ODYtMS40MTQuNTg2LTEuMTA1IDAtMi0uODk1LTItMiAwLS41NTIuMjI0LTEuMDUyLjU4Ni0xLjQxNHptOC44NjcgNS4zMjRMMTQuMyAyMSAzIDkuN2wuNzA2LS43MDcgMS4xMDIuMTU3Yy43NTQuMTA4IDEuNjktLjEyMiAyLjA3Ny0uNTFsMy44ODUtMy44ODRjMi4zNC0yLjM0IDYuMTM1LTIuMzQgOC40NzUgMHMyLjM0IDYuMTM1IDAgOC40NzVsLTMuODg1IDMuODg2Yy0uMzg4LjM4OC0uNjE4IDEuMzIzLS41MSAyLjA3N2wuMTU3IDEuMXoiLz48L2c+PC9zdmc+") !important; |
| 56 | } |
| 57 | |
| 58 | /* Fit width of sign out button to content */ |
| 59 | #wpadminbar .quicklinks li#wp-admin-bar-my-account #wp-admin-bar-user-info .ab-sign-out { |
| 60 | display: inline-block; |
| 61 | } |
| 62 |