X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/784f914b1e4b1c62d6657e86397c2e83bcee4295..refs/heads/pristine:/wp-admin/css/about.css

diff --git a/wp-admin/css/about.css b/wp-admin/css/about.css
index aad606fb..2dc72f53 100644
--- a/wp-admin/css/about.css
+++ b/wp-admin/css/about.css
@@ -40,6 +40,7 @@
 	max-width: 100%;
 	height: auto;
 	vertical-align: middle;
+	border: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .about-wrap .jetpack-video-wrapper {
@@ -88,10 +89,16 @@
 /* 1.1 - Typography */
 
 .about-wrap p {
-	line-height: 1.6em;
+	line-height: 1.5;
 	font-size: 14px;
 }
 
+.about-wrap .feature-section p {
+	max-width: 55em;
+	margin-left: auto;
+	margin-right: auto;
+}
+
 .about-wrap h1 {
 	margin: 0.2em 200px 0 0;
 	padding: 0;
@@ -102,30 +109,29 @@
 }
 
 .about-wrap h2 {
-	margin: 50px 0 1em;
-	font-size: 1.8em;
+	margin: 40px 0 .6em;
+	font-size: 2.7em;
 	line-height: 1.3;
 	font-weight: 300;
 	text-align: center;
 }
 
-.about-wrap .changelog h2,
 .about-wrap h3 {
 	margin: 1.25em 0 .6em;
-	font-size: 1.25em;
-	line-height: 1.5em;
+	font-size: 1.4em;
+	line-height: 1.5;
+}
+
+.about-wrap h4 {
+	color: #23282d;
 }
 
 .about-wrap .changelog h2 {
-	margin-top: 40px;
+	font-size: 1.4em;
 	font-weight: 600;
 	text-align: left;
 }
 
-.about-wrap h4 {
-	color: #23282d;
-}
-
 .about-wrap .changelog h3 {
 	margin: 1.33em 0;
 	font-size: 1em;
@@ -136,13 +142,13 @@
 .about-wrap code,
 .about-wrap ol li p {
 	font-size: 14px;
-	font-weight: normal;
+	font-weight: 400;
 }
 
 .about-wrap .about-description,
 .about-wrap .about-text {
 	margin-top: 1.4em;
-	font-weight: normal;
+	font-weight: 400;
 	line-height: 1.6em;
 	font-size: 19px;
 }
@@ -194,8 +200,12 @@
 	overflow: hidden;
 }
 
-.about-wrap .under-the-hood:nth-of-type(2n) {
-	margin-top: 3em;
+.about-wrap .feature-video .mejs-controls {
+	display: none !important;
+}
+
+.about-wrap .feature-video .mejs-overlay-loading span {
+	background: transparent; /* Hide loading.gif */
 }
 
 /* 1.3 - Point Releases */
@@ -219,19 +229,6 @@
 
 /* 2.1 - Typography */
 
-.about-wrap .headline-feature h2 {
-	margin: 30px 0 30px;
-	font-size: 2.2em;
-	font-weight: 300;
-	line-height: 1.3;
-	text-align: center;
-}
-
-.about-wrap .headline-feature h3 {
-	margin-top: 0;
-	text-align: left;
-}
-
 .about-wrap .feature-section.two-col h3 {
 	margin-top: 0;
 }
@@ -245,6 +242,11 @@
 	margin-top: 0.6em;
 }
 
+.about-wrap .lead-description {
+	font-size: 1.5em;
+	text-align: center;
+}
+
 .about-wrap .two-col-text {
 	-webkit-column-count: 2;
 	-moz-column-count: 2;
@@ -258,6 +260,11 @@
 	margin-top: 0;
 }
 
+.about-wrap .streamlined-updates p,
+.about-wrap .native-fonts p {
+	margin-bottom: 3em;
+}
+
 /* 2.2 - Structure */
 
 .about-wrap .headline-feature.feature-video {
@@ -287,6 +294,10 @@
 	padding: 0 0 40px;
 }
 
+.about-wrap .feature-section.no-heading {
+	padding-top: 35px;
+}
+
 .about-wrap .headline-feature {
 	margin: 0 auto;
 	max-width: 80%;
@@ -296,6 +307,10 @@
 	overflow: hidden;
 }
 
+.about-wrap .feature-section img {
+	margin-bottom: 1em;
+}
+
 .about-wrap .embed-container {
 	text-align: center;
 }
@@ -325,7 +340,7 @@
 .about-wrap .return-to-dashboard {
 	margin: 30px 0 0 -5px;
 	font-size: 14px;
-	font-weight: bold;
+	font-weight: 600;
 }
 
 .about-wrap .return-to-dashboard a {
@@ -387,7 +402,7 @@
 .about-wrap .wp-person .web {
 	margin: 6px 0 2px;
 	font-size: 16px;
-	font-weight: normal;
+	font-weight: 400;
 	line-height: 2em;
 	text-decoration: none;
 }
@@ -412,11 +427,11 @@
 
 .freedoms-php .about-wrap ol li {
 	list-style-type: decimal;
-	font-weight: bold;
+	font-weight: 600;
 }
 
 .freedoms-php .about-wrap ol p {
-	font-weight: normal;
+	font-weight: 400;
 	margin: 0.6em 0;
 }
 
@@ -471,11 +486,13 @@
 		padding-bottom: 0;
 	}
 
-	.about-wrap .under-the-hood:nth-of-type(2n) {
+	.about-wrap .under-the-hood:nth-of-type(2n),
+	.about-wrap .under-the-hood:nth-of-type(3n) {
 		margin-top: 0;
 	}
 
-	.about-wrap .under-the-hood:nth-of-type(2n) h4 {
+	.about-wrap .under-the-hood:nth-of-type(2n) h3,
+	.about-wrap .under-the-hood:nth-of-type(3n) h3 {
 		margin-top: 0;
 	}
 }