}
.theme-browser .theme .theme-screenshot:after {
- content: '';
+ content: "";
display: block;
padding-top: 66.66666%; /* using a 3/2 aspect ratio */
}
.theme-browser .theme .theme-update:before,
.theme-browser .theme .theme-installed:before {
- content: '\f463';
+ content: "\f463";
display: inline-block;
- font: normal 20px/1 'dashicons';
+ font: normal 20px/1 dashicons;
margin: 0 0 0 6px;
opacity: 0.8;
position: relative;
.theme-browser .theme.add-new-theme a:after {
display: block;
- content: '';
+ content: "";
background: transparent;
background: rgba(0, 0, 0, 0);
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
- content: '\f132';
+ content: "\f132";
-webkit-font-smoothing: antialiased;
- font: normal 74px/115px 'dashicons';
+ font: normal 74px/115px dashicons;
width: 100px;
height: 100px;
vertical-align: middle;
border-color: transparent;
color: #fff;
background: #0073aa;
- content: '';
+ content: "";
}
.theme-browser .theme.add-new-theme .theme-name {
}
.theme-overlay .theme-header .close:before {
- font: normal 22px/50px 'dashicons' !important;
+ font: normal 22px/50px dashicons !important;
color: #777;
display: inline-block;
- content: '\f335';
+ content: "\f335";
font-weight: 300;
}
.theme-overlay .theme-header .right:before,
.theme-overlay .theme-header .left:before {
- font: normal 20px/50px 'dashicons' !important;
+ font: normal 20px/50px dashicons !important;
display: inline;
font-weight: 300;
}
}
.theme-overlay .screenshot:after {
- content: '';
+ content: "";
display: block;
padding-top: 75%; /* using a 4/3 aspect ratio */
}
}
.theme-overlay .screenshot.thumb:after {
- content: '';
+ content: "";
display: block;
padding-top: 100%; /* using a 1/1 aspect ratio */
}
}
.theme-overlay .theme-author {
+ margin: 15px 0 25px;
color: #686868;
font-size: 16px;
font-weight: 400;
- margin: 15px 0 25px;
+ line-height: inherit;
}
.theme-overlay .theme-author a {
margin-left: 5px;
}
-/* Theme Updates info */
-.theme-overlay .theme-update-message {
- background: #fef7f1;
- border: 1px solid #eee;
- border-right: 4px solid #d54e21;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- padding: 5px 20px 10px;
-}
-
-.theme-overlay .theme-update {
- color: #23282d;
- font-size: 18px;
- display: inline-block;
- line-height: 40px;
- margin: 0;
-}
-
.theme-overlay .parent-theme {
background: #f7fcfe;
border: 1px solid #eee;
}
.theme-browser .theme.add-new-theme span:after {
- font: normal 60px/90px 'dashicons';
+ font: normal 60px/90px dashicons;
width: 80px;
height: 80px;
top: 30%;
background: #0073aa;
}
.theme-browser .theme .theme-installed:before {
- content: '\f147';
+ content: "\f147";
}
.theme-browser .theme.is-installed .theme-actions .button-primary {
display: none !important;
}
}
+.theme-details .theme-rating {
+ line-height: 23px;
+}
+
.theme-details .star-rating {
- margin: 15px 0 0;
+ display: inline;
}
-.theme-details .star-rating span:before {
- color: #ffb900;
- content: "\f154";
- display: inline-block;
- -webkit-font-smoothing: antialiased;
- font: normal 20px/1 'dashicons';
- vertical-align: top;
-}
-
-/* Half stars */
-.star-rating.rating-10 span.one:before,
-.star-rating.rating-30 span.two:before,
-.star-rating.rating-50 span.three:before,
-.star-rating.rating-70 span.four:before,
-.star-rating.rating-90 span.five:before {
- content: "\f459";
-}
-
-/* Full stars */
-.star-rating.rating-20 span.one:before,
-.star-rating.rating-30 span.one:before,
-.star-rating.rating-40 span.one:before,
-.star-rating.rating-40 span.two:before,
-.star-rating.rating-50 span.one:before,
-.star-rating.rating-50 span.two:before,
-.star-rating.rating-60 span.one:before,
-.star-rating.rating-60 span.two:before,
-.star-rating.rating-60 span.three:before,
-.star-rating.rating-70 span.one:before,
-.star-rating.rating-70 span.two:before,
-.star-rating.rating-70 span.three:before,
-.star-rating.rating-80 span.one:before,
-.star-rating.rating-80 span.two:before,
-.star-rating.rating-80 span.three:before,
-.star-rating.rating-80 span.four:before,
-.star-rating.rating-90 span.one:before,
-.star-rating.rating-90 span.two:before,
-.star-rating.rating-90 span.three:before,
-.star-rating.rating-90 span.four:before,
-.star-rating.rating-100 > span:before {
- content: "\f155";
-}
-
-.theme-details .star-rating .ratings {
+.theme-details .num-ratings,
+.theme-details .no-rating {
+ font-size: 11px;
+ color: #999;
+}
+
+.theme-details .no-rating {
display: block;
line-height: 20px;
- color: #999;
}
/*------------------------------------------------------------------------------
}
.wp-full-overlay-sidebar:after {
- content: '';
+ content: "";
display: block;
position: absolute;
top: 0;
display: block;
content: "\f148";
background: #eee;
- font: normal 20px/1 'dashicons';
+ font: normal 20px/1 dashicons;
speak: none;
padding: 0;
-webkit-font-smoothing: antialiased;
}
.install-theme-info .theme-screenshot {
- margin-top: 15px;
+ margin: 15px 0;
width: 258px;
border: 1px solid #ccc;
}
.theme-details .theme-version {
margin: 15px 0;
- float: right;
}
.theme-details .theme-description {
}
.theme-install-overlay .wp-full-overlay-main {
+ position: relative;
+ z-index: 0;
+ background-color: #fff;
+}
+
+.theme-install-overlay .wp-full-overlay-main:before {
+ content: '';
+ display: block;
+ width: 20px;
+ height: 20px;
+ position: absolute;
+ right: 50%;
+ top: 50%;
+ z-index: -1;
+ margin: -10px -10px 0 0;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
background: #fff url(../images/spinner.gif) no-repeat center center;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
}
+.theme-install-overlay.iframe-ready .wp-full-overlay-main:before {
+ background-image: none;
+}
+
/* =Media Queries
-------------------------------------------------------------- */
#customize-preview.wp-full-overlay-main,
.customize-loading #customize-container,
- .theme-install-overlay .wp-full-overlay-main {
+ .theme-install-overlay .wp-full-overlay-main:before {
background-image: url(../images/spinner-2x.gif);
}
-
- .theme-install-overlay .wp-full-overlay-header .theme-install {
- margin-top: 2px;
- }
}
@media screen and ( max-width: 782px ) {