: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.media-modal .imgedit-thumbnail-preview {
.imgedit-thumbnail-preview-caption {
.media-modal .imgedit-wrap div.updated, /* Back-compat for pre-5.5 */
.media-modal .imgedit-wrap .notice {
* Embed from URL and Image Details
.media-frame .embed-url input {
line-height: 1.22222222; /* 22px */
padding: 12px 40px 12px 14px; /* right padding to leave room for the spinner */
box-shadow: inset 2px 2px 4px -2px rgba(0, 0, 0, 0.1);
.media-frame .embed-url input::-ms-clear {
display: none; /* the "x" in IE 11 conflicts with the spinner */
.media-frame .embed-url .spinner {
.media-frame .embed-loading .embed-url .spinner {
.media-embed .embed-link-settings .link-text {
* Implementation of bottom padding in overflow content differs across browsers.
* We need a different method. See https://github.com/w3c/csswg-drafts/issues/129
.embed-link-settings::after,
.embed-media-settings::after {
.media-embed .embed-link-settings {
/* avoid Firefox to give focus to the embed preview container parent */
outline: 1px solid #2271b1;
box-shadow: 0 0 0 2px #2271b1;
.image-details .media-modal {
.image-details .media-frame-title,
.image-details .media-frame-content,
.image-details .media-frame-router {
.image-details .embed-media-settings {
.image-details .embed-media-settings::after {
.image-details .embed-media-settings,
.image-details .embed-media-settings div {
.image-details .column-settings {
border-right: 1px solid #dcdcde;
.image-details .column-settings h2 {
border-top: 1px solid #dcdcde;
.image-details .column-image {
.image-details .image img {
.image-details .advanced-toggle {
text-transform: uppercase;
.image-details .advanced-toggle:hover,
.image-details .advanced-toggle:active {
.image-details .advanced-toggle:after {
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.image-details .advanced-visible .advanced-toggle:after {
.image-details .custom-size label, /* Back-compat for pre-5.3 */
.image-details .custom-size .custom-size-setting {
.image-details .custom-size .custom-size-setting label {
.image-details .custom-size input {
.image-details .custom-size .sep {
.image-details .custom-size .description {
.media-embed .thumbnail {
.media-embed .thumbnail img {
.media-embed .thumbnail:after {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
.media-embed .setting-group {
.media-embed .setting-group .setting:not(.checkbox-setting) {
.media-embed .setting.has-description {
.media-embed .description {
.media-embed .content-track + .description {
/* The !important needs to override a high specificity selector from wp-medialement.css */
max-width: none !important;
.media-embed .remove-track {
.image-details .embed-media-settings .setting,
.image-details .embed-media-settings .setting-group {
.image-details .actions {
.media-embed .setting input[type="text"],
.media-embed .setting textarea,
.image-details .embed-media-settings .setting input[type="text"],
.image-details .embed-media-settings .setting textarea {
.image-details .embed-media-settings .setting input.link-to-custom,
.image-details .embed-media-settings .link-target,
.image-details .embed-media-settings .custom-size,
.image-details .embed-media-settings .setting-group,
.image-details .description {
.image-details .description {
.image-details .embed-media-settings .link-target {
.image-details .checkbox-label,
.audio-details .checkbox-label,
.video-details .checkbox-label {
vertical-align: baseline;
.media-embed .setting input.hidden,
.media-embed .setting textarea.hidden {
.media-embed .setting span, /* Back-compat for pre-5.3 */
.media-embed .setting .name,
.media-embed .setting-group .name {
.media-embed .setting span {
display: block; /* Back-compat for pre-5.3 */
width: 200px; /* Back-compat for pre-5.3 */
.image-details .embed-media-settings .setting span, /* Back-compat for pre-5.3 */
.image-details .embed-media-settings .setting .name {
/* Buttons group in IE 11. */
.media-frame .setting-group .button-group,
.image-details .embed-media-settings .setting .button-group {
* Button groups fix: can be removed together with the Back-compat for pre-5.3
.media-frame .setting .button-group {
max-width: none !important;
.rtl .media-frame .search,
.rtl .media-frame input[type="text"],
.rtl .media-frame input[type="password"],
.rtl .media-frame input[type="number"],
.rtl .media-frame input[type="search"],
.rtl .media-frame input[type="email"],
.rtl .media-frame input[type="url"],
.rtl .media-frame input[type="tel"],
.rtl .media-frame textarea,
.rtl .media-frame select {
font-family: Tahoma, sans-serif;
:lang(he-il) .rtl .media-modal,
:lang(he-il) .rtl .media-frame,
:lang(he-il) .rtl .media-frame .search,
:lang(he-il) .rtl .media-frame input[type="text"],
:lang(he-il) .rtl .media-frame input[type="password"],
:lang(he-il) .rtl .media-frame input[type="number"],
:lang(he-il) .rtl .media-frame input[type="search"],
:lang(he-il) .rtl .media-frame input[type="email"],
:lang(he-il) .rtl .media-frame input[type="url"],
:lang(he-il) .rtl .media-frame textarea,
:lang(he-il) .rtl .media-frame select {
font-family: Arial, sans-serif;
@media only screen and (max-width: 900px) {
.media-modal .media-frame-title {
.media-modal .media-frame-title h1 {
.media-frame .media-frame-title {
.media-frame:not(.hide-menu) .media-frame-router,
.media-frame:not(.hide-menu) .media-frame-content,
.media-frame:not(.hide-menu) .media-frame-toolbar {
.media-frame:not(.hide-menu) .media-frame-router {
/* 40 title + (40 - 6) menu toggle button + 6 spacing */
.media-frame:not(.hide-menu) .media-frame-content {
/* 80 + room for the tabs */
.media-frame.hide-router .media-frame-content {
.media-frame:not(.hide-menu) .media-frame-menu {
.media-frame:not(.hide-menu) .media-menu {
transform: translateX(-50%);
border: 1px solid #c3c4c7;
.media-frame:not(.hide-menu) .media-menu.visible {
.media-frame:not(.hide-menu) .media-menu > a {
.media-frame:not(.hide-menu) .media-menu .separator {
/* Visually hide the menu heading keeping it available to assistive technologies. */
.media-frame-menu-heading {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal !important;
/* Reveal the menu toggle button. */
.wp-core-ui .media-frame:not(.hide-menu) .button.media-frame-menu-toggle {