Multiple small fixes
Before Width: | Height: | Size: 99 KiB |
BIN
img/bg-shape.jpg
Before Width: | Height: | Size: 38 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.5 KiB |
|
@ -99,18 +99,6 @@ jQuery(document).ready(function($) {
|
|||
debugmode: false,
|
||||
pushup: ''
|
||||
});
|
||||
|
||||
/* Jetpack infinite scroll
|
||||
/* ------------------------------------ */
|
||||
var infiniteCount = 2;
|
||||
$( document.body ).on( 'post-load', function () {
|
||||
var elements = $('.infinite-wrap.infinite-view-' + infiniteCount + ' article');
|
||||
|
||||
$('#masonry').imagesLoaded().done( function(){
|
||||
$('#masonry').masonry( 'appended', elements );
|
||||
infiniteCount++;
|
||||
});
|
||||
});
|
||||
|
||||
/* Hide on scroll down
|
||||
/* ------------------------------------ */
|
||||
|
@ -145,71 +133,6 @@ jQuery(document).ready(function($) {
|
|||
|
||||
}, 250);
|
||||
|
||||
/* Slick featured posts
|
||||
/* ------------------------------------ */
|
||||
$.fn.randomize = function (selector) {
|
||||
var $elems = selector ? $(this).find(selector) : $(this).children(),
|
||||
$parents = $elems.parent();
|
||||
|
||||
$parents.each(function () {
|
||||
$(this).children(selector).sort(function (childA, childB) {
|
||||
// * Prevent last slide from being reordered
|
||||
if($(childB).index() !== $(this).children(selector).length - 0.5) {
|
||||
return Math.round(Math.random()) - 0.5;
|
||||
}
|
||||
}.bind(this)).detach().appendTo(this);
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
$(".slick-featured").randomize().slick({
|
||||
centerMode: true,
|
||||
centerPadding: '0',
|
||||
slidesToShow: 1,
|
||||
appendArrows: '.slick-featured-nav',
|
||||
dots: true,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1280,
|
||||
settings: {
|
||||
arrows: true,
|
||||
centerMode: true,
|
||||
centerPadding: '0',
|
||||
slidesToShow: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
arrows: true,
|
||||
centerMode: true,
|
||||
centerPadding: '0',
|
||||
slidesToShow: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
arrows: true,
|
||||
centerMode: true,
|
||||
centerPadding: '0',
|
||||
slidesToShow: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
arrows: true,
|
||||
centerMode: true,
|
||||
centerPadding: '0',
|
||||
slidesToShow: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
$('.slick-featured-wrap-outer').show();
|
||||
|
||||
/* Slick image slide
|
||||
/* ------------------------------------ */
|
||||
$('.slick-image-slide').each( function() {
|
||||
|
|
|
@ -8,7 +8,7 @@ Tags: blog, news, entertainment, one-column, two-columns, right-sidebar, left-si
|
|||
|
||||
== Description ==
|
||||
|
||||
Curveflow is a flexible blog theme with plenty of options. Optimized for all devices, this theme will stand out with a unique design. Set sidebar to the left or right - or no sidebar at all. Set sidebar to the left or right - or no sidebar at all. Pick sidebar colors, header color and primary accent as you wish. Demo: http://demo.alx.media/x/?theme=Curveflow
|
||||
Curveflow is a flexible blog theme with plenty of options. Optimized for all devices, this theme will stand out with a unique design. Set sidebar to the left or right - or no sidebar at all. Set sidebar to the left or right - or no sidebar at all. Pick sidebar colors, header color and accents as you wish. Demo: http://demo.alx.media/x/?theme=Curveflow
|
||||
|
||||
== Installation ==
|
||||
|
||||
|
@ -73,10 +73,13 @@ License: CC0 1.0 Universal (CC0 1.0)
|
|||
Source: https://stocksnap.io
|
||||
|
||||
Content images
|
||||
1. https://stocksnap.io/photo/X - CC0 1.0 Universal (CC0 1.0)
|
||||
1. https://stocksnap.io/photo/13LKG0AGI0 - CC0 1.0 Universal (CC0 1.0)
|
||||
2. https://stocksnap.io/photo/3VLGQNBZP2 - CC0 1.0 Universal (CC0 1.0)
|
||||
3. https://stocksnap.io/photo/693PZB7YZT - CC0 1.0 Universal (CC0 1.0)
|
||||
4. https://stocksnap.io/photo/76X7PJUIMF - CC0 1.0 Universal (CC0 1.0)
|
||||
|
||||
Sidebar images
|
||||
1. https://stocksnap.io/photo/X - CC0 1.0 Universal (CC0 1.0)
|
||||
1. https://stocksnap.io/photo/IPXQTD44G8 - CC0 1.0 Universal (CC0 1.0)
|
||||
|
||||
== Changelog ==
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@ Version: 1.0.0
|
|||
Requires at least: 5.0
|
||||
Requires PHP: 5.6
|
||||
Tested up to: 6.0
|
||||
Description: <a href="http://alx.media/themes/curveflow/">Curveflow</a> is a flexible blog theme with plenty of options. Optimized for all devices, this theme will stand out with a unique design. Set sidebar to the left or right - or no sidebar at all. Pick sidebar colors, header color and primary accent as you wish. Demo: http://demo.alx.media/x/?theme=Curveflow
|
||||
Description: <a href="http://alx.media/themes/curveflow/">Curveflow</a> is a flexible blog theme with plenty of options. Optimized for all devices, this theme will stand out with a unique design. Set sidebar to the left or right - or no sidebar at all. Pick sidebar colors, header color and accents as you wish. Demo: http://demo.alx.media/x/?theme=Curveflow
|
||||
Author: Alexander Agnarson
|
||||
Author URI: http://alx.media
|
||||
Tags: blog, news, entertainment, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, custom-logo, custom-header, custom-background, footer-widgets, wide-blocks
|
||||
|
@ -695,8 +695,8 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
|
|||
#profile-name { color: #fff; font-size: 22px; font-weight: 600; line-height: 1.2em; margin-top: 20px; margin-bottom: 10px; }
|
||||
#profile-description { font-size: 16px; line-height: 1.6em; font-weight: 300; color: rgba(255,255,255,0.5); position: relative; }
|
||||
#profile-description:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 2px; }
|
||||
#profile-description a { color: rgba(0,0,0,0.9); }
|
||||
#profile-description a:hover { color: rgba(0,0,0,0.6); }
|
||||
#profile-description a { color: rgba(255,255,255,0.75); }
|
||||
#profile-description a:hover { color: rgba(255,255,255,0.6); }
|
||||
|
||||
/* header : search
|
||||
/* ------------------------------------ */
|
||||
|
@ -713,7 +713,7 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
|
|||
.toggle-search #svg-close { display: none; }
|
||||
.toggle-search.active #svg-search { display: none; }
|
||||
.toggle-search.active #svg-close { display: block; fill: rgba(255,255,255,0.5); }
|
||||
.toggle-search:focus #svg-search { fill: rgba(255,255,255,0.7); }
|
||||
.toggle-search:focus #svg-search { fill: #fff; }
|
||||
.toggle-search:focus #svg-close { fill: #fff; }
|
||||
|
||||
|
||||
|
@ -1258,6 +1258,7 @@ body.search .type-page .flow-meta { display: none; }
|
|||
.widget { color: rgba(255,255,255,0.6); font-size: 14px; }
|
||||
.widget a { color: rgba(255,255,255,0.6); }
|
||||
.widget a:hover { color: #fff; }
|
||||
.widget h2 { color: #fff; }
|
||||
.widget > h3 { color: #fff; font-size: 16px; font-weight: 600; margin: 0 0 10px; padding: 0; }
|
||||
.widget > h3 a,
|
||||
.widget > h3 a:hover { color: #fff; }
|
||||
|
|