/* Already installed theme */
.theme-browser .theme .theme-installed {
.theme-browser .theme .notice-success p:before {
font: normal 20px/1 'dashicons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.theme-install.updated-message:before {
.theme-install-php .wp-filter {
.theme-install-php a.upload,
.theme-install-php a.browse-themes {
.upload-view-toggle .browse,
.plugin-install-tab-upload .upload-view-toggle .upload {
.plugin-install-tab-upload .upload-view-toggle .browse {
.show-upload-view .upload-theme,
.show-upload-view .upload-plugin,
.show-upload-view .upload-plugin-wrap,
.plugin-install-tab-upload .upload-plugin {
.upload-theme .wp-upload-form,
.upload-plugin .wp-upload-form {
border: 1px solid #c3c4c7;
justify-content: space-between;
.upload-theme .wp-upload-form input[type="file"],
.upload-plugin .wp-upload-form input[type="file"] {
.upload-theme .install-help,
.upload-plugin .install-help {
color: #50575e; /* #f1f1f1 background */
.no-results p.no-themes {
.theme-install-php .add-new-theme {
display: none !important;
@media only screen and (max-width: 1120px) {
.upload-theme .wp-upload-form {
.upload-theme .install-help {
.theme-details .theme-rating {
.theme-details .star-rating {
.theme-details .num-ratings,
.theme-details .no-rating {
.theme-details .no-rating {
.update-from-upload-comparison {
border-top: 1px solid #dcdcde;
border-bottom: 1px solid #dcdcde;
border-collapse: collapse;
.update-from-upload-comparison tr:last-child td {
.update-from-upload-comparison tr:first-child th {
.update-from-upload-comparison td.name-label {
.update-from-upload-comparison td,
.update-from-upload-comparison th {
.update-from-upload-comparison td.warning {
.update-from-upload-actions {
/*------------------------------------------------------------------------------
16.3 - Custom Header Screen
------------------------------------------------------------------------------*/
.appearance_page_custom-header #headimg {
border: 1px solid #dcdcde;
.appearance_page_custom-header #upload-form p label {
.appearance_page_custom-header .available-headers .default-header {
.appearance_page_custom-header .random-header {
.appearance_page_custom-header .available-headers label input,
.appearance_page_custom-header .random-header label input {
.appearance_page_custom-header .available-headers label img {
/*------------------------------------------------------------------------------
16.4 - Custom Background Screen
------------------------------------------------------------------------------*/
div#custom-background-image {
border: 1px solid #dcdcde;
div#custom-background-image img {
.background-position-control input[type="radio"]:checked ~ .button {
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
.background-position-control input[type="radio"]:focus ~ .button {
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(34, 113, 177, 0.8);
.background-position-control .background-position-center-icon,
.background-position-control .background-position-center-icon:before {
transition: background-color .1s ease-in;
.background-position-control .background-position-center-icon {
.background-position-control .background-position-center-icon:before {
background-color: #50575e;
.background-position-control .button:hover .background-position-center-icon:before,
.background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before {
background-color: #1d2327;
.background-position-control .button-group {
.background-position-control .button-group .button {
/* Following properties are overridden by buttons responsive styles (see: wp-includes/css/buttons.css). */
line-height: 2.9 !important;
margin: 0 -1px 0 0 !important;
padding: 0 10px 1px !important;
.background-position-control .button-group .button:active,
.background-position-control .button-group .button:hover,
.background-position-control .button-group .button:focus {
.background-position-control .button-group:last-child .button {
box-shadow: 0 1px 0 #c3c4c7;
.background-position-control .button-group > label {
.background-position-control .button-group:first-child > label:first-child .button {
.background-position-control .button-group:first-child > label:first-child .dashicons {
transform: rotate( 45deg );
.background-position-control .button-group:first-child > label:last-child .button {
border-radius: 0 3px 0 0;
.background-position-control .button-group:first-child > label:last-child .dashicons {
transform: rotate( -45deg );
.background-position-control .button-group:last-child > label:first-child .button {
border-radius: 0 0 0 3px;
.background-position-control .button-group:last-child > label:first-child .dashicons {
transform: rotate( -45deg );
.background-position-control .button-group:last-child > label:last-child .button {
border-radius: 0 0 3px 0;
.background-position-control .button-group:last-child > label:last-child .dashicons {
transform: rotate( 45deg );
.background-position-control .button-group .dashicons {
.background-position-control .button-group + .button-group {
/*------------------------------------------------------------------------------
23.0 - Full Overlay w/ Sidebar
------------------------------------------------------------------------------*/
body.full-overlay-active {
/* Hide all the content, the Customizer overlay is then made visible to be the only available content. */
.wp-full-overlay-sidebar {
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
.wp-full-overlay.collapsed,
.wp-full-overlay.expanded .wp-full-overlay-sidebar {
margin-left: 0 !important;
.wp-full-overlay.expanded {
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
@media screen and (min-width: 1667px) {
.wp-full-overlay.expanded {
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
@media screen and (min-width: 3333px) {
.wp-full-overlay.expanded {
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
.wp-full-overlay-sidebar:after {
.wp-full-overlay-sidebar .wp-full-overlay-header {
.wp-full-overlay-sidebar .wp-full-overlay-header a.back {
.wp-full-overlay-sidebar .wp-full-overlay-footer {
.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
/* Close & Navigation Links */
.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header {
.theme-install-overlay .close-full-overlay,
.theme-install-overlay .previous-theme,
.theme-install-overlay .next-theme {
border-right: 1px solid #dcdcde;
transition: color .1s ease-in-out, background .1s ease-in-out;
.theme-install-overlay .close-full-overlay:hover,
.theme-install-overlay .close-full-overlay:focus,
.theme-install-overlay .previous-theme:hover,
.theme-install-overlay .previous-theme:focus,
.theme-install-overlay .next-theme:hover,
.theme-install-overlay .next-theme:focus {
.theme-install-overlay .close-full-overlay:before {
font: normal 22px/1 dashicons;