: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
#wpadminbar .quicklinks li .blavatar {
font: normal 16px/1 dashicons !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
#wpadminbar .quicklinks li a:hover .blavatar,
#wpadminbar .quicklinks li a:focus .blavatar,
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar {
#wpadminbar .quicklinks li img.blavatar,
#wpadminbar .quicklinks li div.blavatar:before {
#wpadminbar .quicklinks li div.blavatar:before {
#wpadminbar #wp-admin-bar-appearance {
#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
#wpadminbar #wp-admin-bar-site-editor > .ab-item:before {
#wpadminbar #wp-admin-bar-customize > .ab-item:before {
#wpadminbar #wp-admin-bar-edit > .ab-item:before {
#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
.wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
#wpadminbar #wp-admin-bar-comments .ab-icon {
#wpadminbar #wp-admin-bar-comments .ab-icon:before {
#wpadminbar #wp-admin-bar-comments .count-0 {
#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
#wpadminbar #wp-admin-bar-updates .ab-icon:before {
#wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
animation: rotation 2s infinite linear;
@media (prefers-reduced-motion: reduce) {
#wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
#wpadminbar #wp-admin-bar-search .ab-item {
#wpadminbar #adminbarsearch {
#wpadminbar #adminbarsearch:before {
font: normal 20px/1 dashicons !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: rgba(255, 255, 255, 0);
transition-duration: 400ms;
transition-property: width, background;
transition-timing-function: ease;
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
background-color: rgba(255, 255, 255, 0.9);
#wpadminbar #adminbarsearch .adminbar-button {
* Customize support classes
.no-customize-support .hide-if-no-customize,
.customize-support .hide-if-customize,
.no-customize-support #wpadminbar .hide-if-no-customize,
.no-customize-support.wp-core-ui .hide-if-no-customize,
.no-customize-support .wp-core-ui .hide-if-no-customize,
.customize-support #wpadminbar .hide-if-customize,
.customize-support.wp-core-ui .hide-if-customize,
.customize-support .wp-core-ui .hide-if-customize {
#wpadminbar .screen-reader-text,
#wpadminbar .screen-reader-text span {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal !important;
#wpadminbar .screen-reader-shortcut {
#wpadminbar .screen-reader-shortcut:focus {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
@media screen and (max-width: 782px) {
--wp-admin--admin-bar--height: 46px;
/* Toolbar Touchification*/
min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
#wpadminbar .quicklinks > ul > li > a,
#wpadminbar .quicklinks .ab-empty-item {
font: 40px/1 dashicons !important;
#wpadminbar .ab-icon:before {
#wpadminbar .ab-submenu {
#wpadminbar #wp-admin-bar-site-name a.ab-item,
#wpadminbar #wp-admin-bar-my-sites a.ab-item,
#wpadminbar #wp-admin-bar-my-account a.ab-item {
#wpadminbar .quicklinks .menupop ul li .ab-item,
#wpadminbar .quicklinks .menupop ul li a strong,
#wpadminbar .quicklinks .menupop.hover ul li .ab-item,
#wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
#wpadminbar .shortlink-input {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal !important;
#wpadminbar .menupop li:hover > .ab-sub-wrapper,
#wpadminbar .menupop li.hover > .ab-sub-wrapper {
#wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
#wpadminbar .menupop .menupop > .ab-item:before {
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
font: 28px/1 dashicons !important;
#wpadminbar .ab-item:before {
/* My Sites and "Site Title" menu */
#wpadminbar #wp-admin-bar-my-sites > .ab-item,
#wpadminbar #wp-admin-bar-site-name > .ab-item,
#wpadminbar #wp-admin-bar-site-editor > .ab-item,
#wpadminbar #wp-admin-bar-customize > .ab-item,
#wpadminbar #wp-admin-bar-edit > .ab-item,
#wpadminbar #wp-admin-bar-my-account > .ab-item {
color: #a7aaad; /* @todo not needed? this text is hidden */
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
#wpadminbar .ab-item:before {
#wpadminbar #wp-admin-bar-edit > .ab-item:before,
#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
#wpadminbar #wp-admin-bar-site-editor > .ab-item:before,
#wpadminbar #wp-admin-bar-customize > .ab-item:before,
#wpadminbar #wp-admin-bar-my-account > .ab-item:before {
font: normal 32px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
#wpadminbar #wp-admin-bar-appearance {
#wpadminbar .quicklinks li .blavatar:before {
#wpadminbar #wp-admin-bar-search {
#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
#wpadminbar #wp-admin-bar-updates {
#wpadminbar #wp-admin-bar-updates .ab-icon:before {
#wpadminbar #wp-admin-bar-comments .ab-icon {
#wpadminbar #wp-admin-bar-comments .ab-icon:before {
#wpadminbar #wp-admin-bar-my-account > a {
text-indent: 150%; /* More than 100% indention is needed since this element has padding */
overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
#wpadminbar #wp-admin-bar-user-actions.ab-submenu {
#wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
#wpadminbar #wp-admin-bar-user-info .display-name {
#wpadminbar #wp-admin-bar-user-info a {
#wpadminbar #wp-admin-bar-user-info .username {
line-height: 0.8 !important;
/* Show only default top level items */
#wpadminbar li#wp-admin-bar-menu-toggle,
#wpadminbar li#wp-admin-bar-wp-logo,
#wpadminbar li#wp-admin-bar-my-sites,
#wpadminbar li#wp-admin-bar-updates,
#wpadminbar li#wp-admin-bar-site-name,
#wpadminbar li#wp-admin-bar-site-editor,
#wpadminbar li#wp-admin-bar-customize,
#wpadminbar li#wp-admin-bar-new-content,
#wpadminbar li#wp-admin-bar-edit,
#wpadminbar li#wp-admin-bar-comments,
#wpadminbar li#wp-admin-bar-my-account {