: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.customize-control-color .color-picker,
.customize-control-upload div {
.customize-control .customize-inside-control-row {
.customize-control-radio input,
.customize-control-checkbox input,
.customize-control-nav_menu_auto_add input {
.customize-control-radio {
.customize-control-radio .customize-control-title {
.customize-control-radio .customize-control-title + .customize-control-description {
.customize-control-radio label,
.customize-control-checkbox label {
.customize-control .attachment-thumb.type-icon {
.customize-control .attachment-title {
.customize-control .attachment-meta {
.customize-control .attachment-meta-title {
/* Remove descender space. */
.customize-control .thumbnail-image,
.customize-control-header .current,
.customize-control .wp-media-wrapper.wp-video {
/* Remove descender space. */
.customize-control-site_icon .favicon-preview .browser-preview {
.customize-control .thumbnail-image img {
#customize-controls .thumbnail-audio .thumbnail {
#available-menu-items .accordion-section-content .new-content-item-wrapper,
.customize-control-dropdown-pages .new-content-item-wrapper {
width: calc(100% - 30px);
.customize-control-dropdown-pages .new-content-item-wrapper {
#available-menu-items .accordion-section-content .new-content-item,
.customize-control-dropdown-pages .new-content-item {
.customize-control-dropdown-pages .new-content-item {
.customize-control-dropdown-pages .new-content-item-wrapper .new-content-item {
.customize-control-dropdown-pages .new-content-item-wrapper .new-content-item label {
#available-menu-items .new-content-item .create-item-input,
.customize-control-dropdown-pages .new-content-item .create-item-input {
#available-menu-items .new-content-item .add-content,
.customize-control-dropdown-pages .new-content-item .add-content {
.customize-control-dropdown-pages .new-content-item .create-item-input.invalid {
border: 1px solid #d63638;
.customize-control-dropdown-pages .add-new-toggle {
#customize-preview iframe {
#customize-preview iframe + iframe {
.wp-full-overlay-sidebar {
border-left: 1px solid #dcdcde;
#customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
#customize-controls .customize-control-widget_form.has-error .widget .widget-top,
.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle {
box-shadow: inset 0 0 0 2px #d63638;
transition: .15s box-shadow linear;
#customize-controls .customize-control-notifications-container li.notice {
#customize-controls .customize-control-notifications-container .notice.is-dismissible {
.customize-control-notifications-container li.notice:last-child {
#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container {
#customize-controls .customize-control-widget_form .customize-control-notifications-container {
.customize-control-text.has-error input {
outline: 2px solid #d63638;
#customize-controls #customize-notifications-area {
border-bottom: 1px solid #dcdcde;
.wp-full-overlay.collapsed #customize-controls #customize-notifications-area {
display: none !important;
#customize-controls #customize-notifications-area:not(.has-overlay-notifications),
#customize-controls .customize-section-title > .customize-control-notifications-container:not(.has-overlay-notifications),
#customize-controls .panel-meta > .customize-control-notifications-container:not(.has-overlay-notifications) {
#customize-controls #customize-notifications-area > ul,
#customize-controls #customize-notifications-area .notice,
#customize-controls .panel-meta > .customize-control-notifications-container,
#customize-controls .panel-meta > .customize-control-notifications-container .notice,
#customize-controls .customize-section-title > .customize-control-notifications-container,
#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
#customize-controls .panel-meta > .customize-control-notifications-container,
#customize-controls .customize-section-title > .customize-control-notifications-container {
border-top: 1px solid #dcdcde;
#customize-controls #customize-notifications-area .notice,
#customize-controls .panel-meta > .customize-control-notifications-container .notice,
#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
#customize-controls #customize-notifications-area .notice.is-dismissible,
#customize-controls .panel-meta > .customize-control-notifications-container .notice.is-dismissible,
#customize-controls .customize-section-title > .customize-control-notifications-container .notice.is-dismissible {
#customize-controls #customize-notifications-area .notice + .notice,
#customize-controls .panel-meta > .customize-control-notifications-container .notice + .notice,
#customize-controls .customize-section-title > .customize-control-notifications-container .notice + .notice {
@keyframes customize-fade-in {
#customize-controls .notice.notification-overlay,
#customize-controls #customize-notifications-area .notice.notification-overlay {
border-right: 0; /* @todo Appropriate styles could be added for notice-error, notice-warning, notice-success, etc */
#customize-controls .customize-control-notifications-container.has-overlay-notifications {
animation: customize-fade-in 0.5s;
/* Note: Styles for this are also defined in themes.css */
#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message {
/* Style for custom settings */
#customize-control-show_on_front.has-error {
#customize-control-show_on_front.has-error .customize-control-notifications-container {
.accordion-section .dropdown {
.accordion-section .dropdown-content {
border: 2px solid #f0f0f1;
-webkit-user-select: none;
/* @todo maybe no more used? */
.customize-control .dropdown-arrow {
.customize-control .dropdown-arrow:after {
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
.customize-control .dropdown-status {
.customize-control-color .dropdown {
.customize-control-color .dropdown .dropdown-content {
background-color: #50575e;
border: 1px solid rgba(0, 0, 0, 0.15);
.customize-control-color .dropdown:hover .dropdown-content {
border-color: rgba(0, 0, 0, 0.25);
* iOS can't scroll iframes,
* instead it expands the iframe size to match the size of the content
.ios #customize-controls .wp-full-overlay-sidebar-content {
-webkit-overflow-scrolling: touch;
.customize-control .actions .button {
.customize-control-header .actions,
.customize-control-header .uploaded {
.customize-control-header .uploaded button:not(.random),
.customize-control-header .default button:not(.random) {
.customize-control-header button img {
.customize-control .attachment-media-view .remove-button,
.customize-control .attachment-media-view .default-button,
.customize-control .attachment-media-view .upload-button,
.customize-control-header button.new,
.customize-control-header button.remove {
.customize-control .attachment-media-view .thumbnail,
.customize-control-header .current .container {
.customize-control .attachment-media-view .placeholder,
.customize-control .attachment-media-view .button-add-media,
.customize-control-header .placeholder {
border: 1px dashed #c3c4c7;
.customize-control .attachment-media-view .button-add-media {
background-color: #f0f0f1;
.customize-control .attachment-media-view .button-add-media:hover {
.customize-control .attachment-media-view .button-add-media:focus {
box-shadow: 0 0 0 1px #3582c4;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
.customize-control-header .inner {
.customize-control-header .inner,
.customize-control-header .inner .dashicons {
.customize-control-header .list .inner,
.customize-control-header .list .inner .dashicons {
.customize-control-header .header-view {
.customize-control-header .header-view:last-child {
/* Convoluted, but 'outline' support isn't good enough yet */
.customize-control-header .header-view:after {
.customize-control-header .header-view.selected .choice:focus {
.customize-control-header .header-view.selected:after {
border: 4px solid #72aee6;