Making WordPress.org

Ticket #1173: 1173.3.diff

File 1173.3.diff, 57.8 KB (added by xkon, 7 years ago)

Converted spaces to tabs.

  • archive.php

     
    33
    44// order the displayed posts by the ratings average
    55global $query_string;
    6 query_posts( $query_string . '&meta_key=ratings_average&orderby=meta_value_num' );
     6query_posts($query_string . '&meta_key=ratings_average&orderby=meta_value_num');
    77?>
    88<div id="pagebody">
    99        <div class="wrapper">
    1010
    11                 <?php get_sidebar( 'left' ); ?>
    12                 <div class="col-7">
    13                 <?php breadcrumb(); ?>
     11                <?php get_sidebar('left'); ?>
     12                <div class="col-5">
     13                        <?php breadcrumb(); ?>
    1414
    15                 <?php if ( have_posts() ) : ?>
     15                        <?php if (have_posts()) : ?>
    1616
    17                         <?php while ( have_posts() ) : the_post(); ?>
     17                                <?php while (have_posts()) : the_post(); ?>
    1818
    19                                 <div class="story-excerpt">
    20                                         <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
    21                                                 <?php site_screenshot_tag( 145, 'screenshot alignleft' ); ?>
    22                                         </a>
    23                                         <h5><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
    24                                         <div class="excerpt"><?php the_content_limit(200); ?></div>
    25                                         <div class="meta"><?php tags_with_count( 'flat', '<strong>' . __( 'Tags:', 'wporg-showcase' ) . '</strong> ', ', ', '<br />'); ?><?php edit_post_link( __( 'Edit this entry', 'wporg-showcase' ) ); ?></div>
    26                                         <div style="clear:both;"></div>
    27                                 </div>
     19                                        <div class="story-excerpt">
     20                                                <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
     21                                                        <?php site_screenshot_tag(145, 'screenshot alignleft'); ?>
     22                                                </a>
     23                                                <h5><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
     24                                                <div class="excerpt"><?php the_content_limit(200); ?></div>
     25                                                <div class="meta"><?php tags_with_count('flat', '<strong>' . __('Tags:', 'wporg-showcase') . '</strong> ', ', ', '<br />'); ?><?php edit_post_link(__('Edit this entry', 'wporg-showcase')); ?></div>
     26                                                <div style="clear:both;"></div>
     27                                        </div>
    2828
    29                         <?php endwhile; // have_posts ?>
     29                                <?php endwhile; // have_posts ?>
    3030
    31                         <?php if ( 1 != $wp_query->max_num_pages || function_exists( 'wp_page_numbers' ) ) { wp_page_numbers(); } ?>
     31                                <?php if (1 != $wp_query->max_num_pages || function_exists('wp_page_numbers')) {
     32                                        wp_page_numbers();
     33                                } ?>
    3234
    33                 <?php else : // have_posts ?>
     35                        <?php else : // have_posts ?>
    3436
    35                         <p><?php _e( 'Sorry, no sites in the Showcase matched your criteria.', 'wporg-showcase' ); ?></p>
     37                                <p><?php _e('Sorry, no sites in the Showcase matched your criteria.', 'wporg-showcase'); ?></p>
    3638
    37                 <?php endif; ?>
     39                        <?php endif; ?>
    3840
    3941                </div>
    4042
    41                 <?php get_sidebar( 'right' ); ?>
     43                <?php get_sidebar('right'); ?>
    4244
    4345        </div>
    4446</div>
  • functions.php

     
    222222// Enqueue jQuery Cycle
    223223function wpsc_scripts() {
    224224        wp_enqueue_script( 'jquery' ); // explicit enqueue
    225         wp_enqueue_script( 'jquery-cycle', get_template_directory_uri() . '/js/jquery.cycle.min.js', array( 'jquery' ) );
     225        wp_enqueue_script( 'jquery-cycle', get_template_directory_uri() . '/js/jquery.cycle2.min.js', array( 'jquery' ) );
    226226        wp_enqueue_script( 'wpsc-scripts', get_template_directory_uri() . '/js/scripts.js', array( 'jquery', 'jquery-cycle' ) );
    227227}
    228228add_action('wp_enqueue_scripts', 'wpsc_scripts');
  • header.php

     
    88?>
    99<div id="headline">
    1010        <div class="wrapper">
    11                 <h2><?php _e( 'Showcase', 'wporg-showcase' ); ?></h2>
     11                <a id="wpsc-mobile-menu-button" class="" href="#" onclick="toggleWpscMobileMenu();"></a><h2><?php _e( 'Showcase', 'wporg-showcase' ); ?></h2>
    1212        </div>
    1313</div>
  • index.php

     
    22<div id="pagebody">
    33        <div class="wrapper archives">
    44                <?php get_sidebar( 'left' ); ?>
    5                 <div class="col-7">
     5                <div class="col-5">
    66                <?php
    77                        breadcrumb();
    88                        $num_posts = 400;
  • js/jquery.cycle2.min.js

     
     1/*!
     2 * jQuery Cycle2; version: 2.1.6 build: 20141007
     3 * http://jquery.malsup.com/cycle2/
     4 * Copyright (c) 2014 M. Alsup; Dual licensed: MIT/GPL
     5 */
     6!function(a){"use strict";function b(a){return(a||"").toLowerCase()}var c="2.1.6";a.fn.cycle=function(c){var d;return 0!==this.length||a.isReady?this.each(function(){var d,e,f,g,h=a(this),i=a.fn.cycle.log;if(!h.data("cycle.opts")){(h.data("cycle-log")===!1||c&&c.log===!1||e&&e.log===!1)&&(i=a.noop),i("--c2 init--"),d=h.data();for(var j in d)d.hasOwnProperty(j)&&/^cycle[A-Z]+/.test(j)&&(g=d[j],f=j.match(/^cycle(.*)/)[1].replace(/^[A-Z]/,b),i(f+":",g,"("+typeof g+")"),d[f]=g);e=a.extend({},a.fn.cycle.defaults,d,c||{}),e.timeoutId=0,e.paused=e.paused||!1,e.container=h,e._maxZ=e.maxZ,e.API=a.extend({_container:h},a.fn.cycle.API),e.API.log=i,e.API.trigger=function(a,b){return e.container.trigger(a,b),e.API},h.data("cycle.opts",e),h.data("cycle.API",e.API),e.API.trigger("cycle-bootstrap",[e,e.API]),e.API.addInitialSlides(),e.API.preInitSlideshow(),e.slides.length&&e.API.initSlideshow()}}):(d={s:this.selector,c:this.context},a.fn.cycle.log("requeuing slideshow (dom not ready)"),a(function(){a(d.s,d.c).cycle(c)}),this)},a.fn.cycle.API={opts:function(){return this._container.data("cycle.opts")},addInitialSlides:function(){var b=this.opts(),c=b.slides;b.slideCount=0,b.slides=a(),c=c.jquery?c:b.container.find(c),b.random&&c.sort(function(){return Math.random()-.5}),b.API.add(c)},preInitSlideshow:function(){var b=this.opts();b.API.trigger("cycle-pre-initialize",[b]);var c=a.fn.cycle.transitions[b.fx];c&&a.isFunction(c.preInit)&&c.preInit(b),b._preInitialized=!0},postInitSlideshow:function(){var b=this.opts();b.API.trigger("cycle-post-initialize",[b]);var c=a.fn.cycle.transitions[b.fx];c&&a.isFunction(c.postInit)&&c.postInit(b)},initSlideshow:function(){var b,c=this.opts(),d=c.container;c.API.calcFirstSlide(),"static"==c.container.css("position")&&c.container.css("position","relative"),a(c.slides[c.currSlide]).css({opacity:1,display:"block",visibility:"visible"}),c.API.stackSlides(c.slides[c.currSlide],c.slides[c.nextSlide],!c.reverse),c.pauseOnHover&&(c.pauseOnHover!==!0&&(d=a(c.pauseOnHover)),d.hover(function(){c.API.pause(!0)},function(){c.API.resume(!0)})),c.timeout&&(b=c.API.getSlideOpts(c.currSlide),c.API.queueTransition(b,b.timeout+c.delay)),c._initialized=!0,c.API.updateView(!0),c.API.trigger("cycle-initialized",[c]),c.API.postInitSlideshow()},pause:function(b){var c=this.opts(),d=c.API.getSlideOpts(),e=c.hoverPaused||c.paused;b?c.hoverPaused=!0:c.paused=!0,e||(c.container.addClass("cycle-paused"),c.API.trigger("cycle-paused",[c]).log("cycle-paused"),d.timeout&&(clearTimeout(c.timeoutId),c.timeoutId=0,c._remainingTimeout-=a.now()-c._lastQueue,(c._remainingTimeout<0||isNaN(c._remainingTimeout))&&(c._remainingTimeout=void 0)))},resume:function(a){var b=this.opts(),c=!b.hoverPaused&&!b.paused;a?b.hoverPaused=!1:b.paused=!1,c||(b.container.removeClass("cycle-paused"),0===b.slides.filter(":animated").length&&b.API.queueTransition(b.API.getSlideOpts(),b._remainingTimeout),b.API.trigger("cycle-resumed",[b,b._remainingTimeout]).log("cycle-resumed"))},add:function(b,c){var d,e=this.opts(),f=e.slideCount,g=!1;"string"==a.type(b)&&(b=a.trim(b)),a(b).each(function(){var b,d=a(this);c?e.container.prepend(d):e.container.append(d),e.slideCount++,b=e.API.buildSlideOpts(d),e.slides=c?a(d).add(e.slides):e.slides.add(d),e.API.initSlide(b,d,--e._maxZ),d.data("cycle.opts",b),e.API.trigger("cycle-slide-added",[e,b,d])}),e.API.updateView(!0),g=e._preInitialized&&2>f&&e.slideCount>=1,g&&(e._initialized?e.timeout&&(d=e.slides.length,e.nextSlide=e.reverse?d-1:1,e.timeoutId||e.API.queueTransition(e)):e.API.initSlideshow())},calcFirstSlide:function(){var a,b=this.opts();a=parseInt(b.startingSlide||0,10),(a>=b.slides.length||0>a)&&(a=0),b.currSlide=a,b.reverse?(b.nextSlide=a-1,b.nextSlide<0&&(b.nextSlide=b.slides.length-1)):(b.nextSlide=a+1,b.nextSlide==b.slides.length&&(b.nextSlide=0))},calcNextSlide:function(){var a,b=this.opts();b.reverse?(a=b.nextSlide-1<0,b.nextSlide=a?b.slideCount-1:b.nextSlide-1,b.currSlide=a?0:b.nextSlide+1):(a=b.nextSlide+1==b.slides.length,b.nextSlide=a?0:b.nextSlide+1,b.currSlide=a?b.slides.length-1:b.nextSlide-1)},calcTx:function(b,c){var d,e=b;return e._tempFx?d=a.fn.cycle.transitions[e._tempFx]:c&&e.manualFx&&(d=a.fn.cycle.transitions[e.manualFx]),d||(d=a.fn.cycle.transitions[e.fx]),e._tempFx=null,this.opts()._tempFx=null,d||(d=a.fn.cycle.transitions.fade,e.API.log('Transition "'+e.fx+'" not found.  Using fade.')),d},prepareTx:function(a,b){var c,d,e,f,g,h=this.opts();return h.slideCount<2?void(h.timeoutId=0):(!a||h.busy&&!h.manualTrump||(h.API.stopTransition(),h.busy=!1,clearTimeout(h.timeoutId),h.timeoutId=0),void(h.busy||(0!==h.timeoutId||a)&&(d=h.slides[h.currSlide],e=h.slides[h.nextSlide],f=h.API.getSlideOpts(h.nextSlide),g=h.API.calcTx(f,a),h._tx=g,a&&void 0!==f.manualSpeed&&(f.speed=f.manualSpeed),h.nextSlide!=h.currSlide&&(a||!h.paused&&!h.hoverPaused&&h.timeout)?(h.API.trigger("cycle-before",[f,d,e,b]),g.before&&g.before(f,d,e,b),c=function(){h.busy=!1,h.container.data("cycle.opts")&&(g.after&&g.after(f,d,e,b),h.API.trigger("cycle-after",[f,d,e,b]),h.API.queueTransition(f),h.API.updateView(!0))},h.busy=!0,g.transition?g.transition(f,d,e,b,c):h.API.doTransition(f,d,e,b,c),h.API.calcNextSlide(),h.API.updateView()):h.API.queueTransition(f))))},doTransition:function(b,c,d,e,f){var g=b,h=a(c),i=a(d),j=function(){i.animate(g.animIn||{opacity:1},g.speed,g.easeIn||g.easing,f)};i.css(g.cssBefore||{}),h.animate(g.animOut||{},g.speed,g.easeOut||g.easing,function(){h.css(g.cssAfter||{}),g.sync||j()}),g.sync&&j()},queueTransition:function(b,c){var d=this.opts(),e=void 0!==c?c:b.timeout;return 0===d.nextSlide&&0===--d.loop?(d.API.log("terminating; loop=0"),d.timeout=0,e?setTimeout(function(){d.API.trigger("cycle-finished",[d])},e):d.API.trigger("cycle-finished",[d]),void(d.nextSlide=d.currSlide)):void 0!==d.continueAuto&&(d.continueAuto===!1||a.isFunction(d.continueAuto)&&d.continueAuto()===!1)?(d.API.log("terminating automatic transitions"),d.timeout=0,void(d.timeoutId&&clearTimeout(d.timeoutId))):void(e&&(d._lastQueue=a.now(),void 0===c&&(d._remainingTimeout=b.timeout),d.paused||d.hoverPaused||(d.timeoutId=setTimeout(function(){d.API.prepareTx(!1,!d.reverse)},e))))},stopTransition:function(){var a=this.opts();a.slides.filter(":animated").length&&(a.slides.stop(!1,!0),a.API.trigger("cycle-transition-stopped",[a])),a._tx&&a._tx.stopTransition&&a._tx.stopTransition(a)},advanceSlide:function(a){var b=this.opts();return clearTimeout(b.timeoutId),b.timeoutId=0,b.nextSlide=b.currSlide+a,b.nextSlide<0?b.nextSlide=b.slides.length-1:b.nextSlide>=b.slides.length&&(b.nextSlide=0),b.API.prepareTx(!0,a>=0),!1},buildSlideOpts:function(c){var d,e,f=this.opts(),g=c.data()||{};for(var h in g)g.hasOwnProperty(h)&&/^cycle[A-Z]+/.test(h)&&(d=g[h],e=h.match(/^cycle(.*)/)[1].replace(/^[A-Z]/,b),f.API.log("["+(f.slideCount-1)+"]",e+":",d,"("+typeof d+")"),g[e]=d);g=a.extend({},a.fn.cycle.defaults,f,g),g.slideNum=f.slideCount;try{delete g.API,delete g.slideCount,delete g.currSlide,delete g.nextSlide,delete g.slides}catch(i){}return g},getSlideOpts:function(b){var c=this.opts();void 0===b&&(b=c.currSlide);var d=c.slides[b],e=a(d).data("cycle.opts");return a.extend({},c,e)},initSlide:function(b,c,d){var e=this.opts();c.css(b.slideCss||{}),d>0&&c.css("zIndex",d),isNaN(b.speed)&&(b.speed=a.fx.speeds[b.speed]||a.fx.speeds._default),b.sync||(b.speed=b.speed/2),c.addClass(e.slideClass)},updateView:function(a,b){var c=this.opts();if(c._initialized){var d=c.API.getSlideOpts(),e=c.slides[c.currSlide];!a&&b!==!0&&(c.API.trigger("cycle-update-view-before",[c,d,e]),c.updateView<0)||(c.slideActiveClass&&c.slides.removeClass(c.slideActiveClass).eq(c.currSlide).addClass(c.slideActiveClass),a&&c.hideNonActive&&c.slides.filter(":not(."+c.slideActiveClass+")").css("visibility","hidden"),0===c.updateView&&setTimeout(function(){c.API.trigger("cycle-update-view",[c,d,e,a])},d.speed/(c.sync?2:1)),0!==c.updateView&&c.API.trigger("cycle-update-view",[c,d,e,a]),a&&c.API.trigger("cycle-update-view-after",[c,d,e]))}},getComponent:function(b){var c=this.opts(),d=c[b];return"string"==typeof d?/^\s*[\>|\+|~]/.test(d)?c.container.find(d):a(d):d.jquery?d:a(d)},stackSlides:function(b,c,d){var e=this.opts();b||(b=e.slides[e.currSlide],c=e.slides[e.nextSlide],d=!e.reverse),a(b).css("zIndex",e.maxZ);var f,g=e.maxZ-2,h=e.slideCount;if(d){for(f=e.currSlide+1;h>f;f++)a(e.slides[f]).css("zIndex",g--);for(f=0;f<e.currSlide;f++)a(e.slides[f]).css("zIndex",g--)}else{for(f=e.currSlide-1;f>=0;f--)a(e.slides[f]).css("zIndex",g--);for(f=h-1;f>e.currSlide;f--)a(e.slides[f]).css("zIndex",g--)}a(c).css("zIndex",e.maxZ-1)},getSlideIndex:function(a){return this.opts().slides.index(a)}},a.fn.cycle.log=function(){window.console&&console.log&&console.log("[cycle2] "+Array.prototype.join.call(arguments," "))},a.fn.cycle.version=function(){return"Cycle2: "+c},a.fn.cycle.transitions={custom:{},none:{before:function(a,b,c,d){a.API.stackSlides(c,b,d),a.cssBefore={opacity:1,visibility:"visible",display:"block"}}},fade:{before:function(b,c,d,e){var f=b.API.getSlideOpts(b.nextSlide).slideCss||{};b.API.stackSlides(c,d,e),b.cssBefore=a.extend(f,{opacity:0,visibility:"visible",display:"block"}),b.animIn={opacity:1},b.animOut={opacity:0}}},fadeout:{before:function(b,c,d,e){var f=b.API.getSlideOpts(b.nextSlide).slideCss||{};b.API.stackSlides(c,d,e),b.cssBefore=a.extend(f,{opacity:1,visibility:"visible",display:"block"}),b.animOut={opacity:0}}},scrollHorz:{before:function(a,b,c,d){a.API.stackSlides(b,c,d);var e=a.container.css("overflow","hidden").width();a.cssBefore={left:d?e:-e,top:0,opacity:1,visibility:"visible",display:"block"},a.cssAfter={zIndex:a._maxZ-2,left:0},a.animIn={left:0},a.animOut={left:d?-e:e}}}},a.fn.cycle.defaults={allowWrap:!0,autoSelector:".cycle-slideshow[data-cycle-auto-init!=false]",delay:0,easing:null,fx:"fade",hideNonActive:!0,loop:0,manualFx:void 0,manualSpeed:void 0,manualTrump:!0,maxZ:100,pauseOnHover:!1,reverse:!1,slideActiveClass:"cycle-slide-active",slideClass:"cycle-slide",slideCss:{position:"absolute",top:0,left:0},slides:"> img",speed:500,startingSlide:0,sync:!0,timeout:4e3,updateView:0},a(document).ready(function(){a(a.fn.cycle.defaults.autoSelector).cycle()})}(jQuery),/*! Cycle2 autoheight plugin; Copyright (c) M.Alsup, 2012; version: 20130913 */
     7    function(a){"use strict";function b(b,d){var e,f,g,h=d.autoHeight;if("container"==h)f=a(d.slides[d.currSlide]).outerHeight(),d.container.height(f);else if(d._autoHeightRatio)d.container.height(d.container.width()/d._autoHeightRatio);else if("calc"===h||"number"==a.type(h)&&h>=0){if(g="calc"===h?c(b,d):h>=d.slides.length?0:h,g==d._sentinelIndex)return;d._sentinelIndex=g,d._sentinel&&d._sentinel.remove(),e=a(d.slides[g].cloneNode(!0)),e.removeAttr("id name rel").find("[id],[name],[rel]").removeAttr("id name rel"),e.css({position:"static",visibility:"hidden",display:"block"}).prependTo(d.container).addClass("cycle-sentinel cycle-slide").removeClass("cycle-slide-active"),e.find("*").css("visibility","hidden"),d._sentinel=e}}function c(b,c){var d=0,e=-1;return c.slides.each(function(b){var c=a(this).height();c>e&&(e=c,d=b)}),d}function d(b,c,d,e){var f=a(e).outerHeight();c.container.animate({height:f},c.autoHeightSpeed,c.autoHeightEasing)}function e(c,f){f._autoHeightOnResize&&(a(window).off("resize orientationchange",f._autoHeightOnResize),f._autoHeightOnResize=null),f.container.off("cycle-slide-added cycle-slide-removed",b),f.container.off("cycle-destroyed",e),f.container.off("cycle-before",d),f._sentinel&&(f._sentinel.remove(),f._sentinel=null)}a.extend(a.fn.cycle.defaults,{autoHeight:0,autoHeightSpeed:250,autoHeightEasing:null}),a(document).on("cycle-initialized",function(c,f){function g(){b(c,f)}var h,i=f.autoHeight,j=a.type(i),k=null;("string"===j||"number"===j)&&(f.container.on("cycle-slide-added cycle-slide-removed",b),f.container.on("cycle-destroyed",e),"container"==i?f.container.on("cycle-before",d):"string"===j&&/\d+\:\d+/.test(i)&&(h=i.match(/(\d+)\:(\d+)/),h=h[1]/h[2],f._autoHeightRatio=h),"number"!==j&&(f._autoHeightOnResize=function(){clearTimeout(k),k=setTimeout(g,50)},a(window).on("resize orientationchange",f._autoHeightOnResize)),setTimeout(g,30))})}(jQuery),/*! caption plugin for Cycle2;  version: 20130306 */
     8    function(a){"use strict";a.extend(a.fn.cycle.defaults,{caption:"> .cycle-caption",captionTemplate:"{{slideNum}} / {{slideCount}}",overlay:"> .cycle-overlay",overlayTemplate:"<div>{{title}}</div><div>{{desc}}</div>",captionModule:"caption"}),a(document).on("cycle-update-view",function(b,c,d,e){if("caption"===c.captionModule){a.each(["caption","overlay"],function(){var a=this,b=d[a+"Template"],f=c.API.getComponent(a);f.length&&b?(f.html(c.API.tmpl(b,d,c,e)),f.show()):f.hide()})}}),a(document).on("cycle-destroyed",function(b,c){var d;a.each(["caption","overlay"],function(){var a=this,b=c[a+"Template"];c[a]&&b&&(d=c.API.getComponent("caption"),d.empty())})})}(jQuery),/*! command plugin for Cycle2;  version: 20140415 */
     9    function(a){"use strict";var b=a.fn.cycle;a.fn.cycle=function(c){var d,e,f,g=a.makeArray(arguments);return"number"==a.type(c)?this.cycle("goto",c):"string"==a.type(c)?this.each(function(){var h;return d=c,f=a(this).data("cycle.opts"),void 0===f?void b.log('slideshow must be initialized before sending commands; "'+d+'" ignored'):(d="goto"==d?"jump":d,e=f.API[d],a.isFunction(e)?(h=a.makeArray(g),h.shift(),e.apply(f.API,h)):void b.log("unknown command: ",d))}):b.apply(this,arguments)},a.extend(a.fn.cycle,b),a.extend(b.API,{next:function(){var a=this.opts();if(!a.busy||a.manualTrump){var b=a.reverse?-1:1;a.allowWrap===!1&&a.currSlide+b>=a.slideCount||(a.API.advanceSlide(b),a.API.trigger("cycle-next",[a]).log("cycle-next"))}},prev:function(){var a=this.opts();if(!a.busy||a.manualTrump){var b=a.reverse?1:-1;a.allowWrap===!1&&a.currSlide+b<0||(a.API.advanceSlide(b),a.API.trigger("cycle-prev",[a]).log("cycle-prev"))}},destroy:function(){this.stop();var b=this.opts(),c=a.isFunction(a._data)?a._data:a.noop;clearTimeout(b.timeoutId),b.timeoutId=0,b.API.stop(),b.API.trigger("cycle-destroyed",[b]).log("cycle-destroyed"),b.container.removeData(),c(b.container[0],"parsedAttrs",!1),b.retainStylesOnDestroy||(b.container.removeAttr("style"),b.slides.removeAttr("style"),b.slides.removeClass(b.slideActiveClass)),b.slides.each(function(){var d=a(this);d.removeData(),d.removeClass(b.slideClass),c(this,"parsedAttrs",!1)})},jump:function(a,b){var c,d=this.opts();if(!d.busy||d.manualTrump){var e=parseInt(a,10);if(isNaN(e)||0>e||e>=d.slides.length)return void d.API.log("goto: invalid slide index: "+e);if(e==d.currSlide)return void d.API.log("goto: skipping, already on slide",e);d.nextSlide=e,clearTimeout(d.timeoutId),d.timeoutId=0,d.API.log("goto: ",e," (zero-index)"),c=d.currSlide<d.nextSlide,d._tempFx=b,d.API.prepareTx(!0,c)}},stop:function(){var b=this.opts(),c=b.container;clearTimeout(b.timeoutId),b.timeoutId=0,b.API.stopTransition(),b.pauseOnHover&&(b.pauseOnHover!==!0&&(c=a(b.pauseOnHover)),c.off("mouseenter mouseleave")),b.API.trigger("cycle-stopped",[b]).log("cycle-stopped")},reinit:function(){var a=this.opts();a.API.destroy(),a.container.cycle()},remove:function(b){for(var c,d,e=this.opts(),f=[],g=1,h=0;h<e.slides.length;h++)c=e.slides[h],h==b?d=c:(f.push(c),a(c).data("cycle.opts").slideNum=g,g++);d&&(e.slides=a(f),e.slideCount--,a(d).remove(),b==e.currSlide?e.API.advanceSlide(1):b<e.currSlide?e.currSlide--:e.currSlide++,e.API.trigger("cycle-slide-removed",[e,b,d]).log("cycle-slide-removed"),e.API.updateView())}}),a(document).on("click.cycle","[data-cycle-cmd]",function(b){b.preventDefault();var c=a(this),d=c.data("cycle-cmd"),e=c.data("cycle-context")||".cycle-slideshow";a(e).cycle(d,c.data("cycle-arg"))})}(jQuery),/*! hash plugin for Cycle2;  version: 20130905 */
     10    function(a){"use strict";function b(b,c){var d;return b._hashFence?void(b._hashFence=!1):(d=window.location.hash.substring(1),void b.slides.each(function(e){if(a(this).data("cycle-hash")==d){if(c===!0)b.startingSlide=e;else{var f=b.currSlide<e;b.nextSlide=e,b.API.prepareTx(!0,f)}return!1}}))}a(document).on("cycle-pre-initialize",function(c,d){b(d,!0),d._onHashChange=function(){b(d,!1)},a(window).on("hashchange",d._onHashChange)}),a(document).on("cycle-update-view",function(a,b,c){c.hash&&"#"+c.hash!=window.location.hash&&(b._hashFence=!0,window.location.hash=c.hash)}),a(document).on("cycle-destroyed",function(b,c){c._onHashChange&&a(window).off("hashchange",c._onHashChange)})}(jQuery),/*! loader plugin for Cycle2;  version: 20131121 */
     11    function(a){"use strict";a.extend(a.fn.cycle.defaults,{loader:!1}),a(document).on("cycle-bootstrap",function(b,c){function d(b,d){function f(b){var f;"wait"==c.loader?(h.push(b),0===j&&(h.sort(g),e.apply(c.API,[h,d]),c.container.removeClass("cycle-loading"))):(f=a(c.slides[c.currSlide]),e.apply(c.API,[b,d]),f.show(),c.container.removeClass("cycle-loading"))}function g(a,b){return a.data("index")-b.data("index")}var h=[];if("string"==a.type(b))b=a.trim(b);else if("array"===a.type(b))for(var i=0;i<b.length;i++)b[i]=a(b[i])[0];b=a(b);var j=b.length;j&&(b.css("visibility","hidden").appendTo("body").each(function(b){function g(){0===--i&&(--j,f(k))}var i=0,k=a(this),l=k.is("img")?k:k.find("img");return k.data("index",b),l=l.filter(":not(.cycle-loader-ignore)").filter(':not([src=""])'),l.length?(i=l.length,void l.each(function(){this.complete?g():a(this).load(function(){g()}).on("error",function(){0===--i&&(c.API.log("slide skipped; img not loaded:",this.src),0===--j&&"wait"==c.loader&&e.apply(c.API,[h,d]))})})):(--j,void h.push(k))}),j&&c.container.addClass("cycle-loading"))}var e;c.loader&&(e=c.API.add,c.API.add=d)})}(jQuery),/*! pager plugin for Cycle2;  version: 20140415 */
     12    function(a){"use strict";function b(b,c,d){var e,f=b.API.getComponent("pager");f.each(function(){var f=a(this);if(c.pagerTemplate){var g=b.API.tmpl(c.pagerTemplate,c,b,d[0]);e=a(g).appendTo(f)}else e=f.children().eq(b.slideCount-1);e.on(b.pagerEvent,function(a){b.pagerEventBubble||a.preventDefault(),b.API.page(f,a.currentTarget)})})}function c(a,b){var c=this.opts();if(!c.busy||c.manualTrump){var d=a.children().index(b),e=d,f=c.currSlide<e;c.currSlide!=e&&(c.nextSlide=e,c._tempFx=c.pagerFx,c.API.prepareTx(!0,f),c.API.trigger("cycle-pager-activated",[c,a,b]))}}a.extend(a.fn.cycle.defaults,{pager:"> .cycle-pager",pagerActiveClass:"cycle-pager-active",pagerEvent:"click.cycle",pagerEventBubble:void 0,pagerTemplate:"<span>&bull;</span>"}),a(document).on("cycle-bootstrap",function(a,c,d){d.buildPagerLink=b}),a(document).on("cycle-slide-added",function(a,b,d,e){b.pager&&(b.API.buildPagerLink(b,d,e),b.API.page=c)}),a(document).on("cycle-slide-removed",function(b,c,d){if(c.pager){var e=c.API.getComponent("pager");e.each(function(){var b=a(this);a(b.children()[d]).remove()})}}),a(document).on("cycle-update-view",function(b,c){var d;c.pager&&(d=c.API.getComponent("pager"),d.each(function(){a(this).children().removeClass(c.pagerActiveClass).eq(c.currSlide).addClass(c.pagerActiveClass)}))}),a(document).on("cycle-destroyed",function(a,b){var c=b.API.getComponent("pager");c&&(c.children().off(b.pagerEvent),b.pagerTemplate&&c.empty())})}(jQuery),/*! prevnext plugin for Cycle2;  version: 20140408 */
     13    function(a){"use strict";a.extend(a.fn.cycle.defaults,{next:"> .cycle-next",nextEvent:"click.cycle",disabledClass:"disabled",prev:"> .cycle-prev",prevEvent:"click.cycle",swipe:!1}),a(document).on("cycle-initialized",function(a,b){if(b.API.getComponent("next").on(b.nextEvent,function(a){a.preventDefault(),b.API.next()}),b.API.getComponent("prev").on(b.prevEvent,function(a){a.preventDefault(),b.API.prev()}),b.swipe){var c=b.swipeVert?"swipeUp.cycle":"swipeLeft.cycle swipeleft.cycle",d=b.swipeVert?"swipeDown.cycle":"swipeRight.cycle swiperight.cycle";b.container.on(c,function(){b._tempFx=b.swipeFx,b.API.next()}),b.container.on(d,function(){b._tempFx=b.swipeFx,b.API.prev()})}}),a(document).on("cycle-update-view",function(a,b){if(!b.allowWrap){var c=b.disabledClass,d=b.API.getComponent("next"),e=b.API.getComponent("prev"),f=b._prevBoundry||0,g=void 0!==b._nextBoundry?b._nextBoundry:b.slideCount-1;b.currSlide==g?d.addClass(c).prop("disabled",!0):d.removeClass(c).prop("disabled",!1),b.currSlide===f?e.addClass(c).prop("disabled",!0):e.removeClass(c).prop("disabled",!1)}}),a(document).on("cycle-destroyed",function(a,b){b.API.getComponent("prev").off(b.nextEvent),b.API.getComponent("next").off(b.prevEvent),b.container.off("swipeleft.cycle swiperight.cycle swipeLeft.cycle swipeRight.cycle swipeUp.cycle swipeDown.cycle")})}(jQuery),/*! progressive loader plugin for Cycle2;  version: 20130315 */
     14    function(a){"use strict";a.extend(a.fn.cycle.defaults,{progressive:!1}),a(document).on("cycle-pre-initialize",function(b,c){if(c.progressive){var d,e,f=c.API,g=f.next,h=f.prev,i=f.prepareTx,j=a.type(c.progressive);if("array"==j)d=c.progressive;else if(a.isFunction(c.progressive))d=c.progressive(c);else if("string"==j){if(e=a(c.progressive),d=a.trim(e.html()),!d)return;if(/^(\[)/.test(d))try{d=a.parseJSON(d)}catch(k){return void f.log("error parsing progressive slides",k)}else d=d.split(new RegExp(e.data("cycle-split")||"\n")),d[d.length-1]||d.pop()}i&&(f.prepareTx=function(a,b){var e,f;return a||0===d.length?void i.apply(c.API,[a,b]):void(b&&c.currSlide==c.slideCount-1?(f=d[0],d=d.slice(1),c.container.one("cycle-slide-added",function(a,b){setTimeout(function(){b.API.advanceSlide(1)},50)}),c.API.add(f)):b||0!==c.currSlide?i.apply(c.API,[a,b]):(e=d.length-1,f=d[e],d=d.slice(0,e),c.container.one("cycle-slide-added",function(a,b){setTimeout(function(){b.currSlide=1,b.API.advanceSlide(-1)},50)}),c.API.add(f,!0)))}),g&&(f.next=function(){var a=this.opts();if(d.length&&a.currSlide==a.slideCount-1){var b=d[0];d=d.slice(1),a.container.one("cycle-slide-added",function(a,b){g.apply(b.API),b.container.removeClass("cycle-loading")}),a.container.addClass("cycle-loading"),a.API.add(b)}else g.apply(a.API)}),h&&(f.prev=function(){var a=this.opts();if(d.length&&0===a.currSlide){var b=d.length-1,c=d[b];d=d.slice(0,b),a.container.one("cycle-slide-added",function(a,b){b.currSlide=1,b.API.advanceSlide(-1),b.container.removeClass("cycle-loading")}),a.container.addClass("cycle-loading"),a.API.add(c,!0)}else h.apply(a.API)})}})}(jQuery),/*! tmpl plugin for Cycle2;  version: 20121227 */
     15    function(a){"use strict";a.extend(a.fn.cycle.defaults,{tmplRegex:"{{((.)?.*?)}}"}),a.extend(a.fn.cycle.API,{tmpl:function(b,c){var d=new RegExp(c.tmplRegex||a.fn.cycle.defaults.tmplRegex,"g"),e=a.makeArray(arguments);return e.shift(),b.replace(d,function(b,c){var d,f,g,h,i=c.split(".");for(d=0;d<e.length;d++)if(g=e[d]){if(i.length>1)for(h=g,f=0;f<i.length;f++)g=h,h=h[i[f]]||c;else h=g[c];if(a.isFunction(h))return h.apply(g,e);if(void 0!==h&&null!==h&&h!=c)return h}return c})}})}(jQuery);
     16 No newline at end of file
  • js/scripts.js

     
    1 jQuery(document).ready(function($) {
    2         $(".wpsc-hero-slide-container").cycle({
    3                 fx:             'scrollHorz',
    4             pager:  '.wpsc-slide-nav',
    5             timeout: 8000
    6         });
    7 });
    8  No newline at end of file
     1(function ($) {
     2        $('document').ready(function () {
     3                toggleWpscMobileMenu = function () {
     4                        if (!$('.leftsidebar').hasClass('wpscMobileMenuSlideIn')) {
     5                                $('.leftsidebar').animate({
     6                                        left: "+=209"
     7                                });
     8                                $('.leftsidebar').addClass('wpscMobileMenuSlideIn');
     9                        } else {
     10                                $('.leftsidebar').animate({
     11                                        left: "-=209"
     12                                });
     13                                $('.leftsidebar').removeClass('wpscMobileMenuSlideIn');
     14                        }
     15                };
     16
     17                if ($('#pagebody').hasClass('post')) {
     18                        $('.currentSiteRating').css('display', 'block');
     19                }
     20        });
     21})(jQuery);
     22 No newline at end of file
  • page-home.php

     
    1010        <?php if ( have_posts() ) : ?>
    1111
    1212                <div class="wpsc-hero group">
    13                         <div class="wpsc-hero-slide-container no-js">
     13                        <div class="wpsc-hero-slide-container no-js cycle-slideshow" data-cycle-pager=".wpsc-slide-pager" data-cycle-fx="scrollHorz" data-cycle-auto-height="container" data-cycle-timeout="8000" data-cycle-slides="> div">
    1414
    1515                                <?php while ( have_posts() ) : the_post(); ?>
    1616
    1717                                        <div class="wpsc-hero-slide">
    1818                                                <div class="wpsc-hero-slide-content">
    19                                                         <a href="<?php the_permalink(); ?>" class="wpsc-hero-slide-img">
    20                                                                 <?php site_screenshot_tag( 457 ); ?>
    21                                                         </a>
    22                                                         <h3><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
     19                                                        <div class="wpsc-hero-slide-content-left">
     20                                                                <a href="<?php the_permalink(); ?>" class="wpsc-hero-slide-img">
     21                                                                        <?php site_screenshot_tag( 457 ); ?>
     22                                                                </a>
     23                                                        </div>
     24                                                        <div class="wpsc-hero-slide-content-right">
     25                                                                <div class="wpsc-hero-slide-content-right-wrapper">
     26                                                                        <h3><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
    2327
    24                                                         <?php $wpsc_url = esc_url( get_post_meta( $post->ID, 'domain', true ) ); ?>
    25                                                         <?php if ( $wpsc_url ) : // make sure the URL is valid (esc_url will return an empty string if not) ?>
    26                                                         <a href="<?php echo $wpsc_url; ?>" class="wpsc-linkout">
    27                                                                 <?php echo str_replace( parse_url( $wpsc_url, PHP_URL_SCHEME ) . '://', '', untrailingslashit( $wpsc_url ) ); ?>
    28                                                                 <span class="linkout-symbol"><?php _ex( '&#10162;', 'linkout symbol', 'wporg-showcase' ); ?></span>
    29                                                         </a>
    30                                                         <?php endif; // $wpsc_url ?>
     28                                                                        <?php $wpsc_url = esc_url( get_post_meta( $post->ID, 'domain', true ) ); ?>
     29                                                                        <?php if ( $wpsc_url ) : // make sure the URL is valid (esc_url will return an empty string if not) ?>
     30                                                                        <a href="<?php echo $wpsc_url; ?>" class="wpsc-linkout">
     31                                                                                <?php echo str_replace( parse_url( $wpsc_url, PHP_URL_SCHEME ) . '://', '', untrailingslashit( $wpsc_url ) ); ?>
     32                                                                                <span class="linkout-symbol"><?php _ex( '&#10162;', 'linkout symbol', 'wporg-showcase' ); ?></span>
     33                                                                        </a>
     34                                                                        <?php endif; // $wpsc_url ?>
    3135
    32                                                         <?php
    33                                                                 the_tags( '<ul class="wpsc-tags"><li>','</li><li>','</li></ul>' );
    34                                                                 the_excerpt();
    35                                                         ?>
    36                                                         <a class="wpsc-hero-learnmore" href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
    37                                                                 <?php _e( 'Learn More &rarr;', 'wporg-showcase' ); ?>
    38                                                         </a>
     36                                                                        <?php
     37                                                                                the_tags( '<ul class="wpsc-tags"><li>','</li><li>','</li></ul>' );
     38                                                                                the_excerpt();
     39                                                                        ?>
     40                                                                        <a class="wpsc-hero-learnmore" href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
     41                                                                                <?php _e( 'Learn More &rarr;', 'wporg-showcase' ); ?>
     42                                                                        </a>
     43                                                                </div>
     44                                                        </div>
    3945                                                </div><!-- .wpsc-hero-slide-content -->
    4046                                        </div><!-- .wpsc-hero-slide -->
    4147
     
    4248                                <?php endwhile; ?>
    4349
    4450                        </div>
    45                         <div class="wpsc-slide-nav"></div>
     51                        <div class="wpsc-slide-nav"><div class="wpsc-slide-pager"></div></div>
    4652                </div> <!-- .wpsc-hero -->
    4753
    4854        <?php endif; ?>
     
    5258                <?php get_sidebar( 'left' ); ?>
    5359
    5460                <div class="col-7 main-content">
     61                        <div class="maincontentwrapper">
     62                                <?php query_posts( array( 'cat' => 4, 'posts_per_page' => 3, 'tag' => 'business', 'orderby' => 'rand' ) ); ?>
     63                                <?php if ( have_posts() ) : ?>
     64                                <h3><?php _e( 'Featured Business Sites', 'wporg-showcase' ); ?></h3>
     65                                <ul class="wpsc-recent wpsc-business">
    5566
    56                         <?php query_posts( array( 'cat' => 4, 'posts_per_page' => 3, 'tag' => 'business', 'orderby' => 'rand' ) ); ?>
    57                         <?php if ( have_posts() ) : ?>
    58                         <h3><?php _e( 'Featured Business Sites', 'wporg-showcase' ); ?></h3>
    59                         <ul class="wpsc-recent">
     67                                        <?php while ( have_posts() ) : the_post(); ?>
    6068
    61                                 <?php while ( have_posts() ) : the_post(); ?>
     69                                                <li>
     70                                                        <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
     71                                                                <?php site_screenshot_tag( 215 ); ?>
     72                                                        </a>
     73                                                        <h5><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
     74                                                        <?php
     75                                                                the_content_limit( 90 );
     76                                                                the_tags( '<ul class="wpsc-tags"><li>', '</li><li>', '</li></ul>' );
     77                                                        ?>
     78                                                </li>
    6279
     80                                        <?php endwhile; // have_posts ?>
     81                                </ul>
     82                                <?php endif; // have_posts ?>
     83
     84                                <?php query_posts( array( 'posts_per_page' => 9 ) ); ?>
     85                                <?php if ( have_posts() ) : ?>
     86
     87                                <h3><?php _e( 'Recently Added Sites', 'wporg-showcase' ); ?></h3>
     88                                <ul class="wpsc-recent wpsc-recadded">
     89
     90                                        <?php while ( have_posts() ) : the_post(); ?>
     91
    6392                                        <li>
    6493                                                <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
    6594                                                        <?php site_screenshot_tag( 215 ); ?>
     
    6695                                                </a>
    6796                                                <h5><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
    6897                                                <?php
    69                                                         the_content_limit( 90 );
    7098                                                        the_tags( '<ul class="wpsc-tags"><li>', '</li><li>', '</li></ul>' );
     99                                                        if ( function_exists( 'the_ratings' ) ) the_ratings();
    71100                                                ?>
    72101                                        </li>
    73102
    74                                 <?php endwhile; // have_posts ?>
    75                         </ul>
    76                         <?php endif; // have_posts ?>
     103                                        <?php endwhile; // have_posts ?>
     104                                </ul>
     105                                <a href="<?php echo home_url( '/archives/' ); ?>" class="wpsc-view-all"><?php _e( 'View All Showcase Sites &rarr;', 'wporg-showcase' ); ?></a>
    77106
    78                         <?php query_posts( array( 'posts_per_page' => 9 ) ); ?>
    79                         <?php if ( have_posts() ) : ?>
    80 
    81                         <h3><?php _e( 'Recently Added Sites', 'wporg-showcase' ); ?></h3>
    82                         <ul class="wpsc-recent">
    83 
    84                                 <?php while ( have_posts() ) : the_post(); ?>
    85 
    86                                 <li>
    87                                         <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
    88                                                 <?php site_screenshot_tag( 215 ); ?>
    89                                         </a>
    90                                         <h5><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
    91                                         <?php
    92                                                 the_tags( '<ul class="wpsc-tags"><li>', '</li><li>', '</li></ul>' );
    93                                                 if ( function_exists( 'the_ratings' ) ) the_ratings();
    94                                         ?>
    95                                 </li>
    96 
    97                                 <?php endwhile; // have_posts ?>
    98                         </ul>
    99                         <a href="<?php echo home_url( '/archives/' ); ?>" class="wpsc-view-all"><?php _e( 'View All Showcase Sites &rarr;', 'wporg-showcase' ); ?></a>
    100 
    101                         <?php endif; // have_posts ?>
    102 
     107                                <?php endif; // have_posts ?>
     108                        </div>
    103109                </div>
    104110        </div>
    105111</div>
  • page-submit.php

     
    1919?>
    2020
    2121<div id="pagebody">
    22         <div class="wrapper">
     22                <div class="wrapper">
    2323                        <?php get_template_part( 'sidebar', 'left' ); ?>
    24                 <div class="col-7">
     24                                <div class="col-5">
    2525
    2626<?php if ( $_POST && ! $error ) : ?>
    2727        <div id="return">
  • page-tags.php

     
    99<div id="pagebody">
    1010        <div class="wrapper">
    1111                <?php get_sidebar( 'left' ); ?>
    12                 <div class="col-7">
     12                <div class="col-5">
    1313                        <?php breadcrumb(); ?>
    1414                        <div class="heatmap">
    1515                                <?php wp_tag_cloud( 'smallest=9&largest=38&number=1000' ); ?>
  • page.php

     
    33<div id="pagebody">
    44        <div class="wrapper">
    55                <?php get_sidebar( 'left' ); ?>
    6                 <div class="col-7">
     6                <div class="col-5">
    77
    88                        <?php if ( have_posts() ) : ?>
    99                                <?php while ( have_posts() ) : the_post(); ?>
  • sidebar-left.php

     
    1                 <div class="col-2 secondary">
    2                         <a href="<?php echo home_url( '/submit-a-wordpress-site/' ); ?>" class="wpsc-submit-site"><?php _e( 'Submit a Site &rarr;', 'wporg-showcase' ); ?></a>
     1<div class="col-2 secondary leftsidebar">
     2        <a href="<?php echo home_url( '/submit-a-wordpress-site/' ); ?>" class="wpsc-submit-site"><?php _e( 'Submit a Site &rarr;', 'wporg-showcase' ); ?></a>
    33
    4                         <h4 class="search"><?php _e( 'Search', 'wporg-showcase' ); ?></h4>
    5                         <?php // @todo: use get_search_form(); ?>
    6                         <form method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    7                                 <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" class="text" />
    8                                 <input type="submit" id="searchsubmit" value="<?php esc_attr_e( 'Go', 'wporg-showcase' ); ?>" class="button" />
    9                         </form>
     4        <h4 class="search"><?php _e( 'Search', 'wporg-showcase' ); ?></h4>
     5        <?php // @todo: use get_search_form(); ?>
     6        <form method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
     7                <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" class="text" />
     8                <input type="submit" id="searchsubmit" value="<?php esc_attr_e( 'Go', 'wporg-showcase' ); ?>" class="button" />
     9        </form>
    1010
    11                         <?php popular_tags(); ?>
    12                         <a href='<?php echo home_url( '/tag-cloud/' ); ?>' class="wpsc-all-tags"><?php _e( 'View All Tags &rarr;', 'wporg-showcase' ); ?></a>
     11        <?php popular_tags(); ?>
     12        <a href='<?php echo home_url( '/tag-cloud/' ); ?>' class="wpsc-all-tags"><?php _e( 'View All Tags &rarr;', 'wporg-showcase' ); ?></a>
    1313
    14                         <h4><?php _e( 'Browse by Flavor', 'wporg-showcase' ); ?></h4>
    15                         <ul class="submenu">
    16                                 <?php wp_list_categories( 'exclude=4&title_li=' ); ?>
    17                         </ul>
    18                 </div>
     14        <h4><?php _e( 'Browse by Flavor', 'wporg-showcase' ); ?></h4>
     15        <ul class="submenu">
     16                <?php wp_list_categories( 'exclude=4&title_li=' ); ?>
     17        </ul>
     18</div>
  • sidebar-right.php

     
    1                 <div class="col-3">
    2                         <h4><?php _e( 'Top Rated', 'wporg-showcase' ); ?></h4>
    3                         <table class="top-rated">
    4                                 <?php get_highest_rated( 'post', 10, 10 ); ?>
    5                         </table>
     1<div class="col-3 rightsidebar">
     2        <div class="rightsidebarwrapper">
     3                <div class="currentSiteRating">
     4                        <p class="button"><a href="http://<?php get_site_domain(false); ?>"><?php _e('Visit Site', 'wporg-showcase'); ?></a>
     5                        </p>
    66
    7                         <h4><?php _e( 'Most Votes', 'wporg-showcase' ); ?></h4>
    8                         <table class="most-votes">
    9                                 <?php get_most_rated(); ?>
    10                         </table>
     7                        <h4><?php _e('Rating', 'wporg-showcase'); ?></h4>
     8                        <?php the_ratings(); ?>
     9                        <p class='rating-descrip'><?php _e('Rate this site based on their implementation and use of WordPress.', 'wporg-showcase'); ?></p>
     10
     11                        <?php wp_flavors(); ?>
     12                        <br/>
     13                        <?php tags_with_count('list', '<h4>' . __('Tags', 'wporg-showcase') . '</h4><ul>', '', '</ul>'); ?>
    1114                </div>
     15                <h4><?php _e('Top Rated', 'wporg-showcase'); ?></h4>
     16                <table class="top-rated">
     17                        <?php get_highest_rated('post', 10, 10); ?>
     18                </table>
     19
     20                <h4><?php _e('Most Votes', 'wporg-showcase'); ?></h4>
     21                <table class="most-votes">
     22                        <?php get_most_rated(); ?>
     23                </table>
     24        </div>
     25</div>
  • single.php

     
    5454                                                </div><!-- .storycontent -->
    5555                                                <?php comments_template(); ?>
    5656                                        </div><!-- .col-5 -->
    57                                         <div class="col-13">
    58                                                 <p class="button"><a href="http://<?php get_site_domain( false ); ?>"><?php _e( 'Visit Site', 'wporg-showcase' ); ?></a></p>
    5957
    60                                                 <h4><?php _e( 'Rating', 'wporg-showcase' ); ?></h4>
    61                                                 <?php the_ratings(); ?>
    62                                                 <p class='rating-descrip'><?php _e( 'Rate this site based on their implementation and use of WordPress.', 'wporg-showcase' ); ?></p>
    63 
    64                                                 <?php wp_flavors(); ?>
    65                                                 <br />
    66                                                 <?php tags_with_count( 'list', '<h4>' . __( 'Tags', 'wporg-showcase' ) . '</h4><ul>', '', '</ul>' ); ?>
    67                                         </div>
    68 
    6958                                        <?php get_sidebar( 'right' ) ?>
    7059
    7160                                <?php endwhile; // have_posts ?>
  • style.css

     
    22Theme Name: WordPress.org Showcase Theme
    33*/
    44
     5.col-5 {
     6        width: calc(100% - 390px);
     7}
     8
    59.alignleft img, img.alignleft, .alignleft {
    610        float: left;
    711        padding: 5px;
     
    1317        margin-right: auto;
    1418}
    1519
    16 .col-2 p.button, .col-13 p.button {
     20.col-2 p.button, .col-3 p.button {
     21        background: #d54e21;
     22        border: none;
     23        border-radius: 3px;
     24        -moz-border-radius: 3px;
     25        -webkit-border-radius: 3px;
     26        color: #fff;
    1727        display: block;
    18         text-align: center;
    1928        line-height: 1.4em;
    2029        padding: 0;
    21         background: #d54e21;
    22         color: #fff;
    23         -moz-border-radius: 3px;
    24         -khtml-border-radius: 3px;     
    25         -webkit-border-radius: 3px;
    26         border-radius: 3px;
    27         border: none;
     30        text-align: center;
    2831        text-shadow: none;
    2932}
    3033
     
    3639        width: 75px;
    3740}
    3841
    39 .col-2 p.button a, .col-13 p.button a {
    40         font-size: 13px;
     42.col-2 p.button a, .col-3 p.button a {
    4143        color: #fff;
    4244        display: block;
    43         padding: 8px 10px;
    44         text-shadow: rgba(0,0,0,0.5) 0 1px 0;
     45        font-size: 13px;
     46        padding: 14px 10px;
     47        text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0;
    4548}
    4649
    4750p.button a:hover {
     51        border: none;
    4852        color: #ffac90;
    49         border: none;
    5053}
    5154
    5255textarea.text {
    53         margin-right: 2px;
    54         font-size: 10px;
    55         padding: 3px;
    5656        background: #f5f5f5;
    5757        border: 1px solid #ccc;
     58        border-radius: 3px;
    5859        -moz-border-radius: 3px;
    59         -khtml-border-radius: 3px;     
    6060        -webkit-border-radius: 3px;
    61         border-radius: 3px;
     61        color: #666;
     62        font-size: 10px;
     63        margin-right: 2px;
     64        padding: 3px;
    6265        vertical-align: top;
    63         color: #666;
    6466}
    6567
    6668div.post-ratings {
     
    6870}
    6971
    7072h4 {
    71         border-bottom:1px solid #DEDEDE;
    72         color:#333333;
    73         font-size:12px;
    74         font-weight:bold;
    75         margin-bottom:10px;
    76         padding-bottom:4px;
    77         padding-top:1px;
     73        border-bottom: 1px solid #DEDEDE;
     74        color: #333333;
     75        font-size: 12px;
     76        font-weight: bold;
     77        margin-bottom: 10px;
     78        padding-bottom: 4px;
     79        padding-top: 1px;
    7880}
    7981
    8082h4.search {
     
    107109
    108110.gallery img {
    109111        background: #f5f5f5;
     112        border: 1px solid #ccc;
    110113        padding: 4px;
    111         border: 1px solid #ccc;
    112114}
    113115
    114116.gallery-caption {
     
    130132}
    131133
    132134#pagebody .excerpt p {
    133         margin-bottom: 0;
    134135        font-size: 12px;
    135136        line-height: 18px;
     137        margin-bottom: 0;
    136138}
    137139
    138140.featured-sites {
    139141        border-bottom: 1px solid #DEDEDE;
     142        margin-bottom: 20px;
    140143        padding-bottom: 20px;
    141         margin-bottom: 20px;
    142144}
    143145
    144146#pagebody .featured-sites .gallery-caption p {
    145147        font-size: 12px;
    146148        line-height: 18px;
    147         margin: 0px;
    148         margin-bottom: 10px;
     149        margin: 0 0 10px 0;
    149150}
     151
    150152.excerpt p {
     153        font-size: 10px;
    151154        margin: 0;
    152155        padding: 0;
    153         font-size: 10px;
    154156}
    155157
    156158table.most-votes, table.top-rated {
     159        margin-bottom: 22px;
    157160        padding: 0;
    158         margin-bottom: 22px;
    159161}
    160162
    161163table.most-votes, table.top-rated td {
    162         valign: top;
    163164        line-height: 16px;
     165        vertical-align: top;
    164166}
    165167
    166168.most-rated {
    167169        background: #F5F5F5;
     170        border: 1px solid #ccc;
     171        border-radius: 3px;
    168172        -moz-border-radius: 3px;
    169         -khtml-border-radius: 3px;     
    170173        -webkit-border-radius: 3px;
    171         border-radius: 3px;
    172         border: 1px solid #ccc;
     174        color: #797979;
     175        display: block;
     176        font-size: 11px;
     177        font-weight: bold;
     178        line-height: 14px;
     179        margin: 1px 2px 0 0;
    173180        padding: 0;
    174         margin: 1px 2px 0 0;
    175         display: block;
    176181        text-align: center;
    177         font-weight: bold;
    178182        width: 50px;
    179         line-height: 14px;
    180         color: #797979;
    181         font-size: 11px;
    182183}
    183184
    184185.top-rated img.post-ratings-image {
    185186        height: 10px;
     187        margin-top: 3px;
    186188        width: 10px;
    187         margin-top: 3px;
    188189}
    189190
    190191.top-rated-stars {
     
    197198}
    198199
    199200ul#flavors li {
     201        color: #c9c9c9;
    200202        list-style: none;
    201203        margin: 0;
    202204        padding: 3px 0 3px 0;
    203         color: #c9c9c9;
    204205}
    205206
    206207#flavors li img, .post-ratings img, .top-rated li img {
     
    217218        padding-bottom: 10px;
    218219}
    219220
    220 
    221221.story-excerpt {
    222222        margin: 0 0 30px 0;
    223223}
    224224
    225225h3 {
     226        font-size: 20px;
    226227        font-weight: normal;
    227         font-size: 20px;
    228228        margin-bottom: 20px;
    229229}
    230230
     
    232232        font-weight: normal;
    233233}
    234234
    235 .meta{
     235.meta {
     236        font-size: 12px;
    236237        margin: 3px 0 0 0;
    237         font-size: 12px;
    238238}
    239239
    240240.meta a {
     
    241241        font-weight: normal;
    242242}
    243243
     244.single .storycontent {
     245        padding-right: 0;
     246}
     247
    244248.story-excerpt img, .storycontent img {
    245249        background: #f5f5f5;
    246         padding: 4px;
    247250        border: 1px solid #ccc;
    248251        margin-right: 10px;
     252        padding: 4px;
    249253}
    250254
    251255.story-excerpt img.noborder, .storycontent img.noborder {
     256        border: 0;
    252257        padding: 0;
    253         border: 0;
    254258}
    255259
    256260.post .storycontent img.site-screenshot {
    257261        background: #f5f5f5;
     262        border: 1px solid #ccc;
    258263        margin: 0;
    259264        padding: 3px;
    260         border: 1px solid #ccc;
     265        width: 100%;
     266        height: auto;
    261267}
    262268
    263 .col-13 {
    264         float: left;
    265         margin: 38px 0 0 0;
     269.col-3 {
     270        float: right;
     271        margin: 0 14px 0 0;
    266272        width: 160px;
    267273}
    268274
    269275blockquote {
    270         background: url(images/openquote.png?1) left top no-repeat;
    271         margin-top:16px;
     276        background: url(images/openquote.png?1) left top no-repeat;
     277        border: none;
     278        margin-top: 16px;
    272279        padding: 8px 32px 12px 8px;
    273         border:none;
    274280}
    275281
    276 
    277282blockquote cite {
    278283        float: right;
    279284}
    280285
    281 .next{
     286.next {
    282287        float: right;
    283288}
    284289
     
    296301
    297302.clear {
    298303        clear: both;
     304        height: 0;
    299305        visibility: hidden;
    300         height: 0;
    301306}
    302307
    303308.rating-descrip {
     
    305310        line-height: 1.4em;
    306311}
    307312
    308 #wordpress-org #wp_page_numbers ul, 
    309 #wordpress-org #wp_page_numbers li, 
     313#wordpress-org #wp_page_numbers ul,
     314#wordpress-org #wp_page_numbers li,
    310315#wordpress-org #wp_page_numbers a {
    311         padding: 0;
    312         margin: 0;
    313         text-decoration: none;
    314         font-style: normal;
    315         list-style: none;
    316         text-transform: none;
    317         text-indent: 0px;
    318         font-variant: normal;
    319         text-align: left;
    320         line-height: 14px;
    321         letter-spacing: 0px;
    322         word-spacing: 0px;
    323         font-size: 12px;
    324         font-family: sans-serif;
     316        font-family: sans-serif;
     317        font-size: 12px;
     318        font-style: normal;
     319        font-variant: normal;
     320        letter-spacing: 0;
     321        line-height: 14px;
     322        list-style: none;
     323        margin: 0;
     324        padding: 0;
     325        text-align: left;
     326        text-decoration: none;
     327        text-indent: 0;
     328        text-transform: none;
     329        word-spacing: 0;
    325330}
    326331
    327332#wordpress-org #wp_page_numbers {
    328         margin: 10px 0 22px 0;
    329         width: 100%;
     333        margin: 10px 0 22px 0;
     334        width: 100%;
    330335}
     336
    331337#wordpress-org #wp_page_numbers ul {
    332         width: 100%;
    333         padding-top: 10px;
     338        padding-top: 10px;
     339        width: 100%;
    334340}
     341
    335342#wordpress-org #wp_page_numbers li {
    336         float: left;
    337         display: block;
    338         margin-bottom: 2px;
     343        display: block;
     344        float: left;
     345        margin-bottom: 2px;
    339346}
     347
    340348#wordpress-org #wp_page_numbers li.page_info {
    341                 padding: 2px 8px 3px 0;
     349        padding: 2px 8px 3px 0;
    342350}
     351
    343352#wordpress-org #wp_page_numbers a {
    344         padding: 3px;
    345         padding-left: 5px;
    346         padding-right: 5px;
    347         margin-left: 2px;
    348         margin-right: 2px;
    349         display: block;
    350         border: 1px solid #cccccc;
     353        border: 1px solid #cccccc;
     354        display: block;
     355        margin-left: 2px;
     356        margin-right: 2px;
     357        padding: 3px 5px 3px 5px;
    351358}
    352359
    353360#wordpress-org #wp_page_numbers li a:hover {
    354         border-color: #999999;
     361        border-color: #999999;
    355362}
    356363
    357364#wordpress-org #wp_page_numbers li.space {
    358         padding: 6px;
    359         padding-left: 2px;
    360         padding-right: 2px;
     365        padding: 6px 2px 6px 2px;
    361366}
    362367
    363368#wordpress-org #wp_page_numbers li.active_page a {
    364         background-color:#328AB2;
    365         border:1px solid #328AB2;
    366         color:#FFFFFF;
     369        background-color: #328AB2;
     370        border: 1px solid #328AB2;
     371        color: #FFFFFF;
    367372}
    368373
    369 #wordpress-org #wp_page_numbers li.active_page a:hover  {
    370         background-color:#328AB2;
    371         border:1px solid #328AB2;
    372         color:#FFFFFF;
     374#wordpress-org #wp_page_numbers li.active_page a:hover {
     375        background-color: #328AB2;
     376        border: 1px solid #328AB2;
     377        color: #FFFFFF;
    373378}
    374379
    375 .archives .col-7, .home .col-7 { 
     380.archives .col-7, .home .col-7 {
    376381        margin-bottom: 20px;
    377382}
    378383
     
    384389================================================= */
    385390
    386391/* Clearfix */
    387 .group:before, .group:after { content:"";  display:table; }
    388 .group:after {clear:both;}
    389 .group {zoom:1;}
     392.group:before, .group:after {
     393        content: "";
     394        display: table;
     395}
    390396
     397.group:after {
     398        clear: both;
     399}
     400
     401.group {
     402        zoom: 1;
     403}
     404
    391405#pagebody {
    392406        font-size: 13px;
    393407}
     
    400414        font-size: 16px;
    401415}
    402416
    403 a {outline: none}
     417a {
     418        outline: none
     419}
    404420
    405421/* Hero Area */
    406422
     
    407423.wpsc-hero {
    408424        background: #373737;
    409425        color: #fff;
    410        
    411         position: relative;
    412        
    413         padding: 21px 0 0 0;
    414426        margin: 0 0 42px 0;
    415        
    416427        min-height: 365px;
     428        padding: 21px 0 0 0;
     429        position: relative;
    417430}
    418431
    419432.wpsc-hero a:hover {
     
    421434}
    422435
    423436.wpsc-hero-slide-container {
    424         margin: auto;
     437        margin: auto auto 20px auto;
     438        max-width: 970px;
     439        overflow: hidden;
    425440        position: relative;
    426        
    427         width: 970px;
    428         height: 310px;
    429         overflow: hidden;
     441        width: 100%;
    430442}
    431443
    432444.wpsc-hero-slide {
    433445        background: #373737;
    434446        clear: both;
    435        
     447        font-size: 14px;
    436448        margin: auto;
    437         width: 970px;
    438                        
    439         font-size: 14px;
    440                
    441         text-shadow: 0px 1px 0px rgba(0,0,0,0.75)
     449        max-width: 970px;
     450        min-height: 310px;
     451        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
     452        width: 100%;
    442453}
    443454
    444455.wpsc-hero-slide-img {
    445         display: block;
    446         overflow: hidden;
    447         position: relative;
    448        
    449         height: 285px;
    450 
    451         float: left;
    452         margin: 0 32px 25px 0;
    453        
     456        background: #fff;
    454457        border: 5px #fff solid;
    455458        border-radius: 3px;
    456459        -webkit-border-radius: 3px;
    457        
    458         box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
    459         -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
     460        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
     461        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
     462        display: block;
     463        position: relative;
    460464}
    461465
     466.wpsc-hero-slide-img img {
     467        height: auto;
     468        width: 100%;
     469}
     470
    462471.wpsc-hero-slide-content {
    463472        padding: 0 20px;
    464473}
    465474
     475.wpsc-hero-slide-content-left {
     476        float: left;
     477        position: relative;
     478        width: 50%;
     479}
     480
     481.wpsc-hero-slide-content-right {
     482        float: left;
     483        position: relative;
     484        width: 50%;
     485}
     486
     487.wpsc-hero-slide-content-right-wrapper {
     488        display: block;
     489        padding-left: 20px;
     490}
     491
    466492.wpsc-slide-nav {
    467493        background: #f7f7f7;
    468494        border-bottom: 1px #c6c6c6 solid;
    469        
    470         position: absolute;
    471495        bottom: 0;
     496        padding: 18px 0 10px 0;
     497        position: relative;
     498        text-align: center;
     499        width: 100%;
    472500        z-index: 99;
    473        
    474         width: 100%;
    475        
    476         padding: 18px 0 15px 0;
    477        
    478         text-align: center;
    479501}
    480502
    481 .wpsc-slide-nav a {
    482         display: inline-block;
    483         text-indent: -1000%;
    484        
     503.wpsc-slide-nav .wpsc-slide-pager span {
    485504        background: #dcdcdc;
    486505        border: 1px #bcbcbc solid;
    487        
     506        border-radius: 50%;
     507        display: inline-block;
     508        height: 11px;
    488509        margin: 0 6px;
    489        
     510        text-indent: -1000%;
    490511        width: 11px;
    491         height: 11px;
    492        
    493         border-radius: 50%;
    494512}
    495513
    496 .wpsc-slide-nav a:hover {
     514.wpsc-slide-nav .wpsc-slide-pager span:hover {
    497515        background: #bababa;
    498516}
    499517
    500 .wpsc-slide-nav .activeSlide {
     518.wpsc-slide-nav .wpsc-slide-pager span.cycle-pager-active {
    501519        background: #acacac;
    502520        border-color: #5f5f5f;
    503521}
    504522
     523.wpsc-slide-pager span:hover {
     524        cursor: pointer;
     525}
     526
    505527.wpsc-hero-slide p {
    506528        line-height: 1.7;
    507529}
    508530
    509 .wpsc-hero-slide h3 {
    510         margin: 0 0 5px 0;
    511 }
    512 
    513531.wpsc-hero-slide h3 a {
     532        color: #fff;
    514533        display: block;
    515 
    516         color: #fff;   
     534        font-size: 24px;
    517535        font-weight: bold;
    518         font-size: 24px;
    519        
    520         padding: 20px 0 0 0;
    521536}
    522537
    523538.wpsc-linkout,
     
    527542}
    528543
    529544.linkout-symbol {
     545        display: inline-block;
     546        font-family: "Arial Unicode MS", Arial, sans-serif;
    530547        font-size: 15px;
    531         font-family: "Arial Unicode MS", Arial, sans-serif;
    532548        line-height: 0.7;
    533        
    534         display: inline-block;
    535549        margin: 1px 0 -1px 3px;
    536550}
    537551
    538552a.wpsc-hero-learnmore {
    539553        color: #fff;
     554        font-size: 16px;
    540555        font-weight: bold;
    541         font-size: 16px;
    542556        line-height: 1;
    543557}
    544558
     
    553567.wpsc-hero .wpsc-tags li a {
    554568        background: #6c6c6c;
    555569        color: #fff;
    556        
    557         text-shadow: 0 -1px 0 rgba(0,0,0,1);
    558         -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,1);
     570        text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
    559571}
    560572
    561573.wpsc-hero .wpsc-tags li a:hover {
    562574        background: #eee;
    563575        color: #d54e21;
    564        
    565576        text-shadow: none;
    566         -webkit-text-shadow: none;
    567577}
    568578
    569579/* Sidebar */
     580.leftsidebar {
     581        z-index: 200;
     582}
    570583
    571 .home .secondary {
     584.secondary {
     585        display: block;
     586        float: left;
     587        position: relative;
    572588        width: 150px;
    573589}
    574590
     
    576592        color: #444;
    577593        font-size: 13px;
    578594        line-height: 1.2;
    579        
     595        margin: 47px 0 11px 0;
    580596        padding: 0 0 10px 0;
    581        
    582         margin: 47px 0 11px 0;
    583597}
    584598
    585599.home .secondary h4.search {
     
    586600        margin-bottom: 16px;
    587601}
    588602
     603.home .wpsc-recent img {
     604        width: 100%;
     605        height: auto;
     606}
     607
    589608.wpsc-submit-site {
     609        border-bottom: 1px #dedede solid;
    590610        display: block;
    591611        font-weight: bold;
    592612        line-height: 1.4;
    593        
    594613        padding: 0 0 8px 0;
    595        
    596         border-bottom: 1px #dedede solid;
    597614}
    598615
    599616.secondary #s {
    600         width: 78px;
    601        
    602617        border-radius: 2px;
    603618        -webkit-border-radius: 2px;
     619        width: 78px;
    604620}
    605621
    606622.secondary .tag-count {
     623        background: #e6e6e6;
     624        border-radius: 23px;
     625        -webkit-border-radius: 23px;
    607626        display: block;
    608627        float: right;
    609        
    610         background: #e6e6e6;
    611        
    612628        font-size: 11px;
    613629        font-weight: bold;
    614630        line-height: 1;
    615        
     631        padding: 4px 7px 3px 7px;
    616632        text-shadow: 0 1px 0 #fff;
    617         -webkit-text-shadow: 0 1px 0 #fff;
    618                
    619         padding: 4px 7px 3px 7px;
    620        
    621         border-radius: 23px;
    622         -webkit-border-radius: 23px;
    623633}
    624634
    625635.secondary .wpsc-all-tags {
     
    639649        font-family: dashicons;
    640650        font-size: 16px;
    641651        padding: 0 6px 0 0;
    642     position: relative;
    643     top: 2px;
     652        position: relative;
     653        top: 2px;
    644654}
    645655
    646656.secondary .cat-item-3 a:before {
     
    648658        font-family: dashicons;
    649659        font-size: 16px;
    650660        padding: 0 6px 0 0;
    651     position: relative;
     661        position: relative;
    652662        top: 2px;
    653663}
    654664
     
    661671        top: 2px;
    662672}
    663673
    664 
    665674/* Main Content Area */
    666675
    667676.wpsc-tags li a {
     677        background: #ebebeb;
     678        border-radius: 2px;
     679        -webkit-border-radius: 2px;
    668680        display: inline-block;
    669         background: #ebebeb;
    670 
    671681        font-size: 12px;
    672682        font-weight: bold;
    673683        line-height: 1;
    674          
    675684        margin: 0 5px 5px 0;
    676685        padding: 3px 5px;
    677          
    678         border-radius: 2px;
    679         -webkit-border-radius: 2px;
    680        
    681686        text-shadow: 0 1px 0 #fff;
    682         -webkit-text-shadow: 0 1px 0 #fff;
    683687}
    684688
    685 .wpsc-tags li a:hover { 
     689.wpsc-tags li a:hover {
    686690        text-shadow: none;
    687         -webkit-text-shadow: none;
    688691}
    689692
    690693.home .main-content {
    691         margin: 0 -25px 0 0;   
    692         width: 750px;
    693        
    694         float: right;
     694        float: left;
     695        margin: 0;
     696        /*max-width: 740px;*/
     697        width: calc(100% - 180px);
    695698}
    696699
     700.home .main-content .maincontentwrapper {
     701        padding: 0 14px;
     702}
     703
    697704.home .main-content h3 {
    698705        font-weight: bold;
    699706        margin: 0 0 29px 0;
     
    704711        overflow: auto;
    705712}
    706713
    707 .home .wpsc-recent>li {
     714.home .wpsc-recent > li {
    708715        display: block;
    709716        float: left;
    710         position: relative;
    711 
    712717        list-style: none;
    713        
    714718        min-height: 310px;
    715         width: 215px;
    716        
    717         margin: 0 33px 40px 0; 
    718         padding: 0 0 10px 0;
     719        padding: 10px;
     720        position: relative;
     721        width: 29%;
    719722}
    720723
    721 .wpsc-recent>li .screenshot {
     724.wpsc-recent > li .screenshot {
    722725        border-radius: 3px;
    723726        -webkit-border-radius: 3px;
    724        
    725         box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
    726         -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
     727
     728        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
     729        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
    727730}
    728731
    729 .wpsc-recent>li a:hover .screenshot {
    730         box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
    731         -webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.5);
     732.wpsc-recent > li a:hover .screenshot {
     733        box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.5);
     734        -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.5);
    732735}
    733736
    734737#pagebody .wpsc-recent p {
     738        line-height: 1.4;
    735739        margin: 10px 0 20px 0;
    736         line-height: 1.4
    737740}
    738741
    739742.wpsc-recent h5 {
     
    747750        font-weight: bold;
    748751}
    749752
    750 .wpsc-recent>li .post-ratings {
    751         position: absolute;
     753.wpsc-recent > li .post-ratings {
     754        border-top: 1px #EFEFEF solid;
    752755        bottom: 0;
    753         height:auto;   
    754         border-top: 1px #EFEFEF solid;
     756        height: auto;
    755757        padding: 5px 0 0 0;
    756758        text-align: right;
    757759}
     
    758760
    759761/* Ratings */
    760762
    761 #pagebody .post-ratings img, 
    762 #pagebody .post-ratings-loading img, 
     763#pagebody .post-ratings img,
     764#pagebody .post-ratings-loading img,
    763765#pagebody .post-ratings-image img {
     766        float: left;
     767        height: 12px;
    764768        padding: 5px 2px 0 0; /* was margin */
    765         float: left;
    766         width:12px;
    767         height:12px;
     769        width: 12px;
    768770}
    769771
    770772.wpsc-view-all {
    771773        clear: both;
    772774        display: block;
    773         text-align: right;
    774775        font-weight: bold;
    775776        margin: 20px 25px 100px 25px;
    776        
     777        text-align: right;
     778
    777779}
     780
     781#wpsc-mobile-menu-button:before {
     782        border: none;
     783        box-sizing: border-box;
     784        -moz-box-sizing: border-box;
     785        color: #888;
     786        content: '\f228';
     787        display: none;
     788        float: left;
     789        font: normal 30px/1 'Dashicons';
     790        height: 32px;
     791        margin-right: -10px;
     792        margin-top: 15px;
     793        outline: none;
     794        padding: 3px;
     795        text-decoration: none;
     796        vertical-align: middle;
     797        width: 39px;
     798        -webkit-font-smoothing: antialiased;
     799}
     800
     801.archive a img.alignleft {
     802        margin: 5px 20px 0 0;
     803}
     804
     805.currentSiteRating {
     806        display: none;
     807}
     808
     809/* Large devices */
     810@media (max-width: 992px) {
     811
     812}
     813
     814/* Medium devices */
     815@media (max-width: 768px) {
     816        .home .main-content {
     817                padding: 0;
     818                width: 100%;
     819        }
     820
     821        .wpsc-hero.group {
     822                display: none !important;
     823        }
     824
     825        .wpsc-business > li,
     826        .wpsc-recadded > li {
     827                width: 44% !important;;
     828        }
     829
     830        .wpsc-business > li:last-child,
     831        .wpsc-recadded > li:last-child {
     832                display: none !important;
     833        }
     834
     835        .leftsidebar {
     836                background: #fff;
     837                border: 1px #DFDFDF solid;
     838                height: 100%;
     839                margin-left: -210px;
     840                margin-top: -1px;
     841                min-height: 100vh;
     842                padding: 20px;
     843        }
     844
     845        #wpsc-mobile-menu-button:before {
     846                display: inline-block;
     847        }
     848
     849        .col-5 {
     850                width: calc(100% - 220px);
     851        }
     852
     853        .single .leftsidebar,
     854        .archive .leftsidebar,
     855        .page .leftsidebar,
     856        .blog .leftsidebar {
     857                margin-top: -41px;
     858        }
     859
     860        .page-template-page-home .leftsidebar {
     861                margin-top: -1px !important;
     862        }
     863
     864        .page .storycontent {
     865                padding-right: 0;
     866        }
     867}
     868
     869/* Small devices */
     870@media (max-width: 576px) {
     871        .wpsc-business > li,
     872        .wpsc-recadded > li {
     873                width: 100% !important;
     874        }
     875
     876        .home .wpsc-recent > li {
     877                padding: 0;
     878                text-align: center;
     879        }
     880
     881        .rightsidebar {
     882                display: inline-block;
     883                margin: 50px 0 0 0;
     884                width: 100%;
     885                clear: none;
     886                float: none;
     887        }
     888
     889        .rightsidebarwrapper {
     890                padding: 0 14px 0 14px;
     891        }
     892
     893        .col-5 {
     894                width: 100%;
     895                margin: 0;
     896                padding: 0 14px 0 14px;
     897                display: table-cell;
     898                float: none;
     899        }
     900
     901        .archive a img.alignleft {
     902                width: 100%;
     903                padding: 0;
     904                margin: 0 0 14px 0;
     905        }
     906
     907        .archive .story-excerpt {
     908                margin: 0 0 14px 0;
     909        }
     910}
     911 No newline at end of file