: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.wp-core-ui .attachment .portrait img {
.wp-core-ui .attachment .landscape img {
.wp-core-ui .attachment .thumbnail:after {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
.wp-core-ui .attachment .thumbnail img {
.wp-core-ui .attachment .thumbnail .centered {
transform: translate( 50%, 50% );
.wp-core-ui .attachment .thumbnail .centered img {
transform: translate( -50%, -50% );
.wp-core-ui .attachments-browser .attachment .thumbnail .centered img.icon {
transform: translate( -50%, -70% );
.wp-core-ui .attachment .filename {
background: rgba(255, 255, 255, 0.8);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
.wp-core-ui .attachment .filename div {
.wp-core-ui .attachment .thumbnail img {
.wp-core-ui .attachment-close {
background-position: -96px 4px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
.wp-core-ui .attachment-close:hover,
.wp-core-ui .attachment-close:focus {
background-position: -36px 4px;
.wp-core-ui .attachment .check {
box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 0, 0, 0.15);
.wp-core-ui .attachment .check .media-modal-icon {
background-position: -1px 0;
.wp-core-ui .attachment .check:hover .media-modal-icon {
background-position: -40px 0;
.wp-core-ui .attachment.selected .check {
.wp-core-ui .attachment.details .check,
.wp-core-ui .attachment.selected .check:focus,
.wp-core-ui .media-frame.mode-grid .attachment.selected .check {
background-color: #2271b1;
.wp-core-ui .attachment.selected .check:focus {
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
.wp-core-ui .attachment.details .check .media-modal-icon,
.wp-core-ui .media-frame.mode-grid .attachment.selected .check .media-modal-icon {
background-position: -21px 0;
.wp-core-ui .attachment.details .check:hover .media-modal-icon,
.wp-core-ui .attachment.selected .check:focus .media-modal-icon,
.wp-core-ui .media-frame.mode-grid .attachment.selected .check:hover .media-modal-icon {
background-position: -60px 0;
.wp-core-ui .media-frame .attachment .describe {
.media-frame .attachments-browser {
.attachments-browser .media-toolbar {
.attachments-browser.hide-sidebar .media-toolbar {
.attachments-browser .media-toolbar-primary > .media-button,
.attachments-browser .media-toolbar-primary > .media-button-group,
.attachments-browser .media-toolbar-secondary > .media-button,
.attachments-browser .media-toolbar-secondary > .media-button-group {
.attachments-browser .attachments {
.attachments-browser:not(.has-load-more) .attachments,
.attachments-browser.has-load-more .attachments-wrapper,
.attachments-browser .uploader-inline {
.attachments-browser .uploader-inline.hidden {
.attachments-browser .media-toolbar-primary {
.mode-grid .attachments-browser .media-toolbar-primary {
.mode-grid .attachments-browser .media-toolbar-mode-select .media-toolbar-primary {
.attachments-browser .media-toolbar-secondary {
.uploader-inline .close {
background-color: transparent;
.uploader-inline .close:before {
font: normal 30px/1 dashicons !important;
.uploader-inline .close:focus {
outline: 1px solid #4f94d4;
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
.attachments-browser.hide-sidebar .attachments,
.attachments-browser.hide-sidebar .uploader-inline {
.attachments-browser .instructions {
.attachments-browser .no-media {
.more-loaded .attachment:not(.found-media) {
.load-more-wrapper .load-more-count {
.load-more-wrapper .load-more {
/* Needs high specificity. */
.media-frame .load-more-wrapper .load-more + .spinner {
/* Reset spinner margin when the button is hidden to avoid horizontal scrollbar. */
.media-frame .load-more-wrapper .load-more.hidden + .spinner {
/* Force a new row within the flex container. */
.load-more-wrapper::after {
.load-more-wrapper .load-more-jump {
outline: 2px dotted #c3c4c7;
background: rgba(0, 0, 0, 0.1);
.media-progress-bar div {
.media-uploader-status .media-progress-bar {
.uploading.media-uploader-status .media-progress-bar {
.attachment-preview .media-progress-bar {
.uploader-inline .media-uploader-status h2 {
.media-uploader-status .upload-details {
.uploading.media-uploader-status .upload-details {
.media-uploader-status .upload-detail-separator {
.media-uploader-status .upload-count {
.media-uploader-status .upload-dismiss-errors,
.media-uploader-status .upload-errors {
.errors.media-uploader-status .upload-dismiss-errors,
.errors.media-uploader-status .upload-errors {
.media-uploader-status .upload-dismiss-errors {
.upload-errors .upload-error {
border-left: 4px solid #d63638;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
.uploader-inline .upload-errors .upload-error {
background-color: #fcf0f1;
.upload-errors .upload-error-filename {
.upload-errors .upload-error-message {
* Window and Editor uploaders used to display "drop zones"
.wp-editor-wrap .uploader-editor {
opacity: 0; /* Only the inline uploader is animated with JS, the editor one isn't */
transition: opacity 250ms;
.wp-editor-wrap .uploader-editor {
z-index: 99998; /* under the toolbar */
background: rgba(140, 143, 148, 0.9);
.wp-editor-wrap .uploader-editor.droppable {
background: rgba(10, 75, 120, 0.9);
.uploader-window-content,
.wp-editor-wrap .uploader-editor-content {
/* uploader drop-zone title */
.uploader-window h1, /* Back-compat for pre-5.3 */
.uploader-window .uploader-editor-title,
.wp-editor-wrap .uploader-editor .uploader-editor-title {
transform: translateY(-50%);
.wp-editor-wrap .uploader-editor .uploader-editor-title {
.wp-editor-wrap .uploader-editor.droppable .uploader-editor-title {
.uploader-window .media-progress-bar {