Making WordPress.org

Ticket #1173: 1173.diff

File 1173.diff, 60.6 KB (added by xkon, 7 years ago)

Home, Single viewports

  • 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

     
    11<?php
     2
     3// UNDO ALL
     4
    25$GLOBALS['pagetitle'] = wp_get_document_title();
    36
    47$prefix = is_ssl() ? 'https://' : 'http://s.';
    58wp_enqueue_style( 'blog-wp4', $prefix.'wordpress.org/style/blog-wp4.css', array(), 4 );
    6 wp_enqueue_style( 'showcase', $prefix.'wordpress.org/wp-content/themes/pub/wporg-showcase/style.css', array(), 14 );
     9//wp_enqueue_style( 'showcase', $prefix.'wordpress.org/wp-content/themes/pub/wporg-showcase/style.css', array(), 14 );
     10wp_enqueue_style( 'showcase', '/wp-content/themes/pub/wporg-showcase/style.css', array(), 14 );
    711require WPORGPATH . 'header.php';
    812?>
    913<div id="headline">
    1014        <div class="wrapper">
    11                 <h2><?php _e( 'Showcase', 'wporg-showcase' ); ?></h2>
     15        <a id="wpsc-mobile-menu-button" class="" href="#" onclick="toggleWpscMobileMenu();"></a><h2><?php _e( 'Showcase', 'wporg-showcase' ); ?></h2>
    1216        </div>
    1317</div>
  • 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})(jQuery);
     18 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
    63                                         <li>
    64                                                 <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
    65                                                         <?php site_screenshot_tag( 215 ); ?>
    66                                                 </a>
    67                                                 <h5><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
    68                                                 <?php
    69                                                         the_content_limit( 90 );
    70                                                         the_tags( '<ul class="wpsc-tags"><li>', '</li><li>', '</li></ul>' );
    71                                                 ?>
    72                                         </li>
     80                    <?php endwhile; // have_posts ?>
     81                </ul>
     82                <?php endif; // have_posts ?>
    7383
    74                                 <?php endwhile; // have_posts ?>
    75                         </ul>
    76                         <?php endif; // have_posts ?>
     84                <?php query_posts( array( 'posts_per_page' => 9 ) ); ?>
     85                <?php if ( have_posts() ) : ?>
    7786
    78                         <?php query_posts( array( 'posts_per_page' => 9 ) ); ?>
    79                         <?php if ( have_posts() ) : ?>
     87                <h3><?php _e( 'Recently Added Sites', 'wporg-showcase' ); ?></h3>
     88                <ul class="wpsc-recent wpsc-recadded">
    8089
    81                         <h3><?php _e( 'Recently Added Sites', 'wporg-showcase' ); ?></h3>
    82                         <ul class="wpsc-recent">
     90                    <?php while ( have_posts() ) : the_post(); ?>
    8391
    84                                 <?php while ( have_posts() ) : the_post(); ?>
     92                    <li>
     93                        <a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
     94                            <?php site_screenshot_tag( 215 ); ?>
     95                        </a>
     96                        <h5><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h5>
     97                        <?php
     98                            the_tags( '<ul class="wpsc-tags"><li>', '</li><li>', '</li></ul>' );
     99                            if ( function_exists( 'the_ratings' ) ) the_ratings();
     100                        ?>
     101                    </li>
    85102
    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>
     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>
    96106
    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>
  • sidebar-left.php

     
    1                 <div class="col-2 secondary">
     1                <div class="col-2 secondary leftsidebar">
    22                        <a href="<?php echo home_url( '/submit-a-wordpress-site/' ); ?>" class="wpsc-submit-site"><?php _e( 'Submit a Site &rarr;', 'wporg-showcase' ); ?></a>
    33
    44                        <h4 class="search"><?php _e( 'Search', 'wporg-showcase' ); ?></h4>
  • 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        <p class="button"><a
     4                    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>
    11                 </div>
     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>'); ?>
     14
     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 {
    6         float: left;
    7         padding: 5px;
     10    float: left;
     11    padding: 5px;
    812}
    913
    1014img.aligncenter {
    11         display: block;
    12         margin-left: auto;
    13         margin-right: auto;
     15    display: block;
     16    margin-left: auto;
     17    margin-right: auto;
    1418}
    1519
    16 .col-2 p.button, .col-13 p.button {
    17         display: block;
    18         text-align: center;
    19         line-height: 1.4em;
    20         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;
    28         text-shadow: none;
     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;
     27    display: block;
     28    line-height: 1.4em;
     29    padding: 0;
     30    text-align: center;
     31    text-shadow: none;
    2932}
    3033
    3134.col-2 p.button {
    32         width: 110px;
     35    width: 110px;
    3336}
    3437
    3538.col-13 p.button {
    36         width: 75px;
     39    width: 75px;
    3740}
    3841
    39 .col-2 p.button a, .col-13 p.button a {
    40         font-size: 13px;
    41         color: #fff;
    42         display: block;
    43         padding: 8px 10px;
    44         text-shadow: rgba(0,0,0,0.5) 0 1px 0;
     42.col-2 p.button a, .col-3 p.button a {
     43    color: #fff;
     44    display: block;
     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 {
    48         color: #ffac90;
    49         border: none;
     51    border: none;
     52    color: #ffac90;
    5053}
    5154
    5255textarea.text {
    53         margin-right: 2px;
    54         font-size: 10px;
    55         padding: 3px;
    56         background: #f5f5f5;
    57         border: 1px solid #ccc;
    58         -moz-border-radius: 3px;
    59         -khtml-border-radius: 3px;     
    60         -webkit-border-radius: 3px;
    61         border-radius: 3px;
    62         vertical-align: top;
    63         color: #666;
     56    background: #f5f5f5;
     57    border: 1px solid #ccc;
     58    border-radius: 3px;
     59    -moz-border-radius: 3px;
     60    -webkit-border-radius: 3px;
     61    color: #666;
     62    font-size: 10px;
     63    margin-right: 2px;
     64    padding: 3px;
     65    vertical-align: top;
    6466}
    6567
    6668div.post-ratings {
    67         height: 50px;
     69    height: 50px;
    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 {
    81         padding-top: 0;
     83    padding-top: 0;
    8284}
    8385
    8486.archives h4 {
    85         margin-top: 10px;
     87    margin-top: 10px;
    8688}
    8789
    8890.col-2 p {
    89         margin: 0;
    90         padding: 0;
     91    margin: 0;
     92    padding: 0;
    9193}
    9294
    9395#searchform {
    94         margin-bottom: 22px;
     96    margin-bottom: 22px;
    9597}
    9698
    9799.gallery {
    98         margin: auto;
     100    margin: auto;
    99101}
    100102
    101103.gallery-item {
    102         float: left;
    103         margin-top: 0;
    104         text-align: center;
    105         width: 50%;
     104    float: left;
     105    margin-top: 0;
     106    text-align: center;
     107    width: 50%;
    106108}
    107109
    108110.gallery img {
    109         background: #f5f5f5;
    110         padding: 4px;
    111         border: 1px solid #ccc;
     111    background: #f5f5f5;
     112    border: 1px solid #ccc;
     113    padding: 4px;
    112114}
    113115
    114116.gallery-caption {
    115         margin: 0 8px 0 8px;
    116         text-align: left;
     117    margin: 0 8px 0 8px;
     118    text-align: left;
    117119}
    118120
    119121.gallery-caption h5 {
    120         margin-top: 10px;
     122    margin-top: 10px;
    121123}
    122124
    123125h5 {
    124         font-size: 16px;
    125         margin-bottom: 5px;
     126    font-size: 16px;
     127    margin-bottom: 5px;
    126128}
    127129
    128130h5 a {
    129         font-weight: normal;
     131    font-weight: normal;
    130132}
    131133
    132134#pagebody .excerpt p {
    133         margin-bottom: 0;
    134         font-size: 12px;
    135         line-height: 18px;
     135    font-size: 12px;
     136    line-height: 18px;
     137    margin-bottom: 0;
    136138}
    137139
    138140.featured-sites {
    139         border-bottom: 1px solid #DEDEDE;
    140         padding-bottom: 20px;
    141         margin-bottom: 20px;
     141    border-bottom: 1px solid #DEDEDE;
     142    margin-bottom: 20px;
     143    padding-bottom: 20px;
    142144}
    143145
    144146#pagebody .featured-sites .gallery-caption p {
    145         font-size: 12px;
    146         line-height: 18px;
    147         margin: 0px;
    148         margin-bottom: 10px;
     147    font-size: 12px;
     148    line-height: 18px;
     149    margin: 0 0 10px 0;
    149150}
     151
    150152.excerpt p {
    151         margin: 0;
    152         padding: 0;
    153         font-size: 10px;
     153    font-size: 10px;
     154    margin: 0;
     155    padding: 0;
    154156}
    155157
    156158table.most-votes, table.top-rated {
    157         padding: 0;
    158         margin-bottom: 22px;
     159    margin-bottom: 22px;
     160    padding: 0;
    159161}
    160162
    161163table.most-votes, table.top-rated td {
    162         valign: top;
    163         line-height: 16px;
     164    line-height: 16px;
     165    vertical-align: top;
    164166}
    165167
    166168.most-rated {
    167         background: #F5F5F5;
    168         -moz-border-radius: 3px;
    169         -khtml-border-radius: 3px;     
    170         -webkit-border-radius: 3px;
    171         border-radius: 3px;
    172         border: 1px solid #ccc;
    173         padding: 0;
    174         margin: 1px 2px 0 0;
    175         display: block;
    176         text-align: center;
    177         font-weight: bold;
    178         width: 50px;
    179         line-height: 14px;
    180         color: #797979;
    181         font-size: 11px;
     169    background: #F5F5F5;
     170    border: 1px solid #ccc;
     171    border-radius: 3px;
     172    -moz-border-radius: 3px;
     173    -webkit-border-radius: 3px;
     174    color: #797979;
     175    display: block;
     176    font-size: 11px;
     177    font-weight: bold;
     178    line-height: 14px;
     179    margin: 1px 2px 0 0;
     180    padding: 0;
     181    text-align: center;
     182    width: 50px;
    182183}
    183184
    184185.top-rated img.post-ratings-image {
    185         height: 10px;
    186         width: 10px;
    187         margin-top: 3px;
     186    height: 10px;
     187    margin-top: 3px;
     188    width: 10px;
    188189}
    189190
    190191.top-rated-stars {
    191         width: 54px;
     192    width: 54px;
    192193}
    193194
    194195ul#flavors {
    195         margin: 0;
    196         padding: 0;
     196    margin: 0;
     197    padding: 0;
    197198}
    198199
    199200ul#flavors li {
    200         list-style: none;
    201         margin: 0;
    202         padding: 3px 0 3px 0;
    203         color: #c9c9c9;
     201    color: #c9c9c9;
     202    list-style: none;
     203    margin: 0;
     204    padding: 3px 0 3px 0;
    204205}
    205206
    206207#flavors li img, .post-ratings img, .top-rated li img {
    207         vertical-align: middle;
     208    vertical-align: middle;
    208209}
    209210
    210211ul#flavors li.flavor-used {
    211         color: #363636;
     212    color: #363636;
    212213}
    213214
    214215.post .storycontent {
    215         border-bottom: 1px solid #DEDEDE;
    216         margin-bottom: 10px;
    217         padding-bottom: 10px;
     216    border-bottom: 1px solid #DEDEDE;
     217    margin-bottom: 10px;
     218    padding-bottom: 10px;
    218219}
    219220
    220 
    221221.story-excerpt {
    222         margin: 0 0 30px 0;
     222    margin: 0 0 30px 0;
    223223}
    224224
    225225h3 {
    226         font-weight: normal;
    227         font-size: 20px;
    228         margin-bottom: 20px;
     226    font-size: 20px;
     227    font-weight: normal;
     228    margin-bottom: 20px;
    229229}
    230230
    231231h3 a {
    232         font-weight: normal;
     232    font-weight: normal;
    233233}
    234234
    235 .meta{
    236         margin: 3px 0 0 0;
    237         font-size: 12px;
     235.meta {
     236    font-size: 12px;
     237    margin: 3px 0 0 0;
    238238}
    239239
    240240.meta a {
    241         font-weight: normal;
     241    font-weight: normal;
    242242}
    243243
     244.single .storycontent {
     245    padding-right: 0;
     246}
     247
    244248.story-excerpt img, .storycontent img {
    245         background: #f5f5f5;
    246         padding: 4px;
    247         border: 1px solid #ccc;
    248         margin-right: 10px;
     249    background: #f5f5f5;
     250    border: 1px solid #ccc;
     251    margin-right: 10px;
     252    padding: 4px;
    249253}
    250254
    251255.story-excerpt img.noborder, .storycontent img.noborder {
    252         padding: 0;
    253         border: 0;
     256    border: 0;
     257    padding: 0;
    254258}
    255259
    256260.post .storycontent img.site-screenshot {
    257         background: #f5f5f5;
    258         margin: 0;
    259         padding: 3px;
    260         border: 1px solid #ccc;
     261    background: #f5f5f5;
     262    border: 1px solid #ccc;
     263    margin: 0;
     264    padding: 3px;
     265    width: 100%;
     266    height: auto;
    261267}
    262268
    263 .col-13 {
    264         float: left;
    265         margin: 38px 0 0 0;
    266         width: 160px;
     269.col-3 {
     270    float: right;
     271    margin: 0 14px 0 0;
     272    width: 160px;
    267273}
    268274
    269275blockquote {
    270         background: url(images/openquote.png?1) left top no-repeat;
    271         margin-top:16px;
    272         padding: 8px 32px 12px 8px;
    273         border:none;
     276    background: url(images/openquote.png?1) left top no-repeat;
     277    border: none;
     278    margin-top: 16px;
     279    padding: 8px 32px 12px 8px;
    274280}
    275281
    276 
    277282blockquote cite {
    278         float: right;
     283    float: right;
    279284}
    280285
    281 .next{
    282         float: right;
     286.next {
     287    float: right;
    283288}
    284289
    285290.prev {
    286         float: left;
     291    float: left;
    287292}
    288293
    289294.nextprev {
    290         margin-bottom: 20px;
     295    margin-bottom: 20px;
    291296}
    292297
    293298.post-ratings-text {
    294         padding-left: 8px;
     299    padding-left: 8px;
    295300}
    296301
    297302.clear {
    298         clear: both;
    299         visibility: hidden;
    300         height: 0;
     303    clear: both;
     304    height: 0;
     305    visibility: hidden;
    301306}
    302307
    303308.rating-descrip {
    304         font-size: 12px;
    305         line-height: 1.4em;
     309    font-size: 12px;
     310    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 { 
    376         margin-bottom: 20px;
     380.archives .col-7, .home .col-7 {
     381    margin-bottom: 20px;
    377382}
    378383
    379384.archives .storycontent {
    380         margin-left: 15px;
     385    margin-left: 15px;
    381386}
    382387
    383388/* !Showcase Homepage Refresh
     
    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 {
    392         font-size: 13px;
     406    font-size: 13px;
    393407}
    394408
    395409#pagebody.home {
    396         margin: 0
     410    margin: 0
    397411}
    398412
    399413#pagebody .main-content, #pagebody .storycontent {
    400         font-size: 16px;
     414    font-size: 16px;
    401415}
    402416
    403 a {outline: none}
     417a {
     418    outline: none
     419}
    404420
    405421/* Hero Area */
    406422
    407423.wpsc-hero {
    408         background: #373737;
    409         color: #fff;
    410        
    411         position: relative;
    412        
    413         padding: 21px 0 0 0;
    414         margin: 0 0 42px 0;
    415        
    416         min-height: 365px;
     424    background: #373737;
     425    color: #fff;
     426    margin: 0 0 42px 0;
     427    min-height: 365px;
     428    padding: 21px 0 0 0;
     429    position: relative;
    417430}
    418431
    419432.wpsc-hero a:hover {
    420         color: #ffac90;
     433    color: #ffac90;
    421434}
    422435
    423436.wpsc-hero-slide-container {
    424         margin: auto;
    425         position: relative;
    426        
    427         width: 970px;
    428         height: 310px;
    429         overflow: hidden;
     437    margin: auto auto 20px auto;
     438    max-width: 970px;
     439    overflow: hidden;
     440    position: relative;
     441    width: 100%;
    430442}
    431443
    432444.wpsc-hero-slide {
    433         background: #373737;
    434         clear: both;
    435        
    436         margin: auto;
    437         width: 970px;
    438                        
    439         font-size: 14px;
    440                
    441         text-shadow: 0px 1px 0px rgba(0,0,0,0.75)
     445    background: #373737;
     446    clear: both;
     447    font-size: 14px;
     448    margin: auto;
     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;
     456    background: #fff;
     457    border: 5px #fff solid;
     458    border-radius: 3px;
     459    -webkit-border-radius: 3px;
     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;
     464}
    450465
    451         float: left;
    452         margin: 0 32px 25px 0;
    453        
    454         border: 5px #fff solid;
    455         border-radius: 3px;
    456         -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);
     466.wpsc-hero-slide-img img {
     467    height: auto;
     468    width: 100%;
    460469}
    461470
    462471.wpsc-hero-slide-content {
    463         padding: 0 20px;
     472    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 {
    467         background: #f7f7f7;
    468         border-bottom: 1px #c6c6c6 solid;
    469        
    470         position: absolute;
    471         bottom: 0;
    472         z-index: 99;
    473        
    474         width: 100%;
    475        
    476         padding: 18px 0 15px 0;
    477        
    478         text-align: center;
     493    background: #f7f7f7;
     494    border-bottom: 1px #c6c6c6 solid;
     495    bottom: 0;
     496    padding: 18px 0 10px 0;
     497    position: relative;
     498    text-align: center;
     499    width: 100%;
     500    z-index: 99;
    479501}
    480502
    481 .wpsc-slide-nav a {
    482         display: inline-block;
    483         text-indent: -1000%;
    484        
    485         background: #dcdcdc;
    486         border: 1px #bcbcbc solid;
    487        
    488         margin: 0 6px;
    489        
    490         width: 11px;
    491         height: 11px;
    492        
    493         border-radius: 50%;
     503.wpsc-slide-nav .wpsc-slide-pager span {
     504    background: #dcdcdc;
     505    border: 1px #bcbcbc solid;
     506    border-radius: 50%;
     507    display: inline-block;
     508    height: 11px;
     509    margin: 0 6px;
     510    text-indent: -1000%;
     511    width: 11px;
    494512}
    495513
    496 .wpsc-slide-nav a:hover {
    497         background: #bababa;
     514.wpsc-slide-nav .wpsc-slide-pager span:hover {
     515    background: #bababa;
    498516}
    499517
    500 .wpsc-slide-nav .activeSlide {
    501         background: #acacac;
    502         border-color: #5f5f5f;
     518.wpsc-slide-nav .wpsc-slide-pager span.cycle-pager-active {
     519    background: #acacac;
     520    border-color: #5f5f5f;
    503521}
    504522
    505 .wpsc-hero-slide p {
    506         line-height: 1.7;
     523.wpsc-slide-pager span:hover {
     524    cursor: pointer;
    507525}
    508526
    509 .wpsc-hero-slide h3 {
    510         margin: 0 0 5px 0;
     527.wpsc-hero-slide p {
     528    line-height: 1.7;
    511529}
    512530
    513531.wpsc-hero-slide h3 a {
    514         display: block;
    515 
    516         color: #fff;   
    517         font-weight: bold;
    518         font-size: 24px;
    519        
    520         padding: 20px 0 0 0;
     532    color: #fff;
     533    display: block;
     534    font-size: 24px;
     535    font-weight: bold;
    521536}
    522537
    523538.wpsc-linkout,
    524539.wpsc-linkout:visited {
    525         color: #c8c8c8;
    526         font-size: 12px;
     540    color: #c8c8c8;
     541    font-size: 12px;
    527542}
    528543
    529544.linkout-symbol {
    530         font-size: 15px;
    531         font-family: "Arial Unicode MS", Arial, sans-serif;
    532         line-height: 0.7;
    533        
    534         display: inline-block;
    535         margin: 1px 0 -1px 3px;
     545    display: inline-block;
     546    font-family: "Arial Unicode MS", Arial, sans-serif;
     547    font-size: 15px;
     548    line-height: 0.7;
     549    margin: 1px 0 -1px 3px;
    536550}
    537551
    538552a.wpsc-hero-learnmore {
    539         color: #fff;
    540         font-weight: bold;
    541         font-size: 16px;
    542         line-height: 1;
     553    color: #fff;
     554    font-size: 16px;
     555    font-weight: bold;
     556    line-height: 1;
    543557}
    544558
    545559#pagebody .wpsc-tags {
    546         margin: 10px 0 17px 0;
     560    margin: 10px 0 17px 0;
    547561}
    548562
    549563.wpsc-tags li {
    550         display: inline;
     564    display: inline;
    551565}
    552566
    553567.wpsc-hero .wpsc-tags li a {
    554         background: #6c6c6c;
    555         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);
     568    background: #6c6c6c;
     569    color: #fff;
     570    text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
    559571}
    560572
    561573.wpsc-hero .wpsc-tags li a:hover {
    562         background: #eee;
    563         color: #d54e21;
    564        
    565         text-shadow: none;
    566         -webkit-text-shadow: none;
     574    background: #eee;
     575    color: #d54e21;
     576    text-shadow: none;
    567577}
    568578
    569579/* Sidebar */
     580.leftsidebar {
     581    z-index: 200;
     582}
    570583
    571 .home .secondary {
    572         width: 150px;
     584.secondary {
     585    display: block;
     586    float: left;
     587    position: relative;
     588    width: 150px;
    573589}
    574590
    575591.secondary h4 {
    576         color: #444;
    577         font-size: 13px;
    578         line-height: 1.2;
    579        
    580         padding: 0 0 10px 0;
    581        
    582         margin: 47px 0 11px 0;
     592    color: #444;
     593    font-size: 13px;
     594    line-height: 1.2;
     595    margin: 47px 0 11px 0;
     596    padding: 0 0 10px 0;
    583597}
    584598
    585599.home .secondary h4.search {
    586         margin-bottom: 16px;
     600    margin-bottom: 16px;
    587601}
    588602
     603.home .wpsc-recent img {
     604    width: 100%;
     605    height: auto;
     606}
     607
    589608.wpsc-submit-site {
    590         display: block;
    591         font-weight: bold;
    592         line-height: 1.4;
    593        
    594         padding: 0 0 8px 0;
    595        
    596         border-bottom: 1px #dedede solid;
     609    border-bottom: 1px #dedede solid;
     610    display: block;
     611    font-weight: bold;
     612    line-height: 1.4;
     613    padding: 0 0 8px 0;
    597614}
    598615
    599616.secondary #s {
    600         width: 78px;
    601        
    602         border-radius: 2px;
    603         -webkit-border-radius: 2px;
     617    border-radius: 2px;
     618    -webkit-border-radius: 2px;
     619    width: 78px;
    604620}
    605621
    606622.secondary .tag-count {
    607         display: block;
    608         float: right;
    609        
    610         background: #e6e6e6;
    611        
    612         font-size: 11px;
    613         font-weight: bold;
    614         line-height: 1;
    615        
    616         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;
     623    background: #e6e6e6;
     624    border-radius: 23px;
     625    -webkit-border-radius: 23px;
     626    display: block;
     627    float: right;
     628    font-size: 11px;
     629    font-weight: bold;
     630    line-height: 1;
     631    padding: 4px 7px 3px 7px;
     632    text-shadow: 0 1px 0 #fff;
    623633}
    624634
    625635.secondary .wpsc-all-tags {
    626         font-weight: bold;
     636    font-weight: bold;
    627637}
    628638
    629639#pagebody .secondary li {
    630         border-bottom: 0;
    631         padding: 6px 0;
     640    border-bottom: 0;
     641    padding: 6px 0;
    632642}
    633643
    634644.secondary .cat-item-5 a:before,
     
    635645.secondary .cat-item-186 a:before,
    636646.secondary .cat-item-187 a:before,
    637647.secondary .cat-item-188 a:before {
    638         content: "\f120";
    639         font-family: dashicons;
    640         font-size: 16px;
    641         padding: 0 6px 0 0;
     648    content: "\f120";
     649    font-family: dashicons;
     650    font-size: 16px;
     651    padding: 0 6px 0 0;
    642652    position: relative;
    643653    top: 2px;
    644654}
    645655
    646656.secondary .cat-item-3 a:before {
    647         content: "\f448";
    648         font-family: dashicons;
    649         font-size: 16px;
    650         padding: 0 6px 0 0;
     657    content: "\f448";
     658    font-family: dashicons;
     659    font-size: 16px;
     660    padding: 0 6px 0 0;
    651661    position: relative;
    652         top: 2px;
     662    top: 2px;
    653663}
    654664
    655665.secondary .cat-item-218 a:before {
    656         content: "\f477";
    657         font-family: dashicons;
    658         font-size: 16px;
    659         padding: 0 6px 0 0;
    660         position: relative;
    661         top: 2px;
     666    content: "\f477";
     667    font-family: dashicons;
     668    font-size: 16px;
     669    padding: 0 6px 0 0;
     670    position: relative;
     671    top: 2px;
    662672}
    663673
    664 
    665674/* Main Content Area */
    666675
    667676.wpsc-tags li a {
    668         display: inline-block;
    669         background: #ebebeb;
    670 
    671         font-size: 12px;
    672         font-weight: bold;
    673         line-height: 1;
    674          
    675         margin: 0 5px 5px 0;
    676         padding: 3px 5px;
    677          
    678         border-radius: 2px;
    679         -webkit-border-radius: 2px;
    680        
    681         text-shadow: 0 1px 0 #fff;
    682         -webkit-text-shadow: 0 1px 0 #fff;
     677    background: #ebebeb;
     678    border-radius: 2px;
     679    -webkit-border-radius: 2px;
     680    display: inline-block;
     681    font-size: 12px;
     682    font-weight: bold;
     683    line-height: 1;
     684    margin: 0 5px 5px 0;
     685    padding: 3px 5px;
     686    text-shadow: 0 1px 0 #fff;
    683687}
    684688
    685 .wpsc-tags li a:hover {
    686         text-shadow: none;
    687         -webkit-text-shadow: none;
     689.wpsc-tags li a:hover {
     690    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 {
    698         font-weight: bold;
    699         margin: 0 0 29px 0;
     705    font-weight: bold;
     706    margin: 0 0 29px 0;
    700707}
    701708
    702709#pagebody.home .wpsc-recent {
    703         margin: 0;
    704         overflow: auto;
     710    margin: 0;
     711    overflow: auto;
    705712}
    706713
    707 .home .wpsc-recent>li {
    708         display: block;
    709         float: left;
    710         position: relative;
    711 
    712         list-style: none;
    713        
    714         min-height: 310px;
    715         width: 215px;
    716        
    717         margin: 0 33px 40px 0; 
    718         padding: 0 0 10px 0;
     714.home .wpsc-recent > li {
     715    display: block;
     716    float: left;
     717    list-style: none;
     718    min-height: 310px;
     719    padding: 10px;
     720    position: relative;
     721    width: 29%;
    719722}
    720723
    721 .wpsc-recent>li .screenshot {
    722         border-radius: 3px;
    723         -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);
     724.wpsc-recent > li .screenshot {
     725    border-radius: 3px;
     726    -webkit-border-radius: 3px;
     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 {
    735         margin: 10px 0 20px 0;
    736         line-height: 1.4
     738    line-height: 1.4;
     739    margin: 10px 0 20px 0;
    737740}
    738741
    739742.wpsc-recent h5 {
    740         font-size: 14px;
    741         line-height: 1.2;
    742         margin: 13px 0 0 0;
     743    font-size: 14px;
     744    line-height: 1.2;
     745    margin: 13px 0 0 0;
    743746}
    744747
    745748.wpsc-recent h5 a {
    746         font-style: normal;
    747         font-weight: bold;
     749    font-style: normal;
     750    font-weight: bold;
    748751}
    749752
    750 .wpsc-recent>li .post-ratings {
    751         position: absolute;
    752         bottom: 0;
    753         height:auto;   
    754         border-top: 1px #EFEFEF solid;
    755         padding: 5px 0 0 0;
    756         text-align: right;
     753.wpsc-recent > li .post-ratings {
     754    border-top: 1px #EFEFEF solid;
     755    bottom: 0;
     756    height: auto;
     757    padding: 5px 0 0 0;
     758    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 {
    764         padding: 5px 2px 0 0; /* was margin */
    765         float: left;
    766         width:12px;
    767         height:12px;
     766    float: left;
     767    height: 12px;
     768    padding: 5px 2px 0 0; /* was margin */
     769    width: 12px;
    768770}
    769771
    770772.wpsc-view-all {
    771         clear: both;
    772         display: block;
    773         text-align: right;
    774         font-weight: bold;
    775         margin: 20px 25px 100px 25px;
    776        
     773    clear: both;
     774    display: block;
     775    font-weight: bold;
     776    margin: 20px 25px 100px 25px;
     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/* Large devices */
     802@media (max-width: 992px) {
     803
     804}
     805
     806/* Medium devices */
     807@media (max-width: 768px) {
     808    .home .main-content {
     809        padding: 0;
     810        width: 100%;
     811    }
     812
     813    .wpsc-hero.group {
     814        display: none !important;
     815    }
     816
     817    .wpsc-business > li,
     818    .wpsc-recadded > li {
     819        width: 44% !important;;
     820    }
     821
     822    .wpsc-business > li:last-child,
     823    .wpsc-recadded > li:last-child {
     824        display: none !important;
     825    }
     826
     827    .leftsidebar {
     828        background: #fff;
     829        border: 1px #DFDFDF solid;
     830        height: 100%;
     831        margin-left: -210px;
     832        margin-top: -1px;
     833        min-height: 100vh;
     834        padding: 20px;
     835    }
     836
     837    #wpsc-mobile-menu-button:before {
     838        display: inline-block;
     839    }
     840
     841    .col-5 {
     842        width: calc(100% - 220px);
     843    }
     844
     845    .single .leftsidebar {
     846        margin-top: -41px;
     847    }
     848}
     849
     850/* Small devices */
     851@media (max-width: 576px) {
     852    .wpsc-business > li,
     853    .wpsc-recadded > li {
     854        width: 100% !important;
     855    }
     856
     857    .home .wpsc-recent > li {
     858        padding: 0;
     859        text-align: center;
     860    }
     861
     862    .rightsidebar {
     863        display: inline-block;
     864        margin: 50px 0 0 0;
     865        width: 100%;
     866        clear: none;
     867        float: none;
     868    }
     869
     870    .rightsidebarwrapper {
     871        padding: 0 14px 0 14px;
     872    }
     873
     874    .col-5 {
     875        width: 100%;
     876        margin: 0;
     877        padding: 0 14px 0 14px;
     878        display: table-cell;
     879        float: none;
     880    }
     881}
     882 No newline at end of file