<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[33466] trunk/src/wp-admin: About: First pass at WordPress 4.3 About page.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/33466">33466</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/33466","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>obenland</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2015-07-28 21:22:23 +0000 (Tue, 28 Jul 2015)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>About: First pass at WordPress 4.3 About page.
Still missing images and some string revisions.
See <a href="https://core.trac.wordpress.org/ticket/32929">#32929</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminaboutphp">trunk/src/wp-admin/about.php</a></li>
<li><a href="#trunksrcwpadmincssaboutcss">trunk/src/wp-admin/css/about.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadminaboutphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/about.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/about.php 2015-07-28 21:10:16 UTC (rev 33465)
+++ trunk/src/wp-admin/about.php 2015-07-28 21:22:23 UTC (rev 33466)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,119 +21,126 @@
</span><span class="cx" style="display: block; padding: 0 10px"> list( $display_version ) = explode( '-', $wp_version );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> include( ABSPATH . 'wp-admin/admin-header.php' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-?>
-<div class="wrap about-wrap">
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$major_features = array(
+ array(
+ 'src' => '',
+ 'heading' => __( 'Formatting Shortcuts' ),
+ 'description' => __( 'Your writing flow just got faster with new formatting shortcuts in WordPress 4.3. Use asterisks to create lists and number signs to make a heading. No more breaking your flow; your text looks great with a <code>*</code> and a <code>#</code>.' ),
+ ),
+ array(
+ 'src' => '',
+ 'heading' => __( 'Menus in the Customizer' ),
+ 'description' => __( 'Create your menu, update it, and preview it in the customizer, before sharing it with the world. With every release, it becomes easier and faster to build your site from the front-end. And a streamlined customizer design mean a mobile-first, accessibility ready interface.' ),
+ ),
+ array(
+ 'src' => '',
+ 'heading' => __( 'Better Passwords' ),
+ 'description' => __( 'Keep your site more secure with WordPress’ improved approach to passwords. Instead of receiving passwords via email, you’ll get a password reset link. When you add new users to your site, WordPress will automatically generate a secure password.' ),
+ ),
+ array(
+ 'src' => '',
+ 'heading' => __( 'Site Icons' ),
+ 'description' => __( 'Site icons represent your site in browser tabs, bookmark menus, and on the home screen of mobile devices. Add your unique site icon in the customizer; it will even stay in place when you switch themes. Make your whole site reflect your brand.' ),
+ ),
+);
+shuffle( $major_features );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s helps you communicate and share, globally.' ), $display_version ); ?></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$minor_features = array(
+ array(
+ 'src' => '',
+ 'heading' => __( 'A smoother admin experience' ),
+ 'description' => __( 'Refinements to the list view across the admin make your WordPress more accessible and easier to work with on any device.' ),
+ ),
+ array(
+ 'src' => '',
+ 'heading' => __( 'Comments turned off on pages' ),
+ 'description' => __( 'All new pages that you create will have comments turned off. Keep discussions to your blog, right where they’re supposed to happen.' ),
+ ),
+ array(
+ 'src' => '',
+ 'heading' => __( 'Customize your site quickly' ),
+ 'description' => __( 'Wherever you are on the front-end, you can click the customize button in the toolbar to swiftly make changes to your site.' ),
+ ),
+);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$tech_features = array(
+ array(
+ 'heading' => __( 'Taxonomy Roadmap' ),
+ 'description' => __( 'Terms shared across multiple taxonomies are now split into separate terms.' ),
+ ),
+ array(
+ 'heading' => __( 'Template Hierarchy' ),
+ 'description' => __( 'Added <code>singular.php</code> as a fallback for <code>single.php</code> and <code>page.php</code>.' ),
+ ),
+ array(
+ 'heading' => __( 'List table' ),
+ 'description' => __( 'List tables now can (and often should) have a primary column defined.' ),
+ ),
+);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<h2 class="nav-tab-wrapper">
- <a href="about.php" class="nav-tab nav-tab-active">
- <?php _e( 'What’s New' ); ?>
- </a><a href="credits.php" class="nav-tab">
- <?php _e( 'Credits' ); ?>
- </a><a href="freedoms.php" class="nav-tab">
- <?php _e( 'Freedoms' ); ?>
- </a>
-</h2>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+?>
+ <div class="wrap about-wrap">
+ <h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="headline-feature feature-video">
-<embed type="application/x-shockwave-flash" src="https://v0.wordpress.com/player.swf?v=1.04" width="1000" height="560" wmode="direct" seamlesstabbing="true" allowfullscreen="true" allowscriptaccess="always" overstretch="true" flashvars="guid=e9kH4FzP&isDynamicSeeking=true"></embed>
-</div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="about-text"><?php /* @TODO Fun tag line. */ printf( __( 'Thank you for updating to WordPress %s!' ), $display_version ); ?></div>
+ <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<hr />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h2 class="nav-tab-wrapper">
+ <a href="about.php" class="nav-tab nav-tab-active"><?php _e( 'What’s New' ); ?></a>
+ <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
+ <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+ </h2>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="feature-section two-col">
- <div class="col">
- <h3><?php _e( 'An easier way to share content' ); ?></h3>
- <p><?php printf( __( 'Clip it, edit it, publish it. Get familiar with the new and improved Press This. From the <a href="%s">Tools</a> menu, add Press This to your browser bookmark bar or your mobile device home screen. Once installed you can share your content with lightning speed. Sharing your favorite videos, images, and content has never been this fast or this easy.' ), admin_url( 'tools.php' ) ); ?></p>
- <p><?php _e( 'Drag the bookmarklet below to your bookmarks bar. Then, when you’re on a page you want to share, simply “press” it.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="headline-feature feature-video">
+ <!-- [4.3 video] -->
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p class="pressthis-bookmarklet-demo">
- <a class="pressthis-bookmarklet" onclick="return false;" href="<?php echo htmlspecialchars( get_shortcut_link() ); ?>"><span><?php _e( 'Press This' ); ?></span></a>
- </p>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <hr/>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="col">
- <img src="//s.w.org/images/core/4.2/press-this.jpg" />
- </div>
-</div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section two-col">
+ <?php foreach ( $major_features as $feature ) : ?>
+ <div class="col">
+ <img src="<?php echo esc_url( $feature['src'] ); ?>" />
+ <h3><?php echo $feature['heading']; ?></h3>
+ <p><?php echo $feature['description']; ?></p>
+ </div>
+ <?php endforeach; ?>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="feature-section two-col">
- <div class="col">
- <img src="//s.w.org/images/core/4.2/unicode.png" />
- </div>
- <div class="col">
- <h3><?php _e( 'Extended character support' ); ?></h3>
- <p><?php _e( 'Writing in WordPress, whatever your language, just got better. WordPress 4.2 supports a host of new characters out-of-the-box, including native Chinese, Japanese, and Korean characters, musical and mathematical symbols, and hieroglyphs.' ); ?></p>
- <p><?php
- /* translators: 1: heart emoji, 2: frog face emoji, 3, monkey emoji, 4: pizza emoji, 5: Emoji Codex link */
- printf( __( 'Don’t use any of those characters? You can still have fun — emoji are now available in WordPress! Get creative and decorate your content with %1$s, %2$s, %3$s, %4$s, and all the many other <a href="%5$s">emoji</a>.' ), '💙', '🐸', '🐒', '🍕', __( 'https://codex.wordpress.org/Emoji' ) );
- ?></p>
- </div>
-</div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section three-col">
+ <?php foreach ( $minor_features as $feature ) : ?>
+ <div class="col">
+ <img src="<?php echo esc_url( $feature['src'] ); ?>" />
+ <h3><?php echo $feature['heading']; ?></h3>
+ <p><?php echo $feature['description']; ?></p>
+ </div>
+ <?php endforeach; ?>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="changelog feature-section three-col">
- <div>
- <img src="//s.w.org/images/core/4.2/theme-switcher.png" />
- <h3><?php _e( 'Switch themes in the Customizer' ); ?></h3>
- <p><?php _e( 'Browse and preview your installed themes from the Customizer. Make sure the theme looks great with <em>your</em> content, before it debuts on your site. ' ); ?></p>
- </div>
- <div>
- <img src="//s.w.org/images/core/4.2/embeds.png" />
- <h3><?php _e( 'Even more embeds' ); ?></h3>
- <p><?php _e( 'Paste links from Tumblr.com and Kickstarter and watch them magically appear right in the editor. With every release, your publishing and editing experience get closer together.' ); ?></p>
- </div>
- <div class="last-feature">
- <img src="//s.w.org/images/core/4.2/plugins.png" />
- <h3><?php _e( 'Streamlined plugin updates' ); ?></h3>
- <p><?php _e( 'Goodbye boring loading screen, hello smooth and simple plugin updates. Click <em>Update Now</em> and watch the magic happen.' ); ?></p>
- </div>
-</div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="changelog">
+ <h3><?php _e( 'Under the Hood' ); ?></h3>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="changelog under-the-hood feature-list">
- <h3><?php _e( 'Under the Hood' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section under-the-hood three-col">
+ <?php foreach ( $tech_features as $feature ) : ?>
+ <div class="col">
+ <h3><?php echo $feature['heading']; ?></h3>
+ <p><?php echo $feature['description']; ?></p>
+ </div>
+ <?php endforeach; ?>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="feature-section col two-col">
- <div>
- <h4><?php _e( 'utf8mb4 support' ); ?></h4>
- <p><?php _e( 'Database character encoding has changed from utf8 to utf8mb4, which adds support for a whole range of new 4-byte characters.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="return-to-dashboard">
+ <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
+ <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
+ <?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard → Updates' ); ?>
+ </a> |
+ <?php endif; ?>
+ <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard → Home' ) : _e( 'Go to Dashboard' ); ?></a>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h4><?php _e( 'JavaScript accessibility' ); ?></h4>
- <p><?php
- /* translators: %s wp.a11y.speak() */
- printf( __( 'You can now send audible notifications to screen readers in JavaScript with %s. Pass it a string, and an update will be sent to a dedicated ARIA live notifications area.' ), '<code>wp.a11y.speak()</code>' );
- ?></p>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="last-feature">
- <h4><?php _e( 'Shared term splitting' ); ?></h4>
- <p><?php
- /* translators: 1: Term splitting guide link */
- printf( __( 'Terms shared across multiple taxonomies will be split when one of them is updated. Find out more in the <a href="%1$s">Plugin Developer Handbook</a>.' ), 'https://developer.wordpress.org/plugins/taxonomy/working-with-split-terms-in-wp-4-2/' );
- ?></p>
-
- <h4><?php _e( 'Complex query ordering' ); ?></h4>
- <p><?php
- /* translators: 1: WP_Query, 2: WP_Comment_Query, 3: WP_User_Query */
- printf( __( '%1$s, %2$s, and %3$s now support complex ordering with named meta query clauses.' ), '<code>WP_Query</code>', '<code>WP_Comment_Query</code>', '<code>WP_User_Query</code>' );
- ?></p>
- </div>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- <div class="return-to-dashboard">
- <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
- <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>"><?php
- is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard → Updates' );
- ?></a> |
- <?php endif; ?>
- <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php
- is_blog_admin() ? _e( 'Go to Dashboard → Home' ) : _e( 'Go to Dashboard' ); ?></a>
- </div>
-
-</div>
</del><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> include( ABSPATH . 'wp-admin/admin-footer.php' );
</span></span></pre></div>
<a id="trunksrcwpadmincssaboutcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/about.css 2015-07-28 21:10:16 UTC (rev 33465)
+++ trunk/src/wp-admin/css/about.css 2015-07-28 21:22:23 UTC (rev 33466)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -135,21 +135,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* 1.2 - Structure */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .two-col > div {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap [class$=col] .col {
+ float: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
+.about-wrap .two-col .col {
+ margin-right: 4.799999999%;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 47.6%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 4.799999999%;
- float: left;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .three-col > div {
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .three-col .col {
+ margin-right: 4.999999999%;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 29.95%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 4.999999999%;
- float: left;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap [class$=col] .last-feature {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .two-col .col:nth-of-type(2n),
+.about-wrap .three-col .col:nth-of-type(3n) {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -206,7 +207,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-video {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 40px 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: 56.25%; /* video is 1280 x 720 */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*padding-bottom: 56.25%; /* video is 1280 x 720 */
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -235,23 +236,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 95%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .feature-section .col:nth-of-type(odd) {
- float: left;
- margin: 40px 5% 0 0;
- width: 48%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .feature-section:not(.under-the-hood) .col {
+ margin-top: 40px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .feature-section .col:nth-of-type(even) {
- float: right;
- margin: 40px 0 0;
- width: 46%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .changelog {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.about-wrap .changelog.feature-section > div {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .changelog.feature-section .col {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -366,10 +359,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .about-wrap .one-col > div,
- .about-wrap .two-col > div,
- .about-wrap .three-col > div,
- .about-wrap .two-col .col:nth-of-type(n) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap [class$=col] .col {
+ float: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 40px 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 40px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -385,7 +376,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .about-wrap .feature-list div {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap .feature-list .col {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -432,8 +423,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .about-wrap .three-col div,
- .about-wrap .headline-feature .feature-section div {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .about-wrap .three-col .col,
+ .about-wrap .headline-feature .feature-section .col {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100% !important;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>
</body>
</html>