diff --git a/404.php b/404.php index 6d374c0..4625d5a 100644 --- a/404.php +++ b/404.php @@ -8,47 +8,80 @@ */ get_header(); ?> -
+
-

+

+

-

+
+

+ +
- - - - - -
-

-
    +
    +

    'count', - 'order' => 'DESC', - 'show_count' => 1, - 'title_li' => '', - 'number' => 10, - ) ); - ?> -
-
- + $custom_query = new WP_Query( apply_filters( '404_latest_posts_args', array( + 'post_type' => 'post', + 'posts_per_page' => 6, + 'post_status' => 'publish', + 'ignore_sticky_posts' => true + ) ) ); + $count = 0; + if ( $custom_query->have_posts() ) : + echo '
'; + echo '
'; + while ( $custom_query->have_posts() ) : $custom_query->the_post(); + $count++; + ?> +
> +
+ + '; + } + ?> + + term_id ).'">'.$category[0]->cat_name.''; + } + ?> +
+
+
+ ', esc_url( get_permalink() ) ), '' ); ?> + +
- ' . sprintf( esc_html__( 'Try looking in the monthly archives. %1$s', 'codilight-lite' ), convert_smilies( ':)' ) ) . '

'; - the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=$archive_content" ); - ?> - - +
+ +
+
+
+ '; + echo '
'; + } + endwhile; + echo '
'; + echo '
'; + endif; + wp_reset_postdata(); // reset the query + ?> +
diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..755a48c --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,12 @@ +==================================================================== +CHANGELOG +==================================================================== + +## 1.0.1 +* Add more widgets and blocks. +* Add editor style +* Add layout and sidebar settings to customizer. +* Update theme screenshot. + +## 1.0.0 +* Initial release diff --git a/README.md b/README.md index 42171a1..e91aacc 100644 --- a/README.md +++ b/README.md @@ -1,45 +1,58 @@ -[![Build Status](https://travis-ci.org/Automattic/_s.svg?branch=master)](https://travis-ci.org/Automattic/_s) -_s -=== -Hi. I'm a starter theme called `_s`, or `underscores`, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. +Thank you for downloading our theme! -My ultra-minimal CSS might make me look like theme tartare but that means less stuff to get in your way when you're designing your awesome theme. Here are some of the other more interesting things you'll find here: -* A just right amount of lean, well-commented, modern, HTML5 templates. -* A helpful 404 template. -* A sample custom header implementation in `inc/custom-header.php` that can be activated by uncommenting one line in `functions.php` and adding the code snippet found in the comments of `inc/custom-header.php` to your `header.php` template. -* Custom template tags in `inc/template-tags.php` that keep your templates clean and neat and prevent code duplication. -* Some small tweaks in `inc/extras.php` that can improve your theming experience. -* A script at `js/navigation.js` that makes your menu a toggled dropdown on small screens (like your phone), ready for CSS artistry. It's enqueued in `functions.php`. -* 2 sample CSS layouts in `layouts/` for a sidebar on either side of your content. -* Smartly organized starter CSS in `style.css` that will help you to quickly get your design off the ground. -* Licensed under GPLv2 or later. :) Use it to make something cool. +==================================================================== +Description +==================================================================== +Codilight Lite is a news magazine style WordPress theme from FameThemes which is a perfect option to create any kind of +magazine or blog websites. -Getting Started ---------------- +==================================================================== +SUPPORT +==================================================================== +Support for this WordPress theme is conducted through the WordPress free theme support forum. +* FameThemes Website : http://www.famethemes.com +* Support Ticket: http://www.famethemes.com/dashboard/tickets/ +* Support Forum for free theme: https://wordpress.org/support/theme/codilight-lite -If you want to keep it simple, head over to http://underscores.me and generate your `_s` based theme from there. You just input the name of the theme you want to create, click the "Generate" button, and you get your ready-to-awesomize starter theme. +==================================================================== +DOCUMENTATION +==================================================================== -If you want to set things up manually, download `_s` from GitHub. The first thing you want to do is copy the `_s` directory and change the name to something else (like, say, `megatherium`), and then you'll need to do a five-step find and replace on the name in all the templates. +Go to http://docs.famethemes.com/category/30-codilight-lite for theme documentation & troubleshooting guides. -1. Search for `'_s'` (inside single quotations) to capture the text domain. -2. Search for `_s_` to capture all the function names. -3. Search for `Text Domain: _s` in style.css. -4. Search for  _s (with a space before it) to capture DocBlocks. -5. Search for `_s-` to capture prefixed handles. +==================================================================== +LICENSES +==================================================================== -OR +* Underscores +Based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc., [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html) -* Search for: `'_s'` and replace with: `'megatherium'` -* Search for: `_s_` and replace with: `megatherium_` -* Search for: `Text Domain: _s` and replace with: `Text Domain: megatherium` in style.css. -* Search for:  _s and replace with:  Megatherium -* Search for: `_s-` and replace with: `megatherium-` +* Normalize +normalize.css http://necolas.github.io/normalize.css/, (C) 2012-2015 Nicolas Gallagher and Jonathan Neal, [MIT](http://opensource.org/licenses/MIT) -Then, update the stylesheet header in `style.css` and the links in `footer.php` with your own information. Next, update or delete this readme. +* Google Fonts -Now you're ready to go! The next step is easy to say, but harder to do: make an awesome WordPress theme. :) +Source: https://www.google.com/fonts/specimen/Raleway +License: SIL Open Font License, 1.1 - scripts.sil.org/OFL -Good luck! +Source: https://www.google.com/fonts/specimen/Open+Sans +License: SIL Open Font License, 1.1 - scripts.sil.org/OFL + +* FitVids +Source: https://github.com/davatron5000/FitVids.js/blob/master/jquery.fitvids.js +License: Released under the WTFPL license - http://sam.zoy.org/wtfpl/ + +* FontAwesome +Source: https://fortawesome.github.io/Font-Awesome/ +License: GPL - https://fortawesome.github.io/Font-Awesome/license/ + +* Slickjs +Source: https://github.com/kenwheeler/slick +License: MIT: https://github.com/kenwheeler/slick/blob/master/LICENSE + +* Screenshot Images +Pixabay: https://pixabay.com/en/service/terms/ (http://creativecommons.org/publicdomain/zero/1.0 - CC0) +Pexels: https://www.pexels.com/photo-license/ (http://creativecommons.org/publicdomain/zero/1.0 - CC0) diff --git a/archive.php b/archive.php index ba62975..ec62e00 100644 --- a/archive.php +++ b/archive.php @@ -8,12 +8,13 @@ */ get_header(); ?> -
+
- +
- - - - - - - - + '; + echo '
'; + while ( have_posts() ) : the_post(); + $count++; + get_template_part( 'template-parts/content-grid' ); + if ( $count % 2 == 0 ) { + echo '
'; + echo '
'; + } + endwhile; + echo '
'; + echo '
'; + codilight_lite_custom_paginate(); + + } else { + echo '
'; + while ( have_posts() ) : the_post(); + get_template_part( 'template-parts/content-list' ); + endwhile; + codilight_lite_custom_paginate(); + echo '
'; + } + ?> diff --git a/assets/css/admin.css b/assets/css/admin.css new file mode 100644 index 0000000..fb0abc2 --- /dev/null +++ b/assets/css/admin.css @@ -0,0 +1,106 @@ +/*-------------------------------------------------------------- + THEME DASHBOARD +--------------------------------------------------------------*/ +.famethemes-badge { + position: absolute; + right: 0; + top: 0; + background-color: #0073aa; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABVCAYAAAA49ahaAAAAAXNSR0IArs4c6QAAAYpJREFUeAHt2jGKA0EUxFCP8f2vPDM4VKyCDuSsEmHefifNXvf7+fRRBb5qrdhfINTBIYQa6kBgkOxSQx0IDJJdaqgDgUGySw11IDBIdqmhDgQGyS411IHAINmlhjoQGCR/RvN6P0bnhIbxaN/Pf/CXDDXUgcAg2aWGOhAYJLvUUAcCg2SXGupAYJDsUkMdCAySXWqoA4FBsksNdSAwSHapA1Tlkdr4XsbjsPE9jEaXaiiiESpAjBmqoYhGqAAxZqiGIhqhAsSYoRqKaIQKEGOGaiiiESpAjBmqoYhGqAAxZqiGIhqhAsSYoRqKaIQKEGMe80h9yn9jG4/lXapxmmiEChBjhmooohEqQIwZqqGIRqgAMWaohiIaoQLEmKEaimiEChBjhmooohEqQIwZqqGIRqgAMWaohiIaoQLEmMc8UhuPwwaI0ehSDUU0QgWIMUM1FNEIFSDGDNVQRCNUgBgzVEMRjVABYsxQDUU0QgWIMUM1FNEIFSDGDNVQRCNUgBgzVEMRjVABYswHs34UpggOW5wAAAAASUVORK5CYII=') !important; + background-position: no-repeat scroll center 24px; + background-repeat: no-repeat; + background-size: 85px 85px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); + color: #78c8e6; + display: inline-block; + font-size: 14px; + font-weight: 600; + height: 40px; + margin: 5px 0 0; + padding-top: 120px; + text-align: center; + text-rendering: optimizelegibility; + width: 150px; + text-decoration: none; +} + +.theme_info_wrapper p span { + margin-left: 30px; +} + +.theme_info_wrapper a.fame_social { + margin-left: 15px; +} + +.theme_info { + margin: 50px 0px; +} + +.theme_info_left { + width: 39%; + margin-right: 4%; + float: left; +} + +.theme_info_right { + width: 57%; + float: left; +} + +.theme_info_right img { + width: 100%; + box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); +} + +.theme_info h3 { + font-size: 17px; + margin-top: 0; + margin-bottom: 10px; +} + +.theme_info h4 { + font-size: 17px; + margin-top: 0; + margin-bottom: 10px; +} + +.theme_info .theme_link { + margin-bottom: 30px; +} + +.clearfix:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.clearfix { + display: inline-block; +} + +.clearfix { + display: block; +} + +@media screen and (max-width:782px) { + .theme_info_left { + width: 100%; + margin-right: none; + } + .theme_info_right { + width: 100%; + } +} + +/*-------------------------------------------------------------- + ADMIN WIDGET PAGE +--------------------------------------------------------------*/ +#widget-list [id*="_ft_"] .widget-top, +#widget-list [id*="_ft_"] h3 { + border-color: #d54e21; + box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); + background: #d54e21; + color: #FFFFFF; +} diff --git a/assets/css/editor-style.css b/assets/css/editor-style.css new file mode 100644 index 0000000..9e6429a --- /dev/null +++ b/assets/css/editor-style.css @@ -0,0 +1,449 @@ +/* +Theme Name: Codilight Lite +Description: Used to style the TinyMCE editor. +*/ + +html .mceContentBody { + font-size: 16px; + max-width: 700px; +} + +body { + color: #555555; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + line-height: 1.6; + font-size: 16px; + font-size: 1rem; + vertical-align: baseline; +} + + +/* Links +--------------------------------------------------------------*/ +a { + color: #46a28d; + text-decoration: none; +} + +a:hover { + text-decoration: none; + color: #494949; +} + +/* Paragraphy +--------------------------------------------------------------*/ +p { + margin-top: 0; + margin-bottom: 16px; + margin-bottom: 1rem; +} + +/* Heading +--------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family: "Raleway", Helvetica, Arial, sans-serif; + font-weight: 500; + line-height: 1.4; + color: #333333; + margin-top: 0; + margin-bottom: 16px; + margin-bottom: 1rem; +} + +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { + color: #333333; +} + +h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover { + color: #46a28d; + text-decoration: none; +} + +h1, +.h1 { + font-size: 38px; + font-size: 2.375rem; + line-height: 1.2; +} + +h2, +.h2 { + font-size: 32px; + font-size: 2rem; +} + +h3, +.h3 { + font-size: 24px; + font-size: 1.5rem; +} + +h4, +.h4 { + font-weight: normal; + font-size: 18px; + font-size: 1.125rem; +} + +h5, +.h5 { + font-size: 15px; + font-size: 0.9375rem; +} + +h6, +.h6 { + font-weight: normal; + text-transform: uppercase; + font-size: 13px; + font-size: 0.8125rem; +} + +/* List +--------------------------------------------------------------*/ +address, +dl, +ol, +p, +ul { + margin-bottom: 1rem; +} + +dl, +ol, +p, +pre, +ul { + margin-top: 0; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0px 0px 16px 0px; + margin: 0rem 0rem 1rem 0rem; +} + +ul, +ol, +dl { + margin-top: 0; + margin-bottom: 16px; + margin-bottom: 1rem; +} + +/* Horizontal rules +--------------------------------------------------------------*/ +hr { + margin-bottom: 16px; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid #e9e9e9; +} + +/* Content +--------------------------------------------------------------*/ +img { + height: auto; + max-width: 100%; + vertical-align: middle; +} + +b, +strong { + font-weight: bold; +} + +blockquote { + clear: both; + margin: 20px 0px 25px; + margin: 1.25rem 0rem 1.5625rem; + box-shadow: 2px 2px 13px #eeeeee; + border: 1px solid #e9e9e9; + border-left: 4px solid #46a28d; + padding: 20px 25px; + padding: 1.25rem 1.5625rem; +} + +blockquote p:last-child { + margin-bottom: 3px; +} + +blockquote cite { + font-style: normal; + margin-bottom: 16px; + margin-bottom: 1rem; + font-size: 13px; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +figure { + margin: 0; +} + +address { + margin-bottom: 16px; + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +tt, +kbd, +pre, +code, +samp, +var { + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; + background-color: #f8f9f9; + padding: 7px; + padding: 0.4375rem; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +pre { + overflow: auto; + white-space: pre-wrap; + max-width: 100%; + line-height: 1.7; + margin: 0px 0px 16px; + margin: 0rem 0rem 1rem; + padding: 16px; + padding: 1rem; +} + +details summary { + font-weight: bold; + margin-bottom: 16px; + margin-bottom: 1rem; +} + +details :focus { + outline: none; +} + +abbr, +acronym, +dfn { + cursor: help; + font-size: 15px; + font-size: 0.9375rem; + text-transform: uppercase; + border-bottom: 1px dotted #e9e9e9; + letter-spacing: 1px; +} + +mark { + background-color: #f8f9f9; + text-decoration: none; +} + +small { + font-size: 82%; +} + +big { + font-size: 125%; +} + +/* Table +--------------------------------------------------------------*/ +table { + width: 100%; + max-width: 100%; + margin-bottom: 16px; + margin-bottom: 1rem; + border: 1px solid #e9e9e9; +} + +table th, +table td { + padding: 12px; + padding: 0.75rem; + line-height: 1.5; + vertical-align: top; + border: 1px solid #e9e9e9; +} + +table thead th, +table thead td { + vertical-align: bottom; + border-bottom: 2px solid #e9e9e9; +} + +table tbody + tbody { + border-top: 2px solid #e9e9e9; +} + +/* Alignments */ +.alignleft { + display: inline; + float: left; + margin-right: 1.5em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + display: block; + margin-left: auto; + margin-right: auto; +} + +/* Clearings */ +.clear:before, +.clear:after, +.entry-content:before, +.entry-content:after, +.comment-content:before, +.comment-content:after, +.site-header:before, +.site-header:after, +.site-content:before, +.site-content:after, +.site-footer:before, +.site-footer:after { + content: ""; + display: table; +} + +.clear:after, +.entry-content:after, +.comment-content:after, +.site-header:after, +.site-content:after, +.site-footer:after { + clear: both; +} + +/* WP Caption */ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text , .wp-caption-dd { + margin: 0.8075em 0; + font-style: italic; +} + +.wp-caption-text, .wp-caption-dd { + text-align: center; +} + +/* Gallery */ +.gallery { + margin-bottom: 1.5em; +} + +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-columns-2 .gallery-item img { + width: 100%; + padding: 0.5px; +} + +.gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.gallery-columns-3 .gallery-item img { + width: 100%; + padding: 0.5px; +} + +.gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.gallery-columns-4 .gallery-item img { + width: 100%; + padding: 0.5px; +} + +.gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.gallery-columns-5 .gallery-item img { + width: 100%; + padding: 0.5px; +} + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.gallery-columns-6 .gallery-item img { + width: 100%; + padding: 0.5px; +} + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.gallery-caption { + display: block; +} + +/* Media */ +.page-content .wp-smiley, +.entry-content .wp-smiley, +.comment-content .wp-smiley { + border: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; +} + +/* Make sure embeds and iframes fit their containers. */ +embed, +iframe, +object { + max-width: 100%; +} diff --git a/assets/images/blank90_60.png b/assets/images/blank90_60.png new file mode 100644 index 0000000..8778d1a Binary files /dev/null and b/assets/images/blank90_60.png differ diff --git a/assets/js/jquery.fitvids.js b/assets/js/jquery.fitvids.js new file mode 100644 index 0000000..3742b4e --- /dev/null +++ b/assets/js/jquery.fitvids.js @@ -0,0 +1,82 @@ +/*jshint browser:true */ +/*! +* FitVids 1.1 +* +* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com +* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ +* Released under the WTFPL license - http://sam.zoy.org/wtfpl/ +* +*/ + +;(function( $ ){ + + 'use strict'; + + $.fn.fitVids = function( options ) { + var settings = { + customSelector: null, + ignore: null + }; + + if(!document.getElementById('fit-vids-style')) { + // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js + var head = document.head || document.getElementsByTagName('head')[0]; + var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}'; + var div = document.createElement("div"); + div.innerHTML = '

x

'; + head.appendChild(div.childNodes[1]); + } + + if ( options ) { + $.extend( settings, options ); + } + + return this.each(function(){ + var selectors = [ + 'iframe[src*="player.vimeo.com"]', + 'iframe[src*="youtube.com"]', + 'iframe[src*="youtube-nocookie.com"]', + 'iframe[src*="kickstarter.com"][src*="video.html"]', + 'object', + 'embed' + ]; + + if (settings.customSelector) { + selectors.push(settings.customSelector); + } + + var ignoreList = '.fitvidsignore'; + + if(settings.ignore) { + ignoreList = ignoreList + ', ' + settings.ignore; + } + + var $allVideos = $(this).find(selectors.join(',')); + $allVideos = $allVideos.not('object object'); // SwfObj conflict patch + $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video. + + $allVideos.each(function(count){ + var $this = $(this); + if($this.parents(ignoreList).length > 0) { + return; // Disable FitVids on this video. + } + if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } + if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width')))) + { + $this.attr('height', 9); + $this.attr('width', 16); + } + var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), + width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), + aspectRatio = height / width; + if(!$this.attr('id')){ + var videoID = 'fitvid' + count; + $this.attr('id', videoID); + } + $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%'); + $this.removeAttr('height').removeAttr('width'); + }); + }); + }; +// Works with either jQuery or Zepto +})( window.jQuery || window.Zepto ); diff --git a/assets/js/libs.js b/assets/js/libs.js new file mode 100644 index 0000000..8f83184 --- /dev/null +++ b/assets/js/libs.js @@ -0,0 +1,30 @@ +/* + _ _ _ _ + ___| (_) ___| | __ (_)___ +/ __| | |/ __| |/ / | / __| +\__ \ | | (__| < _ | \__ \ +|___/_|_|\___|_|\_(_)/ |___/ + |__/ + + Version: 1.4.0 + Author: Ken Wheeler + Website: http://kenwheeler.github.io + Docs: http://kenwheeler.github.io/slick + Repo: http://github.com/kenwheeler/slick + Issues: http://github.com/kenwheeler/slick/issues + + */ + +!function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):"undefined"!=typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){"use strict";var b=window.Slick||{};b=function(){function c(c,d){var f,g,h,e=this;if(e.defaults={accessibility:!0,adaptiveHeight:!1,appendArrows:a(c),appendDots:a(c),arrows:!0,asNavFor:null,prevArrow:'',nextArrow:'',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(a,b){return'"},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,infinite:!0,initialSlide:0,lazyLoad:"ondemand",mobileFirst:!1,pauseOnHover:!0,pauseOnDotsHover:!1,respondTo:"window",responsive:null,rtl:!1,slide:"",slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,variableWidth:!1,vertical:!1,waitForAnimate:!0},e.initials={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,$dots:null,listWidth:null,listHeight:null,loadIndex:0,$nextArrow:null,$prevArrow:null,slideCount:null,slideWidth:null,$slideTrack:null,$slides:null,sliding:!1,slideOffset:0,swipeLeft:null,$list:null,touchObject:{},transformsEnabled:!1},a.extend(e,e.initials),e.activeBreakpoint=null,e.animType=null,e.animProp=null,e.breakpoints=[],e.breakpointSettings=[],e.cssTransitions=!1,e.hidden="hidden",e.paused=!1,e.positionProp=null,e.respondTo=null,e.shouldClick=!0,e.$slider=a(c),e.$slidesCache=null,e.transformType=null,e.transitionType=null,e.visibilityChange="visibilitychange",e.windowWidth=0,e.windowTimer=null,f=a(c).data("slick")||{},e.options=a.extend({},e.defaults,f,d),e.currentSlide=e.options.initialSlide,e.originalSettings=e.options,g=e.options.responsive||null,g&&g.length>-1){e.respondTo=e.options.respondTo||"window";for(h in g)g.hasOwnProperty(h)&&(e.breakpoints.push(g[h].breakpoint),e.breakpointSettings[g[h].breakpoint]=g[h].settings);e.breakpoints.sort(function(a,b){return e.options.mobileFirst===!0?a-b:b-a})}"undefined"!=typeof document.mozHidden?(e.hidden="mozHidden",e.visibilityChange="mozvisibilitychange"):"undefined"!=typeof document.msHidden?(e.hidden="msHidden",e.visibilityChange="msvisibilitychange"):"undefined"!=typeof document.webkitHidden&&(e.hidden="webkitHidden",e.visibilityChange="webkitvisibilitychange"),e.autoPlay=a.proxy(e.autoPlay,e),e.autoPlayClear=a.proxy(e.autoPlayClear,e),e.changeSlide=a.proxy(e.changeSlide,e),e.clickHandler=a.proxy(e.clickHandler,e),e.selectHandler=a.proxy(e.selectHandler,e),e.setPosition=a.proxy(e.setPosition,e),e.swipeHandler=a.proxy(e.swipeHandler,e),e.dragHandler=a.proxy(e.dragHandler,e),e.keyHandler=a.proxy(e.keyHandler,e),e.autoPlayIterator=a.proxy(e.autoPlayIterator,e),e.instanceUid=b++,e.htmlExpr=/^(?:\s*(<[\w\W]+>)[^>]*)$/,e.init(),e.checkResponsive()}var b=0;return c}(),b.prototype.addSlide=b.prototype.slickAdd=function(b,c,d){var e=this;if("boolean"==typeof c)d=c,c=null;else if(0>c||c>=e.slideCount)return!1;e.unload(),"number"==typeof c?0===c&&0===e.$slides.length?a(b).appendTo(e.$slideTrack):d?a(b).insertBefore(e.$slides.eq(c)):a(b).insertAfter(e.$slides.eq(c)):d===!0?a(b).prependTo(e.$slideTrack):a(b).appendTo(e.$slideTrack),e.$slides=e.$slideTrack.children(this.options.slide),e.$slideTrack.children(this.options.slide).detach(),e.$slideTrack.append(e.$slides),e.$slides.each(function(b,c){a(c).attr("data-slick-index",b)}),e.$slidesCache=e.$slides,e.reinit()},b.prototype.animateHeight=function(){var a=this;if(1===a.options.slidesToShow&&a.options.adaptiveHeight===!0&&a.options.vertical===!1){var b=a.$slides.eq(a.currentSlide).outerHeight(!0);a.$list.animate({height:b},a.options.speed)}},b.prototype.animateSlide=function(b,c){var d={},e=this;e.animateHeight(),e.options.rtl===!0&&e.options.vertical===!1&&(b=-b),e.transformsEnabled===!1?e.options.vertical===!1?e.$slideTrack.animate({left:b},e.options.speed,e.options.easing,c):e.$slideTrack.animate({top:b},e.options.speed,e.options.easing,c):e.cssTransitions===!1?(e.options.rtl===!0&&(e.currentLeft=-e.currentLeft),a({animStart:e.currentLeft}).animate({animStart:b},{duration:e.options.speed,easing:e.options.easing,step:function(a){a=Math.ceil(a),e.options.vertical===!1?(d[e.animType]="translate("+a+"px, 0px)",e.$slideTrack.css(d)):(d[e.animType]="translate(0px,"+a+"px)",e.$slideTrack.css(d))},complete:function(){c&&c.call()}})):(e.applyTransition(),b=Math.ceil(b),d[e.animType]=e.options.vertical===!1?"translate3d("+b+"px, 0px, 0px)":"translate3d(0px,"+b+"px, 0px)",e.$slideTrack.css(d),c&&setTimeout(function(){e.disableTransition(),c.call()},e.options.speed))},b.prototype.asNavFor=function(b){var c=this,d=null!==c.options.asNavFor?a(c.options.asNavFor).slick("getSlick"):null;null!==d&&d.slideHandler(b,!0)},b.prototype.applyTransition=function(a){var b=this,c={};c[b.transitionType]=b.options.fade===!1?b.transformType+" "+b.options.speed+"ms "+b.options.cssEase:"opacity "+b.options.speed+"ms "+b.options.cssEase,b.options.fade===!1?b.$slideTrack.css(c):b.$slides.eq(a).css(c)},b.prototype.autoPlay=function(){var a=this;a.autoPlayTimer&&clearInterval(a.autoPlayTimer),a.slideCount>a.options.slidesToShow&&a.paused!==!0&&(a.autoPlayTimer=setInterval(a.autoPlayIterator,a.options.autoplaySpeed))},b.prototype.autoPlayClear=function(){var a=this;a.autoPlayTimer&&clearInterval(a.autoPlayTimer)},b.prototype.autoPlayIterator=function(){var a=this;a.options.infinite===!1?1===a.direction?(a.currentSlide+1===a.slideCount-1&&(a.direction=0),a.slideHandler(a.currentSlide+a.options.slidesToScroll)):(0===a.currentSlide-1&&(a.direction=1),a.slideHandler(a.currentSlide-a.options.slidesToScroll)):a.slideHandler(a.currentSlide+a.options.slidesToScroll)},b.prototype.buildArrows=function(){var b=this;b.options.arrows===!0&&b.slideCount>b.options.slidesToShow&&(b.$prevArrow=a(b.options.prevArrow),b.$nextArrow=a(b.options.nextArrow),b.htmlExpr.test(b.options.prevArrow)&&b.$prevArrow.appendTo(b.options.appendArrows),b.htmlExpr.test(b.options.nextArrow)&&b.$nextArrow.appendTo(b.options.appendArrows),b.options.infinite!==!0&&b.$prevArrow.addClass("slick-disabled"))},b.prototype.buildDots=function(){var c,d,b=this;if(b.options.dots===!0&&b.slideCount>b.options.slidesToShow){for(d='
    ',c=0;c<=b.getDotCount();c+=1)d+="
  • "+b.options.customPaging.call(this,b,c)+"
    • ";d+="
