Wordpress++

wp-admin/css/about.css

@@ -23,7 +23,8 @@
 }
 
 .about-wrap div.updated,
-.about-wrap div.error {
+.about-wrap div.error,
+.about-wrap .notice {
 	display: none !important;
 }
 
@@ -41,6 +42,10 @@
 	vertical-align: middle;
 }
 
+.about-wrap .jetpack-video-wrapper {
+	margin-bottom: 0;
+}
+
 /* WordPress Version Badge */
 
 .wp-badge {
@@ -96,6 +101,7 @@
 
 .about-wrap h1 {
 	margin: 0.2em 200px 0 0;
+	padding: 0;
 	color: #32373c;
 	line-height: 1.2em;
 	font-size: 2.8em;
@@ -115,6 +121,7 @@
 .about-wrap code,
 .about-wrap ol li p {
 	font-size: 14px;
+	font-weight: normal;
 }
 
 .about-wrap .about-description,
@@ -133,21 +140,22 @@
 
 /* 1.2 - Structure */
 
-.about-wrap .two-col > div {
+.about-wrap [class$=col] .col {
+	float: left;
 	position: relative;
-	width: 47.6%;
+}
+.about-wrap .two-col .col {
 	margin-right: 4.799999999%;
-	float: left;
+	width: 47.6%;
 }
 
-.about-wrap .three-col > div {
-	position: relative;
-	width: 29.95%;
+.about-wrap .three-col .col {
 	margin-right: 4.999999999%;
-	float: left;
+	width: 29.95%;
 }
 
-.about-wrap [class$=col] .last-feature {
+.about-wrap .two-col .col:nth-of-type(2n),
+.about-wrap .three-col .col:nth-of-type(3n) {
 	margin-right: 0;
 }
 
@@ -233,23 +241,30 @@
 	max-width: 95%;
 }
 
-.about-wrap .feature-section .col:nth-of-type(odd) {
-	float: left;
-	margin: 40px 5% 0 0;
-	width: 48%;
+.about-wrap .feature-section .media-container {
+	border: 1px solid #ddd;
+	overflow: hidden;
 }
 
-.about-wrap .feature-section .col:nth-of-type(even) {
-	float: right;
-	margin: 40px 0 0;
-	width: 46%;
+.about-wrap .feature-section .svg-container {
+	padding: 50px 0;
+	text-align: center;
+	background-color: #e1e1e3;
+}
+
+.about-wrap .feature-section .svg-container img {
+	max-width: 150px;
+}
+
+.about-wrap .feature-section:not(.under-the-hood) .col {
+	margin-top: 40px;
 }
 
 .about-wrap .changelog {
 	margin-bottom: 40px;
 }
 
-.about-wrap .changelog.feature-section > div {
+.about-wrap .changelog.feature-section .col {
 	margin-top: 40px;
 }
 
@@ -364,26 +379,20 @@
 		border-bottom: none;
 	}
 
-	.about-wrap .one-col > div,
-	.about-wrap .two-col > div,
-	.about-wrap .three-col > div,
-	.about-wrap .two-col .col:nth-of-type(n) {
+	.about-wrap [class$=col] .col {
+		float: none;
 		width: 100%;
 		margin: 40px 0 0;
 		padding: 0 0 40px;
 		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 	}
 
-	.about-wrap .two-col .col h3 {
-		margin-top: 0;
-	}
-
 	.about-wrap .three-col img {
 		display: block;
 		margin: 0 auto;
 	}
 
-	.about-wrap .feature-list div {
+	.about-wrap .feature-list .col {
 		margin: 0;
 		padding: 0;
 		border-bottom: none;
@@ -430,14 +439,15 @@
 		border-bottom: 1px solid #ccc;
 	}
 
-	.about-wrap .three-col div,
-	.about-wrap .headline-feature .feature-section div {
-		width: 100% !important;
-		float: none !important;
+	.about-wrap .feature-section .svg-container {
+		padding-top: 20px;
+		padding-bottom: 20px;
 	}
 
-	.about-wrap .dfw p {
-		max-width: 90%;
+	.about-wrap .three-col .col,
+	.about-wrap .headline-feature .feature-section .col {
+		width: 100% !important;
+		float: none !important;
 	}
 }