Ticket #20796: 20796.4.diff

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

@@ -1403 +1403 @@
         margin-right: 3em;
 }
 
+.about-wrap .three-col-images .last-feature {
+        float: left;
+}
+
+.about-wrap .three-col-images .first-feature {
+        float: right;
+}
+
 .about-wrap .feature-section.three-col div {
         margin-right: 0;
         margin-left: 4.999999999%;

wp-admin/css/wp-admin.dev.css

@@ -5076 +5076 @@
 
 .about-wrap .feature-section img {
         border: none;
-        margin: 0 0.7% 10px 0;
+        margin: 0 1.94% 10px 0;
         -webkit-border-radius: 3px;
         border-radius: 3px;
 }
@@ -5086 +5086 @@
 }
 
 .about-wrap .feature-section img.image-30 {
-        max-width: 32%;
+        max-width: 31.2381%;
 }
 
 .ie8 .about-wrap .feature-section img {
@@ -5123 +5123 @@
         margin-right: 0;
 }
 
+.about-wrap .three-col-images {
+        text-align: center;
+}
+
+.about-wrap .three-col-images img {
+        margin: 0 0 10px;
+}
+
+.about-wrap .three-col-images .last-feature {
+        float: right;
+}
+
+.about-wrap .three-col-images .first-feature {
+        float: left;
+}
+
 .about-wrap .feature-section.images-stagger-right img {
         float: right;
         margin: 0 5px 12px 12px;
@@ -5130 +5146 @@
 
 .about-wrap .feature-section.images-stagger-left img {
         float: left;
-        margin: 0 12px 12px 5px;
+        margin: 0 22px 12px 3px;
 }
 
 @media only screen and (max-width: 900px) {

wp-admin/css/colors-classic.dev.css

@@ -2362 +2362 @@
         background: #fff;
         border-color: #dfdfdf;
 
-        -moz-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
-        -webkit-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
-        box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
+        -moz-box-shadow:    0 1px 3px rgba( 0, 0, 0, 0.3 );
+        -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 );
+        box-shadow:         0 1px 3px rgba( 0, 0, 0, 0.3 );
 }
 
 .about-wrap .point-releases {

wp-admin/css/ie.dev.css

@@ -439 +439 @@
         margin: 0;
 }
 
+.about-wrap .three-col-images img {
+        margin: 0 0.6% 10px;
+}
+
+.about-wrap .three-col-images .last-feature,
+.about-wrap .three-col-images .first-feature {
+        float: none;
+}
+
 /* IE6 leftovers */
 * html .row-actions {
         visibility: visible;

wp-admin/css/colors-fresh.dev.css

@@ -1948 +1948 @@
 .about-wrap .feature-section img {
         background: #fff;
         border-color: #dfdfdf;
+        border: 1px #ccc solid;
 
-        -moz-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
-        -webkit-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
-        box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
+        -moz-box-shadow:    0 1px 3px rgba( 0, 0, 0, 0.3 );
+        -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 );
+        box-shadow:         0 1px 3px rgba( 0, 0, 0, 0.3 );
 }
 
 .about-wrap h4.wp-people-group {

wp-admin/about.php

@@ -52 +52 @@
         <div class="feature-section">
                 <h4><?php _e( 'Flexible Sizes' ); ?></h4>
                 <p><?php _e( 'You can decide for yourself how tall or wide your custom header image should be. From now on, themes will provide a recommended image size for custom headers rather than a fixed requirement. Note: this feature requires <a href="http://codex.wordpress.org/Custom_Headers">theme support</a>.' ); ?></p>
-                <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-1.png' ) ); ?>" class="image-30" />
-                <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-2.png' ) ); ?>" class="image-30" />
-                <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-3.png' ) ); ?>" class="image-30" />
+                <div class="three-col-images">
+                        <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-1.png' ) ); ?>" class="image-30 first-feature" />
+                        <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-2.png' ) ); ?>" class="image-30" />
+                        <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-3.png' ) ); ?>" class="image-30 last-feature" />
+                </div>
         </div>
 
         <div class="feature-section images-stagger-right">
@@ -65 +67 @@
 </div>
 
 <div class="changelog">
+        <h3><?php _e( 'Twitter Embeds' ); ?></h3>
+
+        <div class="feature-section images-stagger-left">
+                <img src="<?php echo esc_url( admin_url( 'images/screenshots/twitter-embed.png' ) ); ?>" class="image-50" />
+                <h4><?php _e( 'Embedding a tweet is as easy as pasting a Tweet URL on its own line' ); ?></h4>
+                <p><?php _e( "Twitter embeds allow you to display any individual tweet in a blog post or post comment, complete with the tweet's text, inline links, and linked hashtags and usernames, along with action links allowing readers to follow and reply to, retweet, and favorite the tweet without leaving your site." ); ?></p>
+        </div>
+
+</div>
+
+
+<div class="changelog">
         <h3><?php _e( 'Better Captions' ); ?></h3>
 
         <div class="feature-section images-stagger-right">