<!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>[39513] branches/4.7: About page: Imagery and beautification.</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/39513">39513</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/39513","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>helen</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2016-12-06 04:01:29 +0000 (Tue, 06 Dec 2016)</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 page: Imagery and beautification.
Still to come: responsive images, optimized videos, and CDN URLs.
merges <a href="https://core.trac.wordpress.org/changeset/39512">[39512]</a> to the 4.7 branch.
props melchoyce, helen, ramiabraham.
see <a href="https://core.trac.wordpress.org/ticket/38616">#38616</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branches47srcwpadminaboutphp">branches/4.7/src/wp-admin/about.php</a></li>
<li><a href="#branches47srcwpadmincssaboutcss">branches/4.7/src/wp-admin/css/about.css</a></li>
</ul>
<h3>Property Changed</h3>
<ul>
<li><a href="#branches47">branches/4.7/</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<span class="cx" style="display: block; padding: 0 10px">Index: branches/4.7
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- branches/4.7 2016-12-06 04:00:32 UTC (rev 39512)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ branches/4.7 2016-12-06 04:01:29 UTC (rev 39513)
</ins><a id="branches47"></a>
<div class="propset"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Property changes: branches/4.7</h4>
<pre class="diff"><span>
</span></pre></div>
<a id="svnmergeinfo"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: svn:mergeinfo</h4></div>
<span class="cx" style="display: block; padding: 0 10px"> /branches/3.1:18031
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/3.3:20543
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/3.4:21757
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/trunk:18512,39365,39367,39369,39371,39373,39375-39376,39378,39380,39382,39384,39386,39388,39390,39392-39393,39396-39397,39400,39402,39404,39406,39409,39411,39413,39415,39417-39420,39424,39426,39428,39430,39432-39434,39436,39438,39440,39442-39444,39447,39449-39451,39453,39455-39457,39460,39462,39464,39466,39468,39470-39471,39475,39477-39478,39482-39483,39488,39490,39495-39496,39499,39502,39504,39506,39508,39510
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/trunk:18512,39365,39367,39369,39371,39373,39375-39376,39378,39380,39382,39384,39386,39388,39390,39392-39393,39396-39397,39400,39402,39404,39406,39409,39411,39413,39415,39417-39420,39424,39426,39428,39430,39432-39434,39436,39438,39440,39442-39444,39447,39449-39451,39453,39455-39457,39460,39462,39464,39466,39468,39470-39471,39475,39477-39478,39482-39483,39488,39490,39495-39496,39499,39502,39504,39506,39508,39510,39512
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="branches47srcwpadminaboutphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/4.7/src/wp-admin/about.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/4.7/src/wp-admin/about.php 2016-12-06 04:00:32 UTC (rev 39512)
+++ branches/4.7/src/wp-admin/about.php 2016-12-06 04:01:29 UTC (rev 39513)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,22 +18,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ) );
</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">-/**
- * Replaces the height and width attributes with values for full size.
- *
- * wp_video_shortcode() limits the width to 640px.
- *
- * @since 4.6.0
- * @ignore
- *
- * @param $output Video shortcode HTML output.
- * @return string Filtered HTML content to display video.
- */
-function _wp_override_admin_video_width_limit( $output ) {
- return str_replace( array( '640', '384' ), array( '1050', '630' ), $output );
-}
-
-$video_url = 'https://videopress.com/embed/GbdhpGF3?hd=true';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$video_url = 'https://videopress.com/embed/AHz0Ca46?hd=true';
</ins><span class="cx" style="display: block; padding: 0 10px"> $lang_code = str_replace( '_', '-', get_user_locale() );
</span><span class="cx" style="display: block; padding: 0 10px"> list( $lang_code ) = explode( '-', $lang_code );
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'en' !== $lang_code ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -65,29 +50,72 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <hr />
</span><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="twenty-seventeen feature-section one-col">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section one-col">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h2><?php _e( 'Presenting Twenty Seventeen' ); ?></h2>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p><?php _e( 'A brand new default theme brings your site to life with immersive featured images and video headers.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p class="lead-description"><?php _e( 'A brand new default theme brings your site to life with immersive featured images and video headers.' ); ?></p>
+ <img src="https://cldup.com/vOUPhX0Y1J.jpg" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Twenty Seventeen focuses on business sites and features a customizable front page with multiple sections. Personalize it with widgets, navigation, social menus, a logo, custom colors, and more. Our default theme for 2017 works great in many languages, on any device, and for a wide range of users.' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <hr />
</span><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="site-customization feature-section one-col">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section one-col">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h2><?php _e( 'Your Site, Your Way' ); ?></h2>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p><?php _e( 'WordPress 4.7 adds new features to the customizer to help take you through the initial setup of a theme, with non-destructive live previews of all your changes in one uninterrupted workflow.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p class="lead-description"><?php _e( 'WordPress 4.7 adds new features to the customizer to help take you through the initial setup of a theme, with non-destructive live previews of all your changes in one uninterrupted workflow.' ); ?></p>
+ </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">- <h3><?php _e( 'Theme Starter Content' ); ?></h2>
- <p><?php _e( 'To help give you a solid base to build from, individual themes can provide starter content that appears when you go to customize your brand new site. This can range from placing a business information widget in the best location to providing a sample menu with social icon links to a static front page complete with beautiful images. Don’t worry - nothing new will appear on the live site until you’re ready to save and publish your initial theme setup.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section two-col">
+ <div class="col">
+ <h3><?php _e( 'Theme Starter Content' ); ?></h3>
+ <p><?php _e( 'To help give you a solid base to build from, individual themes can provide starter content that appears when you go to customize your brand new site. This can range from placing a business information widget in the best location to providing a sample menu with social icon links to a static front page complete with beautiful images. Don’t worry - nothing new will appear on the live site until you’re ready to save and publish your initial theme setup.' ); ?></p>
+ </div>
+ <div class="col">
+ <?php
+ echo wp_video_shortcode( array(
+ 'mp4' => 'https://cldup.com/drMtx9mh_D.mp4',
+ // 'webm' => 'https://s.w.org/images/core/4.6/streamlined-updates.webm',
+ // 'poster' => 'https://s.w.org/images/core/4.6/streamlined-updates-2000.png?v1',
+ 'loop' => true,
+ 'autoplay' => true,
+ 'width' => 1140,
+ 'height' => 624,
+ // 'class' => 'wp-video-shortcode feature-video',
+ ) );
+ ?>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="feature-section two-col">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'Edit Shortcuts' ); ?></h3>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ echo wp_video_shortcode( array(
+ 'mp4' => 'https://cldup.com/PaNFgzdnna.mp4',
+ // 'webm' => 'https://s.w.org/images/core/4.6/streamlined-updates.webm',
+ // 'poster' => 'https://s.w.org/images/core/4.6/streamlined-updates-2000.png?v1',
+ 'loop' => true,
+ 'autoplay' => true,
+ 'width' => 2520,
+ 'height' => 1454,
+ // 'class' => 'wp-video-shortcode feature-video',
+ ) );
+ ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Visible icons appear to show you which parts of your site can be customized while live previewing. Click on a shortcut and get straight to editing. Paired with starter content, getting started with customizing your site is faster than ever.' );?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'Video Headers' ); ?></h3>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ echo wp_video_shortcode( array(
+ 'mp4' => 'https://cldup.com/qPvXxrut7L.mp4',
+ // 'webm' => 'https://s.w.org/images/core/4.6/streamlined-updates.webm',
+ // 'poster' => 'https://s.w.org/images/core/4.6/streamlined-updates-2000.png?v1',
+ 'loop' => true,
+ 'autoplay' => true,
+ 'width' => 2520,
+ 'height' => 1454,
+ // 'class' => 'wp-video-shortcode feature-video',
+ ) );
+ ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Sometimes a big atmospheric video as a moving header image is just what you need to showcase your wares; go ahead and try it out with Twenty Seventeen. Need some video inspiration? Try searching for sites with video headers available for download and use.' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -95,23 +123,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="feature-section two-col">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'Smoother Menu Building' ); ?></h3>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <img src="https://cldup.com/qhkOJVA69G.jpg" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Many menus for sites contain links to the pages of your site, but what happens when you don’t have any pages yet? Now you can add new pages while building menus instead of leaving the customizer and abandoning your changes. Once you’ve published your customizations, you’ll have new pages ready for you to fill with content.' );?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'Custom CSS' ); ?></h3>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <img src="https://cldup.com/uLLUgWamG1.jpg" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Sometimes you just need a few visual tweaks to make your site perfect. WordPress 4.7 allows you to add custom CSS and instantly see how your changes affect your site. The live preview allows you to work quickly without page refreshes slowing you down.' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <hr />
</span><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">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="feature-section no-heading two-col">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'PDF Thumbnail Previews' ); ?></h3>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <img src="https://cldup.com/tDz71MBtjn.jpg" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Managing your document collection is easier with WordPress 4.7. Uploading PDFs will generate thumbnail images so you can more easily distinguish between all your documents.' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="col">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'Dashboard in your language' ); ?></h3>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <img src="https://cldup.com/PtlX3xeJpX.jpg" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'Just because your site is in one language doesn’t mean that everybody helping manage it prefers that language for their admin. Add more languages to your site and a user language option will show up in your user’s profiles.' );?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,7 +152,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="rest-api feature-section one-col">
</span><span class="cx" style="display: block; padding: 0 10px"> <h2><?php _e( 'Introducing REST API Content Endpoints' ); ?></h2>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p><?php _e( 'WordPress 4.7 comes with REST API endpoints for posts, comments, terms, users, meta, and settings.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p class="lead-description"><?php _e( 'WordPress 4.7 comes with REST API endpoints for posts, comments, terms, users, meta, and settings.' ); ?></p>
+ <img src="https://cldup.com/WkGAL4UJfI.jpg" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> <p><?php
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: %s: https://developer.wordpress.org/rest-api/ */
</span></span></pre></div>
<a id="branches47srcwpadmincssaboutcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/4.7/src/wp-admin/css/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/4.7/src/wp-admin/css/about.css 2016-12-06 04:00:32 UTC (rev 39512)
+++ branches/4.7/src/wp-admin/css/about.css 2016-12-06 04:01:29 UTC (rev 39513)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,6 +40,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 1px solid rgba(0, 0, 0, 0.1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .jetpack-video-wrapper {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -93,7 +94,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-section p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 38em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 55em;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -108,8 +109,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 50px 0 1em;
- font-size: 1.8em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 40px 0 .6em;
+ font-size: 2.7em;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</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">@@ -117,7 +118,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap h3 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.25em 0 .6em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.25em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 1.4em;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.5;
</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">@@ -125,6 +126,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #23282d;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .changelog h2 {
+ font-size: 1.4em;
+ font-weight: 600;
+ text-align: left;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .changelog h3 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.33em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -193,11 +200,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</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 .under-the-hood:nth-of-type(2n),
-.about-wrap .under-the-hood:nth-of-type(3n) {
- margin-top: 3em;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-video .mejs-controls {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -227,19 +229,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* 2.1 - Typography */
</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 .headline-feature h2 {
- margin: 30px 0 30px;
- font-size: 2.2em;
- font-weight: 300;
- line-height: 1.3;
- text-align: center;
-}
-
-.about-wrap .headline-feature h3 {
- margin-top: 0;
- text-align: left;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-section.two-col h3 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -253,6 +242,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.6em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .lead-description {
+ font-size: 1.5em;
+ text-align: center;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .two-col-text {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-column-count: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-column-count: 2;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -300,6 +294,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .feature-section.no-heading {
+ padding-top: 35px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .headline-feature {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 80%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -309,6 +307,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.about-wrap .feature-section img {
+ margin-bottom: 1em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .embed-container {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>
</body>
</html>