A few updates to the About page

- Updated text on about-overview.png
- Changed about-typography, about-contrast, and about-modern-aesthetics from PNG24 to PNG8, saving 83 KB
- Reluctantly changed about-twentyfourteen from PNG to JPEG, because it saves a whopping 615 KB
- Tweak the headline size and styling of the about-twentyfourteen image to account for its lack of a transparent background.

See #26387.


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


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

wp-admin/about.php

@@ -121,9 +121,9 @@ if ( count( $_wp_admin_css_colors ) > 1 && has_action( 'admin_color_scheme_picke
 
 <hr>
 
-<div class="changelog">
+<div class="changelog about-twentyfourteen">
 	<h2 class="about-headline-callout"><?php echo ( 'Twenty Fourteen, a sleek new magazine&nbsp;theme' ); ?></h2>
-	<img src="<?php echo admin_url( 'images/about-twentyfourteen.png' ); ?>" />
+	<img src="<?php echo admin_url( 'images/about-twentyfourteen.jpg' ); ?>" />
 
 	<div class="feature-section col one-col center-col">
 		<div>

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

@@ -7886,8 +7886,8 @@ body.press-this {
 }
 
 .about-wrap .changelog h2.about-headline-callout {
-	margin: 1.25em 0 0.25em;
-	font-size: 2.2em;
+	margin: 1.1em 0 0.2em;
+	font-size: 2.4em;
 	font-weight: 300;
 	line-height: 1.3;
 	text-align: center;
@@ -8028,13 +8028,18 @@ body.press-this {
 	margin-left: 0;
 }
 
-.about-wrap .about-updates img {
+.about-wrap .about-updates img,
+.about-wrap .about-twentyfourteen img {
 	margin: 2em 0 0 0;
 	border: 1px solid #ddd;
 	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
+.about-wrap .about-twentyfourteen img {
+	margin-top: 1em;
+}
+
 .about-wrap .changelog .feature-section {
 	overflow: hidden;
 }

wp-admin/css/wp-admin.css

@@ -7886,8 +7886,8 @@ body.press-this {
 }
 
 .about-wrap .changelog h2.about-headline-callout {
-	margin: 1.25em 0 0.25em;
-	font-size: 2.2em;
+	margin: 1.1em 0 0.2em;
+	font-size: 2.4em;
 	font-weight: 300;
 	line-height: 1.3;
 	text-align: center;
@@ -8028,13 +8028,18 @@ body.press-this {
 	margin-right: 0;
 }
 
-.about-wrap .about-updates img {
+.about-wrap .about-updates img,
+.about-wrap .about-twentyfourteen img {
 	margin: 2em 0 0 0;
 	border: 1px solid #ddd;
 	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
+.about-wrap .about-twentyfourteen img {
+	margin-top: 1em;
+}
+
 .about-wrap .changelog .feature-section {
 	overflow: hidden;
 }