<!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>[20840] trunk/wp-admin: Simpler layout for the about screen (still needs text), props chexee, see #20423</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, #logmsg > ol { margin-left: 0; 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">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/20840">20840</a></dd>
<dt>Author</dt> <dd>azaozz</dd>
<dt>Date</dt> <dd>2012-05-22 01:58:00 +0000 (Tue, 22 May 2012)</dd>
</dl>
<h3>Log Message</h3>
<pre>Simpler layout for the about screen (still needs text), props chexee, see <a href="http://core.trac.wordpress.org/ticket/20423">#20423</a></pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkwpadminaboutphp">trunk/wp-admin/about.php</a></li>
<li><a href="#trunkwpadmincsswpadminrtldevcss">trunk/wp-admin/css/wp-admin-rtl.dev.css</a></li>
<li><a href="#trunkwpadmincsswpadmindevcss">trunk/wp-admin/css/wp-admin.dev.css</a></li>
<li><a href="#trunkwpadminincludesupdatecorephp">trunk/wp-admin/includes/update-core.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunkwpadminimagesscreenshotscaptions1png">trunk/wp-admin/images/screenshots/captions-1.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotscaptions2png">trunk/wp-admin/images/screenshots/captions-2.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotsflexheader1png">trunk/wp-admin/images/screenshots/flex-header-1.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotsflexheader2png">trunk/wp-admin/images/screenshots/flex-header-2.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotsflexheader3png">trunk/wp-admin/images/screenshots/flex-header-3.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotsflexheadermedialibrarypng">trunk/wp-admin/images/screenshots/flex-header-media-library.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotsthemecustomizerpng">trunk/wp-admin/images/screenshots/theme-customizer.png</a></li>
</ul>
<h3>Removed Paths</h3>
<ul>
<li><a href="#trunkwpadminimagesscreenshotsadminflyoutspng">trunk/wp-admin/images/screenshots/admin-flyouts.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotscoeditingpng">trunk/wp-admin/images/screenshots/coediting.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotsdraganddroppng">trunk/wp-admin/images/screenshots/drag-and-drop.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotshelpscreenpng">trunk/wp-admin/images/screenshots/help-screen.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotsmediaiconpng">trunk/wp-admin/images/screenshots/media-icon.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotsnewfeaturepointerpng">trunk/wp-admin/images/screenshots/new-feature-pointer.png</a></li>
<li><a href="#trunkwpadminimagesscreenshotswelcomescreenpng">trunk/wp-admin/images/screenshots/welcome-screen.png</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkwpadminaboutphp"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/about.php (20839 => 20840)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/about.php 2012-05-21 20:34:20 UTC (rev 20839)
+++ trunk/wp-admin/about.php 2012-05-22 01:58:00 UTC (rev 20840)
</span><span class="lines">@@ -37,74 +37,83 @@
</span><span class="cx"> <h3><?php echo ( 'Customizer' ); ?></h3>
</span><span class="cx">
</span><span class="cx"> <div class="feature-section images-stagger-right">
</span><del>- <div class="feature-images">
- <img src="<?php echo admin_url( 'images/screenshots/media-icon.png' ); ?>" width="200" class="angled-right" />
- <img src="<?php echo admin_url( 'images/screenshots/drag-and-drop.png' ); ?>" width="200" class="angled-left" />
- </div>
- <div class="left-feature">
- <h4><?php echo ( 'All In One Place' ); ?></h4>
- <p><?php echo ( 'OMG, this one thing does multiple things, on one screen.' ); ?></p>
</del><ins>+ <img src="<?php echo admin_url( 'images/screenshots/theme-customizer.png' ); ?>" class="image-50" />
+ <h4><?php echo ( 'All In One Place' ); ?></h4>
+ <p><?php echo ( 'OMG, this one thing does multiple things, on one screen.' ); ?></p>
</ins><span class="cx">
</span><del>- <h4><?php echo ( 'Live Preview' ); ?></h4>
- <p><?php echo ( 'Immediate feedback on what your butchery looks like.' ); ?></p>
</del><ins>+ <h4><?php echo ( 'Live Preview' ); ?></h4>
+ <p><?php echo ( 'Immediate feedback on what your butchery looks like.' ); ?></p>
</ins><span class="cx">
</span><del>- <h4><?php echo ( 'Commitment Issues?' ); ?></h4>
- <p><?php echo ( 'Before activating that new theme, customize and test drive it.' ); ?></p>
</del><ins>+ <h4><?php echo ( 'Commitment Issues?' ); ?></h4>
+ <p><?php echo ( 'Before activating that new theme, customize and test drive it.' ); ?></p>
+ <p><?php echo ( 'Before activating that new theme, customize and test drive it. Before activating that new theme, customize and test drive it. Before activating that new theme, customize and test drive it. Before activating that new theme, customize and test drive it. Before activating that new theme, customize and test drive it. Before activating that new theme, customize and test drive it. ' ); ?></p>
+ </div>
+</div>
</ins><span class="cx">
</span><del>- <h4><?php echo ( 'Variable Height Headers' ); ?></h4>
- <p><?php echo ( 'If your theme elects, image headers can be made at variable height and even width. Pick the size that suits you.' ); ?></p>
- </div>
</del><ins>+<div class="changelog">
+ <h3><?php echo ( 'Custom Headers' ); ?></h3>
+
+ <div class="feature-section">
+ <h4><?php echo ( 'Flexible Sizes' ); ?></h4>
+ <p><?php echo ( 'If your theme elects, image headers can be made at variable height and even width. Pick the size that suits you.' ); ?></p>
+ <img src="<?php echo admin_url( 'images/screenshots/flex-header-1.png' ); ?>" class="image-30" />
+ <img src="<?php echo admin_url( 'images/screenshots/flex-header-2.png' ); ?>" class="image-30" />
+ <img src="<?php echo admin_url( 'images/screenshots/flex-header-3.png' ); ?>" class="image-30" />
</ins><span class="cx"> </div>
</span><ins>+
+ <div class="feature-section images-stagger-right">
+ <img src="<?php echo admin_url( 'images/screenshots/flex-header-media-library.png' ); ?>" class="image-50" />
+ <h4><?php echo ( 'Media Library Support' ); ?></h4>
+ <p><?php echo ( 'Lorem ipsum dolor sit amet consectetuer porttitor ut consectetuer mus ante. Odio at tortor pretium felis vel laoreet magnis leo Phasellus quis. Non ut volutpat nisl Lorem est sit tortor vel rutrum id. Curabitur Vestibulum neque ut nibh ante congue nunc dictum leo nibh. ' ); ?></p>
+ </div>
</ins><span class="cx"> </div>
</span><span class="cx">
</span><span class="cx"> <div class="changelog">
</span><ins>+ <h3><?php echo ( 'Better Captions' ); ?></h3>
+
+ <div class="feature-section images-stagger-right">
+ <img src="<?php echo admin_url( 'images/screenshots/captions-1.png' ); ?>" class="image-30" />
+ <img src="<?php echo admin_url( 'images/screenshots/captions-2.png' ); ?>" class="image-30" />
+ <h4><?php echo ( 'HTML Support' ); ?></h4>
+ <p><?php echo ( 'Lorem ipsum dolor sit amet consectetuer porttitor ut consectetuer mus ante. Odio at tortor pretium felis vel laoreet magnis leo Phasellus quis. Non ut volutpat nisl Lorem est sit tortor vel rutrum id. Curabitur Vestibulum neque ut nibh ante congue nunc dictum leo nibh. Nulla libero neque elit Nam nulla eros non justo eget pede. Pede ullamcorper metus justo adipiscing massa nulla Phasellus et nisl hendrerit.' ); ?></p>
+ </div>
+</div>
+
+
+<div class="changelog">
</ins><span class="cx"> <h3><?php echo ( 'Mobile/Touch' ); ?></h3>
</span><span class="cx">
</span><del>- <div class="feature-section text-features">
</del><ins>+ <div class="feature-section">
</ins><span class="cx"> <h4><?php echo ( 'Drag, Swipe, Tap, Pat, Pat, Pat Happy Little Clouds' ); ?></h4>
</span><del>- <p><?php echo ( 'Engage your fingers with a more touchable admin.' ); ?></p>
</del><ins>+ <p><?php echo ( 'Engage your fingers with a more touchable admin. Engage your fingers with a more touchable admin. Engage your fingers with a more touchable admin. Engage your fingers with a more touchable admin. ' ); ?></p>
</ins><span class="cx">
</span><del>- <div>
</del><span class="cx"> <h4><?php echo ( 'Size Responsive' ); ?></h4>
</span><del>- <p><?php echo ( 'From mobile to tablet.' ); ?></p>
- </div>
- </div>
</del><ins>+ <p><?php echo ( 'From mobile to tablet. From mobile to tablet. From mobile to tablet. From mobile to tablet. From mobile to tablet. From mobile to tablet. ' ); ?></p>
</ins><span class="cx">
</span><del>- <div class="feature-section screenshot-features">
- <div class="angled-left">
- <img src="<?php echo admin_url( 'images/screenshots/admin-flyouts.png' ); ?>" />
- <h4><?php echo ( 'Blog Anywhere' ); ?></h4>
- <p><?php echo ( 'Picture of hipster in cafe criticizing the coffee via his tablet.' ); ?></p>
- </div>
- <div class="angled-right">
- <img src="<?php echo admin_url( 'images/screenshots/help-screen.png' ); ?>" />
- <h4><?php echo ( 'Couch Couch Couch!' ); ?></h4>
- <p><?php echo ( 'Picture of happy tablet user blogging from couch while watching sitcoms.' ); ?></p>
- </div>
</del><ins>+ <h4><?php echo ( 'Blog Anywhere' ); ?></h4>
+ <p><?php echo ( 'Picture of hipster in cafe criticizing the coffee via his tablet. Picture of hipster in cafe criticizing the coffee via his tablet. Picture of hipster in cafe criticizing the coffee via his tablet. Picture of hipster in cafe criticizing the coffee via his tablet. Picture of hipster in cafe criticizing the coffee via his tablet. ' ); ?></p>
+
+ <h4><?php echo ( 'Couch Couch Couch!' ); ?></h4>
+ <p><?php echo ( 'Picture of happy tablet user blogging from couch while watching sitcoms. Picture of happy tablet user blogging from couch while watching sitcoms. Picture of happy tablet user blogging from couch while watching sitcoms. Picture of happy tablet user blogging from couch while watching sitcoms. ' ); ?></p>
</ins><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx">
</span><span class="cx"> <div class="changelog">
</span><span class="cx"> <h3><?php echo ( 'XML-RPC API' ); ?></h3>
</span><span class="cx">
</span><del>- <div class="feature-section text-features">
- <h4><?php echo ( 'In your About page, talking nonsense.' ); ?></h4>
- <p><?php echo ( 'Synergy!' ); ?></p>
</del><ins>+ <div class="feature-section three-col">
+ <div>
+ <h4><?php echo ( 'In your About page, talking nonsense.' ); ?></h4>
+ <p><?php echo ( 'Synergy!' ); ?></p>
</ins><span class="cx">
</span><ins>+ <h4><?php echo ( 'Remote Procedures' ); ?></h4>
+ <p><?php echo ( 'Want you to call. Do not pretend you lost the number.' ); ?></p>
+ </div>
</ins><span class="cx"> <div>
</span><del>- <h4><?php echo ( 'Remote Procedures' ); ?></h4>
- <p><?php echo ( 'Want you to call. Do not pretend you lost the number.' ); ?></p>
- </div>
- </div>
-
- <div class="feature-section screenshot-features">
- <div class="angled-left">
- <img src="<?php echo admin_url( 'images/screenshots/admin-flyouts.png' ); ?>" />
</del><span class="cx"> <h4><?php echo ( 'Mobile Mobile Mobile!' ); ?></h4>
</span><span class="cx"> <p><?php echo ( 'Picture of a happy mobile app user (like the one above) who has no idea that his/her phone is engaging in XML-RPC.' ); ?></p>
</span><span class="cx"> </div>
</span><del>- <div class="angled-right">
- <img src="<?php echo admin_url( 'images/screenshots/help-screen.png' ); ?>" />
</del><ins>+ <div class="last-feature">
</ins><span class="cx"> <h4><?php echo ( 'Armageddon It' ); ?></h4>
</span><span class="cx"> <p><?php echo ( 'Picture of a block of XML-RPC API code glimpsed over of the shoulder of a henchman in a lab coat who is getting ready to upload this doomsday snippet to every satellite over the Tri-State Area!' ); ?></p>
</span><span class="cx"> </div>
</span><span class="lines">@@ -118,32 +127,25 @@
</span><span class="cx"> <div>
</span><span class="cx"> <h4><?php echo ( 'Themes API' ); ?></h4>
</span><span class="cx"> <p><?php echo ( 'WP_Theme, wp_get_themes(), wp_get_theme(). Faster, uses less memory, make uses of persistent caching.' ); ?></p>
</span><del>- </div>
- <div>
</del><ins>+
</ins><span class="cx"> <h4><?php echo ( 'Faster Main Query' ); ?></h4>
</span><span class="cx"> <p><?php echo ( 'Post query optimized to avoid table scans.' ); ?></p>
</span><span class="cx"> </div>
</span><del>- <div class="last-feature">
</del><ins>+ <div>
</ins><span class="cx"> <h4><?php echo ( 'Custom Header and Backound API' ); ?></h4>
</span><span class="cx"> <p><?php echo ( 'Custom header and background API relocated into the theme support API.' ); ?></p>
</span><del>- </div>
- </div>
-
- <div class="feature-section three-col">
- <div>
</del><ins>+
</ins><span class="cx"> <h4><?php echo ( 'Faster I18N' ); ?></h4>
</span><span class="cx"> <p><?php echo ( 'The number of strings loaded on the front end were greatly reduced, resulting in faster front page load times for I18N users.' ); ?></p>
</span><span class="cx"> </div>
</span><del>- <div>
</del><ins>+ <div class="last-feature">
</ins><span class="cx"> <h4><?php echo ( 'WP_Screen API' ); ?></h4>
</span><span class="cx"> <p><?php echo ( 'More methods, more convenience!' ); ?></p>
</span><del>- </div>
- <div class="last-feature">
</del><ins>+
</ins><span class="cx"> <h4><?php echo ( 'External Libraries' ); ?></h4>
</span><span class="cx"> <p><?php echo ( 'jQuery, jQuery UI, TinyMCE, Plupload, PHPMailer, SimplePie, and other libraries were updated. jQuery UI Touch Punch was introduced.' ); ?></p>
</span><span class="cx"> </div>
</span><span class="cx"> </div>
</span><del>-
</del><span class="cx"> </div>
</span><span class="cx">
</span><span class="cx"> <div class="return-to-dashboard">
</span></span></pre></div>
<a id="trunkwpadmincsswpadminrtldevcss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/wp-admin-rtl.dev.css (20839 => 20840)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/wp-admin-rtl.dev.css 2012-05-21 20:34:20 UTC (rev 20839)
+++ trunk/wp-admin/css/wp-admin-rtl.dev.css 2012-05-22 01:58:00 UTC (rev 20840)
</span><span class="lines">@@ -1403,86 +1403,38 @@
</span><span class="cx"> margin-right: 3em;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.about-wrap .feature-section .left-feature,
-.about-wrap .feature-section img,
-.about-wrap .feature-section .right-feature {
- float: right;
-}
-
-.about-wrap .feature-section .left-feature {
- margin-right: 0;
- margin-left: 0;
-}
-
-.about-wrap .feature-section .right-feature {
- margin-left: 0;
- margin-right: 0;
-}
-
-.about-wrap .feature-section.text-features {
- float: right;
-}
-.about-wrap .feature-section.screenshot-features {
- float: left;
-}
-.about-wrap .feature-section.screenshot-features .angled-right {
- margin-left: 0;
- margin-right: 2.5em;
-}
-.about-wrap .feature-section.screenshot-features .angled-right p {
- margin-left: 0;
- margin-right: 290px;
-}
-
-.about-wrap .feature-section .angled-right img,
-.about-wrap .feature-section .angled-left img {
- margin-right: 0;
- margin-left: 30px;
-}
-
</del><span class="cx"> .about-wrap .feature-section.three-col div {
</span><span class="cx"> margin-right: 0;
</span><span class="cx"> margin-left: 4.999999999%;
</span><span class="cx"> float: right;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .feature-section.three-col h4 {
</span><span class="cx"> text-align: right;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .feature-section.three-col img {
</span><span class="cx"> margin-right: 5px;
</span><span class="cx"> margin-left: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .feature-section.three-col .last-feature {
</span><span class="cx"> margin-left: 0;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.about-wrap .feature-section .feature-images img {
- margin-right: auto;
- margin-left: 5px;
</del><ins>+.about-wrap .feature-section img {
+ margin: 0 0 10px 0.7%;
</ins><span class="cx"> }
</span><del>-.about-wrap .feature-section.images-stagger-left .angled-left {
- margin-left: auto;
- margin-right: 5px;
-}
-.about-wrap .feature-section .angled-right {
</del><ins>+
+.about-wrap .feature-section.images-stagger-right img {
</ins><span class="cx"> float: left;
</span><ins>+ margin: 0 12px 12px 5px;
</ins><span class="cx"> }
</span><del>-.about-wrap .feature-section.images-stagger-right .feature-images {
- right: auto;
- left: 0;
</del><ins>+
+.about-wrap .feature-section.images-stagger-left img {
+ float: right;
+ margin: 0 5px 12px 12px;
</ins><span class="cx"> }
</span><del>-.about-wrap .feature-section.images-stagger-left .feature-images {
- left: auto;
- right: 0;
-}
-.about-wrap .feature-section.images-stagger-right .left-feature {
- margin-right: 0;
- margin-left: 350px;
-}
-.about-wrap .feature-section.images-stagger-left .right-feature {
- margin-left: 0;
- margin-right: 350px;
-}
</del><span class="cx">
</span><span class="cx"> .about-wrap li.wp-person,
</span><span class="cx"> .about-wrap li.wp-person img.gravatar {
</span></span></pre></div>
<a id="trunkwpadmincsswpadmindevcss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/wp-admin.dev.css (20839 => 20840)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/wp-admin.dev.css 2012-05-21 20:34:20 UTC (rev 20839)
+++ trunk/wp-admin/css/wp-admin.dev.css 2012-05-22 01:58:00 UTC (rev 20840)
</span><span class="lines">@@ -4948,11 +4948,11 @@
</span><span class="cx"> .about-wrap {
</span><span class="cx"> position: relative;
</span><span class="cx"> margin: 25px 40px 0 20px;
</span><del>- min-width: 770px;
</del><span class="cx"> max-width: 1050px; /* readability */
</span><span class="cx">
</span><span class="cx"> font-size: 15px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap div.updated,
</span><span class="cx"> .about-wrap div.error {
</span><span class="cx"> display: none !important;
</span><span class="lines">@@ -4963,12 +4963,14 @@
</span><span class="cx"> .about-wrap p {
</span><span class="cx"> line-height: 1.6em;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap h1 {
</span><span class="cx"> margin: 0.2em 200px 0 0;
</span><span class="cx"> line-height: 1.2em;
</span><span class="cx"> font-size: 2.8em;
</span><span class="cx"> font-weight: 200;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-text,
</span><span class="cx"> .about-description,
</span><span class="cx"> .about-wrap li.wp-person a.web {
</span><span class="lines">@@ -4977,14 +4979,17 @@
</span><span class="cx"> line-height: 1.6em;
</span><span class="cx"> font-size: 20px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-description {
</span><span class="cx"> margin-top: 1.4em;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-text {
</span><span class="cx"> margin: 1em 200px 1.4em 0;
</span><span class="cx"> min-height: 60px;
</span><span class="cx"> font-size: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap h3 {
</span><span class="cx"> font-size: 24px;
</span><span class="cx"> margin-bottom: 1em;
</span><span class="lines">@@ -4992,34 +4997,40 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .about-wrap .changelog {
</span><del>- padding-bottom: 10px;
</del><span class="cx"> overflow: hidden;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .changelog li {
</span><span class="cx"> list-style-type: disc;
</span><span class="cx"> margin-left: 3em;
</span><span class="cx"> }
</span><ins>+
+.about-wrap .feature-section {
+ padding-bottom: 20px;
+}
+
</ins><span class="cx"> .about-wrap .feature-section h4 {
</span><span class="cx"> margin-bottom: 0.6em;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .feature-section p {
</span><span class="cx"> margin-top: 0.6em;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap code {
</span><span class="cx"> font-size: 14px;
</span><span class="cx"> }
</span><del>-html.ie8 .about-wrap img.element-screenshot {
- padding: 2px;
-}
</del><span class="cx">
</span><span class="cx"> /* Point Releases */
</span><span class="cx">
</span><span class="cx"> .about-wrap .point-releases {
</span><span class="cx"> margin-top: 5px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .changelog.point-releases h3 {
</span><span class="cx"> padding-top: 35px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .changelog.point-releases h3:first-child {
</span><span class="cx"> padding-top: 7px;
</span><span class="cx"> }
</span><span class="lines">@@ -5030,13 +5041,10 @@
</span><span class="cx"> padding-top: 142px;
</span><span class="cx"> height: 50px;
</span><span class="cx"> width: 173px;
</span><del>-
</del><span class="cx"> font-weight: bold;
</span><span class="cx"> font-size: 14px;
</span><span class="cx"> text-align: center;
</span><del>-
</del><span class="cx"> margin: 0 -5px;
</span><del>-
</del><span class="cx"> background: url('../images/wp-badge.png?ver=20111120') no-repeat;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -5051,12 +5059,14 @@
</span><span class="cx"> .about-wrap h2.nav-tab-wrapper {
</span><span class="cx"> padding-left: 6px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap h2 .nav-tab {
</span><span class="cx"> padding: 4px 10px 6px;
</span><span class="cx"> margin: 0 3px -1px 0;
</span><span class="cx"> font-size: 18px;
</span><span class="cx"> vertical-align: top;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap h2 .nav-tab-active {
</span><span class="cx"> font-weight: bold;
</span><span class="cx"> padding-top: 3px;
</span><span class="lines">@@ -5064,129 +5074,71 @@
</span><span class="cx">
</span><span class="cx"> /* Changelog / Update screen */
</span><span class="cx">
</span><del>-.about-wrap .feature-section .left-feature,
-.about-wrap .feature-section img,
-.about-wrap .feature-section .right-feature {
- float: left;
-}
-
-.about-wrap .feature-section {
- min-height: 100px;
- overflow: hidden;
- clear: both;
-}
</del><span class="cx"> .about-wrap .feature-section img {
</span><del>- margin: 5px auto;
-
</del><span class="cx"> border: none;
</span><del>-
</del><ins>+ margin: 0 0.7% 10px 0;
</ins><span class="cx"> -webkit-border-radius: 3px;
</span><span class="cx"> border-radius: 3px;
</span><span class="cx"> }
</span><del>-html.ie8 .about-wrap .feature-section img,
-html.ie8 .about-wrap .feature-section .image-mask {
- border-width: 1px;
- border-style: solid;
-}
</del><span class="cx">
</span><del>-.about-wrap .feature-section.text-features {
- width: 31%;
-
- float: left;
- overflow: visible;
</del><ins>+.about-wrap .feature-section img.image-50 {
+ max-width: 50%;
</ins><span class="cx"> }
</span><del>-.about-wrap .feature-section.text-features div {
- width: 112%;
-}
-.about-wrap .feature-section.screenshot-features {
- width: 67%;
- margin-top: 1.33em;
</del><span class="cx">
</span><del>- float: right;
- clear: none;
- overflow: visible;
</del><ins>+.about-wrap .feature-section img.image-30 {
+ max-width: 32%;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.about-wrap .feature-section.screenshot-features .angled-right {
- margin-top: -1em;
- margin-left: 2.5em;
</del><ins>+.ie8 .about-wrap .feature-section img {
+ border-width: 1px;
+ border-style: solid;
</ins><span class="cx"> }
</span><del>-.about-wrap .feature-section.screenshot-features .angled-right p {
- margin-left: 290px;
-}
</del><span class="cx">
</span><del>-.about-wrap .feature-section .angled-right h4,
-.about-wrap .feature-section .angled-left h4 {
- margin-top: 0;
-}
-.about-wrap .feature-section .angled-right img,
-.about-wrap .feature-section .angled-left img {
- margin-top: .1em;
- margin-right: 30px;
-}
-
</del><span class="cx"> .about-wrap .feature-section.three-col {
</span><span class="cx"> padding-top: 15px;
</span><span class="cx"> margin-bottom: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .feature-section.three-col div {
</span><span class="cx"> width: 30%;
</span><span class="cx"> margin-right: 4.999999999%;
</span><del>-
</del><span class="cx"> float: left;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .feature-section.three-col h4 {
</span><span class="cx"> margin: 0 0 0.6em 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .feature-section.three-col img {
</span><span class="cx"> margin: 0.5em 0 0.5em 5px;
</span><span class="cx"> max-width: 100%;
</span><del>-
</del><span class="cx"> float: none;
</span><span class="cx"> }
</span><del>-html.ie8 .about-wrap .feature-section.three-col img {
</del><ins>+
+.ie8 .about-wrap .feature-section.three-col img {
</ins><span class="cx"> margin-left: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .feature-section.three-col .last-feature {
</span><span class="cx"> margin-right: 0;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.about-wrap .feature-section .feature-images {
- width: 300px;
- position: absolute;
- margin-top: 1.1em;
-}
-.about-wrap .feature-section .feature-images img {
- width: 250px;
- height: 150px;
- margin-right: 5px;
-}
-.about-wrap .feature-section.images-stagger-left,
-.about-wrap .feature-section.images-stagger-right {
- min-height: 265px;
-}
-.about-wrap .feature-section.images-stagger-right .angled-right,
-.about-wrap .feature-section.images-stagger-left .angled-left {
- margin-bottom: -30px;
-}
-.about-wrap .feature-section.images-stagger-left .angled-left {
- margin-left: 5px;
-}
-.about-wrap .feature-section .angled-right {
</del><ins>+.about-wrap .feature-section.images-stagger-right img {
</ins><span class="cx"> float: right;
</span><ins>+ margin: 0 5px 12px 12px;
</ins><span class="cx"> }
</span><del>-.about-wrap .feature-section.images-stagger-right .feature-images {
- right: 0;
</del><ins>+
+.about-wrap .feature-section.images-stagger-left img {
+ float: left;
+ margin: 0 12px 12px 5px;
</ins><span class="cx"> }
</span><del>-.about-wrap .feature-section.images-stagger-left .feature-images {
- left: 0;
</del><ins>+
+@media only screen and (max-width: 900px) {
+ .about-wrap .feature-section.images-stagger-left img,
+ .about-wrap .feature-section.images-stagger-right img {
+ clear: both;
+ }
</ins><span class="cx"> }
</span><del>-.about-wrap .feature-section.images-stagger-right .left-feature {
- margin-right: 350px;
-}
-.about-wrap .feature-section.images-stagger-left .right-feature {
- margin-left: 350px;
-}
</del><span class="cx">
</span><span class="cx"> /* Return to Dashboard Home link */
</span><span class="cx">
</span><span class="lines">@@ -5195,6 +5147,7 @@
</span><span class="cx"> font-size: 14px;
</span><span class="cx"> font-weight: bold;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap .return-to-dashboard a {
</span><span class="cx"> text-decoration: none;
</span><span class="cx"> padding: 0 5px;
</span><span class="lines">@@ -5206,18 +5159,22 @@
</span><span class="cx"> margin-top: 2.6em;
</span><span class="cx"> font-size: 16px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap ul.wp-people-group {
</span><span class="cx"> overflow: hidden;
</span><span class="cx"> padding: 5px;
</span><span class="cx"> margin: 0 -15px 0 -5px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap ul.compact {
</span><span class="cx"> margin-bottom: 0
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap li.wp-person {
</span><span class="cx"> float: left;
</span><span class="cx"> margin-right: 10px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap li.wp-person img.gravatar {
</span><span class="cx"> float: left;
</span><span class="cx"> margin: 0 10px 10px 0;
</span><span class="lines">@@ -5225,30 +5182,36 @@
</span><span class="cx"> width: 60px;
</span><span class="cx"> height: 60px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap ul.compact li.wp-person img.gravatar {
</span><span class="cx"> width: 30px;
</span><span class="cx"> height: 30px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap li.wp-person {
</span><span class="cx"> height: 70px;
</span><span class="cx"> width: 280px;
</span><span class="cx"> padding-bottom: 15px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap ul.compact li.wp-person {
</span><span class="cx"> height: auto;
</span><span class="cx"> width: 180px;
</span><span class="cx"> padding-bottom: 0;
</span><span class="cx"> margin-bottom: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap #wp-people-group-validators + p.wp-credits-list {
</span><span class="cx"> margin-top: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap li.wp-person a.web {
</span><span class="cx"> display: block;
</span><span class="cx"> margin: 6px 0 2px;
</span><span class="cx"> font-size: 16px;
</span><span class="cx"> text-decoration: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .about-wrap p.wp-credits-list a {
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> }
</span><span class="lines">@@ -5258,10 +5221,12 @@
</span><span class="cx"> .freedoms-php .about-wrap ol {
</span><span class="cx"> margin: 40px 60px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .freedoms-php .about-wrap ol li {
</span><span class="cx"> list-style-type: decimal;
</span><span class="cx"> font-weight: bold;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .freedoms-php .about-wrap ol p {
</span><span class="cx"> font-weight: normal;
</span><span class="cx"> margin: 0.6em 0;
</span></span></pre></div>
<a id="trunkwpadminimagesscreenshotsadminflyoutspng"></a>
<div class="binary"><h4>Deleted: trunk/wp-admin/images/screenshots/admin-flyouts.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunkwpadminimagesscreenshotscaptions1png"></a>
<div class="binary"><h4>Added: trunk/wp-admin/images/screenshots/captions-1.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/wp-admin/images/screenshots/captions-1.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="trunkwpadminimagesscreenshotscaptions2png"></a>
<div class="binary"><h4>Added: trunk/wp-admin/images/screenshots/captions-2.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/wp-admin/images/screenshots/captions-2.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="trunkwpadminimagesscreenshotscoeditingpng"></a>
<div class="binary"><h4>Deleted: trunk/wp-admin/images/screenshots/coediting.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunkwpadminimagesscreenshotsdraganddroppng"></a>
<div class="binary"><h4>Deleted: trunk/wp-admin/images/screenshots/drag-and-drop.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunkwpadminimagesscreenshotsflexheader1png"></a>
<div class="binary"><h4>Added: trunk/wp-admin/images/screenshots/flex-header-1.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/wp-admin/images/screenshots/flex-header-1.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="trunkwpadminimagesscreenshotsflexheader2png"></a>
<div class="binary"><h4>Added: trunk/wp-admin/images/screenshots/flex-header-2.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/wp-admin/images/screenshots/flex-header-2.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="trunkwpadminimagesscreenshotsflexheader3png"></a>
<div class="binary"><h4>Added: trunk/wp-admin/images/screenshots/flex-header-3.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/wp-admin/images/screenshots/flex-header-3.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="trunkwpadminimagesscreenshotsflexheadermedialibrarypng"></a>
<div class="binary"><h4>Added: trunk/wp-admin/images/screenshots/flex-header-media-library.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/wp-admin/images/screenshots/flex-header-media-library.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="trunkwpadminimagesscreenshotshelpscreenpng"></a>
<div class="binary"><h4>Deleted: trunk/wp-admin/images/screenshots/help-screen.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunkwpadminimagesscreenshotsmediaiconpng"></a>
<div class="binary"><h4>Deleted: trunk/wp-admin/images/screenshots/media-icon.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunkwpadminimagesscreenshotsnewfeaturepointerpng"></a>
<div class="binary"><h4>Deleted: trunk/wp-admin/images/screenshots/new-feature-pointer.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunkwpadminimagesscreenshotsthemecustomizerpng"></a>
<div class="binary"><h4>Added: trunk/wp-admin/images/screenshots/theme-customizer.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Property changes on: trunk/wp-admin/images/screenshots/theme-customizer.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="trunkwpadminimagesscreenshotswelcomescreenpng"></a>
<div class="binary"><h4>Deleted: trunk/wp-admin/images/screenshots/welcome-screen.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunkwpadminincludesupdatecorephp"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/includes/update-core.php (20839 => 20840)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/includes/update-core.php 2012-05-21 20:34:20 UTC (rev 20839)
+++ trunk/wp-admin/includes/update-core.php 2012-05-22 01:58:00 UTC (rev 20840)
</span><span class="lines">@@ -365,6 +365,13 @@
</span><span class="cx"> 'wp-admin/index-extra.php',
</span><span class="cx"> 'wp-admin/network/index-extra.php',
</span><span class="cx"> 'wp-admin/user/index-extra.php',
</span><ins>+'wp-admin/images/screenshots/admin-flyouts.png',
+'wp-admin/images/screenshots/coediting.png',
+'wp-admin/images/screenshots/drag-and-drop.png',
+'wp-admin/images/screenshots/help-screen.png',
+'wp-admin/images/screenshots/media-icon.png',
+'wp-admin/images/screenshots/new-feature-pointer.png',
+'wp-admin/images/screenshots/welcome-screen.png',
</ins><span class="cx"> );
</span><span class="cx">
</span><span class="cx"> /**
</span></span></pre>
</div>
</div>
</body>
</html>