overrides.css 3.5 KB

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