",b.$dots=a(d).appendTo(b.options.appendDots),b.$dots.find("li").first().addClass("slick-active")}},b.prototype.buildOut=function(){var b=this;b.$slides=b.$slider.children(b.options.slide+":not(.slick-cloned)").addClass("slick-slide"),b.slideCount=b.$slides.length,b.$slides.each(function(b,c){a(c).attr("data-slick-index",b)}),b.$slidesCache=b.$slides,b.$slider.addClass("slick-slider"),b.$slideTrack=0===b.slideCount?a('
').appendTo(b.$slider):b.$slides.wrapAll('
').parent(),b.$list=b.$slideTrack.wrap('
').parent(),b.$slideTrack.css("opacity",0),b.options.centerMode===!0&&(b.options.slidesToScroll=1),a("img[data-lazy]",b.$slider).not("[src]").addClass("slick-loading"),b.setupInfinite(),b.buildArrows(),b.buildDots(),b.updateDots(),b.options.accessibility===!0&&b.$list.prop("tabIndex",0),b.setSlideClasses("number"==typeof this.currentSlide?this.currentSlide:0),b.options.draggable===!0&&b.$list.addClass("draggable")},b.prototype.checkResponsive=function(){var c,d,e,b=this,f=b.$slider.width(),g=window.innerWidth||a(window).width();if("window"===b.respondTo?e=g:"slider"===b.respondTo?e=f:"min"===b.respondTo&&(e=Math.min(g,f)),b.originalSettings.responsive&&b.originalSettings.responsive.length>-1&&null!==b.originalSettings.responsive){d=null;for(c in b.breakpoints)b.breakpoints.hasOwnProperty(c)&&(b.originalSettings.mobileFirst===!1?eb.breakpoints[c]&&(d=b.breakpoints[c]));null!==d?null!==b.activeBreakpoint?d!==b.activeBreakpoint&&(b.activeBreakpoint=d,"unslick"===b.breakpointSettings[d]?b.unslick():(b.options=a.extend({},b.originalSettings,b.breakpointSettings[d]),b.refresh())):(b.activeBreakpoint=d,"unslick"===b.breakpointSettings[d]?b.unslick():(b.options=a.extend({},b.originalSettings,b.breakpointSettings[d]),b.refresh())):null!==b.activeBreakpoint&&(b.activeBreakpoint=null,b.options=b.originalSettings,b.refresh())}},b.prototype.changeSlide=function(b,c){var f,g,h,d=this,e=a(b.target);switch(e.is("a")&&b.preventDefault(),h=0!==d.slideCount%d.options.slidesToScroll,f=h?0:(d.slideCount-d.currentSlide)%d.options.slidesToScroll,b.data.message){case"previous":g=0===f?d.options.slidesToScroll:d.options.slidesToShow-f,d.slideCount>d.options.slidesToShow&&d.slideHandler(d.currentSlide-g,!1,c);break;case"next":g=0===f?d.options.slidesToScroll:f,d.slideCount>d.options.slidesToShow&&d.slideHandler(d.currentSlide+g,!1,c);break;case"index":var i=0===b.data.index?0:b.data.index||a(b.target).parent().index()*d.options.slidesToScroll;d.slideHandler(d.checkNavigable(i),!1,c);break;default:return}},b.prototype.checkNavigable=function(a){var c,d,b=this;if(c=b.getNavigableIndexes(),d=0,a>c[c.length-1])a=c[c.length-1];else for(var e in c){if(ab.options.slidesToShow&&(b.slideOffset=-1*b.slideWidth*b.options.slidesToShow,e=-1*d*b.options.slidesToShow),0!==b.slideCount%b.options.slidesToScroll&&a+b.options.slidesToScroll>b.slideCount&&b.slideCount>b.options.slidesToShow&&(a>b.slideCount?(b.slideOffset=-1*(b.options.slidesToShow-(a-b.slideCount))*b.slideWidth,e=-1*(b.options.slidesToShow-(a-b.slideCount))*d):(b.slideOffset=-1*b.slideCount%b.options.slidesToScroll*b.slideWidth,e=-1*b.slideCount%b.options.slidesToScroll*d))):a+b.options.slidesToShow>b.slideCount&&(b.slideOffset=(a+b.options.slidesToShow-b.slideCount)*b.slideWidth,e=(a+b.options.slidesToShow-b.slideCount)*d),b.slideCount<=b.options.slidesToShow&&(b.slideOffset=0,e=0),b.options.centerMode===!0&&b.options.infinite===!0?b.slideOffset+=b.slideWidth*Math.floor(b.options.slidesToShow/2)-b.slideWidth:b.options.centerMode===!0&&(b.slideOffset=0,b.slideOffset+=b.slideWidth*Math.floor(b.options.slidesToShow/2)),c=b.options.vertical===!1?-1*a*b.slideWidth+b.slideOffset:-1*a*d+e,b.options.variableWidth===!0&&(f=b.slideCount<=b.options.slidesToShow||b.options.infinite===!1?b.$slideTrack.children(".slick-slide").eq(a):b.$slideTrack.children(".slick-slide").eq(a+b.options.slidesToShow),c=f[0]?-1*f[0].offsetLeft:0,b.options.centerMode===!0&&(f=b.options.infinite===!1?b.$slideTrack.children(".slick-slide").eq(a):b.$slideTrack.children(".slick-slide").eq(a+b.options.slidesToShow+1),c=f[0]?-1*f[0].offsetLeft:0,c+=(b.$list.width()-f.outerWidth())/2)),c},b.prototype.getOption=b.prototype.slickGetOption=function(a){var b=this;return b.options[a]},b.prototype.getNavigableIndexes=function(){var a=this,b=0,c=0,d=[],e=a.options.infinite===!1?a.slideCount-a.options.slidesToShow+1:a.slideCount;for(a.options.centerMode===!0&&(e=a.slideCount);e>b;)d.push(b),b=c+a.options.slidesToScroll,c+=a.options.slidesToScroll<=a.options.slidesToShow?a.options.slidesToScroll:a.options.slidesToShow;return d},b.prototype.getSlick=function(){return this},b.prototype.getSlideCount=function(){var c,d,e,b=this;return e=b.options.centerMode===!0?b.slideWidth*Math.floor(b.options.slidesToShow/2):0,b.options.swipeToSlide===!0?(b.$slideTrack.find(".slick-slide").each(function(c,f){return f.offsetLeft-e+a(f).outerWidth()/2>-1*b.swipeLeft?(d=f,!1):void 0}),c=Math.abs(a(d).attr("data-slick-index")-b.currentSlide)||1):b.options.slidesToScroll},b.prototype.goTo=b.prototype.slickGoTo=function(a,b){var c=this;c.changeSlide({data:{message:"index",index:parseInt(a)}},b)},b.prototype.init=function(){var b=this;a(b.$slider).hasClass("slick-initialized")||(a(b.$slider).addClass("slick-initialized"),b.buildOut(),b.setProps(),b.startLoad(),b.loadSlider(),b.initializeEvents(),b.updateArrows(),b.updateDots()),b.$slider.trigger("init",[b])},b.prototype.initArrowEvents=function(){var a=this;a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.on("click.slick",{message:"previous"},a.changeSlide),a.$nextArrow.on("click.slick",{message:"next"},a.changeSlide))},b.prototype.initDotEvents=function(){var b=this;b.options.dots===!0&&b.slideCount>b.options.slidesToShow&&a("li",b.$dots).on("click.slick",{message:"index"},b.changeSlide),b.options.dots===!0&&b.options.pauseOnDotsHover===!0&&b.options.autoplay===!0&&a("li",b.$dots).on("mouseenter.slick",function(){b.paused=!0,b.autoPlayClear()}).on("mouseleave.slick",function(){b.paused=!1,b.autoPlay()})},b.prototype.initializeEvents=function(){var b=this;b.initArrowEvents(),b.initDotEvents(),b.$list.on("touchstart.slick mousedown.slick",{action:"start"},b.swipeHandler),b.$list.on("touchmove.slick mousemove.slick",{action:"move"},b.swipeHandler),b.$list.on("touchend.slick mouseup.slick",{action:"end"},b.swipeHandler),b.$list.on("touchcancel.slick mouseleave.slick",{action:"end"},b.swipeHandler),b.$list.on("click.slick",b.clickHandler),b.options.autoplay===!0&&(a(document).on(b.visibilityChange,function(){b.visibility()}),b.options.pauseOnHover===!0&&(b.$list.on("mouseenter.slick",function(){b.paused=!0,b.autoPlayClear()}),b.$list.on("mouseleave.slick",function(){b.paused=!1,b.autoPlay()}))),b.options.accessibility===!0&&b.$list.on("keydown.slick",b.keyHandler),b.options.focusOnSelect===!0&&a(b.options.slide,b.$slideTrack).on("click.slick",b.selectHandler),a(window).on("orientationchange.slick.slick-"+b.instanceUid,function(){b.checkResponsive(),b.setPosition()}),a(window).on("resize.slick.slick-"+b.instanceUid,function(){a(window).width()!==b.windowWidth&&(clearTimeout(b.windowDelay),b.windowDelay=window.setTimeout(function(){b.windowWidth=a(window).width(),b.checkResponsive(),b.setPosition()},50))}),a("*[draggable!=true]",b.$slideTrack).on("dragstart",function(a){a.preventDefault()}),a(window).on("load.slick.slick-"+b.instanceUid,b.setPosition),a(document).on("ready.slick.slick-"+b.instanceUid,b.setPosition)},b.prototype.initUI=function(){var a=this;a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.show(),a.$nextArrow.show()),a.options.dots===!0&&a.slideCount>a.options.slidesToShow&&a.$dots.show(),a.options.autoplay===!0&&a.autoPlay()},b.prototype.keyHandler=function(a){var b=this;37===a.keyCode&&b.options.accessibility===!0?b.changeSlide({data:{message:"previous"}}):39===a.keyCode&&b.options.accessibility===!0&&b.changeSlide({data:{message:"next"}})},b.prototype.lazyLoad=function(){function g(b){a("img[data-lazy]",b).each(function(){var b=a(this),c=a(this).attr("data-lazy");b.load(function(){b.animate({opacity:1},200)}).css({opacity:0}).attr("src",c).removeAttr("data-lazy").removeClass("slick-loading")})}var c,d,e,f,b=this;b.options.centerMode===!0?b.options.infinite===!0?(e=b.currentSlide+(b.options.slidesToShow/2+1),f=e+b.options.slidesToShow+2):(e=Math.max(0,b.currentSlide-(b.options.slidesToShow/2+1)),f=2+(b.options.slidesToShow/2+1)+b.currentSlide):(e=b.options.infinite?b.options.slidesToShow+b.currentSlide:b.currentSlide,f=e+b.options.slidesToShow,b.options.fade===!0&&(e>0&&e--,f<=b.slideCount&&f++)),c=b.$slider.find(".slick-slide").slice(e,f),g(c),b.slideCount<=b.options.slidesToShow?(d=b.$slider.find(".slick-slide"),g(d)):b.currentSlide>=b.slideCount-b.options.slidesToShow?(d=b.$slider.find(".slick-cloned").slice(0,b.options.slidesToShow),g(d)):0===b.currentSlide&&(d=b.$slider.find(".slick-cloned").slice(-1*b.options.slidesToShow),g(d))},b.prototype.loadSlider=function(){var a=this;a.setPosition(),a.$slideTrack.css({opacity:1}),a.$slider.removeClass("slick-loading"),a.initUI(),"progressive"===a.options.lazyLoad&&a.progressiveLazyLoad()},b.prototype.next=b.prototype.slickNext=function(){var a=this;a.changeSlide({data:{message:"next"}})},b.prototype.pause=b.prototype.slickPause=function(){var a=this;a.autoPlayClear(),a.paused=!0},b.prototype.play=b.prototype.slickPlay=function(){var a=this;a.paused=!1,a.autoPlay()},b.prototype.postSlide=function(a){var b=this;b.$slider.trigger("afterChange",[b,a]),b.animating=!1,b.setPosition(),b.swipeLeft=null,b.options.autoplay===!0&&b.paused===!1&&b.autoPlay()},b.prototype.prev=b.prototype.slickPrev=function(){var a=this;a.changeSlide({data:{message:"previous"}})},b.prototype.progressiveLazyLoad=function(){var c,d,b=this;c=a("img[data-lazy]",b.$slider).length,c>0&&(d=a("img[data-lazy]",b.$slider).first(),d.attr("src",d.attr("data-lazy")).removeClass("slick-loading").load(function(){d.removeAttr("data-lazy"),b.progressiveLazyLoad()}).error(function(){d.removeAttr("data-lazy"),b.progressiveLazyLoad()}))},b.prototype.refresh=function(){var b=this,c=b.currentSlide;b.destroy(),a.extend(b,b.initials),b.init(),b.changeSlide({data:{message:"index",index:c}},!0)},b.prototype.reinit=function(){var b=this;b.$slides=b.$slideTrack.children(b.options.slide).addClass("slick-slide"),b.slideCount=b.$slides.length,b.currentSlide>=b.slideCount&&0!==b.currentSlide&&(b.currentSlide=b.currentSlide-b.options.slidesToScroll),b.slideCount<=b.options.slidesToShow&&(b.currentSlide=0),b.setProps(),b.setupInfinite(),b.buildArrows(),b.updateArrows(),b.initArrowEvents(),b.buildDots(),b.updateDots(),b.initDotEvents(),b.options.focusOnSelect===!0&&a(b.options.slide,b.$slideTrack).on("click.slick",b.selectHandler),b.setSlideClasses(0),b.setPosition(),b.$slider.trigger("reInit",[b])},b.prototype.removeSlide=b.prototype.slickRemove=function(a,b,c){var d=this;return"boolean"==typeof a?(b=a,a=b===!0?0:d.slideCount-1):a=b===!0?--a:a,d.slideCount<1||0>a||a>d.slideCount-1?!1:(d.unload(),c===!0?d.$slideTrack.children().remove():d.$slideTrack.children(this.options.slide).eq(a).remove(),d.$slides=d.$slideTrack.children(this.options.slide),d.$slideTrack.children(this.options.slide).detach(),d.$slideTrack.append(d.$slides),d.$slidesCache=d.$slides,d.reinit(),void 0)},b.prototype.setCSS=function(a){var d,e,b=this,c={};b.options.rtl===!0&&(a=-a),d="left"==b.positionProp?Math.ceil(a)+"px":"0px",e="top"==b.positionProp?Math.ceil(a)+"px":"0px",c[b.positionProp]=a,b.transformsEnabled===!1?b.$slideTrack.css(c):(c={},b.cssTransitions===!1?(c[b.animType]="translate("+d+", "+e+")",b.$slideTrack.css(c)):(c[b.animType]="translate3d("+d+", "+e+", 0px)",b.$slideTrack.css(c)))},b.prototype.setDimensions=function(){var a=this;if(a.options.vertical===!1?a.options.centerMode===!0&&a.$list.css({padding:"0px "+a.options.centerPadding}):(a.$list.height(a.$slides.first().outerHeight(!0)*a.options.slidesToShow),a.options.centerMode===!0&&a.$list.css({padding:a.options.centerPadding+" 0px"})),a.listWidth=a.$list.width(),a.listHeight=a.$list.height(),a.options.vertical===!1&&a.options.variableWidth===!1)a.slideWidth=Math.ceil(a.listWidth/a.options.slidesToShow),a.$slideTrack.width(Math.ceil(a.slideWidth*a.$slideTrack.children(".slick-slide").length));else if(a.options.variableWidth===!0){var b=0;a.slideWidth=Math.ceil(a.listWidth/a.options.slidesToShow),a.$slideTrack.children(".slick-slide").each(function(){b+=a.listWidth}),a.$slideTrack.width(Math.ceil(b)+1)}else a.slideWidth=Math.ceil(a.listWidth),a.$slideTrack.height(Math.ceil(a.$slides.first().outerHeight(!0)*a.$slideTrack.children(".slick-slide").length));var c=a.$slides.first().outerWidth(!0)-a.$slides.first().width();a.options.variableWidth===!1&&a.$slideTrack.children(".slick-slide").width(a.slideWidth-c)},b.prototype.setFade=function(){var c,b=this;b.$slides.each(function(d,e){c=-1*b.slideWidth*d,b.options.rtl===!0?a(e).css({position:"relative",right:c,top:0,zIndex:800,opacity:0}):a(e).css({position:"relative",left:c,top:0,zIndex:800,opacity:0})}),b.$slides.eq(b.currentSlide).css({zIndex:900,opacity:1})},b.prototype.setHeight=function(){var a=this;if(1===a.options.slidesToShow&&a.options.adaptiveHeight===!0&&a.options.vertical===!1){var b=a.$slides.eq(a.currentSlide).outerHeight(!0);a.$list.css("height",b)}},b.prototype.setOption=b.prototype.slickSetOption=function(a,b,c){var d=this;d.options[a]=b,c===!0&&(d.unload(),d.reinit())},b.prototype.setPosition=function(){var a=this;a.setDimensions(),a.setHeight(),a.options.fade===!1?a.setCSS(a.getLeft(a.currentSlide)):a.setFade(),a.$slider.trigger("setPosition",[a])},b.prototype.setProps=function(){var a=this,b=document.body.style;a.positionProp=a.options.vertical===!0?"top":"left","top"===a.positionProp?a.$slider.addClass("slick-vertical"):a.$slider.removeClass("slick-vertical"),(void 0!==b.WebkitTransition||void 0!==b.MozTransition||void 0!==b.msTransition)&&a.options.useCSS===!0&&(a.cssTransitions=!0),void 0!==b.OTransform&&(a.animType="OTransform",a.transformType="-o-transform",a.transitionType="OTransition",void 0===b.perspectiveProperty&&void 0===b.webkitPerspective&&(a.animType=!1)),void 0!==b.MozTransform&&(a.animType="MozTransform",a.transformType="-moz-transform",a.transitionType="MozTransition",void 0===b.perspectiveProperty&&void 0===b.MozPerspective&&(a.animType=!1)),void 0!==b.webkitTransform&&(a.animType="webkitTransform",a.transformType="-webkit-transform",a.transitionType="webkitTransition",void 0===b.perspectiveProperty&&void 0===b.webkitPerspective&&(a.animType=!1)),void 0!==b.msTransform&&(a.animType="msTransform",a.transformType="-ms-transform",a.transitionType="msTransition",void 0===b.msTransform&&(a.animType=!1)),void 0!==b.transform&&a.animType!==!1&&(a.animType="transform",a.transformType="transform",a.transitionType="transition"),a.transformsEnabled=null!==a.animType&&a.animType!==!1},b.prototype.setSlideClasses=function(a){var c,d,e,f,b=this;b.$slider.find(".slick-slide").removeClass("slick-active").removeClass("slick-center"),d=b.$slider.find(".slick-slide"),b.options.centerMode===!0?(c=Math.floor(b.options.slidesToShow/2),b.options.infinite===!0&&(a>=c&&a<=b.slideCount-1-c?b.$slides.slice(a-c,a+c+1).addClass("slick-active"):(e=b.options.slidesToShow+a,d.slice(e-c+1,e+c+2).addClass("slick-active")),0===a?d.eq(d.length-1-b.options.slidesToShow).addClass("slick-center"):a===b.slideCount-1&&d.eq(b.options.slidesToShow).addClass("slick-center")),b.$slides.eq(a).addClass("slick-center")):a>=0&&a<=b.slideCount-b.options.slidesToShow?b.$slides.slice(a,a+b.options.slidesToShow).addClass("slick-active"):d.length<=b.options.slidesToShow?d.addClass("slick-active"):(f=b.slideCount%b.options.slidesToShow,e=b.options.infinite===!0?b.options.slidesToShow+a:a,b.options.slidesToShow==b.options.slidesToScroll&&b.slideCount-ab.options.slidesToShow)){for(e=b.options.centerMode===!0?b.options.slidesToShow+1:b.options.slidesToShow,c=b.slideCount;c>b.slideCount-e;c-=1)d=c-1,a(b.$slides[d]).clone(!0).attr("id","").attr("data-slick-index",d-b.slideCount).prependTo(b.$slideTrack).addClass("slick-cloned");for(c=0;e>c;c+=1)d=c,a(b.$slides[d]).clone(!0).attr("id","").attr("data-slick-index",d+b.slideCount).appendTo(b.$slideTrack).addClass("slick-cloned");b.$slideTrack.find(".slick-cloned").find("[id]").each(function(){a(this).attr("id","")})}},b.prototype.selectHandler=function(b){var c=this,d=parseInt(a(b.target).parents(".slick-slide").attr("data-slick-index"));return d||(d=0),c.slideCount<=c.options.slidesToShow?(c.$slider.find(".slick-slide").removeClass("slick-active"),c.$slides.eq(d).addClass("slick-active"),c.options.centerMode===!0&&(c.$slider.find(".slick-slide").removeClass("slick-center"),c.$slides.eq(d).addClass("slick-center")),c.asNavFor(d),void 0):(c.slideHandler(d),void 0)},b.prototype.slideHandler=function(a,b,c){var d,e,f,g,h=null,i=this;return b=b||!1,i.animating===!0&&i.options.waitForAnimate===!0||i.options.fade===!0&&i.currentSlide===a||i.slideCount<=i.options.slidesToShow?void 0:(b===!1&&i.asNavFor(a),d=a,h=i.getLeft(d),g=i.getLeft(i.currentSlide),i.currentLeft=null===i.swipeLeft?g:i.swipeLeft,i.options.infinite===!1&&i.options.centerMode===!1&&(0>a||a>i.getDotCount()*i.options.slidesToScroll)?(i.options.fade===!1&&(d=i.currentSlide,c!==!0?i.animateSlide(g,function(){i.postSlide(d)}):i.postSlide(d)),void 0):i.options.infinite===!1&&i.options.centerMode===!0&&(0>a||a>i.slideCount-i.options.slidesToScroll)?(i.options.fade===!1&&(d=i.currentSlide,c!==!0?i.animateSlide(g,function(){i.postSlide(d)}):i.postSlide(d)),void 0):(i.options.autoplay===!0&&clearInterval(i.autoPlayTimer),e=0>d?0!==i.slideCount%i.options.slidesToScroll?i.slideCount-i.slideCount%i.options.slidesToScroll:i.slideCount+d:d>=i.slideCount?0!==i.slideCount%i.options.slidesToScroll?0:d-i.slideCount:d,i.animating=!0,i.$slider.trigger("beforeChange",[i,i.currentSlide,e]),f=i.currentSlide,i.currentSlide=e,i.setSlideClasses(i.currentSlide),i.updateDots(),i.updateArrows(),i.options.fade===!0?(c!==!0?i.fadeSlide(e,function(){i.postSlide(e)}):i.postSlide(e),i.animateHeight(),void 0):(c!==!0?i.animateSlide(h,function(){i.postSlide(e)}):i.postSlide(e),void 0)))},b.prototype.startLoad=function(){var a=this;a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.hide(),a.$nextArrow.hide()),a.options.dots===!0&&a.slideCount>a.options.slidesToShow&&a.$dots.hide(),a.$slider.addClass("slick-loading")},b.prototype.swipeDirection=function(){var a,b,c,d,e=this;return a=e.touchObject.startX-e.touchObject.curX,b=e.touchObject.startY-e.touchObject.curY,c=Math.atan2(b,a),d=Math.round(180*c/Math.PI),0>d&&(d=360-Math.abs(d)),45>=d&&d>=0?e.options.rtl===!1?"left":"right":360>=d&&d>=315?e.options.rtl===!1?"left":"right":d>=135&&225>=d?e.options.rtl===!1?"right":"left":"vertical"},b.prototype.swipeEnd=function(){var c,b=this;if(b.dragging=!1,b.shouldClick=b.touchObject.swipeLength>10?!1:!0,void 0===b.touchObject.curX)return!1;if(b.touchObject.edgeHit===!0&&b.$slider.trigger("edge",[b,b.swipeDirection()]),b.touchObject.swipeLength>=b.touchObject.minSwipe)switch(b.swipeDirection()){case"left":c=b.options.swipeToSlide?b.checkNavigable(b.currentSlide+b.getSlideCount()):b.currentSlide+b.getSlideCount(),b.slideHandler(c),b.currentDirection=0,b.touchObject={},b.$slider.trigger("swipe",[b,"left"]);break;case"right":c=b.options.swipeToSlide?b.checkNavigable(b.currentSlide-b.getSlideCount()):b.currentSlide-b.getSlideCount(),b.slideHandler(c),b.currentDirection=1,b.touchObject={},b.$slider.trigger("swipe",[b,"right"])}else b.touchObject.startX!==b.touchObject.curX&&(b.slideHandler(b.currentSlide),b.touchObject={})},b.prototype.swipeHandler=function(a){var b=this;if(!(b.options.swipe===!1||"ontouchend"in document&&b.options.swipe===!1||b.options.draggable===!1&&-1!==a.type.indexOf("mouse")))switch(b.touchObject.fingerCount=a.originalEvent&&void 0!==a.originalEvent.touches?a.originalEvent.touches.length:1,b.touchObject.minSwipe=b.listWidth/b.options.touchThreshold,a.data.action){case"start":b.swipeStart(a);break;case"move":b.swipeMove(a);break;case"end":b.swipeEnd(a)}},b.prototype.swipeMove=function(a){var d,e,f,g,h,b=this;return h=void 0!==a.originalEvent?a.originalEvent.touches:null,!b.dragging||h&&1!==h.length?!1:(d=b.getLeft(b.currentSlide),b.touchObject.curX=void 0!==h?h[0].pageX:a.clientX,b.touchObject.curY=void 0!==h?h[0].pageY:a.clientY,b.touchObject.swipeLength=Math.round(Math.sqrt(Math.pow(b.touchObject.curX-b.touchObject.startX,2))),e=b.swipeDirection(),"vertical"!==e?(void 0!==a.originalEvent&&b.touchObject.swipeLength>4&&a.preventDefault(),g=(b.options.rtl===!1?1:-1)*(b.touchObject.curX>b.touchObject.startX?1:-1),f=b.touchObject.swipeLength,b.touchObject.edgeHit=!1,b.options.infinite===!1&&(0===b.currentSlide&&"right"===e||b.currentSlide>=b.getDotCount()&&"left"===e)&&(f=b.touchObject.swipeLength*b.options.edgeFriction,b.touchObject.edgeHit=!0),b.swipeLeft=b.options.vertical===!1?d+f*g:d+f*(b.$list.height()/b.listWidth)*g,b.options.fade===!0||b.options.touchMove===!1?!1:b.animating===!0?(b.swipeLeft=null,!1):(b.setCSS(b.swipeLeft),void 0)):void 0)},b.prototype.swipeStart=function(a){var c,b=this;return 1!==b.touchObject.fingerCount||b.slideCount<=b.options.slidesToShow?(b.touchObject={},!1):(void 0!==a.originalEvent&&void 0!==a.originalEvent.touches&&(c=a.originalEvent.touches[0]),b.touchObject.startX=b.touchObject.curX=void 0!==c?c.pageX:a.clientX,b.touchObject.startY=b.touchObject.curY=void 0!==c?c.pageY:a.clientY,b.dragging=!0,void 0)},b.prototype.unfilterSlides=b.prototype.slickUnfilter=function(){var a=this;null!==a.$slidesCache&&(a.unload(),a.$slideTrack.children(this.options.slide).detach(),a.$slidesCache.appendTo(a.$slideTrack),a.reinit())},b.prototype.unload=function(){var b=this;a(".slick-cloned",b.$slider).remove(),b.$dots&&b.$dots.remove(),b.$prevArrow&&"object"!=typeof b.options.prevArrow&&b.$prevArrow.remove(),b.$nextArrow&&"object"!=typeof b.options.nextArrow&&b.$nextArrow.remove(),b.$slides.removeClass("slick-slide slick-active slick-visible").css("width","")},b.prototype.unslick=function(){var a=this;a.destroy()},b.prototype.updateArrows=function(){var b,a=this;b=Math.floor(a.options.slidesToShow/2),a.options.arrows===!0&&a.options.infinite!==!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.removeClass("slick-disabled"),a.$nextArrow.removeClass("slick-disabled"),0===a.currentSlide?(a.$prevArrow.addClass("slick-disabled"),a.$nextArrow.removeClass("slick-disabled")):a.currentSlide>=a.slideCount-a.options.slidesToShow&&a.options.centerMode===!1?(a.$nextArrow.addClass("slick-disabled"),a.$prevArrow.removeClass("slick-disabled")):a.currentSlide>=a.slideCount-1&&a.options.centerMode===!0&&(a.$nextArrow.addClass("slick-disabled"),a.$prevArrow.removeClass("slick-disabled"))) +},b.prototype.updateDots=function(){var a=this;null!==a.$dots&&(a.$dots.find("li").removeClass("slick-active"),a.$dots.find("li").eq(Math.floor(a.currentSlide/a.options.slidesToScroll)).addClass("slick-active"))},b.prototype.visibility=function(){var a=this;document[a.hidden]?(a.paused=!0,a.autoPlayClear()):(a.paused=!1,a.autoPlay())},a.fn.slick=function(){var g,a=this,c=arguments[0],d=Array.prototype.slice.call(arguments,1),e=a.length,f=0;for(f;e>f;f++)if("object"==typeof c||"undefined"==typeof c?a[f].slick=new b(a[f],c):g=a[f].slick[c].apply(a[f].slick,d),"undefined"!=typeof g)return g;return a},a(function(){a("[data-slick]").slick()})}); + +/*! +* FitVids 1.0 +* +* Copyright 2011, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com +* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ +* Released under the WTFPL license - http://sam.zoy.org/wtfpl/ +* +* Date: Thu Sept 01 18:00:00 2011 -0500 +*/ +!function(a){a.fn.fitVids=function(b){var c={customSelector:null},d=document.createElement("div"),e=document.getElementsByTagName("base")[0]||document.getElementsByTagName("script")[0];return d.className="fit-vids-style",d.innerHTML="­",e.parentNode.insertBefore(d,e),b&&a.extend(c,b),this.each(function(){var b=["iframe[src*='player.vimeo.com']","iframe[src*='www.youtube.com']","iframe[src*='www.kickstarter.com']","object","embed"];c.customSelector&&b.push(c.customSelector);var d=a(this).find(b.join(","));d.each(function(){var b=a(this);if(!("embed"==this.tagName.toLowerCase()&&b.parent("object").length||b.parent(".fluid-width-video-wrapper").length)){var c="object"==this.tagName.toLowerCase()?b.attr("height"):b.height(),d=c/b.width();if(!b.attr("id")){var e="fitvid"+Math.floor(999999*Math.random());b.attr("id",e)}b.wrap('
').parent(".fluid-width-video-wrapper").css("padding-top",100*d+"%"),b.removeAttr("height").removeAttr("width")}})})}}(jQuery); diff --git a/assets/js/slick.js b/assets/js/slick.js new file mode 100644 index 0000000..376bfca --- /dev/null +++ b/assets/js/slick.js @@ -0,0 +1,2652 @@ +/* + _ _ _ _ + ___| (_) ___| | __ (_)___ +/ __| | |/ __| |/ / | / __| +\__ \ | | (__| < _ | \__ \ +|___/_|_|\___|_|\_(_)/ |___/ + |__/ + + Version: 1.5.8 + Author: Ken Wheeler + Website: http://kenwheeler.github.io + Docs: http://kenwheeler.github.io/slick + Repo: http://github.com/kenwheeler/slick + Issues: http://github.com/kenwheeler/slick/issues + + */ +/* global window, document, define, jQuery, setInterval, clearInterval */ +(function(factory) { + 'use strict'; + if (typeof define === 'function' && define.amd) { + define(['jquery'], factory); + } else if (typeof exports !== 'undefined') { + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } + +}(function($) { + 'use strict'; + var Slick = window.Slick || {}; + + Slick = (function() { + + var instanceUid = 0; + + function Slick(element, settings) { + + var _ = this, dataSettings; + + _.defaults = { + accessibility: true, + adaptiveHeight: false, + appendArrows: $(element), + appendDots: $(element), + arrows: true, + asNavFor: null, + prevArrow: '', + nextArrow: '', + autoplay: false, + autoplaySpeed: 3000, + centerMode: false, + centerPadding: '50px', + cssEase: 'ease', + customPaging: function(slider, i) { + return ''; + }, + dots: false, + dotsClass: 'slick-dots', + draggable: true, + easing: 'linear', + edgeFriction: 0.35, + fade: false, + focusOnSelect: false, + infinite: true, + initialSlide: 0, + lazyLoad: 'ondemand', + mobileFirst: false, + pauseOnHover: true, + pauseOnDotsHover: false, + respondTo: 'window', + responsive: null, + rows: 1, + rtl: false, + slide: '', + slidesPerRow: 1, + slidesToShow: 1, + slidesToScroll: 1, + speed: 500, + swipe: true, + swipeToSlide: false, + touchMove: true, + touchThreshold: 5, + useCSS: true, + useTransform: false, + variableWidth: false, + vertical: false, + verticalSwiping: false, + waitForAnimate: true, + zIndex: 1000 + }; + + _.initials = { + animating: false, + dragging: false, + autoPlayTimer: null, + currentDirection: 0, + currentLeft: null, + currentSlide: 0, + direction: 1, + $dots: null, + listWidth: null, + listHeight: null, + loadIndex: 0, + $nextArrow: null, + $prevArrow: null, + slideCount: null, + slideWidth: null, + $slideTrack: null, + $slides: null, + sliding: false, + slideOffset: 0, + swipeLeft: null, + $list: null, + touchObject: {}, + transformsEnabled: false, + unslicked: false + }; + + $.extend(_, _.initials); + + _.activeBreakpoint = null; + _.animType = null; + _.animProp = null; + _.breakpoints = []; + _.breakpointSettings = []; + _.cssTransitions = false; + _.hidden = 'hidden'; + _.paused = false; + _.positionProp = null; + _.respondTo = null; + _.rowCount = 1; + _.shouldClick = true; + _.$slider = $(element); + _.$slidesCache = null; + _.transformType = null; + _.transitionType = null; + _.visibilityChange = 'visibilitychange'; + _.windowWidth = 0; + _.windowTimer = null; + + dataSettings = $(element).data('slick') || {}; + + _.options = $.extend({}, _.defaults, dataSettings, settings); + + _.currentSlide = _.options.initialSlide; + + _.originalSettings = _.options; + + if (typeof document.mozHidden !== 'undefined') { + _.hidden = 'mozHidden'; + _.visibilityChange = 'mozvisibilitychange'; + } else if (typeof document.webkitHidden !== 'undefined') { + _.hidden = 'webkitHidden'; + _.visibilityChange = 'webkitvisibilitychange'; + } + + _.autoPlay = $.proxy(_.autoPlay, _); + _.autoPlayClear = $.proxy(_.autoPlayClear, _); + _.changeSlide = $.proxy(_.changeSlide, _); + _.clickHandler = $.proxy(_.clickHandler, _); + _.selectHandler = $.proxy(_.selectHandler, _); + _.setPosition = $.proxy(_.setPosition, _); + _.swipeHandler = $.proxy(_.swipeHandler, _); + _.dragHandler = $.proxy(_.dragHandler, _); + _.keyHandler = $.proxy(_.keyHandler, _); + _.autoPlayIterator = $.proxy(_.autoPlayIterator, _); + + _.instanceUid = instanceUid++; + + // A simple way to check for HTML strings + // Strict HTML recognition (must start with <) + // Extracted from jQuery v1.11 source + _.htmlExpr = /^(?:\s*(<[\w\W]+>)[^>]*)$/; + + + _.registerBreakpoints(); + _.init(true); + _.checkResponsive(true); + + } + + return Slick; + + }()); + + Slick.prototype.addSlide = Slick.prototype.slickAdd = function(markup, index, addBefore) { + + var _ = this; + + if (typeof(index) === 'boolean') { + addBefore = index; + index = null; + } else if (index < 0 || (index >= _.slideCount)) { + return false; + } + + _.unload(); + + if (typeof(index) === 'number') { + if (index === 0 && _.$slides.length === 0) { + $(markup).appendTo(_.$slideTrack); + } else if (addBefore) { + $(markup).insertBefore(_.$slides.eq(index)); + } else { + $(markup).insertAfter(_.$slides.eq(index)); + } + } else { + if (addBefore === true) { + $(markup).prependTo(_.$slideTrack); + } else { + $(markup).appendTo(_.$slideTrack); + } + } + + _.$slides = _.$slideTrack.children(this.options.slide); + + _.$slideTrack.children(this.options.slide).detach(); + + _.$slideTrack.append(_.$slides); + + _.$slides.each(function(index, element) { + $(element).attr('data-slick-index', index); + }); + + _.$slidesCache = _.$slides; + + _.reinit(); + + }; + + Slick.prototype.animateHeight = function() { + var _ = this; + if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) { + var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true); + _.$list.animate({ + height: targetHeight + }, _.options.speed); + } + }; + + Slick.prototype.animateSlide = function(targetLeft, callback) { + + var animProps = {}, + _ = this; + + _.animateHeight(); + + if (_.options.rtl === true && _.options.vertical === false) { + targetLeft = -targetLeft; + } + if (_.transformsEnabled === false) { + if (_.options.vertical === false) { + _.$slideTrack.animate({ + left: targetLeft + }, _.options.speed, _.options.easing, callback); + } else { + _.$slideTrack.animate({ + top: targetLeft + }, _.options.speed, _.options.easing, callback); + } + + } else { + + if (_.cssTransitions === false) { + if (_.options.rtl === true) { + _.currentLeft = -(_.currentLeft); + } + $({ + animStart: _.currentLeft + }).animate({ + animStart: targetLeft + }, { + duration: _.options.speed, + easing: _.options.easing, + step: function(now) { + now = Math.ceil(now); + if (_.options.vertical === false) { + animProps[_.animType] = 'translate(' + + now + 'px, 0px)'; + _.$slideTrack.css(animProps); + } else { + animProps[_.animType] = 'translate(0px,' + + now + 'px)'; + _.$slideTrack.css(animProps); + } + }, + complete: function() { + if (callback) { + callback.call(); + } + } + }); + + } else { + + _.applyTransition(); + targetLeft = Math.ceil(targetLeft); + + if (_.options.vertical === false) { + animProps[_.animType] = 'translate3d(' + targetLeft + 'px, 0px, 0px)'; + } else { + animProps[_.animType] = 'translate3d(0px,' + targetLeft + 'px, 0px)'; + } + _.$slideTrack.css(animProps); + + if (callback) { + setTimeout(function() { + + _.disableTransition(); + + callback.call(); + }, _.options.speed); + } + + } + + } + + }; + + Slick.prototype.asNavFor = function(index) { + + var _ = this, + asNavFor = _.options.asNavFor; + + if ( asNavFor && asNavFor !== null ) { + asNavFor = $(asNavFor).not(_.$slider); + } + + if ( asNavFor !== null && typeof asNavFor === 'object' ) { + asNavFor.each(function() { + var target = $(this).slick('getSlick'); + if(!target.unslicked) { + target.slideHandler(index, true); + } + }); + } + + }; + + Slick.prototype.applyTransition = function(slide) { + + var _ = this, + transition = {}; + + if (_.options.fade === false) { + transition[_.transitionType] = _.transformType + ' ' + _.options.speed + 'ms ' + _.options.cssEase; + } else { + transition[_.transitionType] = 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase; + } + + if (_.options.fade === false) { + _.$slideTrack.css(transition); + } else { + _.$slides.eq(slide).css(transition); + } + + }; + + Slick.prototype.autoPlay = function() { + + var _ = this; + + if (_.autoPlayTimer) { + clearInterval(_.autoPlayTimer); + } + + if (_.slideCount > _.options.slidesToShow && _.paused !== true) { + _.autoPlayTimer = setInterval(_.autoPlayIterator, + _.options.autoplaySpeed); + } + + }; + + Slick.prototype.autoPlayClear = function() { + + var _ = this; + if (_.autoPlayTimer) { + clearInterval(_.autoPlayTimer); + } + + }; + + Slick.prototype.autoPlayIterator = function() { + + var _ = this; + + if (_.options.infinite === false) { + + if (_.direction === 1) { + + if ((_.currentSlide + 1) === _.slideCount - + 1) { + _.direction = 0; + } + + _.slideHandler(_.currentSlide + _.options.slidesToScroll); + + } else { + + if ((_.currentSlide - 1 === 0)) { + + _.direction = 1; + + } + + _.slideHandler(_.currentSlide - _.options.slidesToScroll); + + } + + } else { + + _.slideHandler(_.currentSlide + _.options.slidesToScroll); + + } + + }; + + Slick.prototype.buildArrows = function() { + + var _ = this; + + if (_.options.arrows === true ) { + + _.$prevArrow = $(_.options.prevArrow).addClass('slick-arrow'); + _.$nextArrow = $(_.options.nextArrow).addClass('slick-arrow'); + + if( _.slideCount > _.options.slidesToShow ) { + + _.$prevArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex'); + _.$nextArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex'); + + if (_.htmlExpr.test(_.options.prevArrow)) { + _.$prevArrow.prependTo(_.options.appendArrows); + } + + if (_.htmlExpr.test(_.options.nextArrow)) { + _.$nextArrow.appendTo(_.options.appendArrows); + } + + if (_.options.infinite !== true) { + _.$prevArrow + .addClass('slick-disabled') + .attr('aria-disabled', 'true'); + } + + } else { + + _.$prevArrow.add( _.$nextArrow ) + + .addClass('slick-hidden') + .attr({ + 'aria-disabled': 'true', + 'tabindex': '-1' + }); + + } + + } + + }; + + Slick.prototype.buildDots = function() { + + var _ = this, + i, dotString; + + if (_.options.dots === true && _.slideCount > _.options.slidesToShow) { + + dotString = '
    '; + + for (i = 0; i <= _.getDotCount(); i += 1) { + dotString += '
  • ' + _.options.customPaging.call(this, _, i) + '
    • '; + } + + dotString += '
'; + + _.$dots = $(dotString).appendTo( + _.options.appendDots); + + _.$dots.find('li').first().addClass('slick-active').attr('aria-hidden', 'false'); + + } + + }; + + Slick.prototype.buildOut = function() { + + var _ = this; + + _.$slides = + _.$slider + .children( _.options.slide + ':not(.slick-cloned)') + .addClass('slick-slide'); + + _.slideCount = _.$slides.length; + + _.$slides.each(function(index, element) { + $(element) + .attr('data-slick-index', index) + .data('originalStyling', $(element).attr('style') || ''); + }); + + _.$slider.addClass('slick-slider'); + + _.$slideTrack = (_.slideCount === 0) ? + $('
').appendTo(_.$slider) : + _.$slides.wrapAll('
').parent(); + + _.$list = _.$slideTrack.wrap( + '
').parent(); + _.$slideTrack.css('opacity', 0); + + if (_.options.centerMode === true || _.options.swipeToSlide === true) { + _.options.slidesToScroll = 1; + } + + $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading'); + + _.setupInfinite(); + + _.buildArrows(); + + _.buildDots(); + + _.updateDots(); + + + _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0); + + if (_.options.draggable === true) { + _.$list.addClass('draggable'); + } + + }; + + Slick.prototype.buildRows = function() { + + var _ = this, a, b, c, newSlides, numOfSlides, originalSlides,slidesPerSection; + + newSlides = document.createDocumentFragment(); + originalSlides = _.$slider.children(); + + if(_.options.rows > 1) { + + slidesPerSection = _.options.slidesPerRow * _.options.rows; + numOfSlides = Math.ceil( + originalSlides.length / slidesPerSection + ); + + for(a = 0; a < numOfSlides; a++){ + var slide = document.createElement('div'); + for(b = 0; b < _.options.rows; b++) { + var row = document.createElement('div'); + for(c = 0; c < _.options.slidesPerRow; c++) { + var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c)); + if (originalSlides.get(target)) { + row.appendChild(originalSlides.get(target)); + } + } + slide.appendChild(row); + } + newSlides.appendChild(slide); + } + + _.$slider.html(newSlides); + _.$slider.children().children().children() + .css({ + 'width':(100 / _.options.slidesPerRow) + '%', + 'display': 'inline-block' + }); + + } + + }; + + Slick.prototype.checkResponsive = function(initial, forceUpdate) { + + var _ = this, + breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false; + var sliderWidth = _.$slider.width(); + var windowWidth = window.innerWidth || $(window).width(); + + if (_.respondTo === 'window') { + respondToWidth = windowWidth; + } else if (_.respondTo === 'slider') { + respondToWidth = sliderWidth; + } else if (_.respondTo === 'min') { + respondToWidth = Math.min(windowWidth, sliderWidth); + } + + if ( _.options.responsive && + _.options.responsive.length && + _.options.responsive !== null) { + + targetBreakpoint = null; + + for (breakpoint in _.breakpoints) { + if (_.breakpoints.hasOwnProperty(breakpoint)) { + if (_.originalSettings.mobileFirst === false) { + if (respondToWidth < _.breakpoints[breakpoint]) { + targetBreakpoint = _.breakpoints[breakpoint]; + } + } else { + if (respondToWidth > _.breakpoints[breakpoint]) { + targetBreakpoint = _.breakpoints[breakpoint]; + } + } + } + } + + if (targetBreakpoint !== null) { + if (_.activeBreakpoint !== null) { + if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) { + _.activeBreakpoint = + targetBreakpoint; + if (_.breakpointSettings[targetBreakpoint] === 'unslick') { + _.unslick(targetBreakpoint); + } else { + _.options = $.extend({}, _.originalSettings, + _.breakpointSettings[ + targetBreakpoint]); + if (initial === true) { + _.currentSlide = _.options.initialSlide; + } + _.refresh(initial); + } + triggerBreakpoint = targetBreakpoint; + } + } else { + _.activeBreakpoint = targetBreakpoint; + if (_.breakpointSettings[targetBreakpoint] === 'unslick') { + _.unslick(targetBreakpoint); + } else { + _.options = $.extend({}, _.originalSettings, + _.breakpointSettings[ + targetBreakpoint]); + if (initial === true) { + _.currentSlide = _.options.initialSlide; + } + _.refresh(initial); + } + triggerBreakpoint = targetBreakpoint; + } + } else { + if (_.activeBreakpoint !== null) { + _.activeBreakpoint = null; + _.options = _.originalSettings; + if (initial === true) { + _.currentSlide = _.options.initialSlide; + } + _.refresh(initial); + triggerBreakpoint = targetBreakpoint; + } + } + + // only trigger breakpoints during an actual break. not on initialize. + if( !initial && triggerBreakpoint !== false ) { + _.$slider.trigger('breakpoint', [_, triggerBreakpoint]); + } + } + + }; + + Slick.prototype.changeSlide = function(event, dontAnimate) { + + var _ = this, + $target = $(event.target), + indexOffset, slideOffset, unevenOffset; + + // If target is a link, prevent default action. + if($target.is('a')) { + event.preventDefault(); + } + + // If target is not the
  • element (ie: a child), find the
  • . + if(!$target.is('li')) { + $target = $target.closest('li'); + } + + unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0); + indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll; + + switch (event.data.message) { + + case 'previous': + slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset; + if (_.slideCount > _.options.slidesToShow) { + _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate); + } + break; + + case 'next': + slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset; + if (_.slideCount > _.options.slidesToShow) { + _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate); + } + break; + + case 'index': + var index = event.data.index === 0 ? 0 : + event.data.index || $target.index() * _.options.slidesToScroll; + + _.slideHandler(_.checkNavigable(index), false, dontAnimate); + $target.children().trigger('focus'); + break; + + default: + return; + } + + }; + + Slick.prototype.checkNavigable = function(index) { + + var _ = this, + navigables, prevNavigable; + + navigables = _.getNavigableIndexes(); + prevNavigable = 0; + if (index > navigables[navigables.length - 1]) { + index = navigables[navigables.length - 1]; + } else { + for (var n in navigables) { + if (index < navigables[n]) { + index = prevNavigable; + break; + } + prevNavigable = navigables[n]; + } + } + + return index; + }; + + Slick.prototype.cleanUpEvents = function() { + + var _ = this; + + if (_.options.dots && _.$dots !== null) { + + $('li', _.$dots).off('click.slick', _.changeSlide); + + if (_.options.pauseOnDotsHover === true && _.options.autoplay === true) { + + $('li', _.$dots) + .off('mouseenter.slick', $.proxy(_.setPaused, _, true)) + .off('mouseleave.slick', $.proxy(_.setPaused, _, false)); + + } + + } + + if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) { + _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide); + _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide); + } + + _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler); + _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler); + _.$list.off('touchend.slick mouseup.slick', _.swipeHandler); + _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler); + + _.$list.off('click.slick', _.clickHandler); + + $(document).off(_.visibilityChange, _.visibility); + + _.$list.off('mouseenter.slick', $.proxy(_.setPaused, _, true)); + _.$list.off('mouseleave.slick', $.proxy(_.setPaused, _, false)); + + if (_.options.accessibility === true) { + _.$list.off('keydown.slick', _.keyHandler); + } + + if (_.options.focusOnSelect === true) { + $(_.$slideTrack).children().off('click.slick', _.selectHandler); + } + + $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange); + + $(window).off('resize.slick.slick-' + _.instanceUid, _.resize); + + $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault); + + $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition); + $(document).off('ready.slick.slick-' + _.instanceUid, _.setPosition); + }; + + Slick.prototype.cleanUpRows = function() { + + var _ = this, originalSlides; + + if(_.options.rows > 1) { + originalSlides = _.$slides.children().children(); + originalSlides.removeAttr('style'); + _.$slider.html(originalSlides); + } + + }; + + Slick.prototype.clickHandler = function(event) { + + var _ = this; + + if (_.shouldClick === false) { + event.stopImmediatePropagation(); + event.stopPropagation(); + event.preventDefault(); + } + + }; + + Slick.prototype.destroy = function(refresh) { + + var _ = this; + + _.autoPlayClear(); + + _.touchObject = {}; + + _.cleanUpEvents(); + + $('.slick-cloned', _.$slider).detach(); + + if (_.$dots) { + _.$dots.remove(); + } + + + if ( _.$prevArrow && _.$prevArrow.length ) { + + _.$prevArrow + .removeClass('slick-disabled slick-arrow slick-hidden') + .removeAttr('aria-hidden aria-disabled tabindex') + .css("display",""); + + if ( _.htmlExpr.test( _.options.prevArrow )) { + _.$prevArrow.remove(); + } + } + + if ( _.$nextArrow && _.$nextArrow.length ) { + + _.$nextArrow + .removeClass('slick-disabled slick-arrow slick-hidden') + .removeAttr('aria-hidden aria-disabled tabindex') + .css("display",""); + + if ( _.htmlExpr.test( _.options.nextArrow )) { + _.$nextArrow.remove(); + } + + } + + + if (_.$slides) { + + _.$slides + .removeClass('slick-slide slick-active slick-center slick-visible slick-current') + .removeAttr('aria-hidden') + .removeAttr('data-slick-index') + .each(function(){ + $(this).attr('style', $(this).data('originalStyling')); + }); + + _.$slideTrack.children(this.options.slide).detach(); + + _.$slideTrack.detach(); + + _.$list.detach(); + + _.$slider.append(_.$slides); + } + + _.cleanUpRows(); + + _.$slider.removeClass('slick-slider'); + _.$slider.removeClass('slick-initialized'); + + _.unslicked = true; + + if(!refresh) { + _.$slider.trigger('destroy', [_]); + } + + }; + + Slick.prototype.disableTransition = function(slide) { + + var _ = this, + transition = {}; + + transition[_.transitionType] = ''; + + if (_.options.fade === false) { + _.$slideTrack.css(transition); + } else { + _.$slides.eq(slide).css(transition); + } + + }; + + Slick.prototype.fadeSlide = function(slideIndex, callback) { + + var _ = this; + + if (_.cssTransitions === false) { + + _.$slides.eq(slideIndex).css({ + zIndex: _.options.zIndex + }); + + _.$slides.eq(slideIndex).animate({ + opacity: 1 + }, _.options.speed, _.options.easing, callback); + + } else { + + _.applyTransition(slideIndex); + + _.$slides.eq(slideIndex).css({ + opacity: 1, + zIndex: _.options.zIndex + }); + + if (callback) { + setTimeout(function() { + + _.disableTransition(slideIndex); + + callback.call(); + }, _.options.speed); + } + + } + + }; + + Slick.prototype.fadeSlideOut = function(slideIndex) { + + var _ = this; + + if (_.cssTransitions === false) { + + _.$slides.eq(slideIndex).animate({ + opacity: 0, + zIndex: _.options.zIndex - 2 + }, _.options.speed, _.options.easing); + + } else { + + _.applyTransition(slideIndex); + + _.$slides.eq(slideIndex).css({ + opacity: 0, + zIndex: _.options.zIndex - 2 + }); + + } + + }; + + Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) { + + var _ = this; + + if (filter !== null) { + + _.$slidesCache = _.$slides; + + _.unload(); + + _.$slideTrack.children(this.options.slide).detach(); + + _.$slidesCache.filter(filter).appendTo(_.$slideTrack); + + _.reinit(); + + } + + }; + + Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() { + + var _ = this; + return _.currentSlide; + + }; + + Slick.prototype.getDotCount = function() { + + var _ = this; + + var breakPoint = 0; + var counter = 0; + var pagerQty = 0; + + if (_.options.infinite === true) { + while (breakPoint < _.slideCount) { + ++pagerQty; + breakPoint = counter + _.options.slidesToShow; + counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow; + } + } else if (_.options.centerMode === true) { + pagerQty = _.slideCount; + } else { + while (breakPoint < _.slideCount) { + ++pagerQty; + breakPoint = counter + _.options.slidesToShow; + counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow; + } + } + + return pagerQty - 1; + + }; + + Slick.prototype.getLeft = function(slideIndex) { + + var _ = this, + targetLeft, + verticalHeight, + verticalOffset = 0, + targetSlide; + + _.slideOffset = 0; + verticalHeight = _.$slides.first().outerHeight(true); + + if (_.options.infinite === true) { + if (_.slideCount > _.options.slidesToShow) { + _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1; + verticalOffset = (verticalHeight * _.options.slidesToShow) * -1; + } + if (_.slideCount % _.options.slidesToScroll !== 0) { + if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) { + if (slideIndex > _.slideCount) { + _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1; + verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1; + } else { + _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1; + verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1; + } + } + } + } else { + if (slideIndex + _.options.slidesToShow > _.slideCount) { + _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth; + verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight; + } + } + + if (_.slideCount <= _.options.slidesToShow) { + _.slideOffset = 0; + verticalOffset = 0; + } + + if (_.options.centerMode === true && _.options.infinite === true) { + _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth; + } else if (_.options.centerMode === true) { + _.slideOffset = 0; + _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2); + } + + if (_.options.vertical === false) { + targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset; + } else { + targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset; + } + + if (_.options.variableWidth === true) { + + if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) { + targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex); + } else { + targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow); + } + + targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0; + + if (_.options.centerMode === true) { + if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) { + targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex); + } else { + targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1); + } + targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0; + targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2; + } + } + + return targetLeft; + + }; + + Slick.prototype.getOption = Slick.prototype.slickGetOption = function(option) { + + var _ = this; + + return _.options[option]; + + }; + + Slick.prototype.getNavigableIndexes = function() { + + var _ = this, + breakPoint = 0, + counter = 0, + indexes = [], + max; + + if (_.options.infinite === false) { + max = _.slideCount; + } else { + breakPoint = _.options.slidesToScroll * -1; + counter = _.options.slidesToScroll * -1; + max = _.slideCount * 2; + } + + while (breakPoint < max) { + indexes.push(breakPoint); + breakPoint = counter + _.options.slidesToScroll; + counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow; + } + + return indexes; + + }; + + Slick.prototype.getSlick = function() { + + return this; + + }; + + Slick.prototype.getSlideCount = function() { + + var _ = this, + slidesTraversed, swipedSlide, centerOffset; + + centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0; + + if (_.options.swipeToSlide === true) { + _.$slideTrack.find('.slick-slide').each(function(index, slide) { + if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) { + swipedSlide = slide; + return false; + } + }); + + slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1; + + return slidesTraversed; + + } else { + return _.options.slidesToScroll; + } + + }; + + Slick.prototype.goTo = Slick.prototype.slickGoTo = function(slide, dontAnimate) { + + var _ = this; + + _.changeSlide({ + data: { + message: 'index', + index: parseInt(slide) + } + }, dontAnimate); + + }; + + Slick.prototype.init = function(creation) { + + var _ = this; + + if (!$(_.$slider).hasClass('slick-initialized')) { + + $(_.$slider).addClass('slick-initialized'); + + _.buildRows(); + _.buildOut(); + _.setProps(); + _.startLoad(); + _.loadSlider(); + _.initializeEvents(); + _.updateArrows(); + _.updateDots(); + + } + + if (creation) { + _.$slider.trigger('init', [_]); + } + + if (_.options.accessibility === true) { + _.initADA(); + } + + }; + + Slick.prototype.initArrowEvents = function() { + + var _ = this; + + if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) { + _.$prevArrow.on('click.slick', { + message: 'previous' + }, _.changeSlide); + _.$nextArrow.on('click.slick', { + message: 'next' + }, _.changeSlide); + } + + }; + + Slick.prototype.initDotEvents = function() { + + var _ = this; + + if (_.options.dots === true && _.slideCount > _.options.slidesToShow) { + $('li', _.$dots).on('click.slick', { + message: 'index' + }, _.changeSlide); + } + + if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.options.autoplay === true) { + $('li', _.$dots) + .on('mouseenter.slick', $.proxy(_.setPaused, _, true)) + .on('mouseleave.slick', $.proxy(_.setPaused, _, false)); + } + + }; + + Slick.prototype.initializeEvents = function() { + + var _ = this; + + _.initArrowEvents(); + + _.initDotEvents(); + + _.$list.on('touchstart.slick mousedown.slick', { + action: 'start' + }, _.swipeHandler); + _.$list.on('touchmove.slick mousemove.slick', { + action: 'move' + }, _.swipeHandler); + _.$list.on('touchend.slick mouseup.slick', { + action: 'end' + }, _.swipeHandler); + _.$list.on('touchcancel.slick mouseleave.slick', { + action: 'end' + }, _.swipeHandler); + + _.$list.on('click.slick', _.clickHandler); + + $(document).on(_.visibilityChange, $.proxy(_.visibility, _)); + + _.$list.on('mouseenter.slick', $.proxy(_.setPaused, _, true)); + _.$list.on('mouseleave.slick', $.proxy(_.setPaused, _, false)); + + if (_.options.accessibility === true) { + _.$list.on('keydown.slick', _.keyHandler); + } + + if (_.options.focusOnSelect === true) { + $(_.$slideTrack).children().on('click.slick', _.selectHandler); + } + + $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _)); + + $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _)); + + $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault); + + $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition); + $(document).on('ready.slick.slick-' + _.instanceUid, _.setPosition); + + }; + + Slick.prototype.initUI = function() { + + var _ = this; + + if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) { + + _.$prevArrow.show(); + _.$nextArrow.show(); + + } + + if (_.options.dots === true && _.slideCount > _.options.slidesToShow) { + + _.$dots.show(); + + } + + if (_.options.autoplay === true) { + + _.autoPlay(); + + } + + }; + + Slick.prototype.keyHandler = function(event) { + + var _ = this; + //Dont slide if the cursor is inside the form fields and arrow keys are pressed + if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) { + if (event.keyCode === 37 && _.options.accessibility === true) { + _.changeSlide({ + data: { + message: 'previous' + } + }); + } else if (event.keyCode === 39 && _.options.accessibility === true) { + _.changeSlide({ + data: { + message: 'next' + } + }); + } + } + + }; + + Slick.prototype.lazyLoad = function() { + + var _ = this, + loadRange, cloneRange, rangeStart, rangeEnd; + + function loadImages(imagesScope) { + $('img[data-lazy]', imagesScope).each(function() { + + var image = $(this), + imageSource = $(this).attr('data-lazy'), + imageToLoad = document.createElement('img'); + + imageToLoad.onload = function() { + image + .animate({ opacity: 0 }, 100, function() { + image + .attr('src', imageSource) + .animate({ opacity: 1 }, 200, function() { + image + .removeAttr('data-lazy') + .removeClass('slick-loading'); + }); + }); + }; + + imageToLoad.src = imageSource; + + }); + } + + if (_.options.centerMode === true) { + if (_.options.infinite === true) { + rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1); + rangeEnd = rangeStart + _.options.slidesToShow + 2; + } else { + rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1)); + rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide; + } + } else { + rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide; + rangeEnd = rangeStart + _.options.slidesToShow; + if (_.options.fade === true) { + if (rangeStart > 0) rangeStart--; + if (rangeEnd <= _.slideCount) rangeEnd++; + } + } + + loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd); + loadImages(loadRange); + + if (_.slideCount <= _.options.slidesToShow) { + cloneRange = _.$slider.find('.slick-slide'); + loadImages(cloneRange); + } else + if (_.currentSlide >= _.slideCount - _.options.slidesToShow) { + cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow); + loadImages(cloneRange); + } else if (_.currentSlide === 0) { + cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1); + loadImages(cloneRange); + } + + }; + + Slick.prototype.loadSlider = function() { + + var _ = this; + + _.setPosition(); + + _.$slideTrack.css({ + opacity: 1 + }); + + _.$slider.removeClass('slick-loading'); + + _.initUI(); + + if (_.options.lazyLoad === 'progressive') { + _.progressiveLazyLoad(); + } + + }; + + Slick.prototype.next = Slick.prototype.slickNext = function() { + + var _ = this; + + _.changeSlide({ + data: { + message: 'next' + } + }); + + }; + + Slick.prototype.orientationChange = function() { + + var _ = this; + + _.checkResponsive(); + _.setPosition(); + + }; + + Slick.prototype.pause = Slick.prototype.slickPause = function() { + + var _ = this; + + _.autoPlayClear(); + _.paused = true; + + }; + + Slick.prototype.play = Slick.prototype.slickPlay = function() { + + var _ = this; + + _.paused = false; + _.autoPlay(); + + }; + + Slick.prototype.postSlide = function(index) { + + var _ = this; + + _.$slider.trigger('afterChange', [_, index]); + + _.animating = false; + + _.setPosition(); + + _.swipeLeft = null; + + if (_.options.autoplay === true && _.paused === false) { + _.autoPlay(); + } + if (_.options.accessibility === true) { + _.initADA(); + } + + }; + + Slick.prototype.prev = Slick.prototype.slickPrev = function() { + + var _ = this; + + _.changeSlide({ + data: { + message: 'previous' + } + }); + + }; + + Slick.prototype.preventDefault = function(event) { + event.preventDefault(); + }; + + Slick.prototype.progressiveLazyLoad = function() { + + var _ = this, + imgCount, targetImage; + + imgCount = $('img[data-lazy]', _.$slider).length; + + if (imgCount > 0) { + targetImage = $('img[data-lazy]', _.$slider).first(); + targetImage.attr('src', null); + targetImage.attr('src', targetImage.attr('data-lazy')).removeClass('slick-loading').load(function() { + targetImage.removeAttr('data-lazy'); + _.progressiveLazyLoad(); + + if (_.options.adaptiveHeight === true) { + _.setPosition(); + } + }) + .error(function() { + targetImage.removeAttr('data-lazy'); + _.progressiveLazyLoad(); + }); + } + + }; + + Slick.prototype.refresh = function( initializing ) { + + var _ = this, currentSlide, firstVisible; + + firstVisible = _.slideCount - _.options.slidesToShow; + + // check that the new breakpoint can actually accept the + // "current slide" as the current slide, otherwise we need + // to set it to the closest possible value. + if ( !_.options.infinite ) { + if ( _.slideCount <= _.options.slidesToShow ) { + _.currentSlide = 0; + } else if ( _.currentSlide > firstVisible ) { + _.currentSlide = firstVisible; + } + } + + currentSlide = _.currentSlide; + + _.destroy(true); + + $.extend(_, _.initials, { currentSlide: currentSlide }); + + _.init(); + + if( !initializing ) { + + _.changeSlide({ + data: { + message: 'index', + index: currentSlide + } + }, false); + + } + + }; + + Slick.prototype.registerBreakpoints = function() { + + var _ = this, breakpoint, currentBreakpoint, l, + responsiveSettings = _.options.responsive || null; + + if ( $.type(responsiveSettings) === "array" && responsiveSettings.length ) { + + _.respondTo = _.options.respondTo || 'window'; + + for ( breakpoint in responsiveSettings ) { + + l = _.breakpoints.length-1; + currentBreakpoint = responsiveSettings[breakpoint].breakpoint; + + if (responsiveSettings.hasOwnProperty(breakpoint)) { + + // loop through the breakpoints and cut out any existing + // ones with the same breakpoint number, we don't want dupes. + while( l >= 0 ) { + if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) { + _.breakpoints.splice(l,1); + } + l--; + } + + _.breakpoints.push(currentBreakpoint); + _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings; + + } + + } + + _.breakpoints.sort(function(a, b) { + return ( _.options.mobileFirst ) ? a-b : b-a; + }); + + } + + }; + + Slick.prototype.reinit = function() { + + var _ = this; + + _.$slides = + _.$slideTrack + .children(_.options.slide) + .addClass('slick-slide'); + + _.slideCount = _.$slides.length; + + if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) { + _.currentSlide = _.currentSlide - _.options.slidesToScroll; + } + + if (_.slideCount <= _.options.slidesToShow) { + _.currentSlide = 0; + } + + _.registerBreakpoints(); + + _.setProps(); + _.setupInfinite(); + _.buildArrows(); + _.updateArrows(); + _.initArrowEvents(); + _.buildDots(); + _.updateDots(); + _.initDotEvents(); + + _.checkResponsive(false, true); + + if (_.options.focusOnSelect === true) { + $(_.$slideTrack).children().on('click.slick', _.selectHandler); + } + + _.setSlideClasses(0); + + _.setPosition(); + + _.$slider.trigger('reInit', [_]); + + if (_.options.autoplay === true) { + _.focusHandler(); + } + + }; + + Slick.prototype.resize = function() { + + var _ = this; + + if ($(window).width() !== _.windowWidth) { + clearTimeout(_.windowDelay); + _.windowDelay = window.setTimeout(function() { + _.windowWidth = $(window).width(); + _.checkResponsive(); + if( !_.unslicked ) { _.setPosition(); } + }, 50); + } + }; + + Slick.prototype.removeSlide = Slick.prototype.slickRemove = function(index, removeBefore, removeAll) { + + var _ = this; + + if (typeof(index) === 'boolean') { + removeBefore = index; + index = removeBefore === true ? 0 : _.slideCount - 1; + } else { + index = removeBefore === true ? --index : index; + } + + if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) { + return false; + } + + _.unload(); + + if (removeAll === true) { + _.$slideTrack.children().remove(); + } else { + _.$slideTrack.children(this.options.slide).eq(index).remove(); + } + + _.$slides = _.$slideTrack.children(this.options.slide); + + _.$slideTrack.children(this.options.slide).detach(); + + _.$slideTrack.append(_.$slides); + + _.$slidesCache = _.$slides; + + _.reinit(); + + }; + + Slick.prototype.setCSS = function(position) { + + var _ = this, + positionProps = {}, + x, y; + + if (_.options.rtl === true) { + position = -position; + } + x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px'; + y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px'; + + positionProps[_.positionProp] = position; + + if (_.transformsEnabled === false) { + _.$slideTrack.css(positionProps); + } else { + positionProps = {}; + if (_.cssTransitions === false) { + positionProps[_.animType] = 'translate(' + x + ', ' + y + ')'; + _.$slideTrack.css(positionProps); + } else { + positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)'; + _.$slideTrack.css(positionProps); + } + } + + }; + + Slick.prototype.setDimensions = function() { + + var _ = this; + + if (_.options.vertical === false) { + if (_.options.centerMode === true) { + _.$list.css({ + padding: ('0px ' + _.options.centerPadding) + }); + } + } else { + _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow); + if (_.options.centerMode === true) { + _.$list.css({ + padding: (_.options.centerPadding + ' 0px') + }); + } + } + + _.listWidth = _.$list.width(); + _.listHeight = _.$list.height(); + + + if (_.options.vertical === false && _.options.variableWidth === false) { + _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow); + _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length))); + + } else if (_.options.variableWidth === true) { + _.$slideTrack.width(5000 * _.slideCount); + } else { + _.slideWidth = Math.ceil(_.listWidth); + _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length))); + } + + var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width(); + if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset); + + }; + + Slick.prototype.setFade = function() { + + var _ = this, + targetLeft; + + _.$slides.each(function(index, element) { + targetLeft = (_.slideWidth * index) * -1; + if (_.options.rtl === true) { + $(element).css({ + position: 'relative', + right: targetLeft, + top: 0, + zIndex: _.options.zIndex - 2, + opacity: 0 + }); + } else { + $(element).css({ + position: 'relative', + left: targetLeft, + top: 0, + zIndex: _.options.zIndex - 2, + opacity: 0 + }); + } + }); + + _.$slides.eq(_.currentSlide).css({ + zIndex: _.options.zIndex - 1, + opacity: 1 + }); + + }; + + Slick.prototype.setHeight = function() { + + var _ = this; + + if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) { + var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true); + _.$list.css('height', targetHeight); + } + + }; + + Slick.prototype.setOption = Slick.prototype.slickSetOption = function(option, value, refresh) { + + var _ = this, l, item; + + if( option === "responsive" && $.type(value) === "array" ) { + for ( item in value ) { + if( $.type( _.options.responsive ) !== "array" ) { + _.options.responsive = [ value[item] ]; + } else { + l = _.options.responsive.length-1; + // loop through the responsive object and splice out duplicates. + while( l >= 0 ) { + if( _.options.responsive[l].breakpoint === value[item].breakpoint ) { + _.options.responsive.splice(l,1); + } + l--; + } + _.options.responsive.push( value[item] ); + } + } + } else { + _.options[option] = value; + } + + if (refresh === true) { + _.unload(); + _.reinit(); + } + + }; + + Slick.prototype.setPosition = function() { + + var _ = this; + + _.setDimensions(); + + _.setHeight(); + + if (_.options.fade === false) { + _.setCSS(_.getLeft(_.currentSlide)); + } else { + _.setFade(); + } + + _.$slider.trigger('setPosition', [_]); + + }; + + Slick.prototype.setProps = function() { + + var _ = this, + bodyStyle = document.body.style; + + _.positionProp = _.options.vertical === true ? 'top' : 'left'; + + if (_.positionProp === 'top') { + _.$slider.addClass('slick-vertical'); + } else { + _.$slider.removeClass('slick-vertical'); + } + + if (bodyStyle.WebkitTransition !== undefined || + bodyStyle.MozTransition !== undefined || + bodyStyle.msTransition !== undefined) { + if (_.options.useCSS === true) { + _.cssTransitions = true; + } + } + + if ( _.options.fade ) { + if ( typeof _.options.zIndex === 'number' ) { + if( _.options.zIndex < 3 ) { + _.options.zIndex = 3; + } + } else { + _.options.zIndex = _.defaults.zIndex; + } + } + + if (bodyStyle.OTransform !== undefined) { + _.animType = 'OTransform'; + _.transformType = '-o-transform'; + _.transitionType = 'OTransition'; + if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false; + } + if (bodyStyle.MozTransform !== undefined) { + _.animType = 'MozTransform'; + _.transformType = '-moz-transform'; + _.transitionType = 'MozTransition'; + if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false; + } + if (bodyStyle.webkitTransform !== undefined) { + _.animType = 'webkitTransform'; + _.transformType = '-webkit-transform'; + _.transitionType = 'webkitTransition'; + if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false; + } + if (bodyStyle.msTransform !== undefined) { + _.animType = 'msTransform'; + _.transformType = '-ms-transform'; + _.transitionType = 'msTransition'; + if (bodyStyle.msTransform === undefined) _.animType = false; + } + if (bodyStyle.transform !== undefined && _.animType !== false) { + _.animType = 'transform'; + _.transformType = 'transform'; + _.transitionType = 'transition'; + } + _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false); + }; + + + Slick.prototype.setSlideClasses = function(index) { + + var _ = this, + centerOffset, allSlides, indexOffset, remainder; + + allSlides = _.$slider + .find('.slick-slide') + .removeClass('slick-active slick-center slick-current') + .attr('aria-hidden', 'true'); + + _.$slides + .eq(index) + .addClass('slick-current'); + + if (_.options.centerMode === true) { + + centerOffset = Math.floor(_.options.slidesToShow / 2); + + if (_.options.infinite === true) { + + if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) { + + _.$slides + .slice(index - centerOffset, index + centerOffset + 1) + .addClass('slick-active') + .attr('aria-hidden', 'false'); + + } else { + + indexOffset = _.options.slidesToShow + index; + allSlides + .slice(indexOffset - centerOffset + 1, indexOffset + centerOffset + 2) + .addClass('slick-active') + .attr('aria-hidden', 'false'); + + } + + if (index === 0) { + + allSlides + .eq(allSlides.length - 1 - _.options.slidesToShow) + .addClass('slick-center'); + + } else if (index === _.slideCount - 1) { + + allSlides + .eq(_.options.slidesToShow) + .addClass('slick-center'); + + } + + } + + _.$slides + .eq(index) + .addClass('slick-center'); + + } else { + + if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) { + + _.$slides + .slice(index, index + _.options.slidesToShow) + .addClass('slick-active') + .attr('aria-hidden', 'false'); + + } else if (allSlides.length <= _.options.slidesToShow) { + + allSlides + .addClass('slick-active') + .attr('aria-hidden', 'false'); + + } else { + + remainder = _.slideCount % _.options.slidesToShow; + indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index; + + if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) { + + allSlides + .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder) + .addClass('slick-active') + .attr('aria-hidden', 'false'); + + } else { + + allSlides + .slice(indexOffset, indexOffset + _.options.slidesToShow) + .addClass('slick-active') + .attr('aria-hidden', 'false'); + + } + + } + + } + + if (_.options.lazyLoad === 'ondemand') { + _.lazyLoad(); + } + + }; + + Slick.prototype.setupInfinite = function() { + + var _ = this, + i, slideIndex, infiniteCount; + + if (_.options.fade === true) { + _.options.centerMode = false; + } + + if (_.options.infinite === true && _.options.fade === false) { + + slideIndex = null; + + if (_.slideCount > _.options.slidesToShow) { + + if (_.options.centerMode === true) { + infiniteCount = _.options.slidesToShow + 1; + } else { + infiniteCount = _.options.slidesToShow; + } + + for (i = _.slideCount; i > (_.slideCount - + infiniteCount); i -= 1) { + slideIndex = i - 1; + $(_.$slides[slideIndex]).clone(true).attr('id', '') + .attr('data-slick-index', slideIndex - _.slideCount) + .prependTo(_.$slideTrack).addClass('slick-cloned'); + } + for (i = 0; i < infiniteCount; i += 1) { + slideIndex = i; + $(_.$slides[slideIndex]).clone(true).attr('id', '') + .attr('data-slick-index', slideIndex + _.slideCount) + .appendTo(_.$slideTrack).addClass('slick-cloned'); + } + _.$slideTrack.find('.slick-cloned').find('[id]').each(function() { + $(this).attr('id', ''); + }); + + } + + } + + }; + + Slick.prototype.setPaused = function(paused) { + + var _ = this; + + if (_.options.autoplay === true && _.options.pauseOnHover === true) { + _.paused = paused; + if (!paused) { + _.autoPlay(); + } else { + _.autoPlayClear(); + } + } + }; + + Slick.prototype.selectHandler = function(event) { + + var _ = this; + + var targetElement = + $(event.target).is('.slick-slide') ? + $(event.target) : + $(event.target).parents('.slick-slide'); + + var index = parseInt(targetElement.attr('data-slick-index')); + + if (!index) index = 0; + + if (_.slideCount <= _.options.slidesToShow) { + + _.setSlideClasses(index); + _.asNavFor(index); + return; + + } + + _.slideHandler(index); + + }; + + Slick.prototype.slideHandler = function(index, sync, dontAnimate) { + + var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null, + _ = this; + + sync = sync || false; + + if (_.animating === true && _.options.waitForAnimate === true) { + return; + } + + if (_.options.fade === true && _.currentSlide === index) { + return; + } + + if (_.slideCount <= _.options.slidesToShow) { + return; + } + + if (sync === false) { + _.asNavFor(index); + } + + targetSlide = index; + targetLeft = _.getLeft(targetSlide); + slideLeft = _.getLeft(_.currentSlide); + + _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft; + + if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) { + if (_.options.fade === false) { + targetSlide = _.currentSlide; + if (dontAnimate !== true) { + _.animateSlide(slideLeft, function() { + _.postSlide(targetSlide); + }); + } else { + _.postSlide(targetSlide); + } + } + return; + } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) { + if (_.options.fade === false) { + targetSlide = _.currentSlide; + if (dontAnimate !== true) { + _.animateSlide(slideLeft, function() { + _.postSlide(targetSlide); + }); + } else { + _.postSlide(targetSlide); + } + } + return; + } + + if (_.options.autoplay === true) { + clearInterval(_.autoPlayTimer); + } + + if (targetSlide < 0) { + if (_.slideCount % _.options.slidesToScroll !== 0) { + animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll); + } else { + animSlide = _.slideCount + targetSlide; + } + } else if (targetSlide >= _.slideCount) { + if (_.slideCount % _.options.slidesToScroll !== 0) { + animSlide = 0; + } else { + animSlide = targetSlide - _.slideCount; + } + } else { + animSlide = targetSlide; + } + + _.animating = true; + + _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]); + + oldSlide = _.currentSlide; + _.currentSlide = animSlide; + + _.setSlideClasses(_.currentSlide); + + _.updateDots(); + _.updateArrows(); + + if (_.options.fade === true) { + if (dontAnimate !== true) { + + _.fadeSlideOut(oldSlide); + + _.fadeSlide(animSlide, function() { + _.postSlide(animSlide); + }); + + } else { + _.postSlide(animSlide); + } + _.animateHeight(); + return; + } + + if (dontAnimate !== true) { + _.animateSlide(targetLeft, function() { + _.postSlide(animSlide); + }); + } else { + _.postSlide(animSlide); + } + + }; + + Slick.prototype.startLoad = function() { + + var _ = this; + + if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) { + + _.$prevArrow.hide(); + _.$nextArrow.hide(); + + } + + if (_.options.dots === true && _.slideCount > _.options.slidesToShow) { + + _.$dots.hide(); + + } + + _.$slider.addClass('slick-loading'); + + }; + + Slick.prototype.swipeDirection = function() { + + var xDist, yDist, r, swipeAngle, _ = this; + + xDist = _.touchObject.startX - _.touchObject.curX; + yDist = _.touchObject.startY - _.touchObject.curY; + r = Math.atan2(yDist, xDist); + + swipeAngle = Math.round(r * 180 / Math.PI); + if (swipeAngle < 0) { + swipeAngle = 360 - Math.abs(swipeAngle); + } + + if ((swipeAngle <= 45) && (swipeAngle >= 0)) { + return (_.options.rtl === false ? 'left' : 'right'); + } + if ((swipeAngle <= 360) && (swipeAngle >= 315)) { + return (_.options.rtl === false ? 'left' : 'right'); + } + if ((swipeAngle >= 135) && (swipeAngle <= 225)) { + return (_.options.rtl === false ? 'right' : 'left'); + } + if (_.options.verticalSwiping === true) { + if ((swipeAngle >= 35) && (swipeAngle <= 135)) { + return 'left'; + } else { + return 'right'; + } + } + + return 'vertical'; + + }; + + Slick.prototype.swipeEnd = function(event) { + + var _ = this, + slideCount; + + _.dragging = false; + + _.shouldClick = (_.touchObject.swipeLength > 10) ? false : true; + + if (_.touchObject.curX === undefined) { + return false; + } + + if (_.touchObject.edgeHit === true) { + _.$slider.trigger('edge', [_, _.swipeDirection()]); + } + + if (_.touchObject.swipeLength >= _.touchObject.minSwipe) { + + switch (_.swipeDirection()) { + case 'left': + slideCount = _.options.swipeToSlide ? _.checkNavigable(_.currentSlide + _.getSlideCount()) : _.currentSlide + _.getSlideCount(); + _.slideHandler(slideCount); + _.currentDirection = 0; + _.touchObject = {}; + _.$slider.trigger('swipe', [_, 'left']); + break; + + case 'right': + slideCount = _.options.swipeToSlide ? _.checkNavigable(_.currentSlide - _.getSlideCount()) : _.currentSlide - _.getSlideCount(); + _.slideHandler(slideCount); + _.currentDirection = 1; + _.touchObject = {}; + _.$slider.trigger('swipe', [_, 'right']); + break; + } + } else { + if (_.touchObject.startX !== _.touchObject.curX) { + _.slideHandler(_.currentSlide); + _.touchObject = {}; + } + } + + }; + + Slick.prototype.swipeHandler = function(event) { + + var _ = this; + + if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) { + return; + } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) { + return; + } + + _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ? + event.originalEvent.touches.length : 1; + + _.touchObject.minSwipe = _.listWidth / _.options + .touchThreshold; + + if (_.options.verticalSwiping === true) { + _.touchObject.minSwipe = _.listHeight / _.options + .touchThreshold; + } + + switch (event.data.action) { + + case 'start': + _.swipeStart(event); + break; + + case 'move': + _.swipeMove(event); + break; + + case 'end': + _.swipeEnd(event); + break; + + } + + }; + + Slick.prototype.swipeMove = function(event) { + + var _ = this, + edgeWasHit = false, + curLeft, swipeDirection, swipeLength, positionOffset, touches; + + touches = event.originalEvent !== undefined ? event.originalEvent.touches : null; + + if (!_.dragging || touches && touches.length !== 1) { + return false; + } + + curLeft = _.getLeft(_.currentSlide); + + _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX; + _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY; + + _.touchObject.swipeLength = Math.round(Math.sqrt( + Math.pow(_.touchObject.curX - _.touchObject.startX, 2))); + + if (_.options.verticalSwiping === true) { + _.touchObject.swipeLength = Math.round(Math.sqrt( + Math.pow(_.touchObject.curY - _.touchObject.startY, 2))); + } + + swipeDirection = _.swipeDirection(); + + if (swipeDirection === 'vertical') { + return; + } + + if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) { + event.preventDefault(); + } + + positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1); + if (_.options.verticalSwiping === true) { + positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1; + } + + + swipeLength = _.touchObject.swipeLength; + + _.touchObject.edgeHit = false; + + if (_.options.infinite === false) { + if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) { + swipeLength = _.touchObject.swipeLength * _.options.edgeFriction; + _.touchObject.edgeHit = true; + } + } + + if (_.options.vertical === false) { + _.swipeLeft = curLeft + swipeLength * positionOffset; + } else { + _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset; + } + if (_.options.verticalSwiping === true) { + _.swipeLeft = curLeft + swipeLength * positionOffset; + } + + if (_.options.fade === true || _.options.touchMove === false) { + return false; + } + + if (_.animating === true) { + _.swipeLeft = null; + return false; + } + + _.setCSS(_.swipeLeft); + + }; + + Slick.prototype.swipeStart = function(event) { + + var _ = this, + touches; + + if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) { + _.touchObject = {}; + return false; + } + + if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) { + touches = event.originalEvent.touches[0]; + } + + _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX; + _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY; + + _.dragging = true; + + }; + + Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function() { + + var _ = this; + + if (_.$slidesCache !== null) { + + _.unload(); + + _.$slideTrack.children(this.options.slide).detach(); + + _.$slidesCache.appendTo(_.$slideTrack); + + _.reinit(); + + } + + }; + + Slick.prototype.unload = function() { + + var _ = this; + + $('.slick-cloned', _.$slider).remove(); + + if (_.$dots) { + _.$dots.remove(); + } + + if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) { + _.$prevArrow.remove(); + } + + if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) { + _.$nextArrow.remove(); + } + + _.$slides + .removeClass('slick-slide slick-active slick-visible slick-current') + .attr('aria-hidden', 'true') + .css('width', ''); + + }; + + Slick.prototype.unslick = function(fromBreakpoint) { + + var _ = this; + _.$slider.trigger('unslick', [_, fromBreakpoint]); + _.destroy(); + + }; + + Slick.prototype.updateArrows = function() { + + var _ = this, + centerOffset; + + centerOffset = Math.floor(_.options.slidesToShow / 2); + + if ( _.options.arrows === true && + _.slideCount > _.options.slidesToShow && + !_.options.infinite ) { + + _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); + _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); + + if (_.currentSlide === 0) { + + _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true'); + _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); + + } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) { + + _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true'); + _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); + + } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) { + + _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true'); + _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false'); + + } + + } + + }; + + Slick.prototype.updateDots = function() { + + var _ = this; + + if (_.$dots !== null) { + + _.$dots + .find('li') + .removeClass('slick-active') + .attr('aria-hidden', 'true'); + + _.$dots + .find('li') + .eq(Math.floor(_.currentSlide / _.options.slidesToScroll)) + .addClass('slick-active') + .attr('aria-hidden', 'false'); + + } + + }; + + Slick.prototype.visibility = function() { + + var _ = this; + + if (document[_.hidden]) { + _.paused = true; + _.autoPlayClear(); + } else { + if (_.options.autoplay === true) { + _.paused = false; + _.autoPlay(); + } + } + + }; + Slick.prototype.initADA = function() { + var _ = this; + _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({ + 'aria-hidden': 'true', + 'tabindex': '-1' + }).find('a, input, button, select').attr({ + 'tabindex': '-1' + }); + + _.$slideTrack.attr('role', 'listbox'); + + _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) { + $(this).attr({ + 'role': 'option', + 'aria-describedby': 'slick-slide' + _.instanceUid + i + '' + }); + }); + + if (_.$dots !== null) { + _.$dots.attr('role', 'tablist').find('li').each(function(i) { + $(this).attr({ + 'role': 'presentation', + 'aria-selected': 'false', + 'aria-controls': 'navigation' + _.instanceUid + i + '', + 'id': 'slick-slide' + _.instanceUid + i + '' + }); + }) + .first().attr('aria-selected', 'true').end() + .find('button').attr('role', 'button').end() + .closest('div').attr('role', 'toolbar'); + } + _.activateADA(); + + }; + + Slick.prototype.activateADA = function() { + var _ = this; + + _.$slideTrack.find('.slick-active').attr({ + 'aria-hidden': 'false' + }).find('a, input, button, select').attr({ + 'tabindex': '0' + }); + + }; + + Slick.prototype.focusHandler = function() { + var _ = this; + _.$slider.on('focus.slick blur.slick', '*', function(event) { + event.stopImmediatePropagation(); + var sf = $(this); + setTimeout(function() { + if (_.isPlay) { + if (sf.is(':focus')) { + _.autoPlayClear(); + _.paused = true; + } else { + _.paused = false; + _.autoPlay(); + } + } + }, 0); + }); + }; + + $.fn.slick = function() { + var _ = this, + opt = arguments[0], + args = Array.prototype.slice.call(arguments, 1), + l = _.length, + i, + ret; + for (i = 0; i < l; i++) { + if (typeof opt == 'object' || typeof opt == 'undefined') + _[i].slick = new Slick(_[i], opt); + else + ret = _[i].slick[opt].apply(_[i].slick, args); + if (typeof ret != 'undefined') return ret; + } + return _; + }; + +})); diff --git a/assets/js/theme.js b/assets/js/theme.js index 08cb138..ac31348 100644 --- a/assets/js/theme.js +++ b/assets/js/theme.js @@ -55,3 +55,10 @@ ); } )(); + +/** +* Responsive Videos +*/ +( function() { + jQuery('body').fitVids(); +})(); diff --git a/assets/sass/_blocks.scss b/assets/sass/_blocks.scss new file mode 100644 index 0000000..d182fab --- /dev/null +++ b/assets/sass/_blocks.scss @@ -0,0 +1,314 @@ +// main: style.scss + +/* # Home Page Widget Area +--------------------------------------------------------------*/ +.home-sidebar { + @include rem('margin-bottom', 45px); + .home-widget { + @include rem('margin-bottom', 45px); + &:last-of-type { + margin-bottom: 0px; + } + } +} +.home-sidebar.home-sidebar-2-3 { + margin-bottom: 0; +} +.home-sidebar.home-sidebar-4 { + @include rem('margin-bottom', 15px); +} + +/*- # Block Patterns. +--------------------------------------------------------------*/ +.entry-thumb { + position: relative; +} +.entry-excerpt { + @include rem('margin-top', 17px); + @include rem('font-size', 14px); + color: #777777; +} +article.sticky { + .entry-title { + @include rem('padding-left', 15px); + position: relative; + &:before { + content: "\f08d"; + font-family: FontAwesome; + display: block; + @include rem('font-size', 16px); + color: $text; + position: absolute; + top: 4px; + left: 0px; + } + } +} +.entry-category { + position: absolute; + top: 0px; + left: 0px; + background: rgba(0,0,0,0.7); + color: #FFFFFF; + @include rem('font-size', 12px); + letter-spacing: 0.3px; + text-transform: uppercase; + font-weight: 600; + padding: 1px 10px; + &:hover { + background: $primary; + text-decoration: none; + color: #FFFFFF; + } +} +.block1_grid .entry-category{ + bottom: 0; + left: 0; + top: auto; +} +.category .entry-category { + display: none; +} + +/* # Block 1 - Recent Posts with list & grid layout +--------------------------------------------------------------*/ +.block1_list { + article { + @include rem('padding-bottom', 25px); + border-bottom: 1px solid $border; + @include rem('margin-bottom', 25px); + position: relative; + &:hover { + .entry-title a{ + color: $primary; + } + } + &:last-of-type { + border-bottom: none; + padding-bottom: 0px; + } + } + + .entry-thumb { + position: absolute; + left: 0px; + top: 0px; + //max-width: 250px; + @include rem('max-width', 250px); + @include media-breakpoint-down(md) { + //max-width: 120px; + @include rem('max-width', 120px); + } + @include media-breakpoint-down(md) { + //max-width: 80px; + @include rem('max-width', 80px); + } + } + .entry-detail { + //margin-left: 275px; + @include rem('margin-left', 275px); + @include media-breakpoint-up(md) { + //min-height: 180px; + @include rem('min-height', 170px); + } + + @include media-breakpoint-down(md) { + //margin-left: 145px; + @include rem('margin-left', 145px); + } + @include media-breakpoint-down(md) { + //margin-left: 105px; + @include rem('margin-left', 105px); + } + } + .entry-detail.no-thumbnail { + margin-left: 0px; + min-height: auto; + } + .entry-title { + font-weight: 600; + @include rem('font-size', 22px); + @include rem('margin-bottom', 3px); + @include media-breakpoint-down(md) { + @include rem('font-size', 19px); + } + } + .entry-excerpt { + @include media-breakpoint-down(md) { + display: none; + } + } +} +.block1_grid { + article { + @include rem('padding-bottom', 25px); + position: relative; + &:hover { + .entry-title a{ + color: $primary; + } + } + &:last-of-type { + border-bottom: none; + } + } + + .entry-thumb { + @include rem('margin-bottom', 15px); + @include media-breakpoint-down(md) { + img { + width: 100%; + } + } + } + .entry-detail { + + } + .entry-title { + font-weight: 600; + @include rem('font-size', 20px); + @include rem('margin-bottom', 3px); + @include media-breakpoint-down(md) { + @include rem('font-size', 19px); + } + } + .entry-excerpt { + @include rem('margin-top', 14px); + } +} + +/* # Block 2 - Slider widget +--------------------------------------------------------------*/ +.block2_widget { + .slider-item { + position: relative; + } + .slider-thumb { + a { + position: relative; + display: block; + img { + width: 100%; + } + } + } + .slider-content { + .meta-category { + text-transform: uppercase; + @include rem('padding', 1px 7px); + @include rem('font-size', 13px); + font-family: $font_heading; + background: $primary; + font-weight: 600; + display: inline-block; + margin-bottom: 10px; + a { + color: #FFFFFF; + letter-spacing: 0.7px; + } + } + @include media-breakpoint-up(md) { + background: transparent linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0 0; + position: absolute; + bottom: 0px; + width: 100%; + @include rem('padding', 25px 25px); + .slider-title { + margin-bottom: 0px; + a { + color: #FFF; + font-weight: 900; + } + } + } + @include media-breakpoint-down(md) { + @include rem('margin-top', 20px); + .slider-title { + margin-bottom: 5px; + } + } + .slider-meta { + @include rem('margin-top', 5px); + .comments-link { + float: none; + } + @include media-breakpoint-up(md) { + .entry-meta { + color: #FFF; + } + a { + color: #FFFFFF; + } + } + } + } + .slick-dots { + margin: 0px; + padding: 0px; + list-style: none; + position: absolute; + bottom: 23px; + right: 20px; + @include media-breakpoint-down(md) { + top: 10px; + right: 15px; + } + li { + cursor: pointer; + display: inline-block; + height: 10px; + margin: 0 3px; + padding: 0; + position: relative; + width: 10px; + button { + background: rgba(255,255,255,0.6); + border-radius: 100px; + border: 0 none; + color: transparent; + cursor: pointer; + display: block; + font-size: 0; + height: 10px; + line-height: 0; + outline: medium none; + padding: 2px; + width: 10px; + &:before { + + } + } + } + li.slick-active button { + background: rgba(255,255,255,0.9); + } + } +} + +/* # Block 3 +--------------------------------------------------------------*/ +.block3_widget { + .block-item { + @include rem('margin-bottom', 25px); + position: relative; + } + .block-thumb { + position: absolute; + top: 3px; + left: 0px; + } + .block-content { + margin-left: 110px; + min-height: 63px; + .block-title { + font-weight: 600; + margin-bottom: 0px; + } + .block-meta { + line-height: 1; + margin-top: 8px; + @include rem('font-size', 11px); + color: $meta_color; + } + } +} diff --git a/assets/sass/_elements.scss b/assets/sass/_elements.scss index 1ba632f..328e86d 100644 --- a/assets/sass/_elements.scss +++ b/assets/sass/_elements.scss @@ -16,9 +16,9 @@ html { @include media-breakpoint-down(md) { font-size: 15px; } - @include media-breakpoint-down(sm) { - font-size: 14px; - } + // @include media-breakpoint-down(sm) { + // font-size: 14px; + // } } body { background: #f9f9f9; @@ -45,7 +45,6 @@ a { &:hover { text-decoration: none; color: $text; - text-decoration: underline; } } @@ -75,13 +74,12 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { } h1, .h1 { - font-weight: normal; - @include rem('font-size', 41px); + @include rem('font-size', 38px); line-height: 1.2; } h2, .h2 { - @include rem('font-size', 34px); + @include rem('font-size', 32px); } h3, .h3 { @@ -94,7 +92,7 @@ h4, } h5, .h5 { - @include rem('font-size', 16px); + @include rem('font-size', 15px); } h6, .h6 { @@ -158,9 +156,15 @@ strong { } blockquote { clear: both; - @include rem('margin', 0px 0px 16px); + @include rem('margin', 20px 0px 25px); + box-shadow: 2px 2px 13px #eeeeee; + border: 1px solid $border; + border-left: 4px solid $primary; + @include rem('padding', 20px 25px); p { - font-style: italic; + &:last-child { + margin-bottom: 3px; + } } cite { font-style: normal; diff --git a/assets/sass/_layout.scss b/assets/sass/_layout.scss index 81481f1..20ae26e 100644 --- a/assets/sass/_layout.scss +++ b/assets/sass/_layout.scss @@ -62,10 +62,12 @@ .left-sidebar .content-area { float: right; - width: percentage( 774px / 1075px ); //680px + width: percentage( 750px / 1075px ); //680px + padding-left: percentage( 50px / 1075px ); //680px + padding-right: 0px; } .left-sidebar .sidebar { - + float: left; } } @@ -106,7 +108,7 @@ .container { //max-width: 72.25rem; - @include rem('max-width', 1155px); + @include rem('max-width', 1175px); } } .container-fluid { diff --git a/assets/sass/_modules.scss b/assets/sass/_modules.scss deleted file mode 100644 index cd6e78e..0000000 --- a/assets/sass/_modules.scss +++ /dev/null @@ -1,131 +0,0 @@ -// main: style.scss -/*-------------------------------------------------------------- -# Post Block/Modules ---------------------------------------------------------------*/ -/*- # Module Patterns. ---------------------------------------------------------------*/ -.entry-excerpt { - @include rem('margin-top', 17px); - @include rem('font-size', 14px); - color: #666666; -} -article.sticky { - .entry-title { - @include rem('padding-left', 15px); - position: relative; - &:before { - content: "\f08d"; - font-family: FontAwesome; - display: block; - @include rem('font-size', 16px); - color: $text; - position: absolute; - top: 4px; - left: 0px; - } - } -} - -/*- # Module 1 - List ---------------------------------------------------------------*/ -.module_1 { - article { - @include rem('padding-bottom', 25px); - border-bottom: 1px solid $border; - @include rem('margin-bottom', 25px); - position: relative; - &:hover { - .entry-title a{ - color: $primary; - } - } - &:last-of-type { - border-bottom: none; - padding-bottom: 0px; - } - } - - .entry-thumb { - position: absolute; - left: 0px; - top: 0px; - //max-width: 250px; - @include rem('max-width', 250px); - @include media-breakpoint-down(md) { - //max-width: 120px; - @include rem('max-width', 120px); - } - @include media-breakpoint-down(md) { - //max-width: 80px; - @include rem('max-width', 80px); - } - } - .entry-detail { - //margin-left: 275px; - @include rem('margin-left', 275px); - @include media-breakpoint-up(md) { - //min-height: 180px; - @include rem('min-height', 170px); - } - - @include media-breakpoint-down(md) { - //margin-left: 145px; - @include rem('margin-left', 145px); - } - @include media-breakpoint-down(md) { - //margin-left: 105px; - @include rem('margin-left', 105px); - } - } - .entry-title { - @include rem('font-size', 22px); - @include rem('margin-bottom', 3px); - @include media-breakpoint-down(md) { - @include rem('font-size', 19px); - } - } - .entry-excerpt { - @include media-breakpoint-down(md) { - display: none; - } - } -} - -/*- # Module 2 - Grid ---------------------------------------------------------------*/ -.module_2 { - article { - @include rem('padding-bottom', 25px); - position: relative; - &:hover { - .entry-title a{ - color: $primary; - } - } - &:last-of-type { - border-bottom: none; - } - } - - .entry-thumb { - @include rem('margin-bottom', 15px); - @include media-breakpoint-down(md) { - img { - width: 100%; - } - } - } - .entry-detail { - - } - .entry-title { - @include rem('font-size', 20px); - @include rem('margin-bottom', 3px); - @include media-breakpoint-down(md) { - @include rem('font-size', 19px); - } - } - .entry-excerpt { - @include rem('margin-top', 10px); - } -} diff --git a/assets/sass/_navigation.scss b/assets/sass/_navigation.scss index 3c8c515..d6d28f3 100644 --- a/assets/sass/_navigation.scss +++ b/assets/sass/_navigation.scss @@ -20,12 +20,13 @@ display: none; top: 100%; left: 0px; - z-index: 99; + z-index: 80; } ul ul { top: 0px; left: 100%; padding-left: 1px; + z-index: 90; } li { position: relative; @@ -52,7 +53,7 @@ position: absolute; bottom: 1px; right: -1px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } &:after { @@ -92,7 +93,7 @@ position: absolute; bottom: 1px; left: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } &:after { @@ -119,7 +120,7 @@ font-family: $font_heading; padding-left: 22px; padding-right: 22px; - font-size: 14px; + font-size: 13px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; @@ -199,7 +200,7 @@ position: absolute; bottom: 1px; right: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } &:after { @@ -231,7 +232,7 @@ position: absolute; bottom: 1px; left: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } &:after { @@ -323,9 +324,7 @@ /* Mobile Navigation */ .mobile-navigation { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); - transition: opacity 1s ease-out; - opacity: 0; - height: 0; + display: none; overflow: hidden; ul { margin: 0; @@ -385,7 +384,7 @@ right: 0; cursor: pointer; text-align: center; - padding: 7px 20px 5px; + padding: 6px 20px 6px; z-index: 10; font-size: 22px; } @@ -398,7 +397,6 @@ } @include media-breakpoint-down(lg) { .mobile-navigation.mobile-nav-open { - opacity: 1; - height: auto; + display: block; } } diff --git a/assets/sass/_patterns.scss b/assets/sass/_patterns.scss index e8d9ecd..1cba36f 100644 --- a/assets/sass/_patterns.scss +++ b/assets/sass/_patterns.scss @@ -83,12 +83,13 @@ @include center-block; } - .wp-caption-text { + .wp-caption-text, .wp-caption-dd { margin: 0.8075em 0; + font-style: italic; } } -.wp-caption-text { +.wp-caption-text, .wp-caption-dd { text-align: center; } @@ -105,22 +106,42 @@ .gallery-columns-2 & { max-width: 50%; + img { + width: 100%; + padding: 0.5px; + } } .gallery-columns-3 & { max-width: 33.33%; + img { + width: 100%; + padding: 0.5px; + } } .gallery-columns-4 & { max-width: 25%; + img { + width: 100%; + padding: 0.5px; + } } .gallery-columns-5 & { max-width: 20%; + img { + width: 100%; + padding: 0.5px; + } } .gallery-columns-6 & { max-width: 16.66%; + img { + width: 100%; + padding: 0.5px; + } } .gallery-columns-7 & { @@ -157,4 +178,36 @@ object { max-width: 100%; } -/* Helper */ +/* Ads area */ +.ads-area { + text-align: center; + border: 1px solid $border; + padding: 12px; + .adv-title { + position: relative; + &:before { + position: absolute; + top: 6px; + width: 100%; + height: 1px; + background: $border; + content: ""; + display: block; + z-index: 10; + } + span { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 1.5px; + font-weight: 600; + position: relative; + top: -8px; + background: #FFFFFF; + z-index: 50; + padding: 0px 10px; + } + } +} +.content-area .ads-area { + padding: 5px; +} diff --git a/assets/sass/_site.scss b/assets/sass/_site.scss index 96bcef7..c7418e6 100644 --- a/assets/sass/_site.scss +++ b/assets/sass/_site.scss @@ -56,7 +56,7 @@ position: absolute; bottom: 1px; left: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } &:after { @@ -96,7 +96,7 @@ position: absolute; bottom: 1px; right: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } &:after { @@ -114,7 +114,7 @@ position: relative; padding: 0px 22px; font-family: "Raleway",Helvetica,Arial,sans-serif; - font-size: 14px; + font-size: 13px; font-weight: 600; letter-spacing: 0.4px; text-decoration: none; @@ -122,6 +122,8 @@ z-index: 50; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; + display: block; + float: left; i { position: relative; top: -1px; @@ -150,7 +152,7 @@ position: absolute; bottom: 1px; left: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } &:after { @@ -257,11 +259,6 @@ /* Site Footer --------------------------------------------------------------*/ .footer-shadow { - // display: block; - // height: 43px; - // margin: 0 auto; - // overflow: hidden; - // max-width: 960px; margin: 0 auto; text-align: center; @include media-breakpoint-down(md) { @@ -282,3 +279,22 @@ } } } +.footer-navigation { + ul { + margin: 0px; + padding: 0px; + list-style: none; + li { + display: inline-block; + margin: 0px 15px 15px; + a { + @include rem('font-size', 16px); + font-family: $font_heading; + font-weight: 500; + &:hover { + text-decoration: none; + } + } + } + } +} diff --git a/assets/sass/_supports.scss b/assets/sass/_supports.scss index 8221272..b9fb19d 100644 --- a/assets/sass/_supports.scss +++ b/assets/sass/_supports.scss @@ -1,4 +1,101 @@ // main: style.scss /*-------------------------------------------------------------- -# Support Plugins +# Slick --------------------------------------------------------------*/ +.slick-slider { + position: relative; + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; + + &:focus { + outline: none; + } + + &.dragging { + cursor: pointer; + cursor: hand; + } +} +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; + + &:before, + &:after { + content: ""; + display: table; + } + + &:after { + clear: both; + } + + .slick-loading & { + visibility: hidden; + } +} +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + [dir="rtl"] & { + float: right; + } + img { + display: block; + } + &.slick-loading img { + display: none; + } + + display: none; + + &.dragging img { + pointer-events: none; + } + + .slick-initialized & { + display: block; + } + + .slick-loading & { + visibility: hidden; + } + + .slick-vertical & { + display: block; + height: auto; + border: 1px solid transparent; + } +} +.slick-arrow.slick-hidden { + display: none; +} diff --git a/assets/sass/_template_parts.scss b/assets/sass/_template_parts.scss index 9cbc42d..6c36787 100644 --- a/assets/sass/_template_parts.scss +++ b/assets/sass/_template_parts.scss @@ -13,6 +13,57 @@ } } +/*- Page Header +--------------------------------------------------------------*/ +.page-header { + @include rem('padding-bottom', 30px); + .page-title { + margin-bottom: 0px; + @include rem('font-size', 35px); + font-weight: 500; + } + .taxonomy-description { + @include rem('margin-top', 2px); + @include rem('margin-bottom', 0px); + p { + @include rem('margin-bottom', 0px); + } + } +} + +/*- Entry Meta 1 +--------------------------------------------------------------*/ +.entry-meta { + color: $meta_color; + @include rem('font-size', 12px); + span { + @include rem('margin-right', 12px); + } + a { + color: $meta_color; + &:hover { + text-decoration: none; + } + } + .author a { + font-weight: bold; + color: $heading; + } + .comments-link { + float: right; + margin-right: 0px; + @include rem('font-size', 12px); + i { + margin-right: 2px; + position: relative; + top: -1px; + } + } + a:hover { + color: $primary; + } +} + /*- Entry Footer --------------------------------------------------------------*/ .entry-taxonomies { @@ -69,37 +120,12 @@ } .post-navi-next { text-align: right; - } -} - -/*- Entry Meta 1 ---------------------------------------------------------------*/ -.entry-meta { - @include rem('font-size', 13px); - span { - @include rem('margin-right', 12px); - } - a { - color: #666666; - &:hover { - text-decoration: none; - } - } - .author a { - font-weight: bold; - } - .comments-link { - float: right; - margin-right: 0px; - @include rem('font-size', 12px); - i { - margin-right: 2px; - position: relative; - top: -1px; + @include media-breakpoint-down(md) { + text-align: left; } } - a:hover { - color: $primary; + .h5 { + font-weight: 600; } } @@ -138,24 +164,16 @@ /* Comments --------------------------------------------------------------*/ -$gutter: 50px; -$gutter2: 30px; -//Baseline -$base: 20px; #comments { @include rem('margin-top', 30px); @include rem('padding-top', 25px); border-top: 1px solid $border; - .comments-title { - @include rem('margin-bottom', 25px); - @include rem('font-size', 24px); - } .comment-list { list-style: none; padding-left: 0px; .pingback { border-bottom: 1px solid $border; - @include rem('padding', 25px 0px); + @include rem('padding', 10px 0px); margin: 0; p { margin : 0px;} } @@ -166,90 +184,173 @@ $base: 20px; } .comment { list-style: none; - margin: $gutter2 0; + @include rem('margin-top', 25px); + &:last-child { + @include rem('margin-bottom', 25px); + } .avatar { - width: 60px; + width: 50px; float: left; - @include border-radius( 3px ); + margin-top: 5px; } .comment-wrapper { - margin-left: $gutter2*3 ; - padding: ($gutter2 - 5) $gutter2 $gutter2/2 $gutter2; - background: #f8f9f9; + @include rem('margin-left', 75px); position: relative; - &:before { - border-color: rgba(0, 0, 0, 0) #f6f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); - border-style: solid; - border-width: 0 10px 10px 0; - content: ""; - height: 0; - left: -9px; - position: absolute; - top: 0; - width: 0; - } - .comment-meta .comment-time, .comment-meta .comment-reply-link, .comment-meta .comment-edit-link { - color: #aaaaaa; - text-transform: uppercase; - letter-spacing: 0.3px; - font-size: 11px ; + .comment-content { + @include rem('margin-top', 5px); + p { + margin-bottom: 10px; + } + p:last-child { + margin-bottom: 0px; + } + } + .comment-meta cite span, .comment-meta .comment-time, .comment-meta .comment-reply-link, .comment-meta .comment-edit-link, .comment-reply-login { + color: $meta_color; + font-size: 12px ; &:hover { color: $primary; } &:after { - content: "/"; + content: "ยท"; padding: 0px 5px; } } + .comment-reply-login { + } .comment-meta a:last-child { &:after { content: ""; } } .comment-meta cite .fn { - font-weight: bold; - font-style: normal; - margin-right: 5px ; - text-transform: uppercase; - letter-spacing: 1.5px; - font-size: 14px; - } - .comment-meta cite span { - padding: 3px 10px; - background: $border; - @include border-radius(4px); - margin-right: 10px; + font-style: normal; + margin-right: 10px; + @include rem('font-size', 14px); + a { + color: $text; + &:hover { + color: $primary; + } + } } a { text-decoration: none; } } .children { - padding-left: $gutter2*1; - .children { - padding-left: $gutter2*1; - .children { - padding-left: 0px; - } - } - } - @include media-breakpoint-down(md) { + padding-left: 0px; + @include rem('margin-left', 75px); + position: relative; + @include media-breakpoint-down(md) { + @include rem('margin-left', 0px); + } + .comment { + position: relative; + &:before { + content: ""; + height: 50px; + width: 1px; + background: $border; + display: block; + position: absolute; + left: -75px; + top: 5px; + } + &:after { + content: ""; + height: 1px; + width: 50px; + background: $border; + display: block; + position: absolute; + left: -75px; + top: 30px; + } + @include media-breakpoint-down(md) { + &:before, &:after { + content: none; + } + } + } .children { - padding-left: $gutter2*3; + @include rem('margin-left', 75px); + @include media-breakpoint-down(md) { + @include rem('margin-left', 0px); + } + .comment { + position: relative; + &:before { + content: ""; + height: 50px; + width: 1px; + background: $border; + display: block; + position: absolute; + left: -75px; + top: 0px; + } + &:after { + content: ""; + height: 1px; + width: 50px; + background: $border; + display: block; + position: absolute; + left: -75px; + top: 25px; + } + @include media-breakpoint-down(md) { + &:before, &:after { + content: none; + } + } + } .children { - padding-left: $gutter2*3; - .children { - padding-left: $gutter2*3; - } + @include media-breakpoint-down(md) { + @include rem('margin-left', 0px); + } + @include rem('margin-left', 0px); + .comment { + position: relative; + &:before { + content: ""; + height: 50px; + width: 1px; + background: $border; + display: block; + position: absolute; + left: -75px; + top: 0px; + } + &:after { + content: ""; + height: 1px; + width: 50px; + background: $border; + display: block; + position: absolute; + left: -75px; + top: 25px; + } + @include media-breakpoint-down(md) { + &:before, &:after { + content: none; + } + } + } } } } - } .bypostauthor { - background: #333333; - color: #FFFFFF; + .comment-wrapper { + @include rem('padding', 15px 20px); + border: 1px solid $border; + position: relative; + top: 5px; + } } .form-allowed-tags { display: none; @@ -269,6 +370,7 @@ $base: 20px; /* Comment Form --------------------------------------------------------------*/ #respond { + @include rem('margin-top', 25px); .comment-form label { display: block; margin-bottom: 4px; @@ -280,16 +382,43 @@ $base: 20px; } } .comment-reply-title { - font-size: 18px; - letter-spacing: 1.5px; - margin-bottom: 20px; + @include rem('font-size', 17px); + @include rem('margin-bottom', 20px); + letter-spacing: 1px; text-transform: uppercase; } .comment-notes { display: none; } label { - color: $meta_color; cursor: pointer; } } + +/*- 404 Page. +--------------------------------------------------------------*/ +.error-404 { + .page-header { + text-align: center; + @include rem('padding', 40px 0px); + .page-title { + @include rem('margin-bottom', 10px); + font-weight: 900; + } + .page-subtitle { + color: $meta_color; + } + } +} +.search404 { + text-align: center; + max-width: 400px; + width: 100%; + margin: 0 auto; +} +.latest-posts-404 { + @include rem('padding', 50px 0px 0px 0px); + > h4 { + font-weight: bold; + } +} diff --git a/assets/sass/_variables.scss b/assets/sass/_variables.scss index b16ccca..38a3761 100644 --- a/assets/sass/_variables.scss +++ b/assets/sass/_variables.scss @@ -12,7 +12,7 @@ $primary: #46a28d; $secondary: #f55e4f; // Mics color -$border: #eeeeee; +$border: #e9e9e9; $meta_color: #999999; $meta_bg: #f8f9f9; diff --git a/assets/sass/_widgets.scss b/assets/sass/_widgets.scss index 5228774..0878e0b 100644 --- a/assets/sass/_widgets.scss +++ b/assets/sass/_widgets.scss @@ -5,21 +5,30 @@ /* Widget Stuffs --------------------------------------------------------------*/ .widget-title { - border-bottom: 1px solid $border; - font-size: 14px; - font-weight: 600; - text-transform: uppercase; - letter-spacing: 2px; - padding: 0 0 10px; - margin-bottom: 20px; + @include rem('font-size', 19px); + font-weight: 500; + @include rem('margin-bottom', 15px); + a { + color: $primary; + &:hover { + color: $text; + } + } + // border-bottom: 1px solid $border; + // @include rem('font-size', 19px); + // font-weight: 500; + // @include rem('padding', 0 0 6px); + // @include rem('margin-bottom', 20px); } + .widget { - margin-bottom: 40px; - font-size: 15px; + @include rem('margin-bottom', 25px); + @include rem('font-size', 15px); a { color: $text; &:hover{ - text-decoration: underline; + color: $primary; + text-decoration: none; } } ul { @@ -27,8 +36,53 @@ padding: 0px; list-style: none; li { - padding-bottom: 4px; - margin-bottom: 4px; + margin: 8px 0px; + } + } +} +.widget .widget-title { + a { + color: $primary; + &:hover { + color: $text; + } + } +} +/* Categories +--------------------------------------------------------------*/ +.widget_categories { + ul { + li { + padding-left: 12px; + position: relative; + &:before { + content: "\f105"; + font-family: FontAwesome; + display: block; + @include rem('font-size', 14px); + color: $text; + position: absolute; + top: 2px; + left: 0px; + } + &:hover .cat-count { + background: $primary; + } + a { + display: block; + } + .cat-count { + background: #cacaca none repeat scroll 0 0; + border-radius: 20px; + color: #FFFFFF; + font-size: 11px; + font-weight: bold; + line-height: 20px; + padding: 0 10px; + position: absolute; + right: 5px; + top: 0; + } } } } @@ -51,3 +105,21 @@ color: $primary; } } + +/* Tag Cloud +--------------------------------------------------------------*/ +.widget_tag_cloud { + a { + @include rem('font-size', 13px !important); + padding: 2px 10px 3px; + // background: #bbb; + border: 1px solid $border; + color: #888; + margin-bottom: 5px; + display: inline-block; + border-radius: 2px; + &:hover { + border-color: $primary; + } + } +} diff --git a/assets/sass/style.scss b/assets/sass/style.scss index 3a83beb..2675afa 100644 --- a/assets/sass/style.scss +++ b/assets/sass/style.scss @@ -3,12 +3,12 @@ Theme Name: Codilight Lite Theme URI: http://www.famethemes.com/themes/codilight-lite Author: FameThemes Author URI: http://www.famethemes.com -Description: Codilight Lite is a powerful magazine WordPress theme. -Version: 1.0.0 +Description: Codilight Lite is a news magazine style WordPress theme from FameThemes which is a perfect option to create any kind of magazine or blog websites. +Version: 1.0.1 Text Domain: codilight-lite License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html -Tags:two-columns, left-sidebar, right-sidebar, blue, light, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready +Tags:two-columns, left-sidebar, right-sidebar, blue, light, responsive-layout, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: @@ -23,7 +23,7 @@ Tags:two-columns, left-sidebar, right-sidebar, blue, light, responsive-layout, c @import "site"; @import "navigation"; -@import "modules"; +@import "blocks"; @import "template_parts"; @import "contents"; @import "widgets"; diff --git a/category.php b/category.php new file mode 100644 index 0000000..62cc581 --- /dev/null +++ b/category.php @@ -0,0 +1,63 @@ + +
    +
    +
    +
    + + + +
    + ', '' ); + the_archive_description( '
    ', '
    ' ); + ?> +
    + + '; + echo '
    '; + while ( have_posts() ) : the_post(); + $count++; + get_template_part( 'template-parts/content-grid' ); + if ( $count % 2 == 0 ) { + echo '
    '; + echo '
    '; + } + endwhile; + echo '
    '; + echo '
    '; + codilight_lite_custom_paginate(); + + } else { + echo '
    '; + while ( have_posts() ) : the_post(); + get_template_part( 'template-parts/content-list' ); + endwhile; + codilight_lite_custom_paginate(); + echo '
    '; + } + ?> + + + + + + + +
    • +
    + + + diff --git a/comments.php b/comments.php index 2d33217..89f1ee5 100644 --- a/comments.php +++ b/comments.php @@ -25,12 +25,11 @@ -

    +

    ' . get_the_title() . '' + esc_html( _nx( '1 Comment', '%1$s comments', get_comments_number(), 'comments title', 'codilight-lite' ) ), + number_format_i18n( get_comments_number() ) ); ?>

    diff --git a/footer.php b/footer.php index 31534e0..ecbcae3 100644 --- a/footer.php +++ b/footer.php @@ -8,7 +8,6 @@ * * @package Codilight_Lite */ - ?>
    @@ -21,12 +20,20 @@
    diff --git a/functions.php b/functions.php index 78fd32b..1c880c8 100644 --- a/functions.php +++ b/functions.php @@ -41,13 +41,15 @@ function codilight_lite_setup() { * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/ */ add_theme_support( 'post-thumbnails' ); + add_image_size( 'block_small', 90, 60, true ); // Archive List Posts add_image_size( 'block_1_medium', 250, 170, true ); // Archive List Posts add_image_size( 'block_2_medium', 325, 170, true ); // Archive Grid Posts - add_image_size( 'single_medium', 700, 9999, true ); // Archive Grid Posts + add_image_size( 'single_medium', 700, 350, true ); // Archive Grid Posts // This theme uses wp_nav_menu() in one location. register_nav_menus( array( 'primary' => esc_html__( 'Primary Menu', 'codilight-lite' ), + 'footer' => esc_html__( 'Footer Menu', 'codilight-lite' ) ) ); /* @@ -64,9 +66,15 @@ function codilight_lite_setup() { // Set up the WordPress core custom background feature. add_theme_support( 'custom-background', apply_filters( 'codilight_lite_custom_background_args', array( - 'default-color' => 'ffffff', + 'default-color' => 'f9f9f9', 'default-image' => '', ) ) ); + + /* + * This theme styles the visual editor to resemble the theme style. + */ + add_editor_style( array( 'assets/css/editor-style.css', codilight_lite_fonts_url() ) ); + } endif; // codilight_lite_setup add_action( 'after_setup_theme', 'codilight_lite_setup' ); @@ -79,7 +87,7 @@ function codilight_lite_setup() { * @global int $content_width */ function codilight_lite_content_width() { - $GLOBALS['content_width'] = apply_filters( 'codilight_lite_content_width', 640 ); + $GLOBALS['content_width'] = apply_filters( 'codilight_lite_content_width', 700 ); } add_action( 'after_setup_theme', 'codilight_lite_content_width', 0 ); @@ -90,14 +98,53 @@ function codilight_lite_content_width() { */ function codilight_lite_widgets_init() { register_sidebar( array( - 'name' => esc_html__( 'Sidebar', 'codilight-lite' ), + 'name' => esc_html__( 'Default Sidebar', 'codilight-lite' ), 'id' => 'sidebar-1', 'description' => '', 'before_widget' => '', - 'before_title' => '

    ', - 'after_title' => '

    ', + 'before_title' => '

    ', + 'after_title' => '

    ', + ) ); + + // Homepage Template + register_sidebar( array( + 'name' => esc_html__( 'Home 1', 'codilight-lite' ), + 'id' => 'home-1', + 'description' => '', + 'before_widget' => '', + 'before_title' => '

    ', + 'after_title' => '

    ', + ) ); + register_sidebar( array( + 'name' => esc_html__( 'Home 2', 'codilight-lite' ), + 'id' => 'home-2', + 'description' => '', + 'before_widget' => '', + 'before_title' => '

    ', + 'after_title' => '

    ', + ) ); + register_sidebar( array( + 'name' => esc_html__( 'Home 3', 'codilight-lite' ), + 'id' => 'home-3', + 'description' => '', + 'before_widget' => '', + 'before_title' => '

    ', + 'after_title' => '

    ', + ) ); + register_sidebar( array( + 'name' => esc_html__( 'Home 4', 'codilight-lite' ), + 'id' => 'home-4', + 'description' => '', + 'before_widget' => '', + 'before_title' => '

    ', + 'after_title' => '

    ', ) ); + } add_action( 'widgets_init', 'codilight_lite_widgets_init' ); @@ -114,6 +161,7 @@ function codilight_lite_scripts() { // Scripts wp_enqueue_script( 'jquery' ); + wp_enqueue_script( 'codilight-lite-libs-js', get_template_directory_uri() . '/assets/js/libs.js', array(), '20120206', true ); wp_enqueue_script( 'codilight-lite-theme-js', get_template_directory_uri() . '/assets/js/theme.js', array(), '20120206', true ); if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { @@ -165,6 +213,19 @@ function codilight_lite_fonts_url() { } endif; +if ( ! function_exists( 'codilight_lite_admin_scripts' ) ) : +/** + * Enqueue scripts for admin page only: Theme info page + */ +function codilight_lite_admin_scripts( $hook ) { + if ( $hook === 'widgets.php' || $hook === 'appearance_page_ft_codilight_lite' ) { + wp_enqueue_style('codilight-lite-admin-css', get_template_directory_uri() . '/assets/css/admin.css'); + } +} +endif; +add_action('admin_enqueue_scripts', 'codilight_lite_admin_scripts'); + + /** * Custom template tags for this theme. */ @@ -181,6 +242,14 @@ function codilight_lite_fonts_url() { require get_template_directory() . '/inc/customizer.php'; /** - * Load Jetpack compatibility file. + * Custom theme widgets. + */ +require get_template_directory() . '/inc/widgets/block_1_widget.php'; +require get_template_directory() . '/inc/widgets/block_2_widget.php'; +require get_template_directory() . '/inc/widgets/block_3_widget.php'; +require get_template_directory() . '/inc/widgets/block_4_widget.php'; + +/** + * Add theme info page */ -require get_template_directory() . '/inc/jetpack.php'; +require get_template_directory() . '/inc/dashboard.php'; diff --git a/header.php b/header.php index b3e559b..2d80bd3 100644 --- a/header.php +++ b/header.php @@ -23,7 +23,7 @@ >
    - +
    @@ -31,34 +31,41 @@ Menu
      - 'primary', 'container' => '', 'items_wrap' => '%3$s' ) ); ?> + 'primary', 'container' => '', 'items_wrap' => '%3$s', 'fallback_cb' => 'codilight_lite_link_to_menu_editor' ) ); ?>
    +
    + +
    + + diff --git a/inc/customizer.php b/inc/customizer.php index d6f535a..1079f53 100644 --- a/inc/customizer.php +++ b/inc/customizer.php @@ -16,8 +16,8 @@ function codilight_lite_customize_register( $wp_customize ) { require_once get_template_directory() . '/inc/customizer-controls.php'; // Remove default sections - $wp_customize->remove_section('colors'); - $wp_customize->remove_section('background_image'); + //$wp_customize->remove_section('colors'); + //$wp_customize->remove_section('background_image'); // Remove default control. @@ -26,13 +26,14 @@ function codilight_lite_customize_register( $wp_customize ) { $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; /*------------------------------------------------------------------------*/ - /* Site Identity + /* Site Identity apply_filters('the_title', ' My Custom Title (tm) '); /*------------------------------------------------------------------------*/ $wp_customize->add_setting( 'codilight_lite_site_logo', array( 'sanitize_callback' => 'codilight_lite_sanitize_file_url', - 'default' => esc_url( get_template_directory_uri() . '/assets/images/logo.png' ) + // 'default' => esc_url( get_template_directory_uri() . '/assets/images/logo.png' ) + 'default' => apply_filters('customizer_default_logo', esc_url( get_template_directory_uri() . '/assets/images/logo.png' ) ) ) ); $wp_customize->add_control( new WP_Customize_Image_Control( @@ -47,139 +48,58 @@ function codilight_lite_customize_register( $wp_customize ) { ); /*------------------------------------------------------------------------*/ - /* Site Options + /* Layout /*------------------------------------------------------------------------*/ - $wp_customize->add_panel( 'codilight_lite_options', - array( - 'priority' => 22, - 'capability' => 'edit_theme_options', - 'theme_supports' => '', - 'title' => __( 'Site Options', 'codilight-lite' ), - 'description' => '', - ) - ); - - /* Global Settings - ----------------------------------------------------------------------*/ - $wp_customize->add_section( 'codilight_lite_global_settings' , - array( - 'priority' => 3, - 'title' => __( 'Global', 'codilight-lite' ), - 'description' => '', - 'panel' => 'codilight_lite_options', - ) - ); - - /* Social Settings - ----------------------------------------------------------------------*/ - $wp_customize->add_section( 'codilight_lite_social' , - array( - 'priority' => 6, - 'title' => __( 'Social Profiles', 'codilight-lite' ), - 'description' => '', - 'panel' => 'codilight_lite_options', - ) - ); - - // Order & Stlying - $wp_customize->add_setting( 'codilight_lite_social_footer_guide', - array( - 'sanitize_callback' => 'codilight_lite_sanitize_text' - ) - ); - $wp_customize->add_control( new Codilight_Lite_Misc_Control( $wp_customize, 'codilight_lite_social_footer_guide', - array( - 'section' => 'codilight_lite_social', - 'type' => 'custom_message', - 'description' => __( 'These social profiles setting below will display at the footer of your site.', 'codilight-lite' ) - ) - )); - // Footer Social Title - $wp_customize->add_setting( 'codilight_lite_social_footer_title', - array( - 'sanitize_callback' => 'sanitize_text_field', - 'default' => __( 'Keep Updated', 'codilight-lite' ), - ) - ); - $wp_customize->add_control( 'codilight_lite_social_footer_title', - array( - 'label' => __('Social Footer Title', 'codilight-lite'), - 'section' => 'codilight_lite_social', - 'description' => '' - ) - ); - - // Twitter - $wp_customize->add_setting( 'codilight_lite_social_twitter', - array( - 'sanitize_callback' => 'esc_url', - 'default' => 'https://twitter.com/famethemes', - ) - ); - $wp_customize->add_control( 'codilight_lite_social_twitter', - array( - 'label' => __('Twitter URL', 'codilight-lite'), - 'section' => 'codilight_lite_social', - 'description' => '' - ) - ); - // Facebook - $wp_customize->add_setting( 'codilight_lite_social_facebook', - array( - 'sanitize_callback' => 'esc_url', - 'default' => 'https://www.facebook.com/famethemes/', - ) - ); - $wp_customize->add_control( 'codilight_lite_social_facebook', - array( - 'label' => __('Faecbook URL', 'codilight-lite'), - 'section' => 'codilight_lite_social', - 'description' => '' - ) - ); - // Facebook - $wp_customize->add_setting( 'codilight_lite_social_google', - array( - 'sanitize_callback' => 'esc_url', - 'default' => '#', - ) - ); - $wp_customize->add_control( 'codilight_lite_social_google', - array( - 'label' => __('Google Plus URL', 'codilight-lite'), - 'section' => 'codilight_lite_social', - 'description' => '' - ) - ); - // Instagram - $wp_customize->add_setting( 'codilight_lite_social_instagram', - array( - 'sanitize_callback' => 'esc_url', - 'default' => '#', - ) - ); - $wp_customize->add_control( 'codilight_lite_social_instagram', - array( - 'label' => __('Instagram URL', 'codilight-lite'), - 'section' => 'codilight_lite_social', - 'description' => '' - ) - ); - // RSS - $wp_customize->add_setting( 'codilight_lite_social_rss', - array( - 'sanitize_callback' => 'esc_url', - 'default' => get_bloginfo('rss2_url'), - ) - ); - $wp_customize->add_control( 'codilight_lite_social_rss', - array( - 'label' => __('RSS URL', 'codilight-lite'), - 'section' => 'codilight_lite_social', - 'description' => '' - ) - ); - + $wp_customize->add_section( 'codilight_lite_layout' , + array( + 'priority' => 23, + 'title' => __( 'Site Layout', 'codilight-lite' ), + 'description' => '', + ) + ); + + $wp_customize->add_setting( 'layout_sidebar', array( + 'sanitize_callback' => 'codilight_lite_sanitize_layout_sidebar', + 'default' => 'right', + ) ); + $wp_customize->add_control( 'layout_sidebar', array( + 'label' => esc_html__( 'Default Sidebar Position', 'codilight-lite' ), + 'section' => 'codilight_lite_layout', + 'type' => 'radio', + 'choices' => array( + 'left' => 'Left Sidebar', + 'right' => 'Right Sidebar', + ), + ) ); + + $wp_customize->add_setting( 'layout_frontpage_posts', array( + 'sanitize_callback' => 'codilight_lite_sanitize_layout', + 'default' => 'grid', + ) ); + $wp_customize->add_control( 'layout_frontpage_posts', array( + 'label' => esc_html__( 'Front Page Posts Layout', 'codilight-lite' ), + 'section' => 'codilight_lite_layout', + 'type' => 'radio', + 'choices' => array( + 'list' => 'List', + 'grid' => 'Grid', + ), + ) ); + + $wp_customize->add_setting( 'layout_archive_posts', array( + 'sanitize_callback' => 'codilight_lite_sanitize_layout', + 'default' => 'grid', + ) ); + $wp_customize->add_control( 'layout_archive_posts', array( + 'label' => esc_html__( 'Archive Page Posts Layout', 'codilight-lite' ), + 'section' => 'codilight_lite_layout', + 'type' => 'radio', + 'choices' => array( + 'list' => 'List', + 'grid' => 'Grid', + ), + 'description' => esc_html__( 'Category, Tag, Author, Archive Page ...', 'codilight-lite' ), + ) ); } add_action( 'customize_register', 'codilight_lite_customize_register' ); @@ -202,6 +122,22 @@ function codilight_lite_sanitize_number( $input ) { return force_balance_tags( $input ); } +function codilight_lite_sanitize_layout_sidebar( $layout_sidebar ) { + if ( $layout_sidebar == 'left' ) { + return 'left'; + } else { + return 'right'; + } +} + +function codilight_lite_sanitize_layout( $layout ) { + if ( $layout == 'list' ) { + return 'list'; + } else { + return 'grid'; + } +} + function codilight_lite_sanitize_hex_color( $color ) { if ( $color === '' ) { return ''; diff --git a/inc/customizer_.php b/inc/customizer_.php deleted file mode 100644 index af0d251..0000000 --- a/inc/customizer_.php +++ /dev/null @@ -1,26 +0,0 @@ -get_setting( 'blogname' )->transport = 'postMessage'; - $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; - $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; -} -add_action( 'customize_register', 'codilight_lite_customize_register' ); - -/** - * Binds JS handlers to make Theme Customizer preview reload changes asynchronously. - */ -function codilight_lite_customize_preview_js() { - wp_enqueue_script( 'codilight_lite_customizer', get_template_directory_uri() . '/assets/js/customizer.js', array( 'customize-preview' ), '20130508', true ); -} -add_action( 'customize_preview_init', 'codilight_lite_customize_preview_js' ); diff --git a/inc/dashboard.php b/inc/dashboard.php new file mode 100644 index 0000000..713549b --- /dev/null +++ b/inc/dashboard.php @@ -0,0 +1,61 @@ +Name ), sprintf( esc_html__('%s', 'codilight-lite'), $theme_data->Name), 'edit_themes', 'ft_codilight_lite', 'codilight_lite_theme_info_page'); +} + +function codilight_lite_theme_info_page() { + + $theme_data = wp_get_theme(); ?> + +
    +

    Name, $theme_data->Version ); ?>

    +
    Patus is a personal blogging theme for WordPress and an effortlessly tool for publishers of all kind, cherished for its flexibility, clean layouts and speed.
    + FameThemes +

    + Name; ?> + Upgrade To Pro +

    + +
    +
    +
    +
    +

    Theme Customizer

    +

    Name); ?>

    +

    + +

    +
    +
    +

    Theme Documentation

    +

    Name); ?>

    +

    + +

    +
    +
    +

    Having Trouble, Need Support?

    +

    Name); ?>

    +

    + Name); ?> +

    +
    +
    + +
    + Theme Screenshot +
    +
    +
    + +
    + + diff --git a/inc/extras (kienthuongvus-MacBook-Air's conflicted copy 2015-11-12).php b/inc/extras (kienthuongvus-MacBook-Air's conflicted copy 2015-11-12).php deleted file mode 100644 index 6f4af61..0000000 --- a/inc/extras (kienthuongvus-MacBook-Air's conflicted copy 2015-11-12).php +++ /dev/null @@ -1,37 +0,0 @@ -'. $excerpt .'
    '; } +endif; + +if ( ! function_exists( 'codilight_lite_sidebar_position' ) ) : +/** + * The site default sidebar position. + * + * @param string $characters + * @return string + */ +function codilight_lite_sidebar_position(){ + $layout_sidebar = get_theme_mod( 'layout_sidebar', 'right' ); + echo $layout_sidebar . '-sidebar'; +} +endif; + +/** + * Add a count class to category counter number. + * + * @param string $characters + * @return string + */ +add_filter('wp_list_categories', 'codilight_lite_cat_count_inline'); +function codilight_lite_cat_count_inline($links) { + $links = str_replace(' (', '', $links); + $links = str_replace(')', '', $links); + return $links; +} + +if ( ! function_exists( 'codilight_lite_link_to_menu_editor' ) ) : +/** + * Menu fallback. Link to the menu editor if that is useful. + * + * @param array $args + * @return string + */ +function codilight_lite_link_to_menu_editor( $args ) +{ + if ( ! current_user_can( 'manage_options' ) ) + { + return; + } + + // see wp-includes/nav-menu-template.php for available arguments + extract( $args ); + + $link = $link_before + . '
  • ' . $before . 'Add a menu' . $after . '
    • ' + . $link_after; + + // We have a list + if ( FALSE !== stripos( $items_wrap, ' 'main', - 'render' => 'codilight_lite_infinite_scroll_render', - 'footer' => 'page', - ) ); - - // Add theme support for Responsive Videos. - add_theme_support( 'jetpack-responsive-videos' ); -} // end function codilight_lite_jetpack_setup -add_action( 'after_setup_theme', 'codilight_lite_jetpack_setup' ); - -/** - * Custom render function for Infinite Scroll. - */ -function codilight_lite_infinite_scroll_render() { - while ( have_posts() ) { - the_post(); - get_template_part( 'template-parts/content', get_post_format() ); - } -} // end function codilight_lite_infinite_scroll_render diff --git a/inc/template-tags.php b/inc/template-tags.php index 4d4f080..5f07856 100644 --- a/inc/template-tags.php +++ b/inc/template-tags.php @@ -68,7 +68,8 @@ function codilight_lite_custom_paginate() { 'total' => $total_pages, 'before_page_number' => ''.$translated.' ' )); - echo 'Page '. $current_page .' of '. $total_pages .''; + //echo 'Page '. $current_page .' of '. $total_pages .''; + printf( ''. esc_html__( 'Page %1$s of %2$s', 'codilight-lite' ) .'', $current_page, $total_pages ); echo ''; } } @@ -189,7 +190,7 @@ function codilight_lite_comment( $comment, $args, $depth ) {

    -
    +
    diff --git a/inc/widgets/block_1_widget.php b/inc/widgets/block_1_widget.php new file mode 100644 index 0000000..641821b --- /dev/null +++ b/inc/widgets/block_1_widget.php @@ -0,0 +1,227 @@ + 'block1_widget', 'description' => esc_html__( "Display posts with list or grid style for use on homepage.", 'codilight-lite') ); + parent::__construct('ft_block1', esc_html__('FT Block 1 - Recent Posts', 'codilight-lite'), $widget_ops); + $this->alt_option_name = 'widget_block1'; + + add_action( 'save_post', array($this, 'flush_widget_cache') ); + add_action( 'deleted_post', array($this, 'flush_widget_cache') ); + add_action( 'switch_theme', array($this, 'flush_widget_cache') ); + } + + /** + * @param array $args + * @param array $instance + */ + public function widget( $args, $instance ) { + //extract( $args ); + $cache = array(); + if ( ! $this->is_preview() ) { + $cache = wp_cache_get( 'widget_block1', 'widget' ); + } + if ( ! is_array( $cache ) ) { + $cache = array(); + } + if ( ! isset( $args['widget_id'] ) ) { + $args['widget_id'] = $this->id; + } + if ( isset( $cache[ $args['widget_id'] ] ) ) { + echo $cache[ $args['widget_id'] ]; + return; + } + ob_start(); + + // Get values from the widget settings. + $title = ( ! empty( $instance['title'] ) ) ? $instance['title'] : ''; + $title = apply_filters( 'widget_title', $title, $instance, $this->id_base ); + $layout = ( ! empty( $instance['layout'] ) ) ? $instance['layout'] : 'grid'; + $featured_categories = ( ! empty( $instance['featured_categories'] ) ) ? $instance['featured_categories'] : ''; + $ignore_sticky = isset($instance['ignore_sticky']) ? $instance['ignore_sticky'] : 0; + $orderby = ( ! empty( $instance['orderby'] ) ) ? $instance['orderby'] : 'date'; + $number_posts = ( ! empty( $instance['number_posts'] ) ) ? absint( $instance['number_posts'] ) : 6; + if ( ! $number_posts ) $number_posts = 6; + + $custom_query_args = array( + 'post_type' => 'post', + 'posts_per_page' => $number_posts, + 'post_status' => 'publish', + 'ignore_sticky_posts' => $ignore_sticky, + 'category__in' => $featured_categories, + 'order' => 'DESC', + 'orderby' => $orderby, + ); + $custom_query = new WP_Query( apply_filters( 'widget_block1_posts_args', $custom_query_args ) ); + $count = 0; + if ( $custom_query->have_posts() ) : + + echo $args['before_widget']; + if ( $title ) echo $args['before_title'] . $title . $args['after_title']; + + if ( $layout == 'grid' ) : + echo '
    '; + echo '
    '; + while ( $custom_query->have_posts() ) : $custom_query->the_post(); + $count++; + ?> + + '; + echo '
    '; + } + endwhile; + echo '
    '; + echo '
    '; + else : + echo '
    '; + while ( $custom_query->have_posts() ) : $custom_query->the_post(); + get_template_part( 'template-parts/content-list' ); + endwhile; + echo '
    '; + endif; + + wp_reset_postdata(); // reset the query + endif; + ?> + + is_preview() ) { + $cache[ $args['widget_id'] ] = ob_get_flush(); + wp_cache_set( 'widget_block1', $cache, 'widget' ); + } else { + ob_end_flush(); + } + } + + /** + * @param array $new_instance + * @param array $old_instance + * @return array + */ + public function update( $new_instance, $old_instance ) { + $instance = $old_instance; + + $this->flush_widget_cache(); + $alloptions = wp_cache_get( 'alloptions', 'options' ); + if ( isset($alloptions['widget_recent_entries']) ) delete_option('widget_recent_entries'); + + $instance['title'] = strip_tags( $new_instance['title'] ); + $instance['ignore_sticky'] = isset($new_instance['ignore_sticky']) ? strip_tags($new_instance['ignore_sticky']) : ''; + $instance['layout'] = $new_instance['layout']; + $instance['featured_categories'] = $new_instance['featured_categories']; + $instance['number_posts'] = $new_instance['number_posts']; + $instance['orderby'] = $new_instance['orderby']; + + + + return $instance; + } + + /** + * @access public + */ + public function flush_widget_cache() { + wp_cache_delete('widget_block1', 'widget'); + } + + /** + * @param array $instance + */ + public function form( $instance ) { + + // Set default value. + $defaults = array( + 'title' => '', + 'layout' => 'grid', + 'featured_categories' => '', + 'ignore_sticky' => 0, + 'number_posts' => 6, + 'orderby' => 'date' + ); + $instance = wp_parse_args( (array) $instance, $defaults ); + $featured_categories = (array)$instance['featured_categories']; + $orderby = array( 'date', 'comment_count', 'rand' ); + $layout = array( 'list', 'grid' ); + + ?> +

    + + +

    +

    + + +

    + +

    + + +

    +

    + + +

    +

    + /> + +

    +

    + + +

    +

    + Upgrade To Pro: This is the Lite Version of this widget with only basic options. You can upgrade to Codilight Pro for more features and options.', 'codilight-lite' ), array( 'strong' => array(), 'a' => array( 'href' => array() ) ) ); ?>
    +

    + 'block2_widget', 'description' => esc_html__( "Slider posts widget for use on homepage.", 'codilight-lite') ); + parent::__construct('ft_block2', esc_html__('FT Block 2 - Slider', 'codilight-lite'), $widget_ops); + $this->alt_option_name = 'widget_block2'; + + add_action( 'save_post', array($this, 'flush_widget_cache') ); + add_action( 'deleted_post', array($this, 'flush_widget_cache') ); + add_action( 'switch_theme', array($this, 'flush_widget_cache') ); + } + + /** + * @param array $args + * @param array $instance + */ + public function widget( $args, $instance ) { + //extract( $args ); + $cache = array(); + if ( ! $this->is_preview() ) { + $cache = wp_cache_get( 'widget_block2', 'widget' ); + } + if ( ! is_array( $cache ) ) { + $cache = array(); + } + if ( ! isset( $args['widget_id'] ) ) { + $args['widget_id'] = $this->id; + } + if ( isset( $cache[ $args['widget_id'] ] ) ) { + echo $cache[ $args['widget_id'] ]; + return; + } + ob_start(); + + // Get values from the widget settings. + $title = ( ! empty( $instance['title'] ) ) ? $instance['title'] : ''; + $title = apply_filters( 'widget_title', $title, $instance, $this->id_base ); + $featured_categories = ( ! empty( $instance['featured_categories'] ) ) ? $instance['featured_categories'] : ''; + $ignore_sticky = isset($instance['ignore_sticky']) ? $instance['ignore_sticky'] : 1; + $orderby = ( ! empty( $instance['orderby'] ) ) ? $instance['orderby'] : 'comment_count'; + $number_posts = ( !empty( $instance['$number_posts'] ) ) ? absint( $instance['$number_posts'] ) : 5; + if ( ! $number_posts ) $number_posts = 5; + + $r = new WP_Query( apply_filters( 'widget_block2_posts_args', array( + 'post_type' => 'post', + 'posts_per_page' => $number_posts, + 'category__in' => $featured_categories, + 'no_found_rows' => true, + 'post_status' => 'publish', + 'order' => 'DESC', + 'meta_key' => '_thumbnail_id', + 'orderby' => $orderby, + 'ignore_sticky_posts' => '$ignore_sticky', + ) ) ); + + if ($r->have_posts()) : ?> + + + +
    + have_posts() ) : $r->the_post(); ?> + +
    +
    + + + +
    +
    + + term_id ).'">'.$category[0]->cat_name.''; + } + ?> + +

    + + + +

    +
    +
    +
    + +
    + + + + is_preview() ) { + $cache[ $args['widget_id'] ] = ob_get_flush(); + wp_cache_set( 'widget_block2', $cache, 'widget' ); + } else { + ob_end_flush(); + } + } + + /** + * @param array $new_instance + * @param array $old_instance + * @return array + */ + public function update( $new_instance, $old_instance ) { + $instance = $old_instance; + + $this->flush_widget_cache(); + $alloptions = wp_cache_get( 'alloptions', 'options' ); + if ( isset($alloptions['widget_recent_entries']) ) delete_option('widget_recent_entries'); + + $instance['title'] = strip_tags( $new_instance['title'] ); + $instance['ignore_sticky'] = isset($new_instance['ignore_sticky']) ? strip_tags($new_instance['ignore_sticky']) : ''; + $instance['featured_categories'] = $new_instance['featured_categories']; + $instance['number_posts'] = $new_instance['number_posts']; + $instance['orderby'] = $new_instance['orderby']; + + return $instance; + } + + /** + * @access public + */ + public function flush_widget_cache() { + wp_cache_delete('widget_block2', 'widget'); + } + + /** + * @param array $instance + */ + public function form( $instance ) { + + // Set default value. + $defaults = array( + 'title' => '', + 'featured_categories' => '', + 'ignore_sticky' => 1, + 'number_posts' => 5, + 'orderby' => 'comment_count' + ); + $instance = wp_parse_args( (array) $instance, $defaults ); + $featured_categories = (array)$instance['featured_categories']; + $orderby = array( 'date', 'comment_count', 'rand' ); + + ?> +

    + + +

    + +

    + + +

    +

    + + + +

    +

    + /> + +

    +

    + + +

    +

    + Upgrade To Pro: This is the Lite Version of this widget with only basic options. You can upgrade to Codilight Pro for more features and options.', 'codilight-lite' ), array( 'strong' => array(), 'a' => array( 'href' => array() ) ) ); ?>
    +

    + 'block3_widget', 'description' => esc_html__( "Display a list of posts based on one parent category", 'codilight-lite') ); + parent::__construct('ft_block3', esc_html__('FT Block 3', 'codilight-lite'), $widget_ops); + $this->alt_option_name = 'widget_block3'; + + add_action( 'save_post', array($this, 'flush_widget_cache') ); + add_action( 'deleted_post', array($this, 'flush_widget_cache') ); + add_action( 'switch_theme', array($this, 'flush_widget_cache') ); + } + + /** + * @param array $args + * @param array $instance + */ + public function widget( $args, $instance ) { + //extract( $args ); + $cache = array(); + if ( ! $this->is_preview() ) { + $cache = wp_cache_get( 'widget_block3', 'widget' ); + } + if ( ! is_array( $cache ) ) { + $cache = array(); + } + if ( ! isset( $args['widget_id'] ) ) { + $args['widget_id'] = $this->id; + } + if ( isset( $cache[ $args['widget_id'] ] ) ) { + echo $cache[ $args['widget_id'] ]; + return; + } + ob_start(); + + // Get values from the widget settings. + $title = ( ! empty( $instance['title'] ) ) ? $instance['title'] : ''; + $title = apply_filters( 'widget_title', $title, $instance, $this->id_base ); + $block_category = ( ! empty( $instance['block_category'] ) ) ? $instance['block_category'] : ''; + $ignore_sticky = isset($instance['ignore_sticky']) ? $instance['ignore_sticky'] : 1; + $orderby = ( ! empty( $instance['orderby'] ) ) ? $instance['orderby'] : 'date'; + $number_posts = ( ! empty( $instance['$number_posts'] ) ) ? absint( $instance['$number_posts'] ) : 4; + if ( ! $number_posts ) $number_posts = 4; + + $r = new WP_Query( apply_filters( 'widget_block3_posts_args', array( + 'post_type' => 'post', + 'posts_per_page' => $number_posts, + 'category__in' => $block_category, + 'no_found_rows' => true, + 'post_status' => 'publish', + 'orderby' => $orderby, + 'ignore_sticky_posts' => $ignore_sticky, + ) ) ); + + if ($r->have_posts()) : ?> + + + + + + +
    + have_posts() ) : $r->the_post(); ?> + +
    +
    + + + '; + } + ?> + +
    +
    +

    + + + +

    +
    + + %2$s', esc_attr( get_the_date( 'c' ) ), esc_html( get_the_date() ) ); ?> + +
    +
    +
    + + +
    + + + + is_preview() ) { + $cache[ $args['widget_id'] ] = ob_get_flush(); + wp_cache_set( 'widget_block3', $cache, 'widget' ); + } else { + ob_end_flush(); + } + } + + /** + * @param array $new_instance + * @param array $old_instance + * @return array + */ + public function update( $new_instance, $old_instance ) { + $instance = $old_instance; + + $this->flush_widget_cache(); + $alloptions = wp_cache_get( 'alloptions', 'options' ); + if ( isset($alloptions['widget_recent_entries']) ) delete_option('widget_recent_entries'); + + $instance['title'] = strip_tags( $new_instance['title'] ); + $instance['ignore_sticky'] = isset($new_instance['ignore_sticky']) ? strip_tags($new_instance['ignore_sticky']) : ''; + $instance['block_category'] = $new_instance['block_category']; + $instance['number_posts'] = $new_instance['number_posts']; + $instance['orderby'] = $new_instance['orderby']; + + return $instance; + } + + /** + * @access public + */ + public function flush_widget_cache() { + wp_cache_delete('widget_block3', 'widget'); + } + + /** + * @param array $instance + */ + public function form( $instance ) { + + // Set default value. + $defaults = array( + 'title' => '', + 'block_category' => '', + 'ignore_sticky' => 1, + 'number_posts' => 4, + 'orderby' => 'date' + ); + $instance = wp_parse_args( (array) $instance, $defaults ); + $block_category = $instance['block_category']; + $list_categories = get_categories(); + $orderby = array('date', 'comment_count', 'rand'); + ?> +

    + + +

    +

    + + +

    +

    + + +

    +

    + /> + +

    +

    + + +

    +

    + Upgrade To Pro: This is the Lite Version of this widget with only basic options. You can upgrade to Codilight Pro for more features and options.', 'codilight-lite' ), array( 'strong' => array(), 'a' => array( 'href' => array() ) ) ); ?>
    +

    + 'block3_widget block4_widget', 'description' => esc_html__( "Display a list of popular/lastest posts for use on sidebar.", 'codilight-lite') ); + parent::__construct('ft_block4', esc_html__('FT Block 4', 'codilight-lite'), $widget_ops); + $this->alt_option_name = 'widget_block4'; + + add_action( 'save_post', array($this, 'flush_widget_cache') ); + add_action( 'deleted_post', array($this, 'flush_widget_cache') ); + add_action( 'switch_theme', array($this, 'flush_widget_cache') ); + } + + /** + * @param array $args + * @param array $instance + */ + public function widget( $args, $instance ) { + //extract( $args ); + $cache = array(); + if ( ! $this->is_preview() ) { + $cache = wp_cache_get( 'widget_block4', 'widget' ); + } + if ( ! is_array( $cache ) ) { + $cache = array(); + } + if ( ! isset( $args['widget_id'] ) ) { + $args['widget_id'] = $this->id; + } + if ( isset( $cache[ $args['widget_id'] ] ) ) { + echo $cache[ $args['widget_id'] ]; + return; + } + ob_start(); + + // Get values from the widget settings. + $title = ( ! empty( $instance['title'] ) ) ? $instance['title'] : ''; + $title = apply_filters( 'widget_title', $title, $instance, $this->id_base ); + $featured_categories = ( ! empty( $instance['featured_categories'] ) ) ? $instance['featured_categories'] : ''; + $ignore_sticky = isset($instance['ignore_sticky']) ? $instance['ignore_sticky'] : 1; + $orderby = ( ! empty( $instance['orderby'] ) ) ? $instance['orderby'] : 'date'; + $number_posts = ( ! empty( $instance['$number_posts'] ) ) ? absint( $instance['$number_posts'] ) : 4; + if ( ! $number_posts ) $number_posts = 4; + + $r = new WP_Query( apply_filters( 'widget_block4_posts_args', array( + 'post_type' => 'post', + 'posts_per_page' => $number_posts, + 'category__in' => $featured_categories, + 'post_status' => 'publish', + 'orderby' => $orderby, + 'ignore_sticky_posts' => $ignore_sticky, + ) ) ); + + if ($r->have_posts()) : ?> + + + + +
    + have_posts() ) : $r->the_post(); ?> + +
    +
    + + + '; + } + ?> + +
    +
    +

    + + + +

    +
    + + %2$s', esc_attr( get_the_date( 'c' ) ), esc_html( get_the_date() ) ); ?> + +
    +
    +
    + + +
    + + + + is_preview() ) { + $cache[ $args['widget_id'] ] = ob_get_flush(); + wp_cache_set( 'widget_block4', $cache, 'widget' ); + } else { + ob_end_flush(); + } + } + + /** + * @param array $new_instance + * @param array $old_instance + * @return array + */ + public function update( $new_instance, $old_instance ) { + $instance = $old_instance; + + $this->flush_widget_cache(); + $alloptions = wp_cache_get( 'alloptions', 'options' ); + if ( isset($alloptions['widget_recent_entries']) ) delete_option('widget_recent_entries'); + + $instance['title'] = strip_tags( $new_instance['title'] ); + $instance['ignore_sticky'] = isset($new_instance['ignore_sticky']) ? strip_tags($new_instance['ignore_sticky']) : ''; + $instance['featured_categories'] = $new_instance['featured_categories']; + $instance['number_posts'] = $new_instance['number_posts']; + $instance['orderby'] = $new_instance['orderby']; + + return $instance; + } + + /** + * @access public + */ + public function flush_widget_cache() { + wp_cache_delete('widget_block4', 'widget'); + } + + /** + * @param array $instance + */ + public function form( $instance ) { + + // Set default value. + $defaults = array( + 'title' => '', + 'featured_categories' => '', + 'ignore_sticky' => 1, + 'number_posts' => 4, + 'orderby' => 'date' + ); + $instance = wp_parse_args( (array) $instance, $defaults ); + $featured_categories = (array)$instance['featured_categories']; + $list_categories = get_categories(); + $orderby = array('date', 'comment_count', 'rand'); + ?> +

    + + +

    + +

    + + +

    +

    + + +

    +

    + /> + +

    +

    + + +

    +

    + Upgrade To Pro: This is the Lite Version of this widget with only basic options. You can upgrade to Codilight Pro for more features and options.', 'codilight-lite' ), array( 'strong' => array(), 'a' => array( 'href' => array() ) ) ); ?>
    +

    + -
    +
    @@ -28,14 +28,31 @@ '; + $layout_frontpage_posts = get_theme_mod( 'layout_frontpage_posts', 'grid' ); + + if ( $layout_frontpage_posts == 'grid' ) { + echo '
    '; + echo '
    '; + while ( have_posts() ) : the_post(); + $count++; + get_template_part( 'template-parts/content-grid' ); + if ( $count % 2 == 0 ) { + echo '
    '; + echo '
    '; + } + endwhile; + echo '
    '; + echo '
    '; + codilight_lite_custom_paginate(); + + } else { + echo '
    '; while ( have_posts() ) : the_post(); get_template_part( 'template-parts/content-list' ); endwhile; codilight_lite_custom_paginate(); echo '
    '; - - + } ?> diff --git a/index_grid.php b/index_grid.php deleted file mode 100644 index 78c3942..0000000 --- a/index_grid.php +++ /dev/null @@ -1,60 +0,0 @@ - - -
    -
    -
    -
    - - - - -
    -

    -
    - - - '; - echo '
    '; - while ( have_posts() ) : the_post(); - $count++; - - get_template_part( 'template-parts/content-grid' ); - if ( $count % 2 == 0 ) { - echo '
    '; - echo '
    '; - } - - endwhile; - echo '
    '; - codilight_lite_custom_paginate(); - echo '
    '; - - - ?> - - - - - - - -
    -
    - - - diff --git a/languages/codilight-lite.pot b/languages/codilight-lite.pot index 6015ed4..f696300 100644 --- a/languages/codilight-lite.pot +++ b/languages/codilight-lite.pot @@ -1,221 +1,438 @@ -# Copyright (C) 2015 Automattic -# This file is distributed under the GNU General Public License v2 or later. -msgid "" -msgstr "" -"Project-Id-Version: _s 1.0.0\n" -"Report-Msgid-Bugs-To: http://wordpress.org/tags/_s\n" -"POT-Creation-Date: 2015-09-16 19:02:07+00:00\n" -"MIME-Version: 1.0\n" -"Content-Type: text/plain; charset=UTF-8\n" -"Content-Transfer-Encoding: 8bit\n" -"PO-Revision-Date: 2015-MO-DA HO:MI+ZONE\n" -"Last-Translator: FULL NAME \n" -"Language-Team: LANGUAGE \n" - -#: 404.php:17 -#@ _s -msgid "Oops! That page can’t be found." -msgstr "" - -#: 404.php:21 -#@ _s -msgid "It looks like nothing was found at this location. Maybe try one of the links below or a search?" -msgstr "" - -#: 404.php:29 -#@ _s -msgid "Most Used Categories" -msgstr "" - -#. translators: %1$s: smiley -#: 404.php:46 -#, php-format -#@ _s -msgid "Try looking in the monthly archives. %1$s" -msgstr "" - -#: comments.php:31 -#, php-format -#@ _s -msgctxt "comments title" -msgid "One thought on “%2$s”" -msgid_plural "%1$s thoughts on “%2$s”" -msgstr[0] "" -msgstr[1] "" - -#: comments.php:40 -#: comments.php:61 -#@ _s -msgid "Comment navigation" -msgstr "" - -#: comments.php:43 -#: comments.php:64 -#@ _s -msgid "Older Comments" -msgstr "" - -#: comments.php:44 -#: comments.php:65 -#@ _s -msgid "Newer Comments" -msgstr "" - -#: comments.php:77 -#@ _s -msgid "Comments are closed." -msgstr "" - -#: footer.php:18 -#@ _s -msgid "https://wordpress.org/" -msgstr "" - -#: footer.php:18 -#, php-format -#@ _s -msgid "Proudly powered by %s" -msgstr "" - -#: footer.php:20 -#, php-format -#@ _s -msgid "Theme: %1$s by %2$s." -msgstr "" - -#: functions.php:47 -#: header.php:38 -#@ _s -msgid "Primary Menu" -msgstr "" - -#: functions.php:102 -#@ _s -msgid "Sidebar" -msgstr "" - -#: header.php:25 -#@ _s -msgid "Skip to content" -msgstr "" - -#: inc/template-tags.php:28 -#, php-format -#@ _s -msgctxt "post date" -msgid "Posted on %s" -msgstr "" - -#: inc/template-tags.php:33 -#, php-format -#@ _s -msgctxt "post author" -msgid "by %s" -msgstr "" - -#. translators: used between list items, there is a space after the comma -#: inc/template-tags.php:50 -#: inc/template-tags.php:56 -#@ _s -msgid ", " -msgstr "" - -#: inc/template-tags.php:52 -#, php-format -#@ _s -msgid "Posted in %1$s" -msgstr "" - -#: inc/template-tags.php:58 -#, php-format -#@ _s -msgid "Tagged %1$s" -msgstr "" - -#: inc/template-tags.php:64 -#@ _s -msgid "Leave a comment" -msgstr "" - -#: inc/template-tags.php:64 -#@ _s -msgid "1 Comment" -msgstr "" - -#: inc/template-tags.php:64 -#, php-format -#@ _s -msgid "% Comments" -msgstr "" - -#. translators: %s: Name of current post -#: inc/template-tags.php:71 -#: template-parts/content-page.php:32 -#, php-format -#@ _s -msgid "Edit %s" -msgstr "" - -#: search.php:18 -#, php-format -#@ _s -msgid "Search Results for: %s" -msgstr "" - -#: template-parts/content-none.php:14 -#@ _s -msgid "Nothing Found" -msgstr "" - -#: template-parts/content-none.php:20 -#, php-format -#@ _s -msgid "Ready to publish your first post? Get started here." -msgstr "" - -#: template-parts/content-none.php:24 -#@ _s -msgid "Sorry, but nothing matched your search terms. Please try again with some different keywords." -msgstr "" - -#: template-parts/content-none.php:29 -#@ _s -msgid "It seems we can’t find what you’re looking for. Perhaps searching can help." -msgstr "" - -#: template-parts/content-page.php:21 -#: template-parts/content-single.php:25 -#: template-parts/content.php:34 -#@ _s -msgid "Pages:" -msgstr "" - -#. translators: %s: Name of current post. -#: template-parts/content.php:27 -#, php-format -#@ _s -msgid "Continue reading %s →" -msgstr "" -#. Theme Name of the plugin/theme -msgid "_s" -msgstr "" - -#. Theme URI of the plugin/theme -#@ _s -msgid "http://underscores.me/" -msgstr "" - -#. Description of the plugin/theme -#@ _s -msgid "Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for." -msgstr "" - -#. Author of the plugin/theme -#@ _s -msgid "Automattic" -msgstr "" - -#. Author URI of the plugin/theme -#@ _s -msgid "http://automattic.com/" -msgstr "" +# Loco Gettext template +#, fuzzy +msgid "" +msgstr "" +"Project-Id-Version: Codilight Lite\n" +"Report-Msgid-Bugs-To: \n" +"POT-Creation-Date: Mon Nov 23 2015 01:06:12 GMT+0700 (ICT)\n" +"POT-Revision-Date: Mon Nov 23 2015 01:06:15 GMT+0700 (ICT)\n" +"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" +"Last-Translator: \n" +"Language-Team: \n" +"Language: \n" +"Plural-Forms: nplurals=INTEGER; plural=EXPRESSION\n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: 8bit\n" +"X-Poedit-SourceCharset: UTF-8\n" +"X-Poedit-Basepath: .\n" +"X-Poedit-SearchPath-0: ..\n" +"X-Poedit-KeywordsList: _:1;gettext:1;dgettext:2;ngettext:1,2;dngettext:2,3;" +"__:1;_e:1;_c:1;_n:1,2;_n_noop:1,2;_nc:1,2;__ngettext:1,2;__ngettext_noop:1,2;" +"_x:1,2c;_ex:1,2c;_nx:1,2,4c;_nx_noop:1,2,3c;_n_js:1,2;_nx_js:1,2,3c;" +"esc_attr__:1;esc_html__:1;esc_attr_e:1;esc_html_e:1;esc_attr_x:1,2c;" +"esc_html_x:1,2c;comments_number_link:2,3;t:1;st:1;trans:1;transChoice:1,2\n" +"X-Generator: Loco - https://localise.biz/" + +#: ../404.php:18 +msgid "Ooops... Error 404" +msgstr "" + +#: ../404.php:19 +msgid "Sorry, but the page you are looking for doesn't exist. " +msgstr "" + +#: ../404.php:24 +msgid "Maybe try a search?" +msgstr "" + +#: ../404.php:29 +msgid "Latest Posts" +msgstr "" + +#: ../comments.php:31 +#, php-format +msgctxt "comments title" +msgid "1 Comment" +msgid_plural "%1$s comments" +msgstr[0] "" +msgstr[1] "" + +#: ../comments.php:39 ../comments.php:59 +msgid "Comment navigation" +msgstr "" + +#: ../comments.php:42 ../comments.php:62 +msgid "Older Comments" +msgstr "" + +#: ../comments.php:43 ../comments.php:63 +msgid "Newer Comments" +msgstr "" + +#: ../comments.php:75 +msgid "Comments are closed." +msgstr "" + +#: ../footer.php:32 +#, php-format +msgid "Copyright © %1$s %2$s. All Rights Reserved." +msgstr "" + +#: ../footer.php:34 +#, php-format +msgid "Codilight Theme by %1$s" +msgstr "" + +#: ../functions.php:51 +msgid "Primary Menu" +msgstr "" + +#: ../functions.php:52 +msgid "Footer Menu" +msgstr "" + +#: ../functions.php:101 +msgid "Default Sidebar" +msgstr "" + +#: ../functions.php:112 +msgid "Home 1" +msgstr "" + +#: ../functions.php:121 +msgid "Home 2" +msgstr "" + +#: ../functions.php:130 +msgid "Home 3" +msgstr "" + +#: ../functions.php:139 +msgid "Home 4" +msgstr "" + +#. Translators: If there are characters in your language that are not +#. supported by merriweather, translate this to 'off'. Do not translate +#. into your own language. +#: ../functions.php:185 +msgctxt "Open Sans font: on or off" +msgid "on" +msgstr "" + +#. Translators: If there are characters in your language that are not +#. supported by Raleway, translate this to 'off'. Do not translate +#. into your own language. +#: ../functions.php:191 +msgctxt "Raleway font: on or off" +msgid "on" +msgstr "" + +#: ../header.php:25 +msgid "Skip to content" +msgstr "" + +#: ../search.php:20 +#, php-format +msgid "Search Results for: %s" +msgstr "" + +#. Name of the template +msgid "Fullwidth" +msgstr "" + +#. Name of the template +msgid "Homepage" +msgstr "" + +#: ../inc/customizer-controls.php:52 +msgid "" +"Upgrade to OnePress Pro to be able to change the section " +"order and styling!" +msgstr "" + +#: ../inc/customizer.php:43 +msgid "Site Logo" +msgstr "" + +#: ../inc/customizer.php:45 +msgid "Your site logo" +msgstr "" + +#: ../inc/customizer.php:56 +msgid "Site Layout" +msgstr "" + +#: ../inc/customizer.php:66 +msgid "Default Sidebar Position" +msgstr "" + +#: ../inc/customizer.php:80 +msgid "Front Page Posts Layout" +msgstr "" + +#: ../inc/customizer.php:94 +msgid "Archive Page Posts Layout" +msgstr "" + +#: ../inc/customizer.php:101 +msgid "Category, Tag, Author, Archive Page ..." +msgstr "" + +#: ../inc/dashboard.php:9 +#, php-format +msgid "%s Theme Dashboard" +msgstr "" + +#: ../inc/dashboard.php:9 +#, php-format +msgid "%s" +msgstr "" + +#: ../inc/dashboard.php:17 +#, php-format +msgid "Welcome to %1s - Version %2s" +msgstr "" + +#: ../inc/dashboard.php:30 +#, php-format +msgid "" +"%s supports the Theme Customizer for all theme settings. Click \"Customize\" " +"to start customize your site." +msgstr "" + +#: ../inc/dashboard.php:32 +msgid "Start Customize" +msgstr "" + +#: ../inc/dashboard.php:37 +#, php-format +msgid "" +"Need any help to setup and configure %s? Please have a look at our " +"documentations instructions." +msgstr "" + +#: ../inc/dashboard.php:39 +msgid "http://docs.famethemes.com/category/30-codilight-lite" +msgstr "" + +#: ../inc/dashboard.php:39 +msgid "Online Documentation" +msgstr "" + +#: ../inc/dashboard.php:44 +#, php-format +msgid "" +"Support for %s WordPress theme is conducted through the WordPress free theme " +"support forum." +msgstr "" + +#: ../inc/dashboard.php:46 +msgid "https://wordpress.org/support/theme/codilight-lite" +msgstr "" + +#: ../inc/template-tags.php:26 +#, php-format +msgctxt "post date" +msgid "%s" +msgstr "" + +#: ../inc/template-tags.php:30 +#, php-format +msgctxt "post author" +msgid "%s" +msgstr "" + +#: ../inc/template-tags.php:56 +msgid "Page" +msgstr "" + +#: ../inc/template-tags.php:72 +#, php-format +msgid "Page %1$s of %2$s" +msgstr "" + +#: ../inc/template-tags.php:96 +#, php-format +msgctxt "post date" +msgid "Posted on %s" +msgstr "" + +#: ../inc/template-tags.php:101 +#, php-format +msgctxt "post author" +msgid "by %s" +msgstr "" + +#: ../inc/template-tags.php:124 +msgid "Categories" +msgstr "" + +#: ../inc/template-tags.php:131 +msgid "Tags" +msgstr "" + +#: ../inc/template-tags.php:160 +msgid "Pingback:" +msgstr "" + +#: ../inc/template-tags.php:160 +msgid "(Edit)" +msgstr "" + +#: ../inc/template-tags.php:176 +msgid "Post author" +msgstr "" + +#. translators: 1: date, 2: time +#: ../inc/template-tags.php:182 +#, php-format +msgid "%1$s" +msgstr "" + +#: ../inc/template-tags.php:184 +msgid "Reply" +msgstr "" + +#: ../inc/template-tags.php:185 +msgid "Edit" +msgstr "" + +#: ../inc/template-tags.php:190 +msgid "Your comment is awaiting moderation." +msgstr "" + +#: ../inc/widgets/block_1_widget.php:13 +msgid "Display posts with list or grid style for use on homepage." +msgstr "" + +#: ../inc/widgets/block_1_widget.php:14 +msgid "FT Block 1 - Recent Posts" +msgstr "" + +#: ../inc/widgets/block_1_widget.php:186 ../inc/widgets/block_2_widget.php:181 .. +#: /inc/widgets/block_3_widget.php:176 ../inc/widgets/block_4_widget.php:163 +msgid "Widget Title:" +msgstr "" + +#: ../inc/widgets/block_1_widget.php:190 +msgid "Posts block layout:" +msgstr "" + +#: ../inc/widgets/block_1_widget.php:199 ../inc/widgets/block_2_widget.php:186 .. +#: /inc/widgets/block_4_widget.php:168 +msgid "Multiselect Categories (all by default):" +msgstr "" + +#: ../inc/widgets/block_1_widget.php:207 ../inc/widgets/block_2_widget.php:194 .. +#: /inc/widgets/block_3_widget.php:188 ../inc/widgets/block_4_widget.php:176 +msgid "Number of posts to show:" +msgstr "" + +#: ../inc/widgets/block_1_widget.php:212 ../inc/widgets/block_2_widget.php:200 .. +#: /inc/widgets/block_3_widget.php:193 ../inc/widgets/block_4_widget.php:181 +msgid "Ignore Sticky Posts" +msgstr "" + +#: ../inc/widgets/block_1_widget.php:215 ../inc/widgets/block_2_widget.php:203 .. +#: /inc/widgets/block_3_widget.php:196 ../inc/widgets/block_4_widget.php:184 +msgid "Order By:" +msgstr "" + +#: ../inc/widgets/block_1_widget.php:223 ../inc/widgets/block_2_widget.php:211 .. +#: /inc/widgets/block_3_widget.php:204 ../inc/widgets/block_4_widget.php:192 +msgid "" +"Upgrade To Pro: This is the Lite Version of this widget " +"with only basic options. You can upgrade to Codilight Pro for more features " +"and options." +msgstr "" + +#: ../inc/widgets/block_2_widget.php:13 +msgid "Slider posts widget for use on homepage." +msgstr "" + +#: ../inc/widgets/block_2_widget.php:14 +msgid "FT Block 2 - Slider" +msgstr "" + +#: ../inc/widgets/block_2_widget.php:196 +msgid "This widget only show posts has featured image." +msgstr "" + +#: ../inc/widgets/block_3_widget.php:13 +msgid "Display a list of posts based on one parent category" +msgstr "" + +#: ../inc/widgets/block_3_widget.php:14 +msgid "FT Block 3" +msgstr "" + +#: ../inc/widgets/block_3_widget.php:180 +msgid "Block Category:" +msgstr "" + +#: ../inc/widgets/block_4_widget.php:13 +msgid "Display a list of popular/lastest posts for use on sidebar." +msgstr "" + +#: ../inc/widgets/block_4_widget.php:14 +msgid "FT Block 4" +msgstr "" + +#: ../template-parts/content-none.php:14 +msgid "Nothing Found" +msgstr "" + +#: ../template-parts/content-none.php:20 +#, php-format +msgid "Ready to publish your first post? Get started here." +msgstr "" + +#: ../template-parts/content-none.php:24 +msgid "" +"Sorry, but nothing matched your search terms. Please try again with some " +"different keywords." +msgstr "" + +#: ../template-parts/content-none.php:29 +msgid "" +"It seems we can’t find what you’re looking for. Perhaps " +"searching can help." +msgstr "" + +#: ../template-parts/content-page.php:21 ../template-parts/content-single.php:28 . +#: ./template-parts/content.php:34 +msgid "Pages:" +msgstr "" + +#. translators: %s: Name of current post +#: ../template-parts/content-page.php:32 +#, php-format +msgid "Edit %s" +msgstr "" + +#: ../template-parts/content-single.php:45 +msgid "Previous article" +msgstr "" + +#: ../template-parts/content-single.php:51 +msgid "Next article" +msgstr "" + +#: ../template-parts/content.php:27 +#, php-format +msgid "Continue reading %s →" +msgstr "" + +#. Name of the theme +msgid "Codilight Lite" +msgstr "" + +#. Theme URI of the theme +msgid "http://www.famethemes.com/themes/codilight-lite" +msgstr "" + +#. Description of the theme +msgid "" +"Codilight Lite is a news magazine style WordPress theme from FameThemes " +"which is a perfect option to create any kind of magazine or blog websites." +msgstr "" + +#. Author of the theme +msgid "FameThemes" +msgstr "" + +#. Author URI of the theme +msgid "http://www.famethemes.com" +msgstr "" diff --git a/page.php b/page.php index fc0bba9..371c8c5 100644 --- a/page.php +++ b/page.php @@ -13,7 +13,7 @@ */ get_header(); ?> -
    +
    diff --git a/readme.txt b/readme.txt deleted file mode 100644 index 13e98c9..0000000 --- a/readme.txt +++ /dev/null @@ -1,38 +0,0 @@ -=== Codilight Lite === - -Contributors: automattic -Tags: translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments - -Requires at least: 4.0 -Tested up to: 4.2.2 -Stable tag: 1.0.0 -License: GPLv2 or later -License URI: http://www.gnu.org/licenses/gpl-2.0.html - -A starter theme called Codilight Lite, or underscores. - -== Description == - -Hi. I'm a starter theme called Codilight Lite, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. - -== Installation == - -1. In your admin panel, go to Appearance > Themes and click the Add New button. -2. Click Upload and Choose File, then select the theme's .zip file. Click Install Now. -3. Click Activate to use your new theme right away. - -== Frequently Asked Questions == - -= Does this theme support any plugins? = - -Codilight Lite includes support for Infinite Scroll in Jetpack. - -== Changelog == - -= 1.0 - May 12 2015 = -* Initial release - -== Credits == - -* Based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc., [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html) -* normalize.css http://necolas.github.io/normalize.css/, (C) 2012-2015 Nicolas Gallagher and Jonathan Neal, [MIT](http://opensource.org/licenses/MIT) diff --git a/screenshot.png b/screenshot.png index c301951..be2a3f9 100644 Binary files a/screenshot.png and b/screenshot.png differ diff --git a/search.php b/search.php index 0d3956c..b75448d 100644 --- a/search.php +++ b/search.php @@ -9,7 +9,7 @@ get_header(); ?> -
    +
    @@ -20,21 +20,14 @@

    ' . get_search_query() . '' ); ?>

    - - - - - - - - + '; + while ( have_posts() ) : the_post(); + get_template_part( 'template-parts/content-search' ); + endwhile; + codilight_lite_custom_paginate(); + echo '
    '; + ?> diff --git a/single.php b/single.php index 9a0b72a..4710557 100644 --- a/single.php +++ b/single.php @@ -9,7 +9,7 @@ get_header(); ?> -
    +
    diff --git a/style.css b/style.css index 201b561..5bdd3c7 100644 --- a/style.css +++ b/style.css @@ -4,12 +4,12 @@ Theme Name: Codilight Lite Theme URI: http://www.famethemes.com/themes/codilight-lite Author: FameThemes Author URI: http://www.famethemes.com -Description: Codilight Lite is a powerful magazine WordPress theme. -Version: 1.0.0 +Description: Codilight Lite is a news magazine style WordPress theme from FameThemes which is a perfect option to create any kind of magazine or blog websites. +Version: 1.0.1 Text Domain: codilight-lite License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html -Tags:two-columns, left-sidebar, right-sidebar, blue, light, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready +Tags:two-columns, left-sidebar, right-sidebar, blue, light, responsive-layout, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: @@ -261,12 +261,6 @@ html { } } -@media (max-width: 33.9em) { - html { - font-size: 14px; - } -} - body { background: #f9f9f9; } @@ -295,7 +289,6 @@ a { a:hover { text-decoration: none; color: #494949; - text-decoration: underline; } /* Paragraphy @@ -329,16 +322,15 @@ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:ho h1, .h1 { - font-weight: normal; - font-size: 41px; - font-size: 2.5625rem; + font-size: 38px; + font-size: 2.375rem; line-height: 1.2; } h2, .h2 { - font-size: 34px; - font-size: 2.125rem; + font-size: 32px; + font-size: 2rem; } h3, @@ -356,8 +348,8 @@ h4, h5, .h5 { - font-size: 16px; - font-size: 1rem; + font-size: 15px; + font-size: 0.9375rem; } h6, @@ -415,7 +407,7 @@ hr { margin-bottom: 16px; margin-bottom: 1rem; border: 0; - border-top: 1px solid #eeeeee; + border-top: 1px solid #e9e9e9; } /* Content @@ -433,12 +425,17 @@ strong { blockquote { clear: both; - margin: 0px 0px 16px; - margin: 0rem 0rem 1rem; + margin: 20px 0px 25px; + margin: 1.25rem 0rem 1.5625rem; + box-shadow: 2px 2px 13px #eeeeee; + border: 1px solid #e9e9e9; + border-left: 4px solid #46a28d; + padding: 20px 25px; + padding: 1.25rem 1.5625rem; } -blockquote p { - font-style: italic; +blockquote p:last-child { + margin-bottom: 3px; } blockquote cite { @@ -509,7 +506,7 @@ dfn { font-size: 15px; font-size: 0.9375rem; text-transform: uppercase; - border-bottom: 1px dotted #eeeeee; + border-bottom: 1px dotted #e9e9e9; letter-spacing: 1px; } @@ -533,7 +530,7 @@ table { max-width: 100%; margin-bottom: 16px; margin-bottom: 1rem; - border: 1px solid #eeeeee; + border: 1px solid #e9e9e9; } table th, @@ -542,17 +539,17 @@ table td { padding: 0.75rem; line-height: 1.5; vertical-align: top; - border: 1px solid #eeeeee; + border: 1px solid #e9e9e9; } table thead th, table thead td { vertical-align: bottom; - border-bottom: 2px solid #eeeeee; + border-bottom: 2px solid #e9e9e9; } table tbody + tbody { - border-top: 2px solid #eeeeee; + border-top: 2px solid #e9e9e9; } /* Form @@ -565,7 +562,7 @@ form { fieldset { padding: 16px; padding: 1rem; - border: 1px solid #eeeeee; + border: 1px solid #e9e9e9; } input[type="reset"], input[type="submit"], input[type="submit"] { @@ -607,7 +604,7 @@ select { overflow: auto; vertical-align: top; outline: none; - border: 1px solid #eeeeee; + border: 1px solid #e9e9e9; padding: 10px; padding: 0.625rem; } @@ -686,7 +683,7 @@ input[type="radio"], input[type="checkbox"] { .site-content .content-inside { background: #fff; - border: 1px solid #eeeeee; + border: 1px solid #e9e9e9; margin-left: -1px; padding: 25px; padding: 1.5625rem; @@ -749,7 +746,12 @@ input[type="radio"], input[type="checkbox"] { } .left-sidebar .content-area { float: right; - width: 72%; + width: 69.76744%; + padding-left: 4.65116%; + padding-right: 0px; + } + .left-sidebar .sidebar { + float: left; } } @@ -794,8 +796,8 @@ input[type="radio"], input[type="checkbox"] { @media (min-width: 75em) { .container { - max-width: 1155px; - max-width: 72.1875rem; + max-width: 1175px; + max-width: 73.4375rem; } } @@ -1890,11 +1892,12 @@ input[type="radio"], input[type="checkbox"] { margin-right: auto; } -.wp-caption .wp-caption-text { +.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { margin: 0.8075em 0; + font-style: italic; } -.wp-caption-text { +.wp-caption-text, .wp-caption-dd { text-align: center; } @@ -1914,22 +1917,47 @@ input[type="radio"], input[type="checkbox"] { max-width: 50%; } +.gallery-columns-2 .gallery-item img { + width: 100%; + padding: 0.5px; +} + .gallery-columns-3 .gallery-item { max-width: 33.33%; } +.gallery-columns-3 .gallery-item img { + width: 100%; + padding: 0.5px; +} + .gallery-columns-4 .gallery-item { max-width: 25%; } +.gallery-columns-4 .gallery-item img { + width: 100%; + padding: 0.5px; +} + .gallery-columns-5 .gallery-item { max-width: 20%; } +.gallery-columns-5 .gallery-item img { + width: 100%; + padding: 0.5px; +} + .gallery-columns-6 .gallery-item { max-width: 16.66%; } +.gallery-columns-6 .gallery-item img { + width: 100%; + padding: 0.5px; +} + .gallery-columns-7 .gallery-item { max-width: 14.28%; } @@ -1963,7 +1991,44 @@ object { max-width: 100%; } -/* Helper */ +/* Ads area */ +.ads-area { + text-align: center; + border: 1px solid #e9e9e9; + padding: 12px; +} + +.ads-area .adv-title { + position: relative; +} + +.ads-area .adv-title:before { + position: absolute; + top: 6px; + width: 100%; + height: 1px; + background: #e9e9e9; + content: ""; + display: block; + z-index: 10; +} + +.ads-area .adv-title span { + font-size: 10px; + text-transform: uppercase; + letter-spacing: 1.5px; + font-weight: 600; + position: relative; + top: -8px; + background: #FFFFFF; + z-index: 50; + padding: 0px 10px; +} + +.content-area .ads-area { + padding: 5px; +} + /*-------------------------------------------------------------- # Site --------------------------------------------------------------*/ @@ -2031,7 +2096,7 @@ object { position: absolute; bottom: 1px; left: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } @@ -2071,7 +2136,7 @@ object { position: absolute; bottom: 1px; right: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } @@ -2091,7 +2156,7 @@ object { position: relative; padding: 0px 22px; font-family: "Raleway",Helvetica,Arial,sans-serif; - font-size: 14px; + font-size: 13px; font-weight: 600; letter-spacing: 0.4px; text-decoration: none; @@ -2099,6 +2164,8 @@ object { z-index: 50; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; + display: block; + float: left; } .topbar-elements li i { @@ -2137,7 +2204,7 @@ object { position: absolute; bottom: 1px; left: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } @@ -2284,6 +2351,28 @@ object { margin-bottom: 4px; } +.footer-navigation ul { + margin: 0px; + padding: 0px; + list-style: none; +} + +.footer-navigation ul li { + display: inline-block; + margin: 0px 15px 15px; +} + +.footer-navigation ul li a { + font-size: 16px; + font-size: 1rem; + font-family: "Raleway", Helvetica, Arial, sans-serif; + font-weight: 500; +} + +.footer-navigation ul li a:hover { + text-decoration: none; +} + /*-------------------------------------------------------------- # Site Navigation & Responsive Menu --------------------------------------------------------------*/ @@ -2309,13 +2398,14 @@ object { display: none; top: 100%; left: 0px; - z-index: 99; + z-index: 80; } .ft-menu ul ul { top: 0px; left: 100%; padding-left: 1px; + z-index: 90; } .ft-menu li { @@ -2348,7 +2438,7 @@ object { position: absolute; bottom: 1px; right: -1px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } @@ -2372,7 +2462,7 @@ object { } .ft-menu ul ul { - border-top: 1px solid #eeeeee; + border-top: 1px solid #e9e9e9; margin-top: -1px; } @@ -2395,7 +2485,7 @@ object { position: absolute; bottom: 1px; left: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } @@ -2421,7 +2511,7 @@ object { font-family: "Raleway", Helvetica, Arial, sans-serif; padding-left: 22px; padding-right: 22px; - font-size: 14px; + font-size: 13px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; @@ -2437,7 +2527,7 @@ object { .ft-menu ul li { line-height: 30px; - border-bottom: 1px solid #eeeeee; + border-bottom: 1px solid #e9e9e9; } .ft-menu ul li a { @@ -2507,7 +2597,7 @@ object { position: absolute; bottom: 1px; right: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } @@ -2542,7 +2632,7 @@ object { position: absolute; bottom: 1px; left: -2px; - background: rgba(255, 255, 255, 0.1); + background: rgba(255, 255, 255, 0.15); z-index: 10; } @@ -2644,9 +2734,7 @@ object { /* Mobile Navigation */ .mobile-navigation { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); - transition: opacity 1s ease-out; - opacity: 0; - height: 0; + display: none; overflow: hidden; } @@ -2670,7 +2758,7 @@ object { text-transform: none; background: #ffffff; letter-spacing: 0; - border-bottom: 1px solid #eeeeee; + border-bottom: 1px solid #e9e9e9; } .mobile-navigation ul li a:hover { @@ -2709,14 +2797,14 @@ object { .mobile-navigation .nav-toggle-subarrow { display: block; color: #999999; - border-left: 1px solid #eeeeee; + border-left: 1px solid #e9e9e9; font-weight: normal; position: absolute; top: 0; right: 0; cursor: pointer; text-align: center; - padding: 7px 20px 5px; + padding: 6px 20px 6px; z-index: 10; font-size: 22px; } @@ -2731,22 +2819,47 @@ object { @media (max-width: 61.9em) { .mobile-navigation.mobile-nav-open { - opacity: 1; - height: auto; + display: block; } } -/*-------------------------------------------------------------- -# Post Block/Modules +/* # Home Page Widget Area --------------------------------------------------------------*/ -/*- # Module Patterns. +.home-sidebar { + margin-bottom: 45px; + margin-bottom: 2.8125rem; +} + +.home-sidebar .home-widget { + margin-bottom: 45px; + margin-bottom: 2.8125rem; +} + +.home-sidebar .home-widget:last-of-type { + margin-bottom: 0px; +} + +.home-sidebar.home-sidebar-2-3 { + margin-bottom: 0; +} + +.home-sidebar.home-sidebar-4 { + margin-bottom: 15px; + margin-bottom: 0.9375rem; +} + +/*- # Block Patterns. --------------------------------------------------------------*/ +.entry-thumb { + position: relative; +} + .entry-excerpt { margin-top: 17px; margin-top: 1.0625rem; font-size: 14px; font-size: 0.875rem; - color: #666666; + color: #777777; } article.sticky .entry-title { @@ -2767,27 +2880,57 @@ article.sticky .entry-title:before { left: 0px; } -/*- # Module 1 - List +.entry-category { + position: absolute; + top: 0px; + left: 0px; + background: rgba(0, 0, 0, 0.7); + color: #FFFFFF; + font-size: 12px; + font-size: 0.75rem; + letter-spacing: 0.3px; + text-transform: uppercase; + font-weight: 600; + padding: 1px 10px; +} + +.entry-category:hover { + background: #46a28d; + text-decoration: none; + color: #FFFFFF; +} + +.block1_grid .entry-category { + bottom: 0; + left: 0; + top: auto; +} + +.category .entry-category { + display: none; +} + +/* # Block 1 - Recent Posts with list & grid layout --------------------------------------------------------------*/ -.module_1 article { +.block1_list article { padding-bottom: 25px; padding-bottom: 1.5625rem; - border-bottom: 1px solid #eeeeee; + border-bottom: 1px solid #e9e9e9; margin-bottom: 25px; margin-bottom: 1.5625rem; position: relative; } -.module_1 article:hover .entry-title a { +.block1_list article:hover .entry-title a { color: #46a28d; } -.module_1 article:last-of-type { +.block1_list article:last-of-type { border-bottom: none; padding-bottom: 0px; } -.module_1 .entry-thumb { +.block1_list .entry-thumb { position: absolute; left: 0px; top: 0px; @@ -2796,46 +2939,52 @@ article.sticky .entry-title:before { } @media (max-width: 47.9em) { - .module_1 .entry-thumb { + .block1_list .entry-thumb { max-width: 120px; max-width: 7.5rem; } } @media (max-width: 47.9em) { - .module_1 .entry-thumb { + .block1_list .entry-thumb { max-width: 80px; max-width: 5rem; } } -.module_1 .entry-detail { +.block1_list .entry-detail { margin-left: 275px; margin-left: 17.1875rem; } @media (min-width: 48em) { - .module_1 .entry-detail { + .block1_list .entry-detail { min-height: 170px; min-height: 10.625rem; } } @media (max-width: 47.9em) { - .module_1 .entry-detail { + .block1_list .entry-detail { margin-left: 145px; margin-left: 9.0625rem; } } @media (max-width: 47.9em) { - .module_1 .entry-detail { + .block1_list .entry-detail { margin-left: 105px; margin-left: 6.5625rem; } } -.module_1 .entry-title { +.block1_list .entry-detail.no-thumbnail { + margin-left: 0px; + min-height: auto; +} + +.block1_list .entry-title { + font-weight: 600; font-size: 22px; font-size: 1.375rem; margin-bottom: 3px; @@ -2843,46 +2992,45 @@ article.sticky .entry-title:before { } @media (max-width: 47.9em) { - .module_1 .entry-title { + .block1_list .entry-title { font-size: 19px; font-size: 1.1875rem; } } @media (max-width: 47.9em) { - .module_1 .entry-excerpt { + .block1_list .entry-excerpt { display: none; } } -/*- # Module 2 - Grid ---------------------------------------------------------------*/ -.module_2 article { +.block1_grid article { padding-bottom: 25px; padding-bottom: 1.5625rem; position: relative; } -.module_2 article:hover .entry-title a { +.block1_grid article:hover .entry-title a { color: #46a28d; } -.module_2 article:last-of-type { +.block1_grid article:last-of-type { border-bottom: none; } -.module_2 .entry-thumb { +.block1_grid .entry-thumb { margin-bottom: 15px; margin-bottom: 0.9375rem; } @media (max-width: 47.9em) { - .module_2 .entry-thumb img { + .block1_grid .entry-thumb img { width: 100%; } } -.module_2 .entry-title { +.block1_grid .entry-title { + font-weight: 600; font-size: 20px; font-size: 1.25rem; margin-bottom: 3px; @@ -2890,145 +3038,339 @@ article.sticky .entry-title:before { } @media (max-width: 47.9em) { - .module_2 .entry-title { + .block1_grid .entry-title { font-size: 19px; font-size: 1.1875rem; } } -.module_2 .entry-excerpt { - margin-top: 10px; - margin-top: 0.625rem; +.block1_grid .entry-excerpt { + margin-top: 14px; + margin-top: 0.875rem; } -/*- Entry Header +/* # Block 2 - Slider widget --------------------------------------------------------------*/ -.single .entry-header .entry-title { - margin-bottom: 5px; +.block2_widget .slider-item { + position: relative; } -.single .entry-thumb { - margin-top: 25px; - margin-top: 1.5625rem; +.block2_widget .slider-thumb a { + position: relative; + display: block; } -/*- Entry Footer ---------------------------------------------------------------*/ -.entry-taxonomies { +.block2_widget .slider-thumb a img { + width: 100%; +} + +.block2_widget .slider-content .meta-category { + text-transform: uppercase; + padding: 1px 7px; + padding: 0.0625rem 0.4375rem; font-size: 13px; font-size: 0.8125rem; - line-height: 25px; + font-family: "Raleway", Helvetica, Arial, sans-serif; + background: #46a28d; + font-weight: 600; + display: inline-block; + margin-bottom: 10px; } -.entry-taxonomies span { - float: left; - padding: 0px 13px; - padding: 0rem 0.8125rem; - font-size: 11px; - font-size: 0.6875rem; - margin-right: 4px; - margin-right: 0.25rem; - font-weight: 600; - background: #46a28d; +.block2_widget .slider-content .meta-category a { color: #FFFFFF; - text-transform: uppercase; + letter-spacing: 0.7px; } -.entry-taxonomies .entry-tags { - margin-top: 2px; - margin-top: 0.125rem; +@media (min-width: 48em) { + .block2_widget .slider-content { + background: transparent linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0 0; + position: absolute; + bottom: 0px; + width: 100%; + padding: 25px 25px; + padding: 1.5625rem 1.5625rem; + } + .block2_widget .slider-content .slider-title { + margin-bottom: 0px; + } + .block2_widget .slider-content .slider-title a { + color: #FFF; + font-weight: 900; + } } -.entry-taxonomies .post-categories, .entry-taxonomies .post-tags { - list-style: none; - padding: 0px; - margin: 0; +@media (max-width: 47.9em) { + .block2_widget .slider-content { + margin-top: 20px; + margin-top: 1.25rem; + } + .block2_widget .slider-content .slider-title { + margin-bottom: 5px; + } } -.entry-taxonomies .post-categories li, .entry-taxonomies .post-tags li { - display: inline; - margin: 0px; +.block2_widget .slider-content .slider-meta { + margin-top: 5px; + margin-top: 0.3125rem; } -.entry-taxonomies .post-categories li a, .entry-taxonomies .post-tags li a { - line-height: 24px; - display: inline-block; - border: 1px solid #eeeeee; - margin-right: 2px; - margin-right: 0px; - margin-right: 0rem; - margin-bottom: 3px; - margin-bottom: 0.1875rem; - padding: 0px 8px; - padding: 0rem 0.5rem; - color: #494949; +.block2_widget .slider-content .slider-meta .comments-link { + float: none; } -.entry-taxonomies .post-categories li a:hover, .entry-taxonomies .post-tags li a:hover { - border-color: #46a28d; - text-decoration: none; +@media (min-width: 48em) { + .block2_widget .slider-content .slider-meta .entry-meta { + color: #FFF; + } + .block2_widget .slider-content .slider-meta a { + color: #FFFFFF; + } } -/*- Entry Post Navigation ---------------------------------------------------------------*/ -.post-navigation { - margin-top: 25px; - margin-top: 1.5625rem; +.block2_widget .slick-dots { + margin: 0px; + padding: 0px; + list-style: none; + position: absolute; + bottom: 23px; + right: 20px; } -.post-navigation span { - font-size: 13px; - font-size: 0.8125rem; - color: #999999; - margin-bottom: 3px; - display: block; +@media (max-width: 47.9em) { + .block2_widget .slick-dots { + top: 10px; + right: 15px; + } } -.post-navigation .post-navi-next { - text-align: right; +.block2_widget .slick-dots li { + cursor: pointer; + display: inline-block; + height: 10px; + margin: 0 3px; + padding: 0; + position: relative; + width: 10px; } -/*- Entry Meta 1 ---------------------------------------------------------------*/ -.entry-meta { - font-size: 13px; - font-size: 0.8125rem; +.block2_widget .slick-dots li button { + background: rgba(255, 255, 255, 0.6); + border-radius: 100px; + border: 0 none; + color: transparent; + cursor: pointer; + display: block; + font-size: 0; + height: 10px; + line-height: 0; + outline: medium none; + padding: 2px; + width: 10px; } -.entry-meta span { - margin-right: 12px; - margin-right: 0.75rem; +.block2_widget .slick-dots li.slick-active button { + background: rgba(255, 255, 255, 0.9); } -.entry-meta a { - color: #666666; +/* # Block 3 +--------------------------------------------------------------*/ +.block3_widget .block-item { + margin-bottom: 25px; + margin-bottom: 1.5625rem; + position: relative; } -.entry-meta a:hover { - text-decoration: none; +.block3_widget .block-thumb { + position: absolute; + top: 3px; + left: 0px; } -.entry-meta .author a { - font-weight: bold; +.block3_widget .block-content { + margin-left: 110px; + min-height: 63px; } -.entry-meta .comments-link { - float: right; - margin-right: 0px; - font-size: 12px; - font-size: 0.75rem; +.block3_widget .block-content .block-title { + font-weight: 600; + margin-bottom: 0px; } -.entry-meta .comments-link i { - margin-right: 2px; - position: relative; - top: -1px; +.block3_widget .block-content .block-meta { + line-height: 1; + margin-top: 8px; + font-size: 11px; + font-size: 0.6875rem; + color: #999999; +} + +/*- Entry Header +--------------------------------------------------------------*/ +.single .entry-header .entry-title { + margin-bottom: 5px; +} + +.single .entry-thumb { + margin-top: 25px; + margin-top: 1.5625rem; +} + +/*- Page Header +--------------------------------------------------------------*/ +.page-header { + padding-bottom: 30px; + padding-bottom: 1.875rem; +} + +.page-header .page-title { + margin-bottom: 0px; + font-size: 35px; + font-size: 2.1875rem; + font-weight: 500; +} + +.page-header .taxonomy-description { + margin-top: 2px; + margin-top: 0.125rem; + margin-bottom: 0px; + margin-bottom: 0rem; +} + +.page-header .taxonomy-description p { + margin-bottom: 0px; + margin-bottom: 0rem; +} + +/*- Entry Meta 1 +--------------------------------------------------------------*/ +.entry-meta { + color: #999999; + font-size: 12px; + font-size: 0.75rem; +} + +.entry-meta span { + margin-right: 12px; + margin-right: 0.75rem; +} + +.entry-meta a { + color: #999999; +} + +.entry-meta a:hover { + text-decoration: none; +} + +.entry-meta .author a { + font-weight: bold; + color: #333333; +} + +.entry-meta .comments-link { + float: right; + margin-right: 0px; + font-size: 12px; + font-size: 0.75rem; +} + +.entry-meta .comments-link i { + margin-right: 2px; + position: relative; + top: -1px; } .entry-meta a:hover { color: #46a28d; } +/*- Entry Footer +--------------------------------------------------------------*/ +.entry-taxonomies { + font-size: 13px; + font-size: 0.8125rem; + line-height: 25px; +} + +.entry-taxonomies span { + float: left; + padding: 0px 13px; + padding: 0rem 0.8125rem; + font-size: 11px; + font-size: 0.6875rem; + margin-right: 4px; + margin-right: 0.25rem; + font-weight: 600; + background: #46a28d; + color: #FFFFFF; + text-transform: uppercase; +} + +.entry-taxonomies .entry-tags { + margin-top: 2px; + margin-top: 0.125rem; +} + +.entry-taxonomies .post-categories, .entry-taxonomies .post-tags { + list-style: none; + padding: 0px; + margin: 0; +} + +.entry-taxonomies .post-categories li, .entry-taxonomies .post-tags li { + display: inline; + margin: 0px; +} + +.entry-taxonomies .post-categories li a, .entry-taxonomies .post-tags li a { + line-height: 24px; + display: inline-block; + border: 1px solid #e9e9e9; + margin-right: 2px; + margin-right: 0px; + margin-right: 0rem; + margin-bottom: 3px; + margin-bottom: 0.1875rem; + padding: 0px 8px; + padding: 0rem 0.5rem; + color: #494949; +} + +.entry-taxonomies .post-categories li a:hover, .entry-taxonomies .post-tags li a:hover { + border-color: #46a28d; + text-decoration: none; +} + +/*- Entry Post Navigation +--------------------------------------------------------------*/ +.post-navigation { + margin-top: 25px; + margin-top: 1.5625rem; +} + +.post-navigation span { + font-size: 13px; + font-size: 0.8125rem; + color: #999999; + margin-bottom: 3px; + display: block; +} + +.post-navigation .post-navi-next { + text-align: right; +} + +@media (max-width: 47.9em) { + .post-navigation .post-navi-next { + text-align: left; + } +} + +.post-navigation .h5 { + font-weight: 600; +} + /*- Paginate --------------------------------------------------------------*/ .ft-paginate { @@ -3042,7 +3384,7 @@ article.sticky .entry-title:before { .ft-paginate span.current, .ft-paginate a { line-height: 20px; padding: 5px 14px 6px; - border: 1px solid #eeeeee; + border: 1px solid #e9e9e9; color: #494949; -webkit-border-radius: 2px; -moz-border-radius: 2px; @@ -3079,14 +3421,7 @@ article.sticky .entry-title:before { margin-top: 1.875rem; padding-top: 25px; padding-top: 1.5625rem; - border-top: 1px solid #eeeeee; -} - -#comments .comments-title { - margin-bottom: 25px; - margin-bottom: 1.5625rem; - font-size: 24px; - font-size: 1.5rem; + border-top: 1px solid #e9e9e9; } #comments .comment-list { @@ -3095,9 +3430,9 @@ article.sticky .entry-title:before { } #comments .comment-list .pingback { - border-bottom: 1px solid #eeeeee; - padding: 25px 0px; - padding: 1.5625rem 0rem; + border-bottom: 1px solid #e9e9e9; + padding: 10px 0px; + padding: 0.625rem 0rem; margin: 0; } @@ -3112,49 +3447,51 @@ article.sticky .entry-title:before { #comments .comment { list-style: none; - margin: 30px 0; + margin-top: 25px; + margin-top: 1.5625rem; +} + +#comments .comment:last-child { + margin-bottom: 25px; + margin-bottom: 1.5625rem; } #comments .comment .avatar { - width: 60px; + width: 50px; float: left; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + margin-top: 5px; } #comments .comment .comment-wrapper { - margin-left: 90px; - padding: 25px 30px 15px 30px; - background: #f8f9f9; + margin-left: 75px; + margin-left: 4.6875rem; position: relative; } -#comments .comment .comment-wrapper:before { - border-color: transparent #f6f7f9 transparent transparent; - border-style: solid; - border-width: 0 10px 10px 0; - content: ""; - height: 0; - left: -9px; - position: absolute; - top: 0; - width: 0; +#comments .comment .comment-wrapper .comment-content { + margin-top: 5px; + margin-top: 0.3125rem; } -#comments .comment .comment-wrapper .comment-meta .comment-time, #comments .comment .comment-wrapper .comment-meta .comment-reply-link, #comments .comment .comment-wrapper .comment-meta .comment-edit-link { - color: #aaaaaa; - text-transform: uppercase; - letter-spacing: 0.3px; - font-size: 11px; +#comments .comment .comment-wrapper .comment-content p { + margin-bottom: 10px; +} + +#comments .comment .comment-wrapper .comment-content p:last-child { + margin-bottom: 0px; } -#comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover { +#comments .comment .comment-wrapper .comment-meta cite span, #comments .comment .comment-wrapper .comment-meta .comment-time, #comments .comment .comment-wrapper .comment-meta .comment-reply-link, #comments .comment .comment-wrapper .comment-meta .comment-edit-link, #comments .comment .comment-wrapper .comment-reply-login { + color: #999999; + font-size: 12px; +} + +#comments .comment .comment-wrapper .comment-meta cite span:hover, #comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover, #comments .comment .comment-wrapper .comment-reply-login:hover { color: #46a28d; } -#comments .comment .comment-wrapper .comment-meta .comment-time:after, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:after, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:after { - content: "/"; +#comments .comment .comment-wrapper .comment-meta cite span:after, #comments .comment .comment-wrapper .comment-meta .comment-time:after, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:after, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:after, #comments .comment .comment-wrapper .comment-reply-login:after { + content: "ยท"; padding: 0px 5px; } @@ -3163,21 +3500,18 @@ article.sticky .entry-title:before { } #comments .comment .comment-wrapper .comment-meta cite .fn { - font-weight: bold; font-style: normal; - margin-right: 5px; - text-transform: uppercase; - letter-spacing: 1.5px; + margin-right: 10px; font-size: 14px; + font-size: 0.875rem; } -#comments .comment .comment-wrapper .comment-meta cite span { - padding: 3px 10px; - background: #eeeeee; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - margin-right: 10px; +#comments .comment .comment-wrapper .comment-meta cite .fn a { + color: #494949; +} + +#comments .comment .comment-wrapper .comment-meta cite .fn a:hover { + color: #46a28d; } #comments .comment .comment-wrapper a { @@ -3185,32 +3519,145 @@ article.sticky .entry-title:before { } #comments .comment .children { - padding-left: 30px; + padding-left: 0px; + margin-left: 75px; + margin-left: 4.6875rem; + position: relative; } -#comments .comment .children .children { - padding-left: 30px; +@media (max-width: 47.9em) { + #comments .comment .children { + margin-left: 0px; + margin-left: 0rem; + } } -#comments .comment .children .children .children { - padding-left: 0px; +#comments .comment .children .comment { + position: relative; +} + +#comments .comment .children .comment:before { + content: ""; + height: 50px; + width: 1px; + background: #e9e9e9; + display: block; + position: absolute; + left: -75px; + top: 5px; +} + +#comments .comment .children .comment:after { + content: ""; + height: 1px; + width: 50px; + background: #e9e9e9; + display: block; + position: absolute; + left: -75px; + top: 30px; } @media (max-width: 47.9em) { - #comments .comment .children { - padding-left: 90px; + #comments .comment .children .comment:before, #comments .comment .children .comment:after { + content: none; } +} + +#comments .comment .children .children { + margin-left: 75px; + margin-left: 4.6875rem; +} + +@media (max-width: 47.9em) { #comments .comment .children .children { - padding-left: 90px; + margin-left: 0px; + margin-left: 0rem; } +} + +#comments .comment .children .children .comment { + position: relative; +} + +#comments .comment .children .children .comment:before { + content: ""; + height: 50px; + width: 1px; + background: #e9e9e9; + display: block; + position: absolute; + left: -75px; + top: 0px; +} + +#comments .comment .children .children .comment:after { + content: ""; + height: 1px; + width: 50px; + background: #e9e9e9; + display: block; + position: absolute; + left: -75px; + top: 25px; +} + +@media (max-width: 47.9em) { + #comments .comment .children .children .comment:before, #comments .comment .children .children .comment:after { + content: none; + } +} + +#comments .comment .children .children .children { + margin-left: 0px; + margin-left: 0rem; +} + +@media (max-width: 47.9em) { #comments .comment .children .children .children { - padding-left: 90px; + margin-left: 0px; + margin-left: 0rem; } } -#comments .bypostauthor { - background: #333333; - color: #FFFFFF; +#comments .comment .children .children .children .comment { + position: relative; +} + +#comments .comment .children .children .children .comment:before { + content: ""; + height: 50px; + width: 1px; + background: #e9e9e9; + display: block; + position: absolute; + left: -75px; + top: 0px; +} + +#comments .comment .children .children .children .comment:after { + content: ""; + height: 1px; + width: 50px; + background: #e9e9e9; + display: block; + position: absolute; + left: -75px; + top: 25px; +} + +@media (max-width: 47.9em) { + #comments .comment .children .children .children .comment:before, #comments .comment .children .children .children .comment:after { + content: none; + } +} + +#comments .bypostauthor .comment-wrapper { + padding: 15px 20px; + padding: 0.9375rem 1.25rem; + border: 1px solid #e9e9e9; + position: relative; + top: 5px; } #comments .form-allowed-tags { @@ -3232,6 +3679,11 @@ article.sticky .entry-title:before { /* Comment Form --------------------------------------------------------------*/ +#respond { + margin-top: 25px; + margin-top: 1.5625rem; +} + #respond .comment-form label { display: block; margin-bottom: 4px; @@ -3246,9 +3698,11 @@ article.sticky .entry-title:before { } #respond .comment-reply-title { - font-size: 18px; - letter-spacing: 1.5px; + font-size: 17px; + font-size: 1.0625rem; margin-bottom: 20px; + margin-bottom: 1.25rem; + letter-spacing: 1px; text-transform: uppercase; } @@ -3257,10 +3711,43 @@ article.sticky .entry-title:before { } #respond label { - color: #999999; cursor: pointer; } +/*- 404 Page. +--------------------------------------------------------------*/ +.error-404 .page-header { + text-align: center; + padding: 40px 0px; + padding: 2.5rem 0rem; +} + +.error-404 .page-header .page-title { + margin-bottom: 10px; + margin-bottom: 0.625rem; + font-weight: 900; +} + +.error-404 .page-header .page-subtitle { + color: #999999; +} + +.search404 { + text-align: center; + max-width: 400px; + width: 100%; + margin: 0 auto; +} + +.latest-posts-404 { + padding: 50px 0px 0px 0px; + padding: 3.125rem 0rem 0rem 0rem; +} + +.latest-posts-404 > h4 { + font-weight: bold; +} + /* Entry Content Stuffs --------------------------------------------------------------*/ .entry-content { @@ -3281,18 +3768,26 @@ article.sticky .entry-title:before { /* Widget Stuffs --------------------------------------------------------------*/ .widget-title { - border-bottom: 1px solid #eeeeee; - font-size: 14px; - font-weight: 600; - text-transform: uppercase; - letter-spacing: 2px; - padding: 0 0 10px; - margin-bottom: 20px; + font-size: 19px; + font-size: 1.1875rem; + font-weight: 500; + margin-bottom: 15px; + margin-bottom: 0.9375rem; +} + +.widget-title a { + color: #46a28d; +} + +.widget-title a:hover { + color: #494949; } .widget { - margin-bottom: 40px; + margin-bottom: 25px; + margin-bottom: 1.5625rem; font-size: 15px; + font-size: 0.9375rem; } .widget a { @@ -3300,7 +3795,8 @@ article.sticky .entry-title:before { } .widget a:hover { - text-decoration: underline; + color: #46a28d; + text-decoration: none; } .widget ul { @@ -3310,8 +3806,55 @@ article.sticky .entry-title:before { } .widget ul li { - padding-bottom: 4px; - margin-bottom: 4px; + margin: 8px 0px; +} + +.widget .widget-title a { + color: #46a28d; +} + +.widget .widget-title a:hover { + color: #494949; +} + +/* Categories +--------------------------------------------------------------*/ +.widget_categories ul li { + padding-left: 12px; + position: relative; +} + +.widget_categories ul li:before { + content: "\f105"; + font-family: FontAwesome; + display: block; + font-size: 14px; + font-size: 0.875rem; + color: #494949; + position: absolute; + top: 2px; + left: 0px; +} + +.widget_categories ul li:hover .cat-count { + background: #46a28d; +} + +.widget_categories ul li a { + display: block; +} + +.widget_categories ul li .cat-count { + background: #cacaca none repeat scroll 0 0; + border-radius: 20px; + color: #FFFFFF; + font-size: 11px; + font-weight: bold; + line-height: 20px; + padding: 0 10px; + position: absolute; + right: 5px; + top: 0; } /* Recent Comments @@ -3335,6 +3878,125 @@ article.sticky .entry-title:before { color: #46a28d; } +/* Tag Cloud +--------------------------------------------------------------*/ +.widget_tag_cloud a { + font-size: 13px !important; + font-size: 0.8125rem !important/16px/rem; + padding: 2px 10px 3px; + border: 1px solid #e9e9e9; + color: #888; + margin-bottom: 5px; + display: inline-block; + border-radius: 2px; +} + +.widget_tag_cloud a:hover { + border-color: #46a28d; +} + /*-------------------------------------------------------------- -# Support Plugins +# Slick --------------------------------------------------------------*/ +.slick-slider { + position: relative; + display: block; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; +} + +.slick-list:focus { + outline: none; +} + +.slick-list.dragging { + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; +} + +.slick-track:before, .slick-track:after { + content: ""; + display: table; +} + +.slick-track:after { + clear: both; +} + +.slick-loading .slick-track { + visibility: hidden; +} + +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + display: none; +} + +[dir="rtl"] .slick-slide { + float: right; +} + +.slick-slide img { + display: block; +} + +.slick-slide.slick-loading img { + display: none; +} + +.slick-slide.dragging img { + pointer-events: none; +} + +.slick-initialized .slick-slide { + display: block; +} + +.slick-loading .slick-slide { + visibility: hidden; +} + +.slick-vertical .slick-slide { + display: block; + height: auto; + border: 1px solid transparent; +} + +.slick-arrow.slick-hidden { + display: none; +} diff --git a/template-fullwidth.php b/template-fullwidth.php new file mode 100644 index 0000000..ca9be4f --- /dev/null +++ b/template-fullwidth.php @@ -0,0 +1,40 @@ + +
    +
    +
    +
    + + + + + + + + + +
    +
    + diff --git a/template-homepage.php b/template-homepage.php new file mode 100644 index 0000000..3516975 --- /dev/null +++ b/template-homepage.php @@ -0,0 +1,76 @@ + + +
    + +
    +
    + + + +
    + +
    + + + +
    + + +
    +
    +
    + +
    + +
    + +
    +
    + +
    + +
    + +
    +
    +
    + + +
    + + +
    + +
    + + +
    + + + + diff --git a/template-parts/content-grid.php b/template-parts/content-grid.php index b73784e..7f694fc 100644 --- a/template-parts/content-grid.php +++ b/template-parts/content-grid.php @@ -20,6 +20,12 @@ } ?> + term_id ).'">'.$category[0]->cat_name.''; + } + ?>
    diff --git a/template-parts/content-list.php b/template-parts/content-list.php index 84035a3..4fee9e1 100644 --- a/template-parts/content-list.php +++ b/template-parts/content-list.php @@ -20,6 +20,12 @@ } ?> + term_id ).'">'.$category[0]->cat_name.''; + } + ?>
    diff --git a/template-parts/content-search.php b/template-parts/content-search.php index 5280479..ae13b3a 100644 --- a/template-parts/content-search.php +++ b/template-parts/content-search.php @@ -1,6 +1,6 @@
    - diff --git a/template-parts/content-single.php b/template-parts/content-single.php index 289cbeb..f033984 100644 --- a/template-parts/content-single.php +++ b/template-parts/content-single.php @@ -34,16 +34,26 @@
    + +
    - Previous article -

    + + +

    +
    - Next article -

    + + +

    +
    +