X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/8ab4a4532479e8db471032b51042ec8c4716d091..f34e3c5e1f96e4214461c0b72b651ad48ccffe50:/wp-admin/css/themes.css?ds=sidebyside

diff --git a/wp-admin/css/themes.css b/wp-admin/css/themes.css
index 18148849..3121a1e4 100644
--- a/wp-admin/css/themes.css
+++ b/wp-admin/css/themes.css
@@ -12,16 +12,16 @@
 	padding: 0 0 100px;
 }
 
-.themes-php .wrap h2 {
+.themes-php .wrap h1 {
 	float: left;
 	margin-bottom: 15px;
 }
 
-.network-admin.themes-php .wrap h2 {
+.network-admin.themes-php .wrap h1 {
 	margin-bottom: 0;
 }
 
-.themes-php .wrap h2 .button {
+.themes-php .wrap h1 .button {
 	margin-left: 20px;
 }
 
@@ -411,7 +411,7 @@
 	bottom: 0;
 	background: #f1f1f1;
 	background: rgba( 238, 238, 238, 0.9 );
-	z-index: 10;
+	z-index: 10000; /* Over WP Pointers. */
 }
 
 .theme-overlay .theme-header {
@@ -512,8 +512,6 @@
 	content: "\f345";
 }
 
-
-
 .theme-overlay .theme-wrap {
 	clear: both;
 	position: fixed;
@@ -524,7 +522,7 @@
 	background: #fff;
 	-webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
 	box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
-	z-index: 20;
+	z-index: 10000; /* Over WP Pointers. */
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
@@ -838,6 +836,7 @@ body.folded .theme-overlay .theme-wrap {
 	right: auto;
 	top: auto;
 	bottom: auto;
+	z-index: 10;
 }
 
 .single-theme .theme-overlay .theme-about {
@@ -1022,10 +1021,6 @@ body.folded .theme-overlay .theme-wrap {
 		font-size: 13px;
 	}
 
-	.themes-php .wrap h2 {
-		width: 100%;
-	}
-
 	.themes-php .wp-filter-search {
 		float: none;
 		clear: both;
@@ -1090,6 +1085,10 @@ body.folded .theme-overlay .theme-wrap {
 	display: none !important;
 }
 
+.theme-install-php .wp-filter {
+	padding: 0 20px;
+}
+
 .theme-install-php a.upload,
 .theme-install-php a.browse-themes {
 	cursor: pointer;
@@ -1173,62 +1172,54 @@ body.show-upload-theme p.no-themes {
 	}
 }
 
-.rating {
+.theme-details .star-rating {
 	margin: 15px 0 0;
 }
-.rating span:before {
-	color: #e6b800;
+
+.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 */
-.rating-10 span.one:before,
-.rating-30 span.two:before,
-.rating-50 span.three:before,
-.rating-70 span.four:before,
-.rating-90 span.five:before {
+.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 */
-.rating-20 span.one:before {
-	content: "\f155";
-}
-.rating-30 span.one:before,
-.rating-40 span.one:before,
-.rating-40 span.two:before {
-	content: "\f155";
-}
-.rating-50 span.one:before,
-.rating-50 span.two:before,
-.rating-60 span.one:before,
-.rating-60 span.two:before,
-.rating-60 span.three:before {
-	content: "\f155";
-}
-.rating-70 span.one:before,
-.rating-70 span.two:before,
-.rating-70 span.three:before,
-.rating-80 span.one:before,
-.rating-80 span.two:before,
-.rating-80 span.three:before,
-.rating-80 span.four:before {
+.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";
 }
-.rating-90 span.one:before,
-.rating-90 span.two:before,
-.rating-90 span.three:before,
-.rating-90 span.four:before,
-.rating-100 span.one:before,
-.rating-100 span.two:before,
-.rating-100 span.three:before,
-.rating-100 span.four:before,
-.rating-100 span.five:before {
-	content: "\f155";
-}
-.rating .ratings {
+
+.theme-details .star-rating .ratings {
 	display: block;
 	line-height: 20px;
 	color: #999;
@@ -1477,65 +1468,78 @@ body.full-overlay-active {
 }
 
 /* Collapse Button */
-.wp-full-overlay a.collapse-sidebar {
-	position: absolute;
-	bottom: 12px;
-	left: 0;
-	z-index: 50;
-	display: block;
-	width: 19px;
-	height: 19px;
-	margin-left: 15px;
+.wp-core-ui .wp-full-overlay .collapse-sidebar {
+	position: fixed;
+	bottom: 8px;
+	left: 10px;
 	padding: 0;
+	color: #656a6f;
+	outline: 0;
+	line-height: 1;
+	background-color: transparent !important;
+	border: none !important;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
+	-webkit-border-radius: 0 !important;
+	border-radius: 0 !important;
+}
+
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+	color: #0073aa;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow,
+.wp-full-overlay .collapse-sidebar-label {
+	display: inline-block;
+	vertical-align: middle;
+	line-height: 20px;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow {
+	width: 20px;
+	height: 20px;
+	margin: 0 2px; /* avoid the focus box-shadow to be cut-off */
 	-webkit-border-radius: 50%;
 	border-radius: 50%;
-	color: #777;
-	text-decoration: none;
+	overflow: hidden;
 }
 
-.wp-full-overlay a.collapse-sidebar:hover {
-	color: #0073aa;
+.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+    -webkit-box-shadow:
+    	0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba(30, 140, 190, .8);
+    box-shadow:
+    	0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
-.wp-full-overlay.collapsed .collapse-sidebar {
-	position: absolute;
-	left: 100%;
+.wp-full-overlay .collapse-sidebar-label {
+	margin-left: 3px;
 }
 
-.wp-full-overlay .collapse-sidebar-arrow {
-	position: static;
-	margin-top: 0;
-	margin-left: 0;
-	display: block;
-	width: auto;
-	height: auto;
-	background: none;
+.wp-full-overlay.collapsed .collapse-sidebar-label {
+	display: none;
 }
 
 .wp-full-overlay .collapse-sidebar-arrow:before {
-	-webkit-border-radius: 50%;
-	border-radius: 50%;
-	float: left;
+	display: block;
 	content: "\f148";
 	background: #eee;
 	font: normal 20px/1 'dashicons';
 	speak: none;
-	display: block;
 	padding: 0;
-	text-indent: 0;
-	text-align: center;
-	position: relative;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-	text-decoration: none !important;
 }
 
 /* rtl:ignore */
 .wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
 .rtl .wp-full-overlay .collapse-sidebar-arrow:before {
-	-webkit-transform: rotate(180deg);
-	-ms-transform: rotate(180deg);
-	transform: rotate(180deg);
+	-webkit-transform: rotate(180.001deg);
+	-ms-transform: rotate(180.001deg);
+	transform: rotate(180.001deg); /* Firefox: promoting to its own layer to trigger anti-aliasing  */
 }
 
 .rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
@@ -1544,21 +1548,6 @@ body.full-overlay-active {
 	transform: none;
 }
 
-.wp-full-overlay.collapsed .collapse-sidebar-arrow {
-	background-position: -1px -109px;
-}
-
-.wp-full-overlay .collapse-sidebar-label {
-	position: absolute;
-	left: 100%;
-	line-height: 20px;
-	margin-left: 10px;
-}
-
-.wp-full-overlay.collapsed .collapse-sidebar-label {
-	display: none;
-}
-
 /* Animations */
 .wp-full-overlay,
 .wp-full-overlay-sidebar,
@@ -1619,10 +1608,6 @@ body.full-overlay-active {
 	transition: opacity 0.3s;
 }
 
-#customize-container .collapse-sidebar {
-	bottom: 16px;
-}
-
 #customize-controls {
 	margin-top: 0;
 }
@@ -1675,11 +1660,6 @@ body.full-overlay-active {
 	float: left;
 }
 
-.theme-details .star-rating {
-	margin: 7px 0;
-	float: right;
-}
-
 .theme-details .theme-description {
 	float: left;
 	color: #777;