Visual refinements to the About page and screenshots. See #26387.

Built from https://develop.svn.wordpress.org/trunk@26750


git-svn-id: http://core.svn.wordpress.org/trunk@26638 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/about.php

@@ -38,7 +38,6 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 <div class="changelog">
 	<h2 class="about-headline-callout"><?php echo ( 'Introducing a modern new design' ); ?></h2>
 	<img class="about-overview-img" src="<?php echo admin_url( 'images/about-overview.png' ); ?>" />
-
 	<div class="feature-section col three-col about-updates">
 		<div class="col-1">
 			<img src="images/about-modern-aesthetics.png" />
@@ -58,7 +57,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 	</div>
 </div>
 
-<hr>
+<hr class="flush-top">
 
 <div class="changelog">
 	<div class="feature-section col two-col">
@@ -74,7 +73,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 	</div>
 </div>
 
-<hr class="flushtopdivider">
+<hr class="flush-top">
 
 <div class="changelog about-colors">
 	<div class="feature-section col one-col">
@@ -96,7 +95,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 	</div>
 </div>
 
-<hr>
+<hr class="flush-top">
 
 <div class="changelog">
 	<div class="feature-section col two-col">
@@ -116,7 +115,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 	</div>
 </div>
 
-<hr class="flushtopdivider">
+<hr class="flush-top">
 
 <div class="changelog">
 	<h2 class="about-headline-callout"><?php echo ( 'Twenty Fourteen, a sleek new magazine theme' ); ?></h2>
@@ -131,7 +130,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 	</div>
 </div>
 
-<hr>
+<hr class="flush-top">
 
 <div class="return-to-dashboard">
 	<?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>

wp-admin/css/wp-admin-rtl.css

@@ -7848,13 +7848,13 @@ body.press-this {
 }
 
 .about-text {
-	margin: 1em 0 0em 200px;
+	margin: 1em 0 1em 200px;
 	min-height: 60px;
 	font-size: 24px;
 }
 
 .about-wrap .changelog h2.about-headline-callout {
-	margin: 1.5em 0 0;
+	margin: 1.25em 0 0.25em;
 	font-size: 2.2em;
 	font-weight: 300;
 	line-height: 1.3;
@@ -7888,15 +7888,17 @@ body.press-this {
 }
 
 .about-wrap .about-themes-img {
-	bottom: -32px;
+	bottom: -38px;
 }
 
 .about-wrap .about-overview-img {
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #ccc;
+	margin: 0;
 }
 
-.about-wrap hr.flushtopdivider {
+.about-wrap hr.flush-top {
 	margin-top: 0;
+	border-top: 1px solid #ccc;
 }
 
 .about-colors-img img,

wp-admin/css/wp-admin.css

@@ -7848,13 +7848,13 @@ body.press-this {
 }
 
 .about-text {
-	margin: 1em 200px 0em 0;
+	margin: 1em 200px 1em 0;
 	min-height: 60px;
 	font-size: 24px;
 }
 
 .about-wrap .changelog h2.about-headline-callout {
-	margin: 1.5em 0 0;
+	margin: 1.25em 0 0.25em;
 	font-size: 2.2em;
 	font-weight: 300;
 	line-height: 1.3;
@@ -7888,15 +7888,17 @@ body.press-this {
 }
 
 .about-wrap .about-themes-img {
-	bottom: -32px;
+	bottom: -38px;
 }
 
 .about-wrap .about-overview-img {
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid #ccc;
+	margin: 0;
 }
 
-.about-wrap hr.flushtopdivider {
+.about-wrap hr.flush-top {
 	margin-top: 0;
+	border-top: 1px solid #ccc;
 }
 
 .about-colors-img img,