: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.reordering .reorder-done {
.widget-reorder-nav span,
.menu-item-reorder-nav button {
width: 33px; /* was 42px for mobile */
.menu-item-reorder-nav button {
.widget-reorder-nav span:before,
.menu-item-reorder-nav button:before {
font: normal 20px/43px dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.widget-reorder-nav span:hover,
.widget-reorder-nav span:focus,
.menu-item-reorder-nav button:hover,
.menu-item-reorder-nav button:focus {
.move-widget-down:before,
.menus-move-down:before {
#customize-theme-controls .first-widget .move-widget-up,
#customize-theme-controls .last-widget .move-widget-down,
.move-up-disabled .menus-move-up,
.move-down-disabled .menus-move-down,
.move-right-disabled .menus-move-right,
.move-left-disabled .menus-move-left {
* New widget and Add-menu-items modes and panels
left: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
body.adding-widget .add-new-widget,
body.adding-widget .add-new-widget:hover,
.adding-menu-items .add-new-menu-item,
.adding-menu-items .add-new-menu-item:hover,
.add-menu-toggle.open:hover {
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
body.adding-widget .add-new-widget:before,
.adding-menu-items .add-new-menu-item:before,
#accordion-section-add_menu .add-new-menu-item.open:before {
transform: rotate(-45deg);
border-left: 1px solid #dcdcde;
#available-widgets .customize-section-title,
#available-menu-items .customize-section-title {
#available-widgets-list {
border-top: 1px solid #dcdcde;
.no-widgets-found #available-widgets-list {
#available-widgets-filter {
/* search field container */
#available-widgets-filter,
#available-menu-items-search .accordion-section-title {
#available-widgets-filter input,
#available-menu-items-search input {
#available-widgets-filter input::-ms-clear,
#available-menu-items-search input::-ms-clear {
display: none; /* remove the "x" in IE, which conflicts with the "x" icon on button.clear-results */
#available-menu-items-search .search-icon,
#available-widgets-filter .search-icon {
bottom: 15px; /* 13 container padding +1 input margin +1 input border */
#available-widgets-filter .clear-results,
#available-menu-items-search .accordion-section-title .clear-results {
top: 36px; /* 13 container padding +1 input margin +1 input border */
#available-widgets-filter .clear-results,
#available-menu-items-search .clear-results,
#available-menu-items-search.loading .clear-results.is-visible {
#available-widgets-filter .clear-results.is-visible,
#available-menu-items-search .clear-results.is-visible {
#available-widgets-filter .clear-results:before,
#available-menu-items-search .clear-results:before {
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
#available-widgets-filter .clear-results:hover,
#available-widgets-filter .clear-results:focus,
#available-menu-items-search .clear-results:hover,
#available-menu-items-search .clear-results:focus {
#available-widgets-filter .clear-results:focus,
#available-menu-items-search .clear-results:focus {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
#available-menu-items-search .search-icon:after,
#available-widgets-filter .search-icon:after,
.themes-filter-bar .search-icon:after {
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.themes-filter-bar .search-icon {
.no-widgets-found-message {
.no-widgets-found .no-widgets-found-message {
#available-widgets .widget-top,
#available-widgets .widget-top:hover,
#available-menu-items .item-top,
#available-menu-items .item-top:hover {
#available-widgets .widget-tpl,
#available-menu-items .item-tpl {
padding: 15px 60px 15px 15px;
border-bottom: 1px solid #dcdcde;
border-right: 4px solid #fff;
.15s background-color ease-in-out,
.15s border-color ease-in-out;
#available-widgets .widget,
#available-menu-items .item {
.customize-controls-preview-toggle {
@media only screen and (max-width: 782px) {
.wp-customizer .theme:not(.active):hover .theme-actions,
.wp-customizer .theme:not(.active):focus .theme-actions {
.wp-customizer .theme-browser .theme.active .theme-name span {
.customize-control-header button.random .dice {
.customize-control-radio .customize-inside-control-row,
.customize-control-checkbox .customize-inside-control-row,
.customize-control-nav_menu_auto_add .customize-inside-control-row {
.customize-control-radio input,
.customize-control-checkbox input,
.customize-control-nav_menu_auto_add input {
.customize-control input[type="radio"] + label + br,
.customize-control input[type="checkbox"] + label + br {
line-height: 2.5; /* For widgets checkboxes */
.customize-control .date-time-fields select {
.date-time-fields .date-input.month {
.date-time-fields .date-input.day,
.date-time-fields .date-input.hour,
.date-time-fields .date-input.minute {
.date-time-fields .date-input.year {
#customize-control-changeset_preview_link a {
.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
.media-widget-control .media-widget-buttons .button.edit-media,
.media-widget-control .media-widget-buttons .button.change-media,
.media-widget-control .media-widget-buttons .button.select-media {
.customize-preview-header.themes-filter-bar .search-icon {
@media screen and (max-width: 1200px) {
.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
@media screen and (max-width: 640px) {
/* when the sidebar is collapsed and switching to responsive view,
bring it back see ticket #35220 */
.wp-full-overlay.collapsed #customize-controls {
.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
.customize-controls-preview-toggle {
border-left: 1px solid #dcdcde;
border-top: 4px solid #f0f0f1;
transition: color .1s ease-in-out, background .1s ease-in-out;
#customize-footer-actions,
.customize-controls-preview-toggle .controls,
.preview-only .wp-full-overlay-sidebar-content,
.preview-only .customize-controls-preview-toggle .preview {
.preview-only #customize-save-button-wrapper {
.customize-controls-preview-toggle .preview:before,
.customize-controls-preview-toggle .controls:before {
font: normal 20px/1 dashicons;
.customize-controls-preview-toggle .controls:before {
.preview-only #customize-controls {
.preview-only #customize-preview,
.preview-only .customize-controls-preview-toggle .controls {
.wp-core-ui.wp-customizer .button {
#customize-control-changeset_status .customize-inside-control-row {
body.adding-widget div#available-widgets,
body.adding-menu-items div#available-menu-items,
body.outer-section-open div#customize-sidebar-outer-content {
#available-widgets .customize-section-title,
#available-menu-items .customize-section-title {
#available-widgets .customize-section-back,
#available-menu-items .customize-section-back {
#available-widgets .customize-section-title h3,
#available-menu-items .customize-section-title h3 {
padding: 9px 14px 12px 10px;
#available-widgets .customize-section-title .customize-action,
#available-menu-items .customize-section-title .customize-action {
#available-widgets-filter {
#available-widgets-list {