<!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>[1409] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes: WP.org Themes: Design parity between modal and singular theme page.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/1409">1409</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/1409","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-03-17 23:37:22 +0000 (Tue, 17 Mar 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: Design parity between modal and singular theme page.
* Uses Dashicons to display rating stars.
* Removes the dependency on admin themes styles.
See <a href="http://meta.trac.wordpress.org/ticket/950">#950</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_htmlwpcontentthemespubwporgthemesfunctionsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/functions.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesjsthemejs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/js/theme.js</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>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme.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-03-17 21:50:09 UTC (rev 1408)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php 2015-03-17 23:37:22 UTC (rev 1409)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,6 +2,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $slug = get_post()->post_name;
</span><span class="cx" style="display: block; padding: 0 10px"> $theme = themes_api('theme_information', array( 'slug' => $slug ) );
</span><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-navigation">
+ <a class="close" rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php _e( 'Return to Themes List', 'wporg-themes' ); ?></a>
+ <?php the_post_navigation( array(
+ 'prev_text' => '<span class="screen-reader-text">' . __( 'Next', 'wporg-themes' ) . '</span>',
+ 'next_text' => '<span class="screen-reader-text">' . __( 'Previous', 'wporg-themes' ) . '</span>',
+ ) ); ?>
+</div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-wrap">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-about hentry" itemscope itemtype="http://schema.org/CreativeWork">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,15 +18,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .theme-info -->
</span><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-head">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3 class="theme-name entry-title" itemprop="name"><?php the_title(); ?></h3>
</span><span class="cx" style="display: block; padding: 0 10px"> <h4 class="theme-author">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php printf( _x( 'By %s', 'post author', 'wporg-themes' ), sprintf( '<a href="https://profiles.wordpress.org/%s"><span class="author" itemprop="author">%s</span></a>', get_the_author_meta( 'nicename' ), esc_html( get_the_author() ) ) ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php printf( _x( 'by %s', 'post author', 'wporg-themes' ), sprintf( '<a href="https://wordpress.org/themes/author/%s/"><span class="author" itemprop="author">%s</span></a>', get_the_author_meta( 'nicename' ), esc_html( get_the_author() ) ) ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </h4>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </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="<?php echo esc_url( '//wp-themes.com/' . $slug ); ?>" class="button button-secondary"><?php _e( 'Preview' ); ?></a>
- <a href="<?php echo esc_url( '//downloads.wordpress.org/theme/' . $slug . '.' . $theme->version . '.zip' ); ?>" class="button button-primary"><?php _e( 'Download' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-head">
+ <div class="theme-actions clear">
+ <a href="<?php echo esc_url( '//wp-themes.com/' . $slug ); ?>" class="button button-secondary alignleft"><?php _e( 'Preview' ); ?></a>
+ <a href="<?php echo esc_url( '//downloads.wordpress.org/theme/' . $slug . '.' . $theme->version . '.zip' ); ?>" class="button button-primary alignright"><?php _e( 'Download' ); ?></a>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -43,7 +52,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .theme-head -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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="screenshot"><?php the_post_thumbnail( '798' ); ?></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="screenshot"><?php the_post_thumbnail( '571' ); ?></div>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-description entry-summary" itemprop="description"><?php the_content(); ?></div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -105,45 +114,51 @@
</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"> </script>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p class="total-downloads"><?php printf( __( 'Total downloads: %s' ), '<strong>' . $theme->downloaded . '</strong>' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p class="total-downloads"><?php printf( __( 'Total downloads: %s' ), '<strong>' . number_format_i18n( $theme->downloaded ) . '</strong>' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .theme-downloads -->
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .theme-info -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-meta">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-ratings" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <meta itemprop="ratingValue" content="<?php echo esc_attr( number_format_i18n( $theme->rating / 20, 1 ) ); ?>"/>
</del><span class="cx" style="display: block; padding: 0 10px"> <meta itemprop="ratingCount" content="<?php echo esc_attr( $theme->num_ratings ); ?>"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <h4><?php _e( 'Ratings', 'wporg-themes' ); ?></h4>
</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="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>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! empty( $theme->ratings ) ) : ?>
+ <div class="rating rating-<?php echo esc_attr( number_format( $theme->rating ) ); ?>">
+ <span class="one"></span>
+ <span class="two"></span>
+ <span class="three"></span>
+ <span class="four"></span>
+ <span class="five"></span>
+ <p class="description"><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), '<span itemprop="ratingValue">' . number_format_i18n( $theme->rating / 20, 1 ) . '</span>' ); ?></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">- <p class="description"><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), number_format_i18n( $theme->rating / 20, 1 ) ); ?></p>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php else : ?>
+ <div class="rating">
+ <div class="ratings"><?php _e( 'This theme has not been rated yet.', 'wporg-themes' ); ?></div>
+ </div>
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! empty( $theme->ratings ) && ! empty( $theme->num_ratings ) ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <ul>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> foreach ( $theme->ratings as $key => $rate_count ) :
</span><span class="cx" style="display: block; padding: 0 10px"> // Hack to have descending key/value pairs.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $key = 6 - $key;
- $rate_count = $theme->ratings[ $key ];
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $key = 6 - $key;
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <li class="counter-container">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a href="//wordpress.org/support/view/theme-reviews/<?php echo esc_attr( $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>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a href="//wordpress.org/support/view/theme-reviews/<?php echo esc_attr( $slug ); ?>?filter=<?php echo $key; ?>" title="<?php echo esc_attr( sprintf( _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( _n( '%d star', '%d stars', $key, 'wporg-themes' ), $key ); ?></span>
</ins><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: <?php echo 100 * ( $rate_count / $theme->num_ratings ); ?>px;"></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <span class="counter-bar" style="width: <?php echo 100 * ( $theme->ratings[ $key ] / $theme->num_ratings ); ?>%;"></span>
</ins><span class="cx" style="display: block; padding: 0 10px"> </span>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <span class="counter-count"><?php echo $rate_count; ?></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <span class="counter-count"><?php echo $theme->ratings[ $key ]; ?></span>
</ins><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> </li>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endforeach; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </ul>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ <a class="button button-secondary" href="https://wordpress.org/support/view/theme-reviews/<?php echo esc_attr( $slug ); ?>#postform"><?php _e( 'Add your review', 'wporg-themes' ); ?></a>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .theme-rating -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-support">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -173,11 +188,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .theme-devs -->
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .theme-meta -->
</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-footer">
- <a class="index-link" rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php _e( 'Return to Themes List', 'wporg-themes' ); ?></a>
- <?php the_post_navigation( array(
- 'prev_text' => '<span class="screen-reader-text">' . __( 'Next', 'wporg-themes' ) . '</span>',
- 'next_text' => '<span class="screen-reader-text">' . __( 'Previous', 'wporg-themes' ) . '</span>',
- ) ); ?>
- </div>
</del><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesfunctionsphp"></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/functions.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/functions.php 2015-03-17 21:50:09 UTC (rev 1408)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/functions.php 2015-03-17 23:37:22 UTC (rev 1409)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -37,14 +37,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Enqueue scripts and styles.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function wporg_themes_scripts() {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_style( 'wporg-themes', get_stylesheet_uri(), array(), filemtime( __DIR__ . '/style.css' ) );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_style( 'ratings', '//wordpress.org/extend/themes-plugins/bb-ratings/bb-ratings.css', array(), '4' );
- wp_enqueue_style( 'themes-style', self_admin_url( 'css/themes.css' ) );
- wp_enqueue_style( 'wporg-themes-style', get_stylesheet_uri(), array(), filemtime( __DIR__ . '/style.css' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( ! is_singular( 'page' ) ) {
+ wp_enqueue_script( 'google-jsapi', '//www.google.com/jsapi', array( 'jquery' ), null );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_script( 'google-jsapi', '//www.google.com/jsapi', array( 'jquery' ), null );
-
- if ( ! is_singular( 'page' ) ) {
</del><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'theme', self_admin_url( 'js/theme.js' ), array( 'wp-backbone' ), false, true );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'wporg-theme', get_template_directory_uri() . '/js/theme.js', array( 'theme' ), filemtime( __DIR__ . '/js/theme.js' ), true );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -78,6 +75,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_enqueue_scripts', 'wporg_themes_scripts' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Extend the default WordPress body classes.
+ *
+ * Adds body classes to denote singular themes.
+ *
+ * @param array $classes A list of existing body class values.
+ * @return array The filtered body class list.
+ */
+function wporg_themes_body_class( $classes ) {
+ if ( is_singular( 'repopackage' ) ) {
+ $classes[] = 'modal-open';
+ }
+
+ return $classes;
+}
+add_filter( 'body_class', 'wporg_themes_body_class' );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Create a nicely formatted and more specific title element text for output
</span><span class="cx" style="display: block; padding: 0 10px"> * in head of document, based on current view.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesjsthemejs"></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/js/theme.js</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/js/theme.js 2015-03-17 21:50:09 UTC (rev 1408)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/js/theme.js 2015-03-17 23:37:22 UTC (rev 1409)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -477,8 +477,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // It's shown when clicking a theme
</span><span class="cx" style="display: block; padding: 0 10px"> collapse: function( event ) {
</span><span class="cx" style="display: block; padding: 0 10px"> var self = this,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- args = {},
- scroll, author, search, tags, sorter;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ scroll;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> event = event || window.event;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -490,13 +489,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Detect if the click is inside the overlay
</span><span class="cx" style="display: block; padding: 0 10px"> // and don't close it unless the target was
</span><span class="cx" style="display: block; padding: 0 10px"> // the div.back button
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( $( event.target ).is( '.theme-backdrop' ) || $( event.target ).is( '.close' ) || event.keyCode === 27 ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $( event.target ).is( '.close' ) || event.keyCode === 27 ) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Add a temporary closing class while overlay fades out
</span><span class="cx" style="display: block; padding: 0 10px"> $( 'body' ).addClass( 'closing-overlay' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // With a quick fade out animation
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- this.$el.fadeOut( 130, function() {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ this.$el.fadeOut( 1, function() {
</ins><span class="cx" style="display: block; padding: 0 10px"> // Clicking outside the modal box closes the overlay
</span><span class="cx" style="display: block; padding: 0 10px"> $( 'body' ).removeClass( 'closing-overlay' );
</span><span class="cx" style="display: block; padding: 0 10px"> // Handle event cleanup
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -505,30 +504,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Get scroll position to avoid jumping to the top
</span><span class="cx" style="display: block; padding: 0 10px"> scroll = document.body.scrollTop;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Clean the url structure
- if ( author = wp.themes.Collection.prototype.currentQuery.request.author ) {
- wp.themes.router.navigate( wp.themes.router.baseUrl( 'author/' + author ) );
- wp.themes.utils.title( author );
- }
- else if ( search = wp.themes.Collection.prototype.currentQuery.request.search ) {
- wp.themes.router.navigate( wp.themes.router.baseUrl( wp.themes.router.searchPath + search ) );
- wp.themes.utils.title( search );
- }
- else if ( tags = wp.themes.view.Installer.prototype.filtersChecked() ) {
- wp.themes.router.navigate( wp.themes.router.baseUrl( 'tags/' + tags.join( '+' ) ) );
- wp.themes.utils.title( _.each( tags, function( tag, i ) {
- tags[ i ] = $( 'label[for="filter-id-' + tag + '"]' ).text();
- }).join( ', ' ) );
- }
- else if ( sorter = $( '.filter-links .current' ) ) {
- if ( ! sorter.length ) {
- sorter = $( '.filter-links [data-sort="featured"]' );
- args = { trigger: true };
- }
- wp.themes.router.navigate( wp.themes.router.baseUrl( wp.themes.router.browsePath + sorter.data( 'sort' ) ), args );
- wp.themes.utils.title( sorter.text() );
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Restore scroll position
</span><span class="cx" style="display: block; padding: 0 10px"> document.body.scrollTop = scroll;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -538,6 +513,42 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> });
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+
+ // Performs the actions to effectively close
+ // the theme details overlay
+ closeOverlay: function() {
+ var args = {},
+ author, search, tags, sorter;
+
+ $( 'body' ).removeClass( 'modal-open' );
+ this.remove();
+ this.unbind();
+ this.trigger( 'theme:collapse' );
+
+ // Clean the url structure
+ if ( author = wp.themes.Collection.prototype.currentQuery.request.author ) {
+ wp.themes.router.navigate( wp.themes.router.baseUrl( 'author/' + author ) );
+ wp.themes.utils.title( author );
+ }
+ else if ( search = wp.themes.Collection.prototype.currentQuery.request.search ) {
+ wp.themes.router.navigate( wp.themes.router.baseUrl( wp.themes.router.searchPath + search ) );
+ wp.themes.utils.title( search );
+ }
+ else if ( tags = wp.themes.view.Installer.prototype.filtersChecked() ) {
+ wp.themes.router.navigate( wp.themes.router.baseUrl( 'tags/' + tags.join( '+' ) ) );
+ wp.themes.utils.title( _.each( tags, function( tag, i ) {
+ tags[ i ] = $( 'label[for="filter-id-' + tag + '"]' ).text();
+ }).join( ', ' ) );
+ }
+ else if ( sorter = $( '.filter-links .current' ) ) {
+ if ( ! sorter.length ) {
+ sorter = $( '.filter-links [data-sort="featured"]' );
+ args = { trigger: true };
+ }
+ wp.themes.router.navigate( wp.themes.router.baseUrl( wp.themes.router.browsePath + sorter.data( 'sort' ) ), args );
+ wp.themes.utils.title( sorter.text() );
+ }
</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">
</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-03-17 21:50:09 UTC (rev 1408)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css 2015-03-17 23:37:22 UTC (rev 1409)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,10 +14,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: 'Open Sans', sans-serif;
</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">-body.modal-open {
- overflow: hidden;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> p {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -30,7 +26,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Assistive text */
</span><span class="cx" style="display: block; padding: 0 10px"> .screen-reader-text {
</span><span class="cx" style="display: block; padding: 0 10px"> clip: rect(1px, 1px, 1px, 1px);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 1px;
+ overflow: hidden;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute !important;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 1px;
</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"> .screen-reader-text:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -70,110 +69,379 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</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">-/* assorted overrides */
-#headline h2 {
- margin-bottom: 16px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Regular Content. */
+h2 {
+ font-size: 28px;
+ margin-bottom: 10px;
</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">-.wrap {
- box-sizing: border-box;
- clear: both;
- margin: 0 auto;
- max-width: 960px;
- padding: 0 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul, ol {
+ margin: 0 0 22px 0;
+ padding-left: 26px;
</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-overlay .theme-backdrop {
- position: fixed;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.type-page {
+ margin: 30px auto;
</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-overlay .theme-wrap {
- left: 30px;
- margin: 0 auto;
- max-width: 1290px;
- -webkit-overflow-scrolling: touch;
- top: 3%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-title {
+ font-size: 36px;
+ font-weight: 300;
+ line-height: 1.3;
+ margin-bottom: 20px;
</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">-.admin-bar .theme-overlay .theme-wrap {
- top: calc(3% + 32px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content {
+ font-size: 16px;
+ line-height: 1.6;
</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">+.entry-content p {
+ margin: 0 0 22px 0;
+}
+
+/*------------------------------------------------------------------------------
+ 16.0 - Themes
+------------------------------------------------------------------------------*/
+
+.wrap {
+ box-sizing: border-box;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 960px;
+ padding: 0 10px 100px;
+ position: relative;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .themes {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0;
-}
-body:not(.single) .theme-browser .themes:not(:empty) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clear: both;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 0 100px;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.modal-open .wp-filter,
+.modal-open .rendered .themes {
+ display: none;
+}
+
+/**
+ * Main theme element
+ * (has flexible margins)
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .theme {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 1px solid #dedede;
+ -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
+ box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
+ box-sizing: border-box;
+ cursor: pointer;
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 4% 4% 0;
+ position: relative;
+ width: 30.4%;
+ width: -webkit-calc(92% / 3);
+ width: calc(92% / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.ie8 .theme-browser .theme {
+ width: 30%;
+ margin: 0 3% 4% 0;
+}
+
+.theme-browser .theme:nth-child(3n) {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .theme:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .theme:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #5b9dd9;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ cursor: pointer;
</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-browser .theme:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+ box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+}
+
+.theme-browser .theme .entry-title {
+ background: #fff;
+ background: rgba(255,255,255,0.65);
+ -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
+ box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
+ font-size: 15px;
+ font-weight: 600;
+ height: 18px;
+ margin: 0;
+ overflow: hidden;
+ padding: 15px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+/* Activate and Customize buttons, shown on hover and focus */
+.theme-browser .theme .theme-actions {
+ background: rgba(244, 244, 244, 0.7);
+ bottom: 0;
+ border-left: 1px solid rgba(0,0,0,0.05);
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ height: 38px;
+ opacity: 0;
+ padding: 9px 10px 0 10px;
+ position: absolute;
+ right: 0;
+ -webkit-transition: opacity 0.1s ease-in-out;
+ transition: opacity 0.1s ease-in-out;
+}
+
+.theme-browser .theme:hover .theme-actions,
+.theme-browser .theme.focus .theme-actions,
+.theme-browser .theme:focus .theme-actions {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ opacity: 1;
+}
+
+/**
+ * Theme Screenshot
+ *
+ * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
+ * It is also responsive.
+ */
+.theme-browser .theme .theme-screenshot {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ -webkit-transition: opacity 0.2s ease-in-out;
+ transition: opacity 0.2s ease-in-out;
+}
+
+.theme-browser .theme .theme-screenshot:after {
+ content: '';
+ display: block;
+ padding-top: 66.66666%; /* using a 3/2 aspect ratio */
+}
+
+.theme-browser .theme:hover .theme-screenshot,
+.theme-browser .theme:focus .theme-screenshot {
+ background: #fff;
+}
+
+.theme-browser .theme .theme-screenshot img {
+ height: auto;
+ left: 0;
+ position: absolute;
+ top: 0;
+ -webkit-transition: opacity 0.2s ease-in-out;
+ transition: opacity 0.2s ease-in-out;
+ width: 100%;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .theme:hover .theme-screenshot img,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .theme:focus .theme-screenshot img {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.4;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-browser .theme .more-details {
+ background: #23282d;
+ background: rgba(0,0,0,0.7);
+ border-radius: 3px;
+ color: #fff;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ font-size: 15px;
+ -webkit-font-smoothing: antialiased;
+ font-weight: 600;
+ left: 25%;
+ opacity: 0;
+ padding: 15px 12px;
+ position: absolute;
+ right: 25%;
+ text-align: center;
+ text-shadow: 0 1px 0 rgba(0,0,0,0.6);
+ top: 35%;
+ -webkit-transition: opacity 0.1s ease-in-out;
+ transition: opacity 0.1s ease-in-out;
+}
+
+/* Current theme needs to have its action always on view */
+.theme-browser .theme.active:focus .theme-actions {
+ display: block;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .theme:hover .more-details,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .theme:focus .more-details,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .theme .more-details:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</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-browser .no-themes {
- margin: 100px 0 150px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-browser .theme .theme-author {
+ background: #23282d;
+ color: #eee;
+ display: none;
+ font-size: 14px;
+ margin: 0 10px;
+ padding: 5px 10px;
+ position: absolute;
+ bottom: 56px;
</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-about {
- bottom: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Displays the author name on Index, if the search is preceded by `author:`. */
+.theme-browser .theme.display-author .theme-author,
+body.author .theme-browser .theme .theme-author {
+ display: block;
</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-about .theme-info {
- float: left;
- width: calc(70% - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-browser .theme.display-author .theme-author a {
+ color: inherit;
+ text-decoration: none;
</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-about .theme-head,
-.theme-wrap .theme-about .theme-meta {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Single Theme Navigation */
+.theme-navigation {
+ background: #fff;
+ border: 1px solid #e5e5e5;
+ box-sizing: border-box;
+ -webkit-box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.04 );
+ box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.04 );
+ margin: 20px 0 25px;
+}
+
+.theme-navigation .post-navigation {
</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: calc(32% - 30px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 120px;
</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-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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-navigation .close {
+ background-color: transparent;
+ border: 0;
+ color: #21759b;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 700;
+ padding: 19px 15px;
+ -webkit-transition: color .1s ease-in-out;
+ transition: color .1s ease-in-out;
</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-navigation a.close {
+ padding: 16.5px 15px;
+}
+
+.theme-navigation .close:before {
+ content: '\2190';
+ margin-right: 5px;
+}
+
+.theme-navigation .close:hover,
+.theme-navigation .close:active {
+ color: #d54e21;
+}
+
+.theme-navigation .nav-links a,
+.theme-navigation .right,
+.theme-navigation .left {
+ border: 0;
+ background-color: transparent;
+ border: 0;
+ border-left: 1px solid #ddd;
+ color: #777;
+ cursor: pointer;
+ float: left;
+ height: 56px;
+ text-align: center;
+ -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+ transition: color .1s ease-in-out, background .1s ease-in-out;
+ width: 59px;
+}
+
+.theme-navigation .nav-links a:before,
+.theme-navigation .right:before,
+.theme-navigation .left:before {
+ font: 400 20px/2.6 dashicons !important;
+ text-decoration: inherit;
+ -webkit-font-smoothing: antialiased;
+}
+
+.theme-navigation .nav-links a:hover,
+.theme-navigation .nav-links a:focus,
+.theme-navigation .right:focus,
+.theme-navigation .right:hover,
+.theme-navigation .left:focus,
+.theme-navigation .left:hover {
+ background: #ddd;
+ border-color: #ccc;
+ color: #000;
+}
+
+.theme-navigation .right:focus,
+.theme-navigation .left:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ outline: none;
+}
+
+.theme-navigation .nav-previous a:before,
+.theme-navigation .left:before,
+.rtl .theme-navigation .right:before {
+ content: '\f341';
+}
+
+.theme-navigation .nav-next a:before,
+.theme-navigation .right:before,
+.rtl .theme-navigation .left:before {
+ content: '\f345';
+}
+
+.theme-navigation .left.disabled,
+.theme-navigation .right.disabled,
+.theme-navigation .left.disabled:hover,
+.theme-navigation .right.disabled:hover {
+ background: inherit;
+ color: #ccc;
+ cursor: inherit;
+}
+
+/* Single Theme Body */
+.theme-wrap {
+ background: #fff;
+ border: 1px solid #e5e5e5;
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+ font-size: 10px;
+ -webkit-overflow-scrolling: touch;
+}
+
+.theme-wrap .theme-about {
+ padding: 2% 4%;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-name {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #222;
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-wrap .theme-author {
+ border: none;
+ color: #686868;
+ display: inline-block;
+ font-style: italic;
+ margin: 0 5px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-actions {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: none;
- border: none;
- padding: 0;
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 0 1.5em;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: auto;
</del><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 a {
</span><span class="cx" style="display: block; padding: 0 10px"> height: 36px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 4px 10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 45%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 48%;
</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-meta-info {
- margin: 1.5em 0 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.ie8 .theme-wrap .theme-actions {
+ border: 1px solid #eee;
</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-meta-info .updated {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -185,12 +453,96 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.theme-overlay .theme-description,
-.theme-overlay .theme-tags {
- margin: 0;
- padding: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Theme Screenshots gallery
+ */
+.theme-wrap .theme-screenshots {
+ float: left;
+ margin: 0 30px 0 0;
+ width: 55%;
+ max-width: 880px;
+ text-align: center;
</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">+/* First screenshot, shown big */
+.theme-wrap .screenshot {
+ border: 1px solid #fff;
+ -webkit-box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.2 );
+ box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.2 );
+ box-sizing: border-box;
+ overflow: hidden;
+ position: relative;
+}
+
+.theme-wrap .screenshot:after {
+ content: '';
+ display: block;
+ padding-top: 75%; /* using a 4/3 aspect ratio */
+}
+
+.theme-wrap .screenshot img {
+ height: auto;
+ position: absolute;
+ left: 0;
+ top: 0;
+ vertical-align: middle;
+ width: 100%;
+}
+
+.theme-wrap .screenshot.selected {
+ background: transparent;
+ border: 2px solid #00a0d2;
+}
+
+.theme-wrap .screenshot.selected img {
+ opacity: 0.8;
+}
+
+/* No screenshot placeholder */
+.theme-browser .theme .theme-screenshot.blank,
+.theme-wrap .screenshot.blank {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
+}
+
+/**
+ * Theme heading information
+ */
+.theme-wrap .theme-info {
+ width: calc(70% - 30px);
+ float: left;
+}
+
+.theme-wrap .theme-about .theme-head,
+.theme-wrap .theme-about .theme-meta {
+ float: right;
+ width: calc(32% - 30px);
+}
+
+.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;
+}
+
+.theme-wrap .theme-description {
+ color: #555;
+ font-size: 15px;
+ font-weight: 400;
+ line-height: 1.5;
+}
+
+.theme-wrap .theme-tags {
+ font-size: 13px;
+}
+
+.theme-wrap .theme-downloads .total-downloads {
+ color: #555;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 1.5;
+ margin: 1.5em 0 0 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-devs,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-support,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-meta-info {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -203,62 +555,468 @@
</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 .rating {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.theme-install-overlay iframe {
+ border: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 20;
+ -webkit-transition: opacity 0.3s;
+ transition: opacity 0.3s;
+}
+
+
+/*------------------------------------------------------------------------------
+ 16.2 - Install Themes
+------------------------------------------------------------------------------*/
+
+.no-themes {
+ clear: both;
+ color: #666;
+ font-size: 18px;
+ font-style: normal;
+ margin: 0;
+ padding: 100px 0 0;
+ text-align: center;
+ display: none;
+}
+
+.no-results .no-themes {
+ display: block;
+}
+
+.theme-browser .no-themes {
+ margin: 100px 0 150px;
+}
+
+
+/* Ratings */
+.rating {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-height: 26px;
</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-ratings .star-holder,
-.theme-wrap .theme-ratings .description {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.rating span[class]:before {
+ color: #e6b800;
+ content: "\f154";
</ins><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">+ -webkit-font-smoothing: antialiased;
+ font: normal 20px/1 'dashicons';
+ vertical-align: top;
</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-ratings .description {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Half stars */
+.rating-10 span.one:before,
+.rating-30 span.two:before,
+.rating-50 span.three:before,
+.rating-70 span.four:before,
+.rating-90 span.five:before {
+ content: "\f459";
+}
+/* Full stars */
+.rating-20 span.one:before {
+ content: "\f155";
+}
+.rating-30 span.one:before,
+.rating-40 span.one:before,
+.rating-40 span.two:before {
+ content: "\f155";
+}
+.rating-50 span.one:before,
+.rating-50 span.two:before,
+.rating-60 span.one:before,
+.rating-60 span.two:before,
+.rating-60 span.three:before {
+ content: "\f155";
+}
+.rating-70 span.one:before,
+.rating-70 span.two:before,
+.rating-70 span.three:before,
+.rating-80 span.one:before,
+.rating-80 span.two:before,
+.rating-80 span.three:before,
+.rating-80 span.four:before {
+ content: "\f155";
+}
+.rating-90 span.one:before,
+.rating-90 span.two:before,
+.rating-90 span.three:before,
+.rating-90 span.four:before,
+.rating-100 span.one:before,
+.rating-100 span.two:before,
+.rating-100 span.three:before,
+.rating-100 span.four:before,
+.rating-100 span.five:before {
+ content: "\f155";
+}
+.rating .ratings {
+ display: block;
+ line-height: 20px;
+ color: #999;
+}
+
+.theme-ratings .description {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #aa9;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: text-bottom;
</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 ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-ratings ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 1.5em;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</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 .counter-container,
-.theme-wrap .theme-ratings .counter-container a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-ratings .counter-container,
+.theme-ratings .counter-container a {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</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 .counter-label,
-.theme-wrap .theme-ratings .counter-count {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-ratings .counter-label,
+.theme-ratings .counter-count {
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.75;
</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 .counter-label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-ratings .counter-label {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 5px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-width: 32px;
</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-ratings .counter-back,
-.theme-wrap .theme-ratings .counter-bar {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-ratings .counter-back,
+.theme-ratings .counter-bar {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 17px;
</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 .counter-back {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-ratings .counter-back {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #ececec;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 70%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: -webkit-calc(100% - 60px);
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(100% - 60px);
</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 .counter-bar {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-ratings .counter-bar {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #fddb5a;
</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 .counter-count {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-ratings .counter-count {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.theme-wrap .theme-tags {
- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*------------------------------------------------------------------------------
+ 23.0 - Full Overlay w/ Sidebar
+------------------------------------------------------------------------------*/
+
+body.full-overlay-active {
+ overflow: hidden;
</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">+.wp-full-overlay {
+ background: transparent;
+ z-index: 500000;
+ position: fixed;
+ overflow: visible;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ min-width: 0;
+}
+
+.wp-full-overlay-sidebar {
+ border: 1px solid #ddd;
+ box-sizing: border-box;
+ position: fixed;
+ width: 300px;
+ height: 100%;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ padding: 0;
+ margin: 0;
+ z-index: 10;
+ background: #eee;
+}
+
+.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+ overflow: visible;
+}
+
+.wp-full-overlay.expanded {
+ margin-left: 300px;
+}
+
+.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+ margin-left: -300px;
+}
+
+.wp-full-overlay-sidebar:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 3px;
+ z-index: 1000;
+}
+
+.wp-full-overlay-main {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ height: 100%;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header {
+ position: absolute;
+ left: 0;
+ right: 0;
+ height: 45px;
+ padding: 0 15px;
+ line-height: 45px;
+ z-index: 10;
+ margin: 0;
+ border-top: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header a.back {
+ margin-top: 9px;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-footer {
+ bottom: 0;
+ border-bottom: none;
+ border-top: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
+ position: absolute;
+ top: 45px;
+ bottom: 45px;
+ left: 0;
+ right: 0;
+ overflow: auto;
+}
+
+/* Close & Navigation Links */
+.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header {
+ padding: 0;
+}
+
+.theme-install-overlay .close-full-overlay,
+.theme-install-overlay .previous-theme,
+.theme-install-overlay .next-theme {
+ display: block;
+ position: relative;
+ float: left;
+ width: 45px;
+ height: 45px;
+ padding-right: 2px;
+ background: #eee;
+ border-right: 1px solid #ddd;
+ color: #444;
+ cursor: pointer;
+ text-decoration: none;
+ -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+ transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+.theme-install-overlay .close-full-overlay:hover,
+.theme-install-overlay .close-full-overlay:focus,
+.theme-install-overlay .previous-theme:hover,
+.theme-install-overlay .previous-theme:focus,
+.theme-install-overlay .next-theme:hover,
+.theme-install-overlay .next-theme:focus {
+ background: #ddd;
+ border-color: #ccc;
+ color: #000;
+ outline: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.theme-install-overlay .close-full-overlay:before {
+ font: normal 22px/1 dashicons;
+ content: "\f335";
+ position: relative;
+ top: 7px;
+ left: 13px;
+}
+
+.theme-install-overlay .previous-theme:before {
+ font: normal 20px/1 dashicons;
+ content: "\f341";
+ position: relative;
+ top: 6px;
+ left: 14px;
+}
+
+.theme-install-overlay .next-theme:before {
+ font: normal 20px/1 dashicons;
+ content: "\f345";
+ position: relative;
+ top: 6px;
+ left: 13px;
+}
+
+.theme-install-overlay .previous-theme.disabled,
+.theme-install-overlay .next-theme.disabled,
+.theme-install-overlay .previous-theme.disabled:hover,
+.theme-install-overlay .previous-theme.disabled:focus,
+.theme-install-overlay .next-theme.disabled:hover,
+.theme-install-overlay .next-theme.disabled:focus {
+ color: #bbb;
+ background: #eee;
+ cursor: default;
+ pointer-events: none;
+}
+
+.rtl .theme-install-overlay .previous-theme:before {
+ content: "\f345";
+}
+
+.rtl .theme-install-overlay .next-theme:before {
+ content: "\f341";
+}
+
+/* Collapse Button */
+.wp-full-overlay a.collapse-sidebar {
+ position: absolute;
+ bottom: 12px;
+ left: 0;
+ z-index: 50;
+ display: block;
+ width: 19px;
+ height: 19px;
+ margin-left: 15px;
+ padding: 0;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ color: #777;
+ text-decoration: none;
+}
+
+.wp-full-overlay a.collapse-sidebar:hover {
+ color: #0073aa;
+}
+
+.wp-full-overlay.collapsed .collapse-sidebar {
+ position: absolute;
+ left: 100%;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow {
+ position: static;
+ margin-top: 0;
+ margin-left: 0;
+ display: block;
+ width: auto;
+ height: auto;
+ background: none;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow:before {
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ float: left;
+ content: "\f148";
+ background: #eee;
+ font: normal 20px/1 'dashicons';
+ speak: none;
+ display: block;
+ padding: 0;
+ text-indent: 0;
+ text-align: center;
+ position: relative;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ text-decoration: none !important;
+}
+
+.wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
+.rtl .wp-full-overlay .collapse-sidebar-arrow:before {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+
+.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+
+.wp-full-overlay.collapsed .collapse-sidebar-arrow {
+ background-position: -1px -109px;
+}
+
+.wp-full-overlay .collapse-sidebar-label {
+ position: absolute;
+ left: 100%;
+ line-height: 20px;
+ margin-left: 10px;
+}
+
+.wp-full-overlay.collapsed .collapse-sidebar-label {
+ display: none;
+}
+
+/* Animations */
+.wp-full-overlay,
+.wp-full-overlay-sidebar,
+.wp-full-overlay .collapse-sidebar,
+.wp-full-overlay-main {
+ -webkit-transition-property: left, right, top, bottom, width, margin;
+ transition-property: left, right, top, bottom, width, margin;
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+}
+
+/*------------------------------------------------------------------------------
+ 24.0 - Customize Loader
+------------------------------------------------------------------------------*/
+
+.no-customize-support .hide-if-no-customize,
+.customize-support .hide-if-customize,
+.no-customize-support.wp-core-ui .hide-if-no-customize,
+.no-customize-support .wp-core-ui .hide-if-no-customize,
+.customize-support.wp-core-ui .hide-if-customize,
+.customize-support .wp-core-ui .hide-if-customize {
+ display: none;
+}
+
+#customize-container {
+ display: none;
+ background: #fff;
+ z-index: 500000;
+ position: fixed;
+ overflow: visible;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+}
+
+.customize-active #customize-container {
+ display: block;
+}
+
+.customize-loading #customize-container iframe {
+ opacity: 0;
+}
+
+.customize-loading #customize-container {
+ background: #fff url(/wp-admin/images/spinner.gif) no-repeat fixed center center;
+ -webkit-background-size: 20px 20px;
+ background-size: 20px 20px;
+}
+
+#customize-container iframe,
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-install-overlay iframe {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 0;
</del><span class="cx" style="display: block; padding: 0 10px"> height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 20;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -266,105 +1024,97 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 0.3s;
</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">-/* Single View */
-.single .theme-wrap {
- background: #fff;
- border: 1px solid #e5e5e5;
- box-shadow: 0 1px 1px rgba(0,0,0,0.04);
- margin-bottom: 3%;
- overflow: hidden;
- padding: 2% 4%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#customize-container .collapse-sidebar {
+ bottom: 16px;
</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">+#customize-controls {
+ margin-top: 0;
+}
</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 heading information
- */
-.single.single-repopackage .themes .theme-wrap {
- visibility: hidden;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-install-overlay {
+ display: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single .theme-wrap .current-label {
- background: #333;
- color: #fff;
- font-size: 11px;
- display: inline-block;
- padding: 2px 8px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- margin: 0 0 -10px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.theme-install-overlay.single-theme {
+ display: block;
</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">-.single .theme-wrap .theme-name {
- color: #222;
- font-size: 32px;
- font-weight: 100;
- margin: 10px 0 0;
- line-height: 1.3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.install-theme-info {
+ display: none;
+ padding: 10px 20px 60px;
</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">-.single .theme-wrap .theme-author {
- color: #686868;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-theme .install-theme-info {
+ padding-top: 15px;
+}
+
+.theme-install-overlay .install-theme-info {
+ display: block;
+}
+
+.install-theme-info .theme-install {
+ float: right;
+ margin-top: 18px;
+}
+
+.install-theme-info .theme-name {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 400;
- margin: 15px 0 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 24px;
+ margin-bottom: 0;
+ margin-top: 0;
</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">-.single .theme-wrap .theme-author a {
- text-decoration: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.install-theme-info .theme-screenshot {
+ margin-top: 15px;
+ width: 258px;
+ border: 1px solid #ccc;
</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">-.single .theme-wrap .theme-description {
- color: #555;
- font-size: 15px;
- font-weight: 400;
- line-height: 1.5;
- margin: 30px 0 0 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.install-theme-info .theme-details {
+ overflow: hidden;
</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-downloads .total-downloads {
- color: #555;
- font-size: 14px;
- font-weight: 400;
- line-height: 1.5;
- margin: 1.5em 0 0 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-details .theme-version {
+ margin: 15px 0;
+ float: left;
</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">-.single .theme-wrap .theme-tags {
- border-top: 3px solid #eee;
- color: #888;
- font-size: 13px;
- font-weight: 400;
- margin: 30px 0 0 0;
- padding-top: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-details .star-rating {
+ margin: 7px 0;
+ float: right;
</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">-.single .theme-wrap .theme-tags span {
- color: #444;
- font-weight: bold;
- margin-right: 5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-details .theme-description {
+ float: left;
+ color: #777;
+ line-height: 20px;
+ max-width: 100%;
</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">-.single .theme-wrap .screenshot {
- border: 1px solid #fff;
- box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
- box-sizing: border-box;
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-install-overlay .wp-full-overlay-header .theme-install {
+ float: right;
+ margin: 8px 10px 0 0;
</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">-.single .theme-wrap .screenshot img {
- height: auto;
- vertical-align: middle;
- width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-install-overlay .wp-full-overlay-sidebar-content {
+ background: #fff;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
</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">-.ie8 .single .theme-wrap .theme-actions {
- border: 1px solid #eee;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.theme-install-overlay .wp-full-overlay-main {
+ background: #fff url(/wp-admin/images/spinner.gif) no-repeat center center;
+ -webkit-background-size: 20px 20px;
+ background-size: 20px 20px;
</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">+
+/* assorted overrides */
+#headline h2 {
+ margin-bottom: 16px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Spinner */
</span><span class="cx" style="display: block; padding: 0 10px"> .spinner {
</span><span class="cx" style="display: block; padding: 0 10px"> background: url(/wp-admin/images/spinner.gif) no-repeat;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -382,28 +1132,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</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">-#wordpress-org #pagebody p.intro {
- font-family: "Open Sans", Helvetica, Arial, "Liberation Sans", sans-serif;
- font-size: 25px;
-}
-
-
-/* TODO copy wp-admin/css/themes.css to here */
-
-/* Copied from wp-admin/css/common.css */
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Filter bar */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-filter {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
</del><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 20px 0 25px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 0 1px 1px rgba(0,0,0,0.04);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 1px 1px rgba(0,0,0,0.04);
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #e5e5e5;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -684,7 +1422,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #333;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-transition: 0.05s border-color ease-in-out;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: 0.05s border-color ease-in-out;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ transition: 0.05s border-color ease-in-out;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3px 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -694,12 +1432,6 @@
</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><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.theme-stats {
- border: 1px solid #eee;
- font-size: 14px;
- padding: 20px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wrap .button {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -711,19 +1443,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-border-radius: 3px;
</del><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: nowrap;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
</del><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</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"> .wrap .button-primary {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #2ea2cc;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #0074a2;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
- box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
+ box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -735,7 +1464,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: #1e8cbe;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #0074a2;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</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">@@ -744,7 +1473,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f7f7f7;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</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">@@ -767,8 +1496,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 960px;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 10px 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 960px;
</del><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"> .main-navigation .menu li {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -779,12 +1508,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#site-navigation.main-navigation a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #636363;
</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">-#site-navigation.main-navigation a:hover,
-#site-navigation.main-navigation a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation a:hover,
+.main-navigation a:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #2ea2cc;
</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">@@ -800,36 +1529,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* Regular Content. */
-h2 {
- font-size: 28px;
- margin-bottom: 10px;
-}
-ul, ol {
- margin: 0 0 22px 0;
- padding-left: 26px;
-}
-
-.type-page {
- margin: 30px auto;
-}
-
-.entry-title {
- font-size: 36px;
- font-weight: 300;
- line-height: 1.3;
- margin-bottom: 20px;
-}
-
-.entry-content {
- font-size: 16px;
- line-height: 1.6;
-}
-
-.entry-content p {
- margin: 0 0 22px 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Commercial Page Template */
</span><span class="cx" style="display: block; padding: 0 10px"> .commercial .theme .more-details {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 13px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -876,65 +1575,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</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">-/* Single Theme Footer */
-.theme-wrap .theme-footer {
- border-top: 1px solid #ddd;
- clear: both;
- margin: 25px -38px -19px;
- height: 48px;
-}
-
-.index-link {
- display: inline-block;
- font-size: 14px;
- font-weight: 700;
- padding: 13px 15px;
-}
-
-.index-link:before {
- content: '\2190';
- margin-right: 5px;
-}
-
-.post-navigation {
- float: right;
- width: 110px;
- height: 48px;
-}
-
-.post-navigation .nav-links a {
- border: 0;
- border-left: 1px solid #ddd;
- color: #777;
- float: left;
- height: 48px;
- text-align: center;
- -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
- transition: color .1s ease-in-out, background .1s ease-in-out;
- vertical-align: top;
- width: 54px;
-}
-
-.post-navigation .nav-links a:before {
- font: 400 20px/50px dashicons !important;
- text-decoration: inherit;
- -webkit-font-smoothing: antialiased;
-}
-
-.post-navigation .nav-links a:hover,
-.post-navigation .nav-links a:focus {
- background: #ddd;
- border-color: #ccc;
- color: #000;
-}
-.post-navigation .nav-previous a:before {
- content: '\f341';
-}
-
-.post-navigation .nav-next a:before {
- content: '\f345';
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Theme notices */
</span><span class="cx" style="display: block; padding: 0 10px"> .notice,
</span><span class="cx" style="display: block; padding: 0 10px"> .error {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -975,18 +1615,29 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 5px 0 15px;
</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">-@media only screen and (min-width: 1640px) {
- .theme-browser .themes .theme {
- width: 30.6%;
- margin: 0 4% 4% 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+(-webkit-min-device-pixel-ratio: 1.25),
+(min-resolution: 120dppx) {
+ .wp-full-overlay .collapse-sidebar-arrow {
+ background-image: url(/wp-admin/images/arrows-2x.png);
+ -webkit-background-size: 15px 123px;
+ background-size: 15px 123px;
</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-browser .theme:nth-child(4n) {
- margin-right: 4%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .spinner,
+ .customize-loading #customize-container,
+ .theme-install-overlay .wp-full-overlay-main {
+ background-image: url(/wp-admin/images/spinner-2x.gif);
</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-browser .theme:nth-child(3n) {
- margin-right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .theme-install-overlay .wp-full-overlay-header .theme-install {
+ margin-top: 2px;
</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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1005,19 +1656,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .filter-group li {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 10px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (max-width: 960px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .theme-browser .theme {
+ width: 47.5%;
+ margin-right: 0;
+ }
</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-browser .theme:nth-child(even) {
+ margin-right: 0;
+ }
+
+ .theme-browser .theme:nth-child(odd) {
+ margin-right: 5%;
+ }
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .theme-overlay .theme-wrap {
- bottom: 3%;
- left: 10px;
- right: 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .theme:hover .theme-actions,
+ .theme:focus .theme-actions,
+ .theme:hover .more-details,
+ .theme:focus .more-details {
+ display: none;
</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-browser.rendered .theme:hover .theme-screenshot img,
+ .theme-browser.rendered .theme:focus .theme-screenshot img {
+ opacity: 1.0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-filter .search-form {
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 20px 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1035,10 +1701,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 50px;
</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-actions {
- padding: 10px 0 5px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-actions .button-primary {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1050,7 +1712,13 @@
</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-ratings,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .theme-wrap .screenshot {
+ margin: 0 auto;
+ max-width: 571px;
+ width: 100%;
+ }
+
+ .theme-wrap .theme-support,
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-devs {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 47%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1060,14 +1728,39 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-devs {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 5%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
</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-install-overlay .wp-full-overlay-header .theme-install {
- line-height: 26px;
- margin-top: 8px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (max-width: 650px) {
+ .theme-wrap .theme-update,
+ .theme-wrap .theme-description {
+ margin-left: 0;
</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-info {
+ width: 100%;
+ }
+
+ .theme-wrap .theme-author {
+ margin: 5px 0 15px 0;
+ }
+
+ .theme-wrap .current-label {
+ margin-top: 10px;
+ font-size: 13px;
+ }
</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: 480px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .theme-browser .theme {
+ width: 100%;
+ margin-right: 0;
+ }
+
+ .theme-browser .theme:nth-child(2n),
+ .theme-browser .theme:nth-child(3n) {
+ margin-right: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Align login info with site title. */
</span><span class="cx" style="display: block; padding: 0 10px"> #headline .login {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1093,18 +1786,15 @@
</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-overlay .theme-wrap,
- .admin-bar .theme-overlay .theme-wrap {
- bottom: 0;
- left: 0;
- right: 0;
- top: 0;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .theme-browser .themes .theme {
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .theme-wrap .theme-name {
+ display: block;
+ margin: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-about .theme-head,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-about .theme-info,
</span><span class="cx" style="display: block; padding: 0 10px"> .theme-wrap .theme-about .theme-info > div:not(:last-of-type),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1112,9 +1802,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 30px;
</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">- /* Keep ratings and dev links stacked until they have enough room. */
- .theme-wrap .theme-devs,
- .theme-wrap .theme-ratings {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Keep support and dev links stacked until they have enough room. */
+
+ .theme-wrap .theme-support,
+ .theme-wrap .theme-devs {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: auto;
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1122,4 +1813,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .posts-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
</ins></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-03-17 21:50:09 UTC (rev 1408)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php 2015-03-17 23:37:22 UTC (rev 1409)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,12 +1,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="tmpl-theme-single" type="text/template">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="theme-backdrop"></div>
- <div class="theme-wrap">
- <div class="theme-header">
- <button class="close dashicons dashicons-no"><span class="screen-reader-text"><?php _e( 'Close overlay' ); ?></span></button>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-navigation">
+ <button class="close"><?php _e( 'Return to Themes List', 'wporg-themes' ); ?></button>
+ <div class="navigation post-navigation">
</ins><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">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div>
+ <div class="theme-wrap">
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-about hentry" itemscope itemtype="http://schema.org/CreativeWork">
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,13 +14,15 @@
</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-head">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3 class="theme-name entry-title" itemprop="name">{{{ data.name }}}</h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h4 class="theme-author"><?php printf( __( 'By %s' ), '<a href="https://profiles.wordpress.org/{{ data.author.user_nicename }}"><span class="author" itemprop="author">{{{ data.author.display_name }}}</span></a>' ); ?></h4>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h4 class="theme-author"><?php printf( __( 'by %s' ), '<a href="https://wordpress.org/themes/author/{{ data.author.user_nicename }}/"><span class="author" itemprop="author">{{{ data.author.display_name }}}</span></a>' ); ?></h4>
+ </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="{{{ 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>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-head">
+ <div class="theme-actions clear">
+ <a href="{{{ data.preview_url }}}" class="button button-secondary alignleft"><?php _e( 'Preview' ); ?></a>
+ <a href="//downloads.wordpress.org/theme/{{ data.slug }}.{{ data.version }}.zip" class="button button-primary alignright"><?php _e( 'Download' ); ?></a>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <# if ( data.parent ) { #>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,7 +41,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-info">
</span><span class="cx" style="display: block; padding: 0 10px"> <# if ( data.screenshot_url ) { #>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="screenshot"><img src="{{ data.screenshot_url }}?w=798&strip=all" alt=""/></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="screenshot"><img src="{{ data.screenshot_url }}?w=571&strip=all" alt=""/></div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <# } else { #>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="screenshot blank"></div>
</span><span class="cx" style="display: block; padding: 0 10px"> <# } #>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,21 +64,28 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-meta">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-ratings" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <meta itemprop="itemReviewed" content="{{ data.name }}" />
- <meta itemprop="ratingValue" content="{{ (data.rating/20).toFixed(1) }}"/>
</del><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ <# if ( data.rating ) { #>
+ <div class="rating rating-{{ Math.round( data.rating / 10 ) * 10 }}">
+ <span class="one"></span>
+ <span class="two"></span>
+ <span class="three"></span>
+ <span class="four"></span>
+ <span class="five"></span>
+ <p class="description"><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), '<span itemprop="ratingValue">{{ ( data.rating / 20 ).toFixed( 1 ) }}</span>' ); ?></p>
+ </div>
+ <# } else { #>
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="rating">
</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>
- </div>
- <p class="description"><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), '{{ (data.rating/20).toFixed(1) }}' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="ratings"><?php _e( 'This theme has not been rated yet.', 'wporg-themes' ); ?></div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><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"> <# if ( data.ratings ) { #>
</span><span class="cx" style="display: block; padding: 0 10px"> <ul>
</span><span class="cx" style="display: block; padding: 0 10px"> <li class="counter-container">
</span><del style="background-color: #fdd; text-decoration:none; 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 ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=5" title="<?php echo esc_attr( sprintf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 5 ) ); ?>">
</ins><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><span class="cx" style="display: block; padding: 0 10px"> <span class="counter-bar" style="width: {{ 100 * data.ratings[5] / data.num_ratings }}%;"></span>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -85,7 +94,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> </li>
</span><span class="cx" style="display: block; padding: 0 10px"> <li class="counter-container">
</span><del style="background-color: #fdd; text-decoration:none; 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 ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=4" title="<?php echo esc_attr( sprintf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 4 ) ); ?>">
</ins><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><span class="cx" style="display: block; padding: 0 10px"> <span class="counter-bar" style="width: {{ 100 * data.ratings[4] / data.num_ratings }}%;"></span>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -94,7 +103,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> </li>
</span><span class="cx" style="display: block; padding: 0 10px"> <li class="counter-container">
</span><del style="background-color: #fdd; text-decoration:none; 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 ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=3" title="<?php echo esc_attr( sprintf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 3 ) ); ?>">
</ins><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><span class="cx" style="display: block; padding: 0 10px"> <span class="counter-bar" style="width: {{ 100 * data.ratings[3] / data.num_ratings }}%;"></span>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -103,7 +112,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> </li>
</span><span class="cx" style="display: block; padding: 0 10px"> <li class="counter-container">
</span><del style="background-color: #fdd; text-decoration:none; 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 ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=2" title="<?php echo esc_attr( sprintf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 2 ) ); ?>">
</ins><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><span class="cx" style="display: block; padding: 0 10px"> <span class="counter-bar" style="width: {{ 100 * data.ratings[2] / data.num_ratings }}%;"></span>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -112,8 +121,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> </li>
</span><span class="cx" style="display: block; padding: 0 10px"> <li class="counter-container">
</span><del style="background-color: #fdd; text-decoration:none; 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 class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 1 ); ?></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=1" title="<?php esc_attr_e( 'Click to see reviews that provided a rating of 1 star', 'wporg-themes' ); ?>">
+ <span class="counter-label"><?php _e( '1 star', 'wporg-themes' ); ?></span>
</ins><span class="cx" style="display: block; padding: 0 10px"> <span class="counter-back">
</span><span class="cx" style="display: block; padding: 0 10px"> <span class="counter-bar" style="width: {{ 100 * data.ratings[1] / data.num_ratings }}%;"></span>
</span><span class="cx" style="display: block; padding: 0 10px"> </span>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgthemesviewtemplatesthemephp"></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.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.php 2015-03-17 21:50:09 UTC (rev 1408)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme.php 2015-03-17 23:37:22 UTC (rev 1409)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,13 +2,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <a class="url" href="{{{ data.permalink }}}" rel="bookmark" tabindex="-1">
</span><span class="cx" style="display: block; padding: 0 10px"> <# if ( data.screenshot_url ) { #>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-screenshot">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <img src="{{ data.screenshot_url }}?w=572&strip=all" alt="" />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <img src="{{ data.screenshot_url }}?w=286&strip=all" alt="" />
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <# } else { #>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="theme-screenshot blank"></div>
</span><span class="cx" style="display: block; padding: 0 10px"> <# } #>
</span><span class="cx" style="display: block; padding: 0 10px"> <span class="more-details"><?php _ex( 'More Info', 'theme' ); ?></span>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="theme-author"><?php printf( __( 'By %s' ), '<span class="author">{{ data.author }}</span>' ); ?></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="theme-author"><?php printf( __( 'By %s' ), '<span class="author">{{ data.author.display_name }}</span>' ); ?></div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <h3 class="theme-name entry-title">{{{ data.name }}}</h3>
</span><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></pre>
</div>
</div>
</body>
</html>