<!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>[1255] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes: WP.org Themes: First pass at revised modal styles.</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="http://meta.trac.wordpress.org/changeset/1255">1255</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/1255","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-02-12 19:56:30 +0000 (Thu, 12 Feb 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'>WP.org Themes: First pass at revised modal styles.

Props melchoyce.

See http://make.wordpress.org/meta/2015/01/23/theme-directory-mockups/
Fixes missing forum link for <a href="http://meta.trac.wordpress.org/ticket/852">#852</a>,
Fixes <a href="http://meta.trac.wordpress.org/ticket/847">#847</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemescontentsinglephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesstylecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemesinglephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemescontentsinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php       2015-02-11 19:08:22 UTC (rev 1254)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php 2015-02-12 19:56:30 UTC (rev 1255)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3,88 +3,45 @@
</span><span class="cx" style="display: block; padding: 0 10px">        $theme = wporg_themes_photon_screen_shot( $theme );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-wrap">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        <div class="theme-about">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-about hentry">
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                <?php if ( strtotime( '-2 years' ) > strtotime( $theme->last_updated ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <div class="theme-notice notice notice-warning">
-                               <p><?php _e( 'This theme <strong>hasn&#146;t been updated in over 2 years</strong>. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.', 'wporg-themes' ); ?></p>
-                       </div><!-- .theme-info -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="theme-notice notice notice-warning">
+                       <p><?php _e( 'This theme <strong>hasn&#146;t been updated in over 2 years</strong>. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.', 'wporg-themes' ); ?></p>
+               </div><!-- .theme-info -->
</ins><span class="cx" style="display: block; padding: 0 10px">                 <?php endif; ?>
</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="theme-screenshots">
-                       <div class="screenshot"><?php echo esc_url( $theme->screenshot_url . '?w=732&strip=all' ); ?></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="theme-head">
+                       <h3 class="theme-name entry-title"><?php the_title(); ?></h3>
+                       <h4 class="theme-author"><?php printf( __( 'By %s' ), sprintf( '<a href="https://profiles.wordpress.org/%s"><span class="author">%s</span><a/>', $theme->author ) ); ?></h4>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="theme-actions">
</span><span class="cx" style="display: block; padding: 0 10px">                                <a href="<?php echo esc_url( '//downloads.wordpress.org/theme/' . $theme->slug . '.' . $theme->version . '.zip' ); ?>" class="button button-primary"><?php _e( 'Download' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px">                                <a href="<?php echo esc_url( $theme->preview_url ); ?>" class="button button-secondary"><?php _e( 'Preview' ); ?></a>
</span><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><!-- .theme-screenshots -->
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        <?php if ( ! empty( $theme->parent ) ) : ?>
+                       <div class="theme-notice notice notice-info">
+                               <p class="parent-theme"><?php printf( __( 'This is a child theme of %s.' ), sprintf( '<a href="/%1$s">%2$s</a>', $theme->parent->slug, $theme->parent->name ) ); ?></p>
+                       </div>
+                       <?php endif; ?>
+               </div><!-- .theme-head -->
+
</ins><span class="cx" style="display: block; padding: 0 10px">                 <div class="theme-info">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <div class="hentry">
-                               <h3 class="theme-name entry-title"><?php the_title(); ?></h3>
-                               <h4 class="theme-author"><?php printf( __( 'By %s' ), sprintf( '<a href="https://profiles.wordpress.org/%s"><span class="author">%s</span><a/>', $theme->author ) ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <div class="screenshot"><?php echo esc_url( $theme->screenshot_url . '?w=732&strip=all' ); ?></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="theme-description entry-summary"><?php the_content(); ?></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <div class="theme-description entry-summary"><?php the_content(); ?></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">-                                <?php if ( ! empty( $theme->parent ) ) : ?>
-                               <div class="theme-notice notice notice-info">
-                                       <p class="parent-theme"><?php printf( __( 'This is a child theme of %s.' ), sprintf( '<a href="/%1$s">%2$s</a>', $theme->parent->slug, $theme->parent->name ) ); ?></p>
-                               </div>
-                               <?php endif; ?>
-                       </div><!-- .theme-info -->
-
-                       <div class="theme-ratings" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
-                               <meta itemprop="ratingValue" content="<?php echo esc_attr( number_format_i18n( $theme->rating / 20, 1 ) ); ?>"/>
-                               <meta itemprop="ratingCount" content="<?php echo esc_attr( $theme->num_ratings ); ?>"/>
-                               <h4><?php _e( 'Ratings', 'wporg-themes' ); ?></h4>
-
-                               <div class="star-holder">
-                                       <div class="star-rating" style="width: <?php echo esc_attr( number_format_i18n( $theme->rating, 1 ) ); ?>%">
-                                               <?php printf( __( '%d stars', 'wporg-themes' ), number_format_i18n( $theme->rating / 20 ) ); ?>
-                                       </div>
-                               </div>
-                               <span><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), number_format_i18n( $theme->rating / 20, 1 ) ); ?></span>
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <div class="theme-tags">
+                               <h4><?php _e( 'Tags:' ); ?></h4>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <?php
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        if ( ! empty( $theme->ratings ) && ! empty( $theme->num_ratings ) ) :
-                                               foreach ( $theme->ratings as $key => $rate_count ) :
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         foreach( $theme->tags as &$tag ) :
+                                       $tag = sprintf( '<a href="%1$s">%2$s</a>', esc_url( home_url( "/tag/{$tag}/" ) ), $tag );
+                               endforeach;
+                               echo implode( ', ', $theme->tags );
</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="counter-container">
-                                       <a href="//wordpress.org/support/view/theme-reviews/<?php echo esc_attr( $theme->slug ); ?>?filter=<?php echo $key; ?>" title="<?php printf( _n( 'Click to see reviews that provided a rating of %d star', 'Click to see reviews that provided a rating of %d stars', $key, 'wporg-themes' ), $key ); ?>">
-                                               <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), $key ); ?></span>
-                                               <span class="counter-back">
-                                                       <span class="counter-bar" style="width: <?php echo 92 * ( $rate_count / $theme->num_ratings ); ?>px;"></span>
-                                               </span>
-                                               <span class="counter-count"><?php echo $rate_count; ?></span>
-                                       </a>
-                               </div>
-                               <?php
-                                               endforeach;
-                                       endif;
-                               ?>
-                       </div><!-- .theme-rating -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 </div><!-- .theme-tags -->
</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="theme-devs">
-                               <h4><?php _e( 'Development', 'wporg-themes' ); ?></h4>
-                               <h5><?php _e( 'Subscribe', 'wporg-themes' ); ?></h5>
-                               <ul class="unmarked-list">
-                                       <li>
-                                               <a href="//themes.trac.wordpress.org/log/<?php echo esc_attr( $theme->slug ); ?>?limit=100&mode=stop_on_copy&format=rss">
-                                                       <img src="//s.w.org/style/images/feedicon.png" style="vertical-align:text-top;"/>
-                                                       <?php _e( 'Development Log', 'wporg' ); ?>
-                                               </a>
-                                       </li>
-                               </ul>
-
-                               <h5><?php _e( 'Browse the Code', 'wporg-themes' ); ?></h5>
-                               <ul class="unmarked-list">
-                                       <li><a href="//themes.trac.wordpress.org/log/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
-                                       <li><a href="//themes.svn.wordpress.org/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
-                                       <li><a href="//themes.trac.wordpress.org/browser/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
-                               </ul>
-                       </div><!-- .theme-devs -->
-
</del><span class="cx" style="display: block; padding: 0 10px">                         <div class="theme-downloads">
</span><span class="cx" style="display: block; padding: 0 10px">                                <h4><?php _e( 'Downloads', 'wporg-themes' ); ?></h4>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -141,16 +98,59 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                </script>
</span><span class="cx" style="display: block; padding: 0 10px">                                <p class="total-downloads"><?php printf( __( 'Total downloads: %s' ), '<strong>' . number_format_i18n( $theme->downloaded ) . '</strong>' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div><!-- .theme-downloads -->
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                </div><!-- .theme-info -->
</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="theme-tags">
-                               <h4><?php _e( 'Tags:' ); ?></h4>
-                               <?php
-                                       foreach( $theme->tags as &$tag ) :
-                                               $tag = sprintf( '<a href="%1$s">%2$s</a>', esc_url( home_url( "/tag/{$tag}/" ) ), $tag );
-                                       endforeach;
-                                       echo implode( ', ', $theme->tags );
-                               ?>
-                       </div><!-- .theme-tags -->
-               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="theme-meta">
+                       <div class="theme-ratings" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
+                               <meta itemprop="ratingValue" content="<?php echo esc_attr( number_format_i18n( $theme->rating / 20, 1 ) ); ?>"/>
+                               <meta itemprop="ratingCount" content="<?php echo esc_attr( $theme->num_ratings ); ?>"/>
+                               <h4><?php _e( 'Ratings', 'wporg-themes' ); ?></h4>
+
+                               <div class="rating">
+                                       <div class="star-holder">
+                                               <div class="star-rating" style="width: <?php echo esc_attr( number_format_i18n( $theme->rating, 1 ) ); ?>%">
+                                                       <?php printf( __( '%d stars', 'wporg-themes' ), number_format_i18n( $theme->rating / 20 ) ); ?>
+                                               </div>
+                                       </div>
+                                       <p class="description"><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), number_format_i18n( $theme->rating / 20, 1 ) ); ?></p>
+                               </div>
+
+                               <?php if ( ! empty( $theme->ratings ) && ! empty( $theme->num_ratings ) ) : ?>
+                               <ul>
+                                       <?php foreach ( $theme->ratings as $key => $rate_count ) : ?>
+                                       <li class="counter-container">
+                                               <a href="//wordpress.org/support/view/theme-reviews/<?php echo esc_attr( $theme->slug ); ?>?filter=<?php echo $key; ?>" title="<?php printf( _n( 'Click to see reviews that provided a rating of %d star', 'Click to see reviews that provided a rating of %d stars', $key, 'wporg-themes' ), $key ); ?>">
+                                                       <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), $key ); ?></span>
+                                                       <span class="counter-back">
+                                                               <span class="counter-bar" style="width: <?php echo 100 * ( $rate_count / $theme->num_ratings ); ?>px;"></span>
+                                                       </span>
+                                                       <span class="counter-count"><?php echo $rate_count; ?></span>
+                                               </a>
+                                       </li>
+                                       <?php endforeach; ?>
+                               </ul>
+                               <?php endif; ?>
+                       </div><!-- .theme-rating -->
+
+                       <div class="theme-devs">
+                               <h4><?php _e( 'Development', 'wporg-themes' ); ?></h4>
+                               <h5><?php _e( 'Subscribe', 'wporg-themes' ); ?></h5>
+                               <ul class="unmarked-list">
+                                       <li>
+                                               <a href="//themes.trac.wordpress.org/log/<?php echo esc_attr( $theme->slug ); ?>?limit=100&mode=stop_on_copy&format=rss">
+                                                       <img src="//s.w.org/style/images/feedicon.png" />
+                                                       <?php _e( 'Development Log', 'wporg' ); ?>
+                                               </a>
+                                       </li>
+                               </ul>
+
+                               <h5><?php _e( 'Browse the Code', 'wporg-themes' ); ?></h5>
+                               <ul class="unmarked-list">
+                                       <li><a href="//themes.trac.wordpress.org/log/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
+                                       <li><a href="//themes.svn.wordpress.org/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
+                                       <li><a href="//themes.trac.wordpress.org/browser/<?php echo esc_attr( $theme->slug ); ?>/" rel="nofollow"><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
+                               </ul>
+                       </div><!-- .theme-devs -->
+               </div><!-- .theme-meta -->
</ins><span class="cx" style="display: block; padding: 0 10px">         </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesstylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css        2015-02-11 19:08:22 UTC (rev 1254)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css  2015-02-12 19:56:30 UTC (rev 1255)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -90,6 +90,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-overlay .theme-wrap {
</span><span class="cx" style="display: block; padding: 0 10px">        left: 30px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        margin: 0 auto;
+       max-width: 1290px;
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-overflow-scrolling: touch;
</span><span class="cx" style="display: block; padding: 0 10px">        overflow-y: scroll;
</span><span class="cx" style="display: block; padding: 0 10px">        top: 3%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,47 +138,50 @@
</span><span class="cx" style="display: block; padding: 0 10px">        bottom: 0;
</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">-.theme-wrap .theme-info > div {
-       margin-bottom: 75px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-about .theme-info {
+       float: left;
+       width: calc(70% - 30px);
</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">-.theme-wrap .theme-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-about .theme-head,
+.theme-wrap .theme-about .theme-meta {
</ins><span class="cx" style="display: block; padding: 0 10px">         float: right;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        width: 40%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc(32% - 30px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.theme-wrap .theme-name {
-       display: inline-block;
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.theme-wrap .theme-screenshots {
-       float: left;
-       margin-bottom: 75px;
-       max-width: 880px;
-       text-align: center;
-       width: 55%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-about .theme-head,
+.theme-wrap .theme-about .theme-info > div:not(:last-of-type),
+.theme-wrap .theme-about .theme-meta > div:not(:last-of-type) {
+       margin-bottom: 50px;
</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">-.theme-wrap .screenshot {
-       overflow: initial;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-name {
+       display: inline-block;
</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"> .theme-wrap .theme-actions {
</span><span class="cx" style="display: block; padding: 0 10px">        background: none;
</span><span class="cx" style="display: block; padding: 0 10px">        border: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        padding: 10px 25px 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px">        z-index: 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">-.theme-wrap .theme-devs,
-.theme-wrap .theme-ratings {
-       display: inline-block;
-       vertical-align: top;
-       width: 46%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-actions a {
+       height: 36px;
+       padding: 4px 10px;
+       width: 45%;
</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">-.theme-wrap .theme-devs {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-overlay .theme-description,
+.theme-overlay .theme-tags {
+       margin: 0;
+       padding: 0;
+}
+
+.theme-wrap .theme-devs,
+.theme-wrap .theme-support {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: 1.4em;
</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">@@ -186,13 +191,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-devs li {
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 1.5;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-.theme-wrap .theme-ratings {
-       margin-right: 7%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-ratings .rating {
+       margin: 0 0 1.5em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-ratings .star-holder,
+.theme-wrap .theme-ratings .description {
+       display: inline-block;
+}
+.theme-wrap .theme-ratings .description {
+       color: #aa9;
+       font-style: italic;
+       margin: 0 5px;
+       vertical-align: text-bottom;
+}
+.theme-wrap .theme-ratings ul {
+       list-style-type: none;
+       margin: 0;
+       padding: 0;
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-ratings .counter-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-ratings .counter-container a {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-ratings .counter-label,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-ratings .counter-count {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -209,13 +229,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-ratings .counter-back {
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: #ececec;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        width: 92px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 70%;
+       width: -webkit-calc(100% - 60px);
+       width: calc(100% - 60px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-ratings .counter-bar {
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: #fddb5a;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-ratings .counter-count {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        float: right;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ float: left;
</ins><span class="cx" style="display: block; padding: 0 10px">         margin-left: 5px;
</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">@@ -883,12 +905,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"> @media only screen and (max-width: 960px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        /* Keep ratings and dev links stacked until they have enough room. */
-       .theme-wrap .theme-devs,
-       .theme-wrap .theme-ratings {
-               margin: auto;
-               width: 100%;
-       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</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"> @media only screen and (max-width: 782px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -904,11 +921,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</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">-        .theme-wrap .theme-screenshots {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .theme-wrap .theme-about .theme-head,
+       .theme-wrap .theme-about .theme-info,
+       .theme-wrap .theme-about .theme-meta {
</ins><span class="cx" style="display: block; padding: 0 10px">                 float: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         width: auto;
</ins><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">+        .theme-wrap .theme-about .theme-info {
+               margin-bottom: 50px;
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px">         .theme-wrap .theme-actions {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: 10px 0 5px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -924,11 +947,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">                width: 100%;
</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">-        .theme-wrap .theme-info {
-               float: none;
-               width: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .theme-wrap .theme-ratings,
+       .theme-wrap .theme-devs {
+               display: inline-block;
+               width: 47%;
+               vertical-align: top;
</ins><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">+        .theme-wrap .theme-devs {
+               margin-left: 5%;
+       }
+
</ins><span class="cx" style="display: block; padding: 0 10px">         .theme-install-overlay .wp-full-overlay-header .theme-install {
</span><span class="cx" style="display: block; padding: 0 10px">                line-height: 26px;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 8px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -961,8 +990,17 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .theme-wrap .theme-screenshots,
-       .theme-wrap .theme-info > div {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .theme-wrap .theme-about .theme-head,
+       .theme-wrap .theme-about .theme-info,
+       .theme-wrap .theme-about .theme-info > div:not(:last-of-type),
+       .theme-wrap .theme-about .theme-meta > div:not(:last-of-type) {
</ins><span class="cx" style="display: block; padding: 0 10px">                 margin-bottom: 30px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       /* Keep ratings and dev links stacked until they have enough room. */
+       .theme-wrap .theme-devs,
+       .theme-wrap .theme-ratings {
+               margin: auto;
+               width: 100%;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemesinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php  2015-02-11 19:08:22 UTC (rev 1254)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php    2015-02-12 19:56:30 UTC (rev 1255)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,131 +6,141 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        <button class="left dashicons dashicons-no"><span class="screen-reader-text"><?php _e( 'Show previous theme' ); ?></span></button>
</span><span class="cx" style="display: block; padding: 0 10px">                        <button class="right dashicons dashicons-no"><span class="screen-reader-text"><?php _e( 'Show next theme' ); ?></span></button>
</span><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="theme-about">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+               <div class="theme-about hentry">
</ins><span class="cx" style="display: block; padding: 0 10px">                         <# if ( data.is_outdated ) { #>
</span><span class="cx" style="display: block; padding: 0 10px">                        <div class="theme-notice notice notice-warning">
</span><span class="cx" style="display: block; padding: 0 10px">                                <p><?php _e( 'This theme <strong>hasn&#146;t been updated in over 2 years</strong>. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.', 'wporg-themes' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px">                        </div><!-- .theme-notice -->
</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">-                                <div class="theme-screenshots">
-                                       <# if ( data.screenshot_url ) { #>
-                                               <div class="screenshot"><img src="{{ data.screenshot_url }}?w=732&strip=all" alt=""/></div>
-                                       <# } else { #>
-                                               <div class="screenshot blank"></div>
-                                       <# } #>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <div class="theme-head">
+                               <h3 class="theme-name entry-title">{{{ data.name }}}</h3>
+                               <h4 class="theme-author"><?php printf( __( 'By %s' ), '<a href="https://profiles.wordpress.org/{{ data.author }}"><span class="author">{{{ data.author }}}</span></a>' ); ?></h4>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                <div class="theme-actions">
+                                       <a href="{{{ data.preview_url }}}" class="button button-secondary"><?php _e( 'Preview' ); ?></a>
+                                       <a href="//downloads.wordpress.org/theme/{{ data.slug }}.{{ data.version }}.zip" class="button button-primary"><?php _e( 'Download' ); ?></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">-                                        <div class="theme-actions">
-                                               <a href="//downloads.wordpress.org/theme/{{ data.slug }}.{{ data.version }}.zip" class="button button-primary"><?php _e( 'Download' ); ?></a>
-                                               <a href="{{{ data.preview_url }}}" class="button button-secondary"><?php _e( 'Preview' ); ?></a>
-                                       </div>
-                               </div><!-- .theme-screenshot -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <# if ( data.parent ) { #>
+                               <div class="theme-notice notice notice-info">
+                                       <p class="parent"><?php printf( __( 'This is a child theme of %s.' ), sprintf( '<a href="/%1$s">%2$s</a>', '{{{ data.parent.slug }}}', '{{{ data.parent.name }}}' ) ); ?></p>
+                               </div>
+                               <# } #>
+                       </div><!-- .theme-head -->
</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="theme-info">
-                               <div class="theme hentry">
-                                       <h3 class="theme-name entry-title">{{{ data.name }}}</h3>
-                                       <h4 class="theme-author"><?php printf( __( 'By %s' ), '<a href="https://profiles.wordpress.org/{{ data.author }}"><span class="author">{{{ data.author }}}</span></a>' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <div class="theme-info">
+                               <# if ( data.screenshot_url ) { #>
+                               <div class="screenshot"><img src="{{ data.screenshot_url }}?w=798&strip=all" alt=""/></div>
+                               <# } else { #>
+                               <div class="screenshot blank"></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="theme-description entry-summary">{{{ data.description }}}</p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <div class="theme-description entry-summary"><p>{{{ data.description }}}</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">-                                        <# if ( data.parent ) { #>
-                                       <div class="theme-notice notice notice-info">
-                                               <p class="parent"><?php printf( __( 'This is a child theme of %s.' ), sprintf( '<a href="/%1$s">%2$s</a>', '{{{ data.parent.slug }}}', '{{{ data.parent.name }}}' ) ); ?></p>
-                                       </div>
-                                       <# } #>
-                               </div><!-- .theme-info -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <# if ( data.tags ) { #>
+                               <div class="theme-tags">
+                                       <h4><?php _e( 'Tags:' ); ?></h4>
+                                       {{{ data.tags }}}
+                               </div><!-- .theme-tags -->
+                               <# } #>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                <div class="theme-downloads">
+                                       <h4><?php _e( 'Downloads Per Day' ); ?></h4>
+                                       <div id="theme-download-stats-{{data.id}}" class="chart"></div>
+                                       <p class="total-downloads"><?php printf( __( 'Total downloads: %s' ), '<strong>{{ new Number(data.downloaded).toLocaleString() }}</strong>' ); ?></p>
+                               </div><!-- .theme-downloads -->
+                       </div>
+
+                       <div class="theme-meta">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <div class="theme-ratings" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
</span><span class="cx" style="display: block; padding: 0 10px">                                        <meta itemprop="ratingValue" content="{{ (data.rating/20).toFixed(1) }}"/>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <meta itemprop="ratingCount" content="{{ data.num_ratings }}"/>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <h4><?php _e( 'Ratings', 'wporg-themes' ); ?></h4>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <div class="star-holder">
-                                               <div class="star-rating" style="width: {{ (data.rating).toFixed(1) }}%"><?php printf( __( '%d stars', 'wporg-themes' ), '{{ Math.round( data.rating ) }}' ); ?></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <div class="rating">
+                                               <div class="star-holder">
+                                                       <div class="star-rating" style="width: {{ (data.rating).toFixed(1) }}%"><?php printf( __( '%d stars', 'wporg-themes' ), '{{ Math.round( data.rating ) }}' ); ?></div>
+                                               </div>
+                                               <p class="description"><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), '{{ (data.rating/20).toFixed(1) }}' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px">                                         </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <span><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), '{{ (data.rating/20).toFixed(1) }}' ); ?></span>
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                        <# if ( data.ratings ) { #>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                <div class="counter-container">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <ul>
+                                               <li class="counter-container">
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=5" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 5 ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 5 ); ?></span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-back">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                        <span class="counter-bar" style="width: {{ 92 * data.ratings[5] / data.num_ratings }}px;"></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                                 <span class="counter-bar" style="width: {{ 100 * data.ratings[5] / data.num_ratings }}%;"></span>
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 </span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-count">{{ data.ratings[5] }}</span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                        </a>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                </div>
-                                               <div class="counter-container">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         </li>
+                                               <li class="counter-container">
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=4" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 4 ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 4 ); ?></span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-back">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                        <span class="counter-bar" style="width: {{ 92 * data.ratings[4] / data.num_ratings }}px;"></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                                 <span class="counter-bar" style="width: {{ 100 * data.ratings[4] / data.num_ratings }}%;"></span>
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 </span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-count">{{ data.ratings[4] }}</span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                        </a>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                </div>
-                                               <div class="counter-container">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         </li>
+                                               <li class="counter-container">
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=3" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 3 ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 3 ); ?></span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-back">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                        <span class="counter-bar" style="width: {{ 92 * data.ratings[3] / data.num_ratings }}px;"></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                                 <span class="counter-bar" style="width: {{ 100 * data.ratings[3] / data.num_ratings }}%;"></span>
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 </span>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                                <span class="counter-count">{{ data.ratings[3] }}</span>
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         </a>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        <span class="counter-count">{{ data.ratings[3] }}</span>
-                                               </div>
-                                               <div class="counter-container">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         </li>
+                                               <li class="counter-container">
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=2" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 2 ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 2 ); ?></span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-back">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                        <span class="counter-bar" style="width: {{ 92 * data.ratings[2] / data.num_ratings }}px;"></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                                 <span class="counter-bar" style="width: {{ 100 * data.ratings[2] / data.num_ratings }}%;"></span>
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 </span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-count">{{ data.ratings[2] }}</span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                        </a>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                </div>
-                                               <div class="counter-container">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         </li>
+                                               <li class="counter-container">
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=1" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 1 ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 1 ); ?></span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-back">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                        <span class="counter-bar" style="width: {{ 92 * data.ratings[1] / data.num_ratings }}px;"></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                                 <span class="counter-bar" style="width: {{ 100 * data.ratings[1] / data.num_ratings }}%;"></span>
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 </span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <span class="counter-count">{{ data.ratings[1] }}</span>
</span><span class="cx" style="display: block; padding: 0 10px">                                                        </a>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         </li>
+                                       </ul>
</ins><span class="cx" style="display: block; padding: 0 10px">                                         <# } #>
</span><span class="cx" style="display: block; padding: 0 10px">                                </div><!-- .theme-rating -->
</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="theme-devs">
-                                               <h4><?php _e( 'Development', 'wporg-themes' ); ?></h4>
-                                               <h5><?php _e( 'Subscribe', 'wporg-themes' ); ?></h5>
-                                               <ul class="unmarked-list">
-                                                       <li>
-                                                               <a href="//themes.trac.wordpress.org/log/{{data.id}}?limit=100&mode=stop_on_copy&format=rss">
-                                                                       <img src="//s.w.org/style/images/feedicon.png" style="vertical-align:text-top;" />
-                                                                       <?php _e( 'Development Log', 'wporg' ); ?>
-                                                               </a>
-                                                       </li>
-                                               </ul>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <div class="theme-devs">
+                                       <h4><?php _e( 'Development', 'wporg-themes' ); ?></h4>
+                                       <h5><?php _e( 'Subscribe', 'wporg-themes' ); ?></h5>
+                                       <ul class="unmarked-list">
+                                               <li>
+                                                       <a href="//themes.trac.wordpress.org/log/{{data.id}}?limit=100&mode=stop_on_copy&format=rss">
+                                                               <img src="//s.w.org/style/images/feedicon.png" />
+                                                               <?php _e( 'Development Log', 'wporg' ); ?>
+                                                       </a>
+                                               </li>
+                                       </ul>
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                <h5><?php _e( 'Browse the Code', 'wporg-themes' ); ?></h5>
-                                               <ul class="unmarked-list">
-                                                       <li><a href="//themes.trac.wordpress.org/log/{{data.id}}/" rel="nofollow"><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
-                                                       <li><a href="//themes.svn.wordpress.org/{{data.id}}/" rel="nofollow"><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
-                                                       <li><a href="//themes.trac.wordpress.org/browser/{{data.id}}/" rel="nofollow"><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
-                                               </ul>
-                                       </div><!-- .theme-devs -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <h5><?php _e( 'Browse the Code', 'wporg-themes' ); ?></h5>
+                                       <ul class="unmarked-list">
+                                               <li><a href="//themes.trac.wordpress.org/log/{{data.id}}/" rel="nofollow"><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
+                                               <li><a href="//themes.svn.wordpress.org/{{data.id}}/" rel="nofollow"><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
+                                               <li><a href="//themes.trac.wordpress.org/browser/{{data.id}}/" rel="nofollow"><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
+                                       </ul>
+                               </div><!-- .theme-devs -->
</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="theme-downloads">
-                                       <h4><?php _e( 'Downloads Per Day' ); ?></h4>
-                                       <div id="theme-download-stats-{{data.id}}" class="chart"></div>
-                                       <p class="total-downloads"><?php printf( __( 'Total downloads: %s' ), '<strong>{{ new Number(data.downloaded).toLocaleString() }}</strong>' ); ?></p>
-                               </div><!-- .theme-downloads -->
-
-                               <# if ( data.tags ) { #>
-                                       <div class="theme-tags">
-                                               <h4><?php _e( 'Tags:' ); ?></h4>
-                                               {{{ data.tags }}}
-                                       </div><!-- .theme-tags -->
-                               <# } #>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <div class="theme-support">
+                                       <h4><?php _e( 'Support', 'wporg-themes' ); ?></h4>
+                                       <p><?php _e( 'Got something to say? Neeed help?', 'wporg-themes' ); ?></p>
+                                       <a href="//wordpress.org/support/theme/{{ data.slug }}" class="button button-secondary"><?php _e( 'View support forum', 'wporg-themes' ); ?></a>
+                               </div><!-- .theme-support -->
</ins><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">        </div>
</span></span></pre>
</div>
</div>

</body>
</html>