: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
border-top: 1px solid #f0f0f1;
.theme-overlay .theme-actions .button {
/* Hide-if-customize for items we can't add classes to */
.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"],
.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-background"] {
.broken-themes a.delete-theme,
.theme-overlay .theme-actions .delete-theme {
border-color: transparent;
.broken-themes a.delete-theme:hover,
.broken-themes a.delete-theme:focus,
.theme-overlay .theme-actions .delete-theme:hover,
.theme-overlay .theme-actions .delete-theme:focus {
box-shadow: 0 0 0 1px #b32d2e;
.theme-overlay .theme-actions .active-theme,
.theme-overlay.active .theme-actions .inactive-theme {
.theme-overlay .theme-actions .inactive-theme,
.theme-overlay.active .theme-actions .active-theme {
* Theme Screenshots gallery
.theme-overlay .theme-screenshots {
max-width: 1200px; /* Recommended theme screenshot width, set here to avoid stretching */
/* First screenshot, shown big */
.theme-overlay .screenshot {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
.theme-overlay .screenshot:after {
padding-top: 75%; /* using a 4/3 aspect ratio */
.theme-overlay .screenshot img {
/* Handles old 300px screenshots */
.theme-overlay.small-screenshot .theme-screenshots {
.theme-overlay.small-screenshot .theme-info {
/* Other screenshots, shown small and square */
.theme-overlay .screenshot.thumb {
border: 1px solid #f0f0f1;
.theme-overlay .screenshot.thumb:after {
padding-top: 100%; /* using a 1/1 aspect ratio */
.theme-overlay .screenshot.thumb img {
.theme-overlay .screenshot.selected {
border: 2px solid #72aee6;
.theme-overlay .screenshot.selected img {
/* No screenshot placeholder */
.theme-browser .theme .theme-screenshot.blank,
.theme-overlay .screenshot.blank {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
* Theme heading information
.theme-overlay .theme-info {
.theme-overlay .current-label {
-webkit-user-select: none;
.theme-overlay .theme-name {
overflow-wrap: break-word;
.theme-overlay .theme-version {
.theme-overlay .theme-author {
.theme-overlay .toggle-auto-update {
/* Better align spin icon and text. */
/* Prevents content after the auto-update toggler from jumping down and up. */
min-height: 20px; /* Same height as the spinning dashicon. */
.theme-overlay .theme-autoupdate .toggle-auto-update {
.theme-overlay .theme-autoupdate .toggle-auto-update .label {
text-decoration: underline;
.theme-overlay .theme-description {
.theme-overlay .theme-tags {
border-top: 3px solid #f0f0f1;
.theme-overlay .theme-tags span {
.theme-overlay .parent-theme {
border: 1px solid #f0f0f1;
border-left: 4px solid #72aee6;
padding: 10px 10px 10px 20px;
.theme-overlay .parent-theme strong {
* Displays detailed view inline when a user has no switch capabilities
.single-theme .theme-overlay .theme-backdrop,
.single-theme .theme-overlay .theme-header,
.single-theme .theme-overlay .theme-wrap {
.single-theme .theme-overlay .theme-about {
.single-theme .theme-overlay .theme-actions {
* Basic Responsive structure...
* Shuffles theme columns around based on screen width
@media only screen and (min-width: 2000px) {
#wpwrap .theme-browser .theme {
#wpwrap .theme-browser .theme:nth-child(3n),
#wpwrap .theme-browser .theme:nth-child(4n) {
#wpwrap .theme-browser .theme:nth-child(5n) {
@media only screen and (min-width: 1680px) {
.theme-overlay .theme-wrap {
/* Maximum screenshot width reaches 440px */
@media only screen and (min-width: 1640px) {
.theme-browser .theme .theme-screenshot:after {
padding-top: 75%; /* using a 4/3 aspect ratio */
.theme-browser .theme:nth-child(3n) {
.theme-browser .theme:nth-child(4n) {
/* Maximum screenshot width reaches 440px */
@media only screen and (max-width: 1120px) {
.theme-browser .theme:nth-child(even) {
.theme-browser .theme:nth-child(odd) {
/* Admin menu is folded */
@media only screen and (max-width: 960px) {
.theme-overlay .theme-wrap {
@media only screen and (max-width: 782px) {
body.folded .theme-overlay .theme-wrap,
.theme-overlay .theme-wrap {
top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
z-index: 100000; /* should overlap #wpadminbar. */
.theme-browser .theme.active .theme-name span {
/* Hide the "Active: " label on smaller screens. */
.theme-overlay .theme-screenshots {
.theme-overlay .theme-info {
.single-theme .theme-wrap {
.theme-browser .theme .theme-actions {
.theme-overlay.small-screenshot .theme-screenshots {
.theme-overlay.small-screenshot .theme-info {
.theme:not(.active):hover .theme-actions,
.theme:not(.active):focus .theme-actions,
.theme:hover .more-details,
.theme.focus .more-details {
.theme-browser.rendered .theme:hover .theme-screenshot img,
.theme-browser.rendered .theme.focus .theme-screenshot img {
@media only screen and (max-width: 480px) {
.theme-browser .theme:nth-child(2n),
.theme-browser .theme:nth-child(3n) {
.theme-overlay .theme-about {
.theme-overlay .theme-actions {
@media only screen and (max-width: 650px) {
.theme-overlay .theme-description {
.theme-overlay .theme-actions .delete-theme {
.theme-overlay .theme-actions .inactive-theme {
.theme-overlay .theme-screenshots {
.theme-overlay .theme-info {
.theme-overlay .theme-author {
.theme-overlay .current-label {
.themes-php .wp-filter-search {
.theme-install-php .wp-filter p.search-box {
.theme-browser .theme.add-new-theme span:after {
font: normal 60px/90px dashicons;
.single-theme .theme-wrap {
.single-theme .theme-overlay .theme-about {
.single-theme .current-label {
.single-theme .theme-overlay .theme-actions {