clear: both;
}
-.themes-php .wrap h1 {
- float: right;
+.themes-php:not(.network-admin) .wrap h1 {
margin-bottom: 15px;
}
-.network-admin.themes-php .wrap h1 {
- margin-bottom: 0;
-}
-
.themes-php .wrap h1 .button {
margin-right: 20px;
}
}
/* Position admin messages */
-.themes-php div.updated,
-.themes-php div.error,
-.themes-php div.notice {
- margin: 0 0 20px 0;
- clear: both;
+.theme .notice,
+.theme .notice.is-dismissible {
+ right: 0;
+ margin: 0;
+ position: absolute;
+ left: 0;
+ top: 0;
}
/**
opacity: 0;
position: absolute;
top: 35%;
- left: 25%;
- right: 25%;
+ left: 20%;
+ right: 20%;
background: #23282d;
background: rgba(0,0,0,0.7);
color: #fff;
opacity: 1;
}
-/**
- * Displays a theme update notice
- * when an update is available.
- */
-.theme-browser .theme .theme-update,
-.theme-browser .theme .theme-installed {
- background: #d54e21;
- background: rgba(213, 78, 33, 0.95);
- color: #fff;
- display: block;
- font-size: 13px;
- font-weight: 400;
- height: 48px;
- line-height: 48px;
- padding: 0 10px;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- border-bottom: 1px solid rgba(0,0,0,0.25);
- overflow: hidden;
-}
-
-.theme-browser .theme .theme-update:before,
-.theme-browser .theme .theme-installed:before {
- content: "\f463";
- display: inline-block;
- font: normal 20px/1 dashicons;
- margin: 0 0 0 6px;
- opacity: 0.8;
- position: relative;
- top: 5px;
- speak: none;
- -webkit-font-smoothing: antialiased;
-}
-
-
/**
* The currently active theme
*/
-webkit-overflow-scrolling: touch;
}
-body.folded .theme-overlay .theme-wrap {
+body.folded .theme-browser ~ .theme-overlay .theme-wrap {
right: 70px;
}
font-weight: 100;
margin: 10px 0 0;
line-height: 1.3;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
}
.theme-overlay .theme-version {
.theme-overlay .theme-tags span {
color: #444;
- font-weight: bold;
+ font-weight: 600;
margin-left: 5px;
}
border: 1px solid #eee;
border-right: 4px solid #00a0d2;
font-size: 14px;
- font-weight: normal;
+ font-weight: 400;
margin-top: 30px;
padding: 10px 20px 10px 10px;
}
}
@media only screen and (max-width: 650px) {
- .theme-overlay .theme-update,
.theme-overlay .theme-description {
margin-right: 0;
}
.theme-browser .theme .theme-installed {
background: #0073aa;
}
-.theme-browser .theme .theme-installed:before {
+.theme-browser .theme .notice-success p:before {
+ color: #79ba49;
content: "\f147";
+ display: inline-block;
+ font: normal 20px/1 'dashicons';
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ vertical-align: top;
}
-.theme-browser .theme.is-installed .theme-actions .button-primary {
- display: none !important;
+
+.theme-install.updated-message:before {
+ content: '';
}
.theme-install-php .wp-filter {
.theme-install-php a.browse-themes {
cursor: pointer;
}
-.theme-install-php a.browse-themes,
-.theme-install-php.show-upload-theme a.upload {
+
+.upload-view-toggle .browse,
+.plugin-install-tab-upload .upload-view-toggle .upload {
display: none;
}
-.theme-install-php.show-upload-theme a.browse-themes {
+
+.plugin-install-tab-upload .upload-view-toggle .browse {
display: inline;
}
+
.upload-theme,
.upload-plugin {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
margin: 0;
- padding: 0;
+ padding: 50px 0;
width: 100%;
overflow: hidden;
position: relative;
top: 10px;
}
-body.show-upload-theme .upload-theme,
-.upload-plugin {
+
+.upload-plugin-wrap {
+ display: none;
+}
+
+.show-upload-view .upload-theme,
+.show-upload-view .upload-plugin,
+.show-upload-view .upload-plugin-wrap,
+.plugin-install-tab-upload .upload-plugin {
display: block;
}
+
.upload-theme .wp-upload-form,
.upload-plugin .wp-upload-form {
background: #fafafa;
font-size: 18px;
font-style: normal;
margin: 0;
- padding: 40px 0 0;
+ padding: 0;
text-align: center;
}
-body.show-upload-theme .upload-theme + .wp-filter,
-body.show-upload-theme .upload-theme + .wp-filter + .theme-browser {
- display: none;
-}
p.no-themes {
clear: both;
display: none;
}
-body.no-results p.no-themes {
+.no-results p.no-themes {
display: block;
}
-body.show-upload-theme p.no-themes {
- display: none !important;
-}
-
.theme-install-php .add-new-theme {
display: none !important;
}
pointer-events: none;
}
+.theme-install-overlay .close-full-overlay,
+.theme-install-overlay .previous-theme,
+.theme-install-overlay .next-theme {
+ border-right: 0;
+ border-top: 0;
+ border-bottom: 0;
+}
+
+.theme-install-overlay .close-full-overlay:before,
+.theme-install-overlay .previous-theme:before,
+.theme-install-overlay .next-theme:before {
+ top: 2px;
+ right: 0;
+}
+
/* Collapse Button */
.wp-core-ui .wp-full-overlay .collapse-sidebar {
position: fixed;
- bottom: 8px;
- right: 10px;
- padding: 0;
+ bottom: 0;
+ right: 0;
+ padding: 9px 10px 9px 0;
+ height: 45px;
color: #656a6f;
outline: 0;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
}
+.wp-core-ui .wp-full-overlay.collapsed .collapse-sidebar {
+ padding: 9px 10px;
+}
+
/* rtl:ignore */
.wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
.rtl .wp-full-overlay .collapse-sidebar-arrow:before {
width: 300px;
height: 45px;
border-top: 1px solid #ddd;
+ background: #eee;
}
.wp-full-overlay-footer .devices {
max-width: 100%;
}
-.theme-install-overlay .wp-full-overlay-header .theme-install {
+.theme-install-overlay .wp-full-overlay-header .button {
float: left;
margin: 8px 0 0 10px;
/* For when .theme-install is a span rather than a.button-primary (already installed theme) */
line-height: normal;
}
}
+
+@media aural {
+ .theme .notice:before,
+ .theme-info .updating-message:before,
+ .theme-info .updated-message:before,
+ .theme-install.updating-message:before {
+ speak: none;
+ }
+}