: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
.media-frame.mode-grid .uploader-inline {
border: 4px dashed #c3c4c7;
.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,
.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper {
top: 94px; /* prevent jumping up when the toolbar becomes fixed */
padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
.media-frame.mode-grid .attachment:focus,
.media-frame.mode-grid .selected.attachment:focus,
.media-frame.mode-grid .attachment.details:focus {
box-shadow: inset 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
.media-frame.mode-grid .selected.attachment {
.media-frame.mode-grid .attachment.details {
.media-frame.mode-grid.mode-select .attachment .thumbnail {
.media-frame.mode-select .attachment.selected .thumbnail {
.media-frame.mode-grid .media-toolbar {
.media-frame.mode-grid .media-toolbar select {
.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
.media-frame.mode-grid .attachments-browser .bulk-select {
.media-frame.mode-grid .search {
.media-frame-content .media-search-input-label {
vertical-align: baseline;
.attachments-browser .media-toolbar-secondary > .media-button {
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
.media-frame.mode-grid .attachments-browser {
.media-frame.mode-grid .attachments-browser .attachments {
.media-frame.mode-grid .attachments-browser .no-media {
color: #646970; /* same as no plugins and no themes */
* Attachment details modal
.edit-attachment-frame .edit-media-header {
.upload-php .media-modal-close .media-modal-icon:before {
.upload-php .media-modal-close,
.edit-attachment-frame .edit-media-header .left,
.edit-attachment-frame .edit-media-header .right {
background-color: transparent;
border-left: 1px solid #dcdcde;
transition: color .1s ease-in-out, background .1s ease-in-out;
.upload-php .media-modal-close {
.edit-attachment-frame .edit-media-header .left {
.edit-attachment-frame .edit-media-header .right {
.edit-attachment-frame .media-frame-title {
right: 150px; /* leave space for prev/next/close */
.edit-attachment-frame .edit-media-header .right:before,
.edit-attachment-frame .edit-media-header .left:before {
font: normal 20px/50px dashicons !important;
.upload-php .media-modal-close:hover,
.upload-php .media-modal-close:focus,
.edit-attachment-frame .edit-media-header .left:hover,
.edit-attachment-frame .edit-media-header .right:hover,
.edit-attachment-frame .edit-media-header .left:focus,
.edit-attachment-frame .edit-media-header .right:focus {
.upload-php .media-modal-close:focus,
.edit-attachment-frame .edit-media-header .left:focus,
.edit-attachment-frame .edit-media-header .right:focus {
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
.upload-php .media-modal-close:focus .media-modal-icon:before,
.upload-php .media-modal-close:hover .media-modal-icon:before {
.edit-attachment-frame .edit-media-header .left:before {
.edit-attachment-frame .edit-media-header .right:before {
.edit-attachment-frame .edit-media-header [disabled],
.edit-attachment-frame .edit-media-header [disabled]:hover {
.edit-attachment-frame .media-frame-content,
.edit-attachment-frame .media-frame-router {
.edit-attachment-frame .media-frame-content {
.edit-attachment-frame .attachment-details {
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
.edit-attachment-frame .attachment-media-view {
.edit-attachment-frame .attachment-media-view .thumbnail {
.edit-attachment-frame .attachment-media-view .details-image {
max-height: calc( 100% - 42px ); /* leave space for actions underneath */
background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
background-position: 0 0, 10px 10px;
background-size: 20px 20px;
.edit-attachment-frame .attachment-media-view .details-image.icon {
.edit-attachment-frame .attachment-media-view .attachment-actions {
.edit-attachment-frame .wp-media-wrapper {
.edit-attachment-frame input,
.edit-attachment-frame textarea {
.edit-attachment-frame .attachment-info {
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
border-left: 1px solid #dcdcde;
.edit-attachment-frame .attachment-info .details,
.edit-attachment-frame .attachment-info .settings {
position: relative; /* RTL fix, #WP29352 */
border-bottom: 1px solid #dcdcde;
.edit-attachment-frame .attachment-info .filename {
.edit-attachment-frame .attachment-info .thumbnail {
.attachment-info .actions {
.attachment-info .actions a {
.copy-to-clipboard-container {
.copy-to-clipboard-container .copy-attachment-url {
.copy-to-clipboard-container .success {
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.wp_attachment_details .attachment-alt-text {
.wp_attachment_details #attachment_alt {
.wp_attachment_details .attachment-alt-text-description {
.wp_attachment_details label[for="content"] {
.wp_attachment_details #attachment_caption {
.describe .image-editor {
.describe .imgedit-wrap .image-editor {
.wp_attachment_holder div.updated {
.wp_attachment_holder .imgedit-wrap > div {
max-width: 240px; /* Prevent reflow when help info is expanded. */
.imgedit-group-controls > * {
.imgedit-panel-active .imgedit-group-controls > * {
.wp_attachment_holder .imgedit-wrap .image-editor {
filter: alpha(opacity=70);
background: transparent url(../images/spinner.gif) no-repeat center;
background-size: 20px 20px;
transform: translateZ(0);
.image-editor .disabled {
/* WCAG 1.4.3 Text or images of text that are part of an inactive user
interface component ... have no contrast requirement. */
.wp_attachment_image .button,
.no-js .wp_attachment_image .button {
.wp_attachment_image .spinner,
.imgedit-menu .note-no-rotate {
.image-editor .imgedit-menu .button {
.imgedit-menu .button:after,
.imgedit-menu .button:before {
font: normal 16px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.imgedit-menu .imgedit-rotate.button:after {