Ticket #20796: 20796.7.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;

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

@@ -2360 +2360 @@
 
 .about-wrap .feature-section img {
         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 );
+        border: 1px #ccc solid;
+
+        -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

@@ -1947 +1947 @@
 
 .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-right">
+                <img src="<?php echo esc_url( admin_url( 'images/screenshots/twitter-embed-1.png' ) ); ?>" class="image-30" />
+                <img src="<?php echo esc_url( admin_url( 'images/screenshots/twitter-embed-2.png' ) ); ?>" class="image-30" />
+                <h4><?php _e( 'Share Tweets in Your Posts' ); ?></h4>
+                <p><?php _e( 'Twitter embeds allow you to display individual tweets in posts. It includes action links that allow readers to reply to, retweet, and favorite the tweet without leaving your site. Just paste a tweet URL on its own line.' ); ?></p>
+                <p><?php printf( __( 'This works with other sites, too. For more, see the Codex article on <a href="%s">Embeds</a>.' ), __( 'http://codex.wordpress.org/Embeds' ) ); ?></p>
+        </div>
+
+</div>
+
+
+<div class="changelog">
         <h3><?php _e( 'Better Captions' ); ?></h3>
 
         <div class="feature-section images-stagger-right">