diff --git a/content-page.php b/content-page.php index 3d42ae3..9480819 100644 --- a/content-page.php +++ b/content-page.php @@ -5,10 +5,19 @@ * @package Masonry */ ?> - +
>
- ', '' ); ?> + hide homepage title checkbox is unchecked ) */ + if( ( is_home() || is_front_page() ) && ! empty( $masonry_options['hide_homepage_title'] ) ) { + $class .= ' hidden'; + } + + the_title( '

', '

' ); + ?>
diff --git a/content-search.php b/content-search.php index 6061152..e61cdc6 100644 --- a/content-search.php +++ b/content-search.php @@ -14,7 +14,13 @@
- +
diff --git a/content-single.php b/content-single.php index 65d043c..a402753 100644 --- a/content-single.php +++ b/content-single.php @@ -3,35 +3,41 @@ * @package Masonry */ ?> - +
> - + + +
+ +
+ +
', '' ); ?>
- +
- -
- -
- -
'
' . __( 'Pages:', 'masonry' ), - 'after' => '
', + wp_link_pages( array( + 'before' => '
' . __( 'Pages:', 'masonry' ), + 'after' => '
', ) ); - ?> -
+ ?> +
- + ', '' ); ?> +
\ No newline at end of file diff --git a/content.php b/content.php index c019858..8315382 100644 --- a/content.php +++ b/content.php @@ -3,83 +3,91 @@ * @package Masonry */ ?> - +
> -
- -
- ', '' ,false); - if(strlen($title) > 60): - echo trim(substr($title, 0, 100)).'...'; + +
+ + + + +
+
+ 50): + echo trim(substr($title, 0, 50)).'...'; else: echo $title; endif; - ?> -
- - -
- - -
- ', esc_url( get_permalink() ) ), '' ); ?> - - -
- -
- -
+ ?> + + + +
+ ', esc_url( get_permalink() ) ), '' ); ?> -
+ +
→', 'masonry' ) ); + if( ! empty( $masonry_options['last_updated_on'] ) ){ + masonry_last_updated_on(); + } else{ + masonry_posted_on(); } ?> - + +
+ +
+ →', 'masonry' ) ); + } + ?> + '
' . __( 'Pages:', 'masonry' ), 'after' => '
', - ) ); - ?> -
+ ) ); + ?> + -
\ No newline at end of file diff --git a/fonts/LICENCE.md b/fonts/LICENCE.md index 2169628..cdda13f 100644 --- a/fonts/LICENCE.md +++ b/fonts/LICENCE.md @@ -1,6 +1,6 @@ Copyright (c) 2014, Stephen Hutchings (http://www.s-ings.com/). -This Font Software is licensed under the SIL Open Font License, Version 1.1. +This Font Software is licensed under the SIL Open Font License, Version 1.2. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL diff --git a/footer.php b/footer.php index e76019b..6c01787 100644 --- a/footer.php +++ b/footer.php @@ -26,7 +26,7 @@
- DevriX' ); ?> + DevriX' ); ?>
diff --git a/functions.php b/functions.php index 8fbb1cf..8669248 100644 --- a/functions.php +++ b/functions.php @@ -36,12 +36,6 @@ function masonry_setup() { // Add default posts and comments RSS feed links to head. add_theme_support( 'automatic-feed-links' ); - /** - * This feature allows themes to add document title tag to HTML . - * @see https://codex.wordpress.org/Title_Tag - */ - add_theme_support( 'title-tag' ); - /* * Enable support for Post Thumbnails on posts and pages. * @@ -52,6 +46,22 @@ function masonry_setup() { add_image_size( 'masonry-home', '300', '300', true ) /* Home only */; add_image_size( 'masonry-single', '960', '9999', false ) /* Single pages */ ; + /* + * Change medium image croping to hardcrop + */ + if(false === get_option("medium_crop")) { + add_option("medium_crop", "1"); + } + else { + update_option("medium_crop", "1"); + } + + + /** + * This feature allows themes to add document title tag to HTML . + * @see https://codex.wordpress.org/Title_Tag + */ + add_theme_support( 'title-tag' ); // This theme uses wp_nav_menu() in one location. register_nav_menus( array( @@ -77,6 +87,7 @@ function masonry_setup() { endif; // masonry_setup add_action( 'after_setup_theme', 'masonry_setup' ); + /** * Register widget area. * @@ -121,6 +132,15 @@ function masonry_scripts() { if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } + + $masonry_options = get_option( 'masonry_theme_options' ); + $excerpt_val = !empty( $masonry_options['display_excerpt'] ) ? $masonry_options['display_excerpt'] : ""; + $excerpt_array = array( + 'excerpt' => $excerpt_val + ); + wp_localize_script( 'masonry-helpers', 'display_excerpt_val', $excerpt_array ); + + } add_action( 'wp_enqueue_scripts', 'masonry_scripts' ); diff --git a/header.php b/header.php index a155b14..ee1c3bd 100644 --- a/header.php +++ b/header.php @@ -21,7 +21,11 @@
-
- +
- -
-
-
- +
\ No newline at end of file diff --git a/images/default-image.jpg b/images/default-image.jpg index f6b043d..29ea74e 100644 Binary files a/images/default-image.jpg and b/images/default-image.jpg differ diff --git a/inc/customizer.php b/inc/customizer.php index 74c9746..024fa9d 100644 --- a/inc/customizer.php +++ b/inc/customizer.php @@ -23,4 +23,69 @@ function masonry_customize_register( $wp_customize ) { function masonry_customize_preview_js() { wp_enqueue_script( 'masonry_customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), null, true ); } -add_action( 'customize_preview_init', 'masonry_customize_preview_js' ); \ No newline at end of file +add_action( 'customize_preview_init', 'masonry_customize_preview_js' ); + + +add_action( 'admin_init', 'masonry_theme_options_init' ); +/** + * Init plugin options to white list our options + */ +function masonry_theme_options_init() { + register_setting( 'masonry_theme_options', 'masonry_theme_options', 'masonry_theme_options_validate' ); +} + +function masonry_theme_options_validate( $input ) { +return $input; +} + +/** + * Add Masonry Theme Options in Customizer. + */ +function masonry_customizer_options( $wp_customize ) { + + $wp_customize->add_section( + 'masonry_options', + array( + 'title' => __( 'Masonry Options', 'masonry' ), + 'description' => __( 'Masonry Theme Options', 'masonry' ), + 'priority' => 500, + ) + ); + + + $wp_customize->add_setting( + 'masonry_theme_options[hide_homepage_title]', + array( + 'sanitize_callback' => 'wp_filter_post_kses', + 'type' => 'option' + ) + ); + + $wp_customize->add_control( + 'masonry_theme_options[hide_homepage_title]', + array( + 'label' => __( 'Hide homepage title?', 'masonry' ), + 'section' => 'masonry_options', + 'type' => 'checkbox', + ) + ); + + $wp_customize->add_setting( + 'masonry_theme_options[last_updated_on]', + array( + 'sanitize_callback' => 'wp_filter_post_kses', + 'type' => 'option' + ) + ); + + $wp_customize->add_control( + 'masonry_theme_options[last_updated_on]', + array( + 'label' => __( 'Show last modified date?', 'masonry' ), + 'section' => 'masonry_options', + 'type' => 'checkbox', + ) + ); + +} +add_action( 'customize_register', 'masonry_customizer_options' ); diff --git a/inc/template-tags.php b/inc/template-tags.php index a10a687..c659453 100644 --- a/inc/template-tags.php +++ b/inc/template-tags.php @@ -93,6 +93,37 @@ function masonry_posted_on() { } endif; +if ( ! function_exists( 'masonry_last_updated_on' ) ) : +/** + * Prints HTML with meta information for the current last-updated-date/time and author. + */ +function masonry_last_updated_on() { + $time_string = ''; + if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) { + $time_string .= ''; + } + + $time_string = sprintf( $time_string, + esc_attr( get_the_modified_date( 'c' ) ), + esc_html( get_the_modified_date() ), + esc_attr( get_the_date( 'c' ) ), + esc_html( get_the_date() ) + ); + + $posted_on = sprintf( + _x( 'Last updated on %s', 'post date', 'masonry' ), + '' . $time_string . '' + ); + + $byline = sprintf( + _x( 'by %s', 'post author', 'masonry' ), + '' . esc_html( get_the_author() ) . '' + ); + + echo '' . $posted_on . ' ' . $byline . ''; +} +endif; + if ( ! function_exists( 'masonry_date' ) ) : /** * Prints HTML with date information @@ -159,4 +190,4 @@ function masonry_category_transient_flusher() { delete_transient( 'masonry_categories' ); } add_action( 'edit_category', 'masonry_category_transient_flusher' ); -add_action( 'save_post', 'masonry_category_transient_flusher' ); \ No newline at end of file +add_action( 'save_post', 'masonry_category_transient_flusher' ); diff --git a/js/helpers.js b/js/helpers.js index 5142fc5..c63b48a 100644 --- a/js/helpers.js +++ b/js/helpers.js @@ -1,33 +1,24 @@ -/* Off-Canvas Menu */ -jQuery( document ).ready(function() { - jQuery('.navigation-button').sidr({ - name: 'sidr-main', - side: 'right', - renaming: false, - displace: false, - source: '.main-navigation' - }); -}); - /* Masonry */ jQuery('.masonry #main').masonry({ - "gutter": 20, - columnWidth: 300, - itemSelector: '.masonry .hentry', - isFitWidth: true + "gutter": 20, + columnWidth: 300, + itemSelector: '.masonry .hentry', + isFitWidth: true }); (function($) { - "use strict"; - $(function() { - - // entry-thumbnail hover effect - $('.masonry .has-post-thumbnail img').hover( - function() { - $(this).fadeTo('fast', 0.3); - }, function() { - $(this).fadeTo('slow', 1); - } - ); - }); + "use strict"; + $(function() { + $('#simple-menu').sidr({ + timing: 'ease-in-out', + speed: 100, + side: 'right', + renaming: false, + source: '.main-navigation' + }); + + $( window ).resize(function () { + $.sidr('close', 'sidr'); + }); + }); }(jQuery)); \ No newline at end of file diff --git a/js/navigation.js b/js/navigation.js index 8b99389..ec85c5b 100644 --- a/js/navigation.js +++ b/js/navigation.js @@ -1,313 +1,579 @@ -/* - * Sidr - * https://github.com/artberri/sidr - * - * Copyright (c) 2013 Alberto Varela - * Licensed under the MIT license. - */ +/*! sidr - v2.2.1 - 2016-02-17 + * http://www.berriart.com/sidr/ + * Copyright (c) 2013-2016 Alberto Varela; Licensed MIT */ -;(function( $ ){ +(function () { + 'use strict'; - var sidrMoving = false, - sidrOpened = false; + var babelHelpers = {}; - // Private methods - var privateMethods = { + babelHelpers.classCallCheck = function (instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + }; + + babelHelpers.createClass = function () { + function defineProperties(target, props) { + for (var i = 0; i < props.length; i++) { + var descriptor = props[i]; + descriptor.enumerable = descriptor.enumerable || false; + descriptor.configurable = true; + if ("value" in descriptor) descriptor.writable = true; + Object.defineProperty(target, descriptor.key, descriptor); + } + } + + return function (Constructor, protoProps, staticProps) { + if (protoProps) defineProperties(Constructor.prototype, protoProps); + if (staticProps) defineProperties(Constructor, staticProps); + return Constructor; + }; + }(); + + babelHelpers; + + var sidrStatus = { + moving: false, + opened: false + }; + + var helper = { // Check for valids urls // From : http://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-an-url - isUrl: function (str) { - var pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol - '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|'+ // domain name - '((\\d{1,3}\\.){3}\\d{1,3}))'+ // OR ip (v4) address - '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // port and path - '(\\?[;&a-z\\d%_.~+=-]*)?'+ // query string - '(\\#[-a-z\\d_]*)?$','i'); // fragment locator - if(!pattern.test(str)) { - return false; - } else { + + isUrl: function isUrl(str) { + var pattern = new RegExp('^(https?:\\/\\/)?' + // protocol + '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|' + // domain name + '((\\d{1,3}\\.){3}\\d{1,3}))' + // OR ip (v4) address + '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // port and path + '(\\?[;&a-z\\d%_.~+=-]*)?' + // query string + '(\\#[-a-z\\d_]*)?$', 'i'); // fragment locator + + if (pattern.test(str)) { return true; + } else { + return false; } }, - // Loads the content into the menu bar - loadContent: function($menu, content) { - $menu.html(content); - }, - // Add sidr prefixes - addPrefix: function($element) { - var elementId = $element.attr('id'), - elementClass = $element.attr('class'); - if(typeof elementId === 'string' && '' !== elementId) { - $element.attr('id', elementId.replace(/([A-Za-z0-9_.\-]+)/g, 'sidr-id-$1')); - } - if(typeof elementClass === 'string' && '' !== elementClass && 'sidr-inner' !== elementClass) { - $element.attr('class', elementClass.replace(/([A-Za-z0-9_.\-]+)/g, 'sidr-class-$1')); - } + + // Add sidr prefixes + addPrefixes: function addPrefixes($element) { + this.addPrefix($element, 'id'); + this.addPrefix($element, 'class'); $element.removeAttr('style'); }, - execute: function(action, name, callback) { - // Check arguments - if(typeof name === 'function') { - callback = name; - name = 'sidr'; + addPrefix: function addPrefix($element, attribute) { + var toReplace = $element.attr(attribute); + + if (typeof toReplace === 'string' && toReplace !== '' && toReplace !== 'sidr-inner') { + $element.attr(attribute, toReplace.replace(/([A-Za-z0-9_.\-]+)/g, 'sidr-' + attribute + '-$1')); } - else if(!name) { - name = 'sidr'; + }, + + + // Check if transitions is supported + transitions: function () { + var body = document.body || document.documentElement, + style = body.style, + supported = false, + property = 'transition'; + + if (property in style) { + supported = true; + } else { + (function () { + var prefixes = ['moz', 'webkit', 'o', 'ms'], + prefix = undefined, + i = undefined; + + property = property.charAt(0).toUpperCase() + property.substr(1); + supported = function () { + for (i = 0; i < prefixes.length; i++) { + prefix = prefixes[i]; + if (prefix + property in style) { + return true; + } + } + + return false; + }(); + property = supported ? '-' + prefix.toLowerCase() + '-' + property.toLowerCase() : null; + })(); } - // Declaring - var $menu = $('#' + name), - $body = $($menu.data('body')), - $html = $('html'), - menuWidth = $menu.outerWidth(true), - speed = $menu.data('speed'), - side = $menu.data('side'), - displace = $menu.data('displace'), - onOpen = $menu.data('onOpen'), - onClose = $menu.data('onClose'), - bodyAnimation, - menuAnimation, - scrollTop, - bodyClass = (name === 'sidr' ? 'sidr-open' : 'sidr-open ' + name + '-open'); - - // Open Sidr - if('open' === action || ('toggle' === action && !$menu.is(':visible'))) { - // Check if we can open it - if( $menu.is(':visible') || sidrMoving ) { - return; - } + return { + supported: supported, + property: property + }; + }() + }; - // If another menu opened close first - if(sidrOpened !== false) { - methods.close(sidrOpened, function() { - methods.open(name); - }); + var $$2 = jQuery; + + var bodyAnimationClass = 'sidr-animating'; + var openAction = 'open'; + var closeAction = 'close'; + var transitionEndEvent = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend'; + var Menu = function () { + function Menu(name) { + babelHelpers.classCallCheck(this, Menu); + + this.name = name; + this.item = $$2('#' + name); + this.openClass = name === 'sidr' ? 'sidr-open' : 'sidr-open ' + name + '-open'; + this.menuWidth = this.item.outerWidth(true); + this.speed = this.item.data('speed'); + this.side = this.item.data('side'); + this.displace = this.item.data('displace'); + this.timing = this.item.data('timing'); + this.method = this.item.data('method'); + this.onOpenCallback = this.item.data('onOpen'); + this.onCloseCallback = this.item.data('onClose'); + this.onOpenEndCallback = this.item.data('onOpenEnd'); + this.onCloseEndCallback = this.item.data('onCloseEnd'); + this.body = $$2(this.item.data('body')); + } - return; + babelHelpers.createClass(Menu, [{ + key: 'getAnimation', + value: function getAnimation(action, element) { + var animation = {}, + prop = this.side; + + if (action === 'open' && element === 'body') { + animation[prop] = this.menuWidth + 'px'; + } else if (action === 'close' && element === 'menu') { + animation[prop] = '-' + this.menuWidth + 'px'; + } else { + animation[prop] = 0; } - // Lock sidr - sidrMoving = true; + return animation; + } + }, { + key: 'prepareBody', + value: function prepareBody(action) { + var prop = action === 'open' ? 'hidden' : ''; - // Left or right? - if(side === 'left') { - bodyAnimation = {left: menuWidth + 'px'}; - menuAnimation = {left: '0px'}; + // Prepare page if container is body + if (this.body.is('body')) { + var $html = $$2('html'), + scrollTop = $html.scrollTop(); + + $html.css('overflow-x', prop).scrollTop(scrollTop); } - else { - bodyAnimation = {right: menuWidth + 'px'}; - menuAnimation = {right: '0px'}; + } + }, { + key: 'openBody', + value: function openBody() { + if (this.displace) { + var transitions = helper.transitions, + $body = this.body; + + if (transitions.supported) { + $body.css(transitions.property, this.side + ' ' + this.speed / 1000 + 's ' + this.timing).css(this.side, 0).css({ + width: $body.width(), + position: 'absolute' + }); + $body.css(this.side, this.menuWidth + 'px'); + } else { + var bodyAnimation = this.getAnimation(openAction, 'body'); + + $body.css({ + width: $body.width(), + position: 'absolute' + }).animate(bodyAnimation, { + queue: false, + duration: this.speed + }); + } } - - // Prepare page if container is body - if($body.is('body')){ - scrollTop = $html.scrollTop(); - $html.css('overflow-x', 'hidden').scrollTop(scrollTop); + } + }, { + key: 'onCloseBody', + value: function onCloseBody() { + var transitions = helper.transitions, + resetStyles = { + width: '', + position: '', + right: '', + left: '' + }; + + if (transitions.supported) { + resetStyles[transitions.property] = ''; } - // Open menu - if(displace){ - $body.addClass('sidr-animating').css({ - width: $body.width(), - position: 'absolute' - }).animate(bodyAnimation, speed, function() { - $(this).addClass(bodyClass); - }); + this.body.css(resetStyles).unbind(transitionEndEvent); + } + }, { + key: 'closeBody', + value: function closeBody() { + var _this = this; + + if (this.displace) { + if (helper.transitions.supported) { + this.body.css(this.side, 0).one(transitionEndEvent, function () { + _this.onCloseBody(); + }); + } else { + var bodyAnimation = this.getAnimation(closeAction, 'body'); + + this.body.animate(bodyAnimation, { + queue: false, + duration: this.speed, + complete: function complete() { + _this.onCloseBody(); + } + }); + } } - else { - setTimeout(function() { - $(this).addClass(bodyClass); - }, speed); + } + }, { + key: 'moveBody', + value: function moveBody(action) { + if (action === openAction) { + this.openBody(); + } else { + this.closeBody(); } - $menu.css('display', 'block').animate(menuAnimation, speed, function() { - sidrMoving = false; - sidrOpened = name; - // Callback - if(typeof callback === 'function') { - callback(name); - } - $body.removeClass('sidr-animating'); - }); - - // onOpen callback - onOpen(); - $body.addClass('sidr-open'); } - // Close Sidr - else { - // Check if we can close it - if( !$menu.is(':visible') || sidrMoving ) { - return; + }, { + key: 'onOpenMenu', + value: function onOpenMenu(callback) { + var name = this.name; + + sidrStatus.moving = false; + sidrStatus.opened = name; + + this.item.unbind(transitionEndEvent); + + this.body.removeClass(bodyAnimationClass).addClass(this.openClass); + + this.onOpenEndCallback(); + + if (typeof callback === 'function') { + callback(name); } + } + }, { + key: 'openMenu', + value: function openMenu(callback) { + var _this2 = this; - // Lock sidr - sidrMoving = true; + var $item = this.item; - // Right or left menu? - if(side === 'left') { - bodyAnimation = {left: 0}; - menuAnimation = {left: '-' + menuWidth + 'px'}; + if (helper.transitions.supported) { + $item.css(this.side, 0).one(transitionEndEvent, function () { + _this2.onOpenMenu(callback); + }); + } else { + var menuAnimation = this.getAnimation(openAction, 'menu'); + + $item.css('display', 'block').animate(menuAnimation, { + queue: false, + duration: this.speed, + complete: function complete() { + _this2.onOpenMenu(callback); + } + }); } - else { - bodyAnimation = {right: 0}; - menuAnimation = {right: '-' + menuWidth + 'px'}; + } + }, { + key: 'onCloseMenu', + value: function onCloseMenu(callback) { + this.item.css({ + left: '', + right: '' + }).unbind(transitionEndEvent); + $$2('html').css('overflow-x', ''); + + sidrStatus.moving = false; + sidrStatus.opened = false; + + this.body.removeClass(bodyAnimationClass).removeClass(this.openClass); + + this.onCloseEndCallback(); + + // Callback + if (typeof callback === 'function') { + callback(name); } + } + }, { + key: 'closeMenu', + value: function closeMenu(callback) { + var _this3 = this; + + var item = this.item; - // Close menu - if($body.is('body')){ - scrollTop = $html.scrollTop(); - $html.removeAttr('style').scrollTop(scrollTop); + if (helper.transitions.supported) { + item.css(this.side, '').one(transitionEndEvent, function () { + _this3.onCloseMenu(callback); + }); + } else { + var menuAnimation = this.getAnimation(closeAction, 'menu'); + + item.animate(menuAnimation, { + queue: false, + duration: this.speed, + complete: function complete() { + _this3.onCloseMenu(); + } + }); } - $body.addClass('sidr-animating').animate(bodyAnimation, speed).removeClass(bodyClass); - $menu.animate(menuAnimation, speed, function() { - $menu.removeAttr('style').hide(); - $body.removeAttr('style'); - $('html').removeAttr('style'); - sidrMoving = false; - sidrOpened = false; - // Callback - if(typeof callback === 'function') { - callback(name); - } - $body.removeClass('sidr-animating'); - }); + } + }, { + key: 'moveMenu', + value: function moveMenu(action, callback) { + this.body.addClass(bodyAnimationClass); + + if (action === openAction) { + this.openMenu(callback); + } else { + this.closeMenu(callback); + } + } + }, { + key: 'move', + value: function move(action, callback) { + // Lock sidr + sidrStatus.moving = true; - // onClose callback - onClose(); + this.prepareBody(action); + this.moveBody(action); + this.moveMenu(action, callback); } - } - }; + }, { + key: 'open', + value: function open(callback) { + var _this4 = this; - // Sidr public methods - var methods = { - open: function(name, callback) { - privateMethods.execute('open', name, callback); - }, - close: function(name, callback) { - privateMethods.execute('close', name, callback); - }, - toggle: function(name, callback) { - privateMethods.execute('toggle', name, callback); - }, - // I made a typo, so I mantain this method to keep backward compatibilty with 1.1.1v and previous - toogle: function(name, callback) { - privateMethods.execute('toggle', name, callback); - } - }; + // Check if is already opened or moving + if (sidrStatus.opened === this.name || sidrStatus.moving) { + return; + } - $.sidr = function( method ) { + // If another menu opened close first + if (sidrStatus.opened !== false) { + var alreadyOpenedMenu = new Menu(sidrStatus.opened); - if ( methods[method] ) { - return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 )); - } - else if ( typeof method === 'function' || typeof method === 'string' || ! method ) { - return methods.toggle.apply( this, arguments ); - } - else { - $.error( 'Method ' + method + ' does not exist on jQuery.sidr' ); - } + alreadyOpenedMenu.close(function () { + _this4.open(callback); + }); - }; + return; + } - $.fn.sidr = function( options ) { + this.move('open', callback); - var settings = $.extend( { - name : 'sidr', // Name for the 'sidr' - speed : 200, // Accepts standard jQuery effects speeds (i.e. fast, normal or milliseconds) - side : 'left', // Accepts 'left' or 'right' - source : null, // Override the source of the content. - renaming : true, // The ids and classes will be prepended with a prefix when loading existent content - body : 'body', // Page container selector, - displace: true, // Displace the body content or not - onOpen : function() {}, // Callback when sidr opened - onClose : function() {} // Callback when sidr closed - }, options); + // onOpen callback + this.onOpenCallback(); + } + }, { + key: 'close', + value: function close(callback) { + // Check if is already closed or moving + if (sidrStatus.opened !== this.name || sidrStatus.moving) { + return; + } - var name = settings.name, - $sideMenu = $('#' + name); + this.move('close', callback); - // If the side menu do not exist create it - if( $sideMenu.length === 0 ) { - $sideMenu = $('
') - .attr('id', name) - .appendTo($('body')); + // onClose callback + this.onCloseCallback(); + } + }, { + key: 'toggle', + value: function toggle(callback) { + if (sidrStatus.opened === this.name) { + this.close(callback); + } else { + this.open(callback); + } + } + }]); + return Menu; + }(); + + var $$1 = jQuery; + + function execute(action, name, callback) { + var sidr = new Menu(name); + + switch (action) { + case 'open': + sidr.open(callback); + break; + case 'close': + sidr.close(callback); + break; + case 'toggle': + sidr.toggle(callback); + break; + default: + $$1.error('Method ' + action + ' does not exist on jQuery.sidr'); + break; + } + } + + var i; + var $ = jQuery; + var publicMethods = ['open', 'close', 'toggle']; + var methodName; + var methods = {}; + var getMethod = function getMethod(methodName) { + return function (name, callback) { + // Check arguments + if (typeof name === 'function') { + callback = name; + name = 'sidr'; + } else if (!name) { + name = 'sidr'; + } + + execute(methodName, name, callback); + }; + }; + for (i = 0; i < publicMethods.length; i++) { + methodName = publicMethods[i]; + methods[methodName] = getMethod(methodName); + } + + function sidr(method) { + if (method === 'status') { + return sidrStatus; + } else if (methods[method]) { + return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); + } else if (typeof method === 'function' || typeof method === 'string' || !method) { + return methods.toggle.apply(this, arguments); + } else { + $.error('Method ' + method + ' does not exist on jQuery.sidr'); } + } - // Adding styles and options - $sideMenu - .addClass('sidr') - .addClass(settings.side) - .data({ - speed : settings.speed, - side : settings.side, - body : settings.body, - displace : settings.displace, - onOpen : settings.onOpen, - onClose : settings.onClose - }); + var $$3 = jQuery; + function fillContent($sideMenu, settings) { // The menu content - if(typeof settings.source === 'function') { + if (typeof settings.source === 'function') { var newContent = settings.source(name); - privateMethods.loadContent($sideMenu, newContent); - } - else if(typeof settings.source === 'string' && privateMethods.isUrl(settings.source)) { - $.get(settings.source, function(data) { - privateMethods.loadContent($sideMenu, data); + + $sideMenu.html(newContent); + } else if (typeof settings.source === 'string' && helper.isUrl(settings.source)) { + $$3.get(settings.source, function (data) { + $sideMenu.html(data); }); - } - else if(typeof settings.source === 'string') { + } else if (typeof settings.source === 'string') { var htmlContent = '', selectors = settings.source.split(','); - $.each(selectors, function(index, element) { - htmlContent += '
' + $(element).html() + '
'; + $$3.each(selectors, function (index, element) { + htmlContent += '
' + $$3(element).html() + '
'; }); // Renaming ids and classes - if(settings.renaming) { - var $htmlContent = $('
').html(htmlContent); - $htmlContent.find('*').each(function(index, element) { - var $element = $(element); - privateMethods.addPrefix($element); + if (settings.renaming) { + var $htmlContent = $$3('
').html(htmlContent); + + $htmlContent.find('*').each(function (index, element) { + var $element = $$3(element); + + helper.addPrefixes($element); }); htmlContent = $htmlContent.html(); } - privateMethods.loadContent($sideMenu, htmlContent); + + $sideMenu.html(htmlContent); + } else if (settings.source !== null) { + $$3.error('Invalid Sidr Source'); + } + + return $sideMenu; + } + + function fnSidr(options) { + var transitions = helper.transitions, + settings = $$3.extend({ + name: 'sidr', // Name for the 'sidr' + speed: 200, // Accepts standard jQuery effects speeds (i.e. fast, normal or milliseconds) + side: 'left', // Accepts 'left' or 'right' + source: null, // Override the source of the content. + renaming: true, // The ids and classes will be prepended with a prefix when loading existent content + body: 'body', // Page container selector, + displace: true, // Displace the body content or not + timing: 'ease', // Timing function for CSS transitions + method: 'toggle', // The method to call when element is clicked + bind: 'touchstart click', // The event(s) to trigger the menu + onOpen: function onOpen() {}, + // Callback when sidr start opening + onClose: function onClose() {}, + // Callback when sidr start closing + onOpenEnd: function onOpenEnd() {}, + // Callback when sidr end opening + onCloseEnd: function onCloseEnd() {} // Callback when sidr end closing + + }, options), + name = settings.name, + $sideMenu = $$3('#' + name); + + // If the side menu do not exist create it + if ($sideMenu.length === 0) { + $sideMenu = $$3('
').attr('id', name).appendTo($$3('body')); } - else if(settings.source !== null) { - $.error('Invalid Sidr Source'); + + // Add transition to menu if are supported + if (transitions.supported) { + $sideMenu.css(transitions.property, settings.side + ' ' + settings.speed / 1000 + 's ' + settings.timing); } - return this.each(function(){ - var $this = $(this), - data = $this.data('sidr'); + // Adding styles and options + $sideMenu.addClass('sidr').addClass(settings.side).data({ + speed: settings.speed, + side: settings.side, + body: settings.body, + displace: settings.displace, + timing: settings.timing, + method: settings.method, + onOpen: settings.onOpen, + onClose: settings.onClose, + onOpenEnd: settings.onOpenEnd, + onCloseEnd: settings.onCloseEnd + }); + + $sideMenu = fillContent($sideMenu, settings); + + return this.each(function () { + var $this = $$3(this), + data = $this.data('sidr'), + flag = false; // If the plugin hasn't been initialized yet - if ( ! data ) { + if (!data) { + sidrStatus.moving = false; + sidrStatus.opened = false; $this.data('sidr', name); - if('ontouchstart' in document.documentElement) { - $this.bind('touchstart', function(e) { - var theEvent = e.originalEvent.touches[0]; - this.touched = e.timeStamp; - }); - $this.bind('touchend', function(e) { - var delta = Math.abs(e.timeStamp - this.touched); - if(delta < 200) { - e.preventDefault(); - methods.toggle(name); - } - }); - } - else { - $this.click(function(e) { - e.preventDefault(); - methods.toggle(name); - }); - } + + $this.bind(settings.bind, function (event) { + event.preventDefault(); + + if (!flag) { + flag = true; + sidr(settings.method, name); + + setTimeout(function () { + flag = false; + }, 100); + } + }); } }); - }; + } + + jQuery.sidr = sidr; + jQuery.fn.sidr = fnSidr; -})( jQuery ); \ No newline at end of file +}()); \ No newline at end of file diff --git a/readme.txt b/readme.txt index aa91489..46814a5 100644 --- a/readme.txt +++ b/readme.txt @@ -1,12 +1,15 @@ === Masonry === -Masonry theme by DevriX (http://devrix.com) +Masonry theme by DevriX (https://devrix.com) +License: GNU General Public License v2 or higher +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Tags: gray, white, light, dark, left-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, responsive-layout == Social Menu == To add social icons in your header you need to go to Dashboard => Appearance => Menus and to create new menu. From Theme locations select Social and save the menu. To add your social profiles select Links and in URL add your Social profile URL. -E.g for Facebook - http://facebook.com/yourprofile, for Twitter - http://twitter.com/yourprofile +E.g for Facebook - https://facebook.com/yourprofile, for Twitter - https://twitter.com/yourprofile = Available Icons = * Facebook @@ -33,20 +36,23 @@ E.g for Facebook - http://facebook.com/yourprofile, for Twitter - http://twitter == Changelog == -= 08.12.2015 - (v1.1.2) -* Remove tag from header.php and add add_theme_support( 'title-tag' ); to the functions.php += 09/26/2017 - (v1.2) +* Added an option to hide title from static front page. +* Added an option to to display excerpt on article hover. +* Added an option to to display last modified date. +* Added a few small styling improvements. -= 14.11.2014 - (v1.1.1) += 11/14/2014 - (v1.1.1) * Updated theme description * Changed footer credit link and anchor text. * category, tag and comment links are "hidden" - https://github.com/DevriX/Masonry/commit/cfe82a4e80737ca561655da0edf91bf10712bd5d * Fixed few styling issues related with Jetpack Scroll Infinitely -= 19.10.2014 - (v1.1.0) += 10/19/2014 - (v1.1.0) * Readme description updates * Several style changes/fixes -= 20.09.2014 - (v1.0) += 09/20/2014 - (v1.0) -* Initial release \ No newline at end of file +* Initial release diff --git a/style.css b/style.css index ac8009c..39b5676 100644 --- a/style.css +++ b/style.css @@ -6,11 +6,11 @@ Author URI: http://devrix.com/ Description: Our Masonry theme is based on the popular and efficient grid library, suitable for creatives, photographers or bloggers. Although its nice interface and features make it an ideal WordPress theme for almost anything, Masonry has been optimized for all devices thanks to our latest responsive, mobile-first design techniques. -Version: 1.1.2 +Version: 1.2 License: GNU General Public License v2 or higher License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: masonry -Tags: gray, white, light, dark, left-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, responsive-layout +Tags: left-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. @@ -21,33 +21,32 @@ Use it to make something cool, have fun, and share what you've learned with othe -------------------------------------------------------------- */ /* - 01. CSS Reset (Normalize) - 02. Theme Base - 03. Clearfix - 04. Global margins and paddings - 05. Text-level semantics - 06. Headings - 07. Forms - 08. Buttons - 09. Tables - 10. Links - 11. Header area - 12. Layout - 13. Menus - 14. Icons (separate folder) - 15. Accessibility - 16. Embedded content - 17. WordPress core styles - 18. Widgets - 19. Content - 20. Asides - 21. Comments - 22. Infinite scroll (Jetpack plugin) - 23. Footer - 24. Responsive design - 25. Print styles - */ - + 01. CSS Reset (Normalize) + 02. Theme Base + 03. Clearfix + 04. Global margins and paddings + 05. Text-level semantics + 06. Headings + 07. Forms + 08. Buttons + 09. Tables + 10. Links + 11. Header area + 12. Layout + 13. Menus + 14. Icons (separate folder) + 15. Accessibility + 16. Embedded content + 17. WordPress core styles + 18. Widgets + 19. Content + 20. Asides + 21. Comments + 22. Infinite scroll (Jetpack plugin) + 23. Footer + 24. Responsive design + 25. Print styles + */ /* =01. normalize.css v3.0.1 -------------------------------------------------------------- */ @@ -59,19 +58,24 @@ Use it to make something cool, have fun, and share what you've learned with othe */ html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} + font-family: sans-serif; + + /* 1 */ + -ms-text-size-adjust: 100%; + + /* 2 */ + -webkit-text-size-adjust: 100%; + + /* 2 */ + } /** * Remove default margin. */ body { - margin: 0; -} - + margin: 0; + } /* =HTML5 display definitions -------------------------------------------------------------- */ @@ -94,8 +98,8 @@ Use it to make something cool, have fun, and share what you've learned with othe nav, section, summary { - display: block; -} + display: block; + } /** * 1. Correct `inline-block` display not defined in IE 8/9. @@ -106,9 +110,13 @@ Use it to make something cool, have fun, and share what you've learned with othe canvas, progress, video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} + display: inline-block; + + /* 1 */ + vertical-align: baseline; + + /* 2 */ + } /** * Prevent modern browsers from displaying `audio` without controls. @@ -116,9 +124,9 @@ Use it to make something cool, have fun, and share what you've learned with othe */ audio:not([controls]) { - display: none; - height: 0; -} + display: none; + height: 0; + } /** * Address `[hidden]` styling not present in IE 8/9/10. @@ -127,8 +135,8 @@ Use it to make something cool, have fun, and share what you've learned with othe [hidden], template { - display: none; -} + display: none; + } /* =Links -------------------------------------------------------------- */ @@ -138,8 +146,8 @@ Use it to make something cool, have fun, and share what you've learned with othe */ a { - background: transparent; -} + background: transparent; + } /** * Improve readability when focused and also mouse hovered in all browsers. @@ -147,9 +155,8 @@ Use it to make something cool, have fun, and share what you've learned with othe a:active, a:hover { - outline: 0; -} - + outline: 0; + } /* =Text-level semantics -------------------------------------------------------------- */ @@ -159,8 +166,8 @@ Use it to make something cool, have fun, and share what you've learned with othe */ abbr[title] { - border-bottom: 1px dotted; -} + border-bottom: 1px dotted; + } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. @@ -168,16 +175,16 @@ Use it to make something cool, have fun, and share what you've learned with othe b, strong { - font-weight: bold; -} + font-weight: bold; + } /** * Address styling not present in Safari and Chrome. */ dfn { - font-style: italic; -} + font-style: italic; + } /** * Address variable `h1` font-size and margin within `section` and `article` @@ -185,26 +192,26 @@ Use it to make something cool, have fun, and share what you've learned with othe */ h1 { - font-size: 2em; - margin: 0.67em 0; -} + font-size: 2em; + margin: 0.67em 0; + } /** * Address styling not present in IE 8/9. */ mark { - background: #ff0; - color: #000; -} + background: #ff0; + color: #000; + } /** * Address inconsistent and variable font size in all browsers. */ small { - font-size: 80%; -} + font-size: 80%; + } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. @@ -212,19 +219,19 @@ Use it to make something cool, have fun, and share what you've learned with othe sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } -sup { - top: -0.5em; -} + sup { + top: -0.5em; + } -sub { - bottom: -0.25em; -} + sub { + bottom: -0.25em; + } /* =Embedded content -------------------------------------------------------------- */ @@ -234,16 +241,16 @@ sub { */ img { - border: 0; -} + border: 0; + } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { - overflow: hidden; -} + overflow: hidden; + } /* =Grouping content -------------------------------------------------------------- */ @@ -253,26 +260,26 @@ sub { */ figure { - margin: 1em 40px; -} + margin: 1em 40px; + } /** * Address differences between Firefox and other browsers. */ hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; + } /** * Contain overflow in all browsers. */ pre { - overflow: auto; -} + overflow: auto; + } /** * Address odd `em`-unit font size rendering in all browsers. @@ -282,9 +289,9 @@ sub { kbd, pre, samp { - font-family: monospace, monospace; - font-size: 1em; -} + font-family: monospace, monospace; + font-size: 1em; + } /* =Forms -------------------------------------------------------------- */ @@ -306,18 +313,24 @@ sub { optgroup, select, textarea { - color: inherit; /* 1 */ - font: inherit; /* 2 */ - margin: 0; /* 3 */ -} + color: inherit; + + /* 1 */ + font: inherit; + + /* 2 */ + margin: 0; + + /* 3 */ + } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { - overflow: visible; -} + overflow: visible; + } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. @@ -328,8 +341,8 @@ sub { button, select { - text-transform: none; -} + text-transform: none; + } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` @@ -340,12 +353,16 @@ sub { */ button, - html input[type="button"], /* 1 */ + html input[type="button"], input[type="reset"], input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} + -webkit-appearance: button; + + /* 2 */ + cursor: pointer; + + /* 3 */ + } /** * Re-set default cursor for disabled elements. @@ -353,8 +370,8 @@ sub { button[disabled], html input[disabled] { - cursor: default; -} + cursor: default; + } /** * Remove inner padding and border in Firefox 4+. @@ -362,9 +379,9 @@ sub { button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; -} + border: 0; + padding: 0; + } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in @@ -372,8 +389,8 @@ sub { */ input { - line-height: normal; -} + line-height: normal; + } /** * It's recommended that you don't attempt to style these elements. @@ -385,9 +402,13 @@ sub { input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} + box-sizing: border-box; + + /* 1 */ + padding: 0; + + /* 2 */ + } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain @@ -397,8 +418,8 @@ sub { input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { - height: auto; -} + height: auto; + } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. @@ -407,21 +428,25 @@ sub { */ input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} + -webkit-appearance: textfield; + + /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + + /* 2 */ + box-sizing: content-box; + } /** * Define consistent border, margin, and padding. */ fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; + } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. @@ -429,17 +454,21 @@ sub { */ legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} + border: 0; + + /* 1 */ + padding: 0; + + /* 2 */ + } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { - overflow: auto; -} + overflow: auto; + } /** * Don't inherit the `font-weight` (applied by a rule above). @@ -447,41 +476,41 @@ sub { */ optgroup { - font-weight: bold; -} + font-weight: bold; + } /** * Remove most spacing between table cells. */ table { - border-collapse: collapse; - border-spacing: 0; -} + border-collapse: collapse; + border-spacing: 0; + } -td, -th { - padding: 0; -} + td, + th { + padding: 0; + } /* =02. Theme base -------------------------------------------------------------- */ /* Apply a natural box layout model to all elements */ -*, -*:before, +*, +*:before, *:after { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } body { - background-color: #f2f2f2; - font: 16px/1.8 'Roboto Slab'; - font-weight: 400; - color: #444; + background-color: #f2f2f2; + font: 16px/1.8 'Roboto Slab'; + font-weight: 400; + color: #444; } /* =03. Clearfix @@ -501,8 +530,8 @@ body { .site-content:after, .site-footer:before, .site-footer:after { - content: ""; - display: table; + content: ""; + display: table; } .clear:after, @@ -512,107 +541,93 @@ body { .site-header:after, .site-content:after, .site-footer:after { - clear: both; + clear: both; } /* =04. Global margins & paddings - TODO (the entire stylesheet) - -------------------------------------------------------------- */ + TODO (the entire stylesheet) + -------------------------------------------------------------- */ - p { - padding: 0; - } + p { + padding: 0; + } + ul, + ol, + h1, + h2, + h3, + h4, + h5, + h6, + pre, + table, + .gallery, + blockquote, + .wp-caption, + .entry-meta, + .comment-body, + .footer-menu, + .page-links, + .site-main p, + .page-content, + .entry-content, + .site-credits, + .entry-summary, + .entry-thumbnail, + .comments-title, + .comment-meta, + .wp-caption-text, + .comment-reply-title, + .site-main .comment-navigation, + .site-main .paging-navigation, + .site-main .post-navigation { + margin-bottom: 35px; + } - ul, - ol, - h1, - h2, - h3, - h4, - h5, - h6, - pre, - table, - .gallery, - blockquote, - .wp-caption, - .entry-meta, - .comment-body, - .footer-menu, - .page-links, - .site-main p, - .page-content, - .entry-content, - .site-credits, - .entry-summary, - .entry-thumbnail, - .comments-title, - .comment-meta, - .wp-caption-text, - .comment-reply-title, - .site-main .comment-navigation, - .site-main .paging-navigation, - .site-main .post-navigation { - margin-bottom: 35px; -} - -.page-links, -.page-content, -.entry-content, -.entry-summary, -.site-credits, -.site-content, -.navigation-button, -.site-main .comment-navigation, -.site-main .paging-navigation, -.site-main .post-navigation { - margin-top: 35px; -} - -.site-header, -.site-content, -.site-description { - padding-bottom: 35px; -} + .page-links, + .page-content, + .entry-summary, + .site-credits, + .site-content, + .navigation-button, + .site-main .comment-navigation, + .site-main .paging-navigation, + .site-main .post-navigation { + margin-top: 70px; + } -.single .sidr, -.single .page-links, -.single .site-header, -.single .site-content, -.single .entry-footer, -.single .comments-title, -.single .comment-reply-title { - padding-top: 35px; -} + .site-header, + .site-content, + .site-description { + margin-bottom: 35px; + } -.content-area, -.comment-meta, -.comment-body { - padding: 35px; -} + .content-area, + .comment-meta, + .comment-body { + padding: 35px; + } /* =05. Text-level semantics -------------------------------------------------------------- */ cite { - display: block; - opacity: 0.3; + display: block; + opacity: 0.3; } blockquote { - border-bottom: 1px solid rgba(0, 0, 0 ,0.1); - border-top: 1px solid rgba(0, 0, 0 ,0.1); - font-family: 'Alegreya', Georgia, Time New Roman, serif; - font-size: 24px; - text-align: center; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-top: 1px solid rgba(0, 0, 0, 0.1); + text-align: center; } -blockquote:before{ - content: '\201C'; - font-size: 72px; - float: left; - opacity: 0.3; +blockquote:before { + content: '\201C'; + font-size: 72px; + float: left; + opacity: 0.3; } /* =06. Headings @@ -624,10 +639,10 @@ h3, h4, h5, h6 { - color: #444; - clear: both; - line-height: 1.2; - font-weight: 400; + color: #444; + clear: both; + line-height: 1.2; + font-weight: 400; } h1:first-child, @@ -636,45 +651,51 @@ h3:first-child, h4:first-child, h5:first-child, h6:first-child { - margin-top: 0; + margin-top: 0; } h1 { - font-size: 38px; + font-size: 38px; } h2 { - font-size: 31px; + font-size: 31px; } h3 { - font-size: 28px; + font-size: 28px; } h4 { - font-size: 16px; + font-size: 16px; } h5 { - font-size: 14px; + font-size: 14px; } h6 { - font-size: 14px; + font-size: 14px; } .content-full .entry-header { - text-align: center; + text-align: center; } .masonry .entry-title { - font-size: 18px; + font-size: 18px; } .entry-title { - -ms-word-wrap: break-word; - word-wrap: break-word; + -ms-word-wrap: break-word; + word-wrap: break-word; + margin-bottom: 0; } + +.hidden { + display: none; +} + /* =07. Forms -------------------------------------------------------------- */ @@ -695,11 +716,11 @@ input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { - background-color: transparent; - border: 2px solid rgba(0, 0, 0 ,0.1); - border-radius: 1px; - outline: none; - padding: 10px; + background-color: transparent; + border: 2px solid rgba(0, 0, 0, 0.1); + border-radius: 1px; + outline: none; + padding: 10px; } select:focus, @@ -719,8 +740,8 @@ input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { - background-color: transparent; - transition: all 0.1s ease-in-out; + background-color: transparent; + transition: all 0.1s ease-in-out; } select:disabled, @@ -740,7 +761,7 @@ input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled { - cursor: none; + cursor: none; } /* @@ -755,20 +776,19 @@ input[type="color"]:disabled { input[type="url"], input[type="search"], input[type="tel"] { - -webkit-appearance: none; -} - + -webkit-appearance: none; + } /* Reset height * Must be after size modifiers */ textarea, select[multiple], select[size] { - height: auto; + height: auto; } textarea { - width: 100%; + width: 100%; } .search-form .search-submit { @@ -780,40 +800,39 @@ textarea { * Higher specificity (!important) needed to override color in IE */ :-ms-input-placeholder { - color: #9e9e9e !important; -} + color: #9e9e9e !important; + } -::-moz-placeholder { - color: #9e9e9e; -} + ::-moz-placeholder { + color: #9e9e9e; + } -::-webkit-input-placeholder { - color: #9e9e9e; -} + ::-webkit-input-placeholder { + color: #9e9e9e; + } -:disabled:-ms-input-placeholder { - color: #9e9e9e !important; -} + :disabled:-ms-input-placeholder { + color: #9e9e9e !important; + } -:disabled::-moz-placeholder { - color: #9e9e9e; -} + :disabled::-moz-placeholder { + color: #9e9e9e; + } -:disabled::-webkit-input-placeholder { - color: #9e9e9e; -} + :disabled::-webkit-input-placeholder { + color: #9e9e9e; + } /* * Removes box-shadow for invalid controls in Firefox. */ :invalid { - box-shadow: none; -} - -label { - margin-bottom: 5px; -} + box-shadow: none; + } + label { + margin-bottom: 5px; + } /* =08. Buttons -------------------------------------------------------------- */ @@ -823,13 +842,13 @@ button, input[type="reset"], input[type="submit"], input[type="button"] { - background-color: #18e4e2; - border: 2px solid transparent; - border-radius: 1px; - color: #4c460a; - outline: none; - padding: 10px 45px; - transition: all 0.1s ease-in-out; + background-color: #18e4e2; + border: 2px solid transparent; + border-radius: 1px; + color: #4c460a; + outline: none; + padding: 10px 45px; + transition: all 0.1s ease-in-out; } /* @@ -849,28 +868,28 @@ input[type="button"] { input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus { - background-color: #16cfcd; -} + background-color: #16cfcd; + } -/* Active */ + /* Active */ -button:active, -.button:active, -input[type="reset"]:active, -input[type="submit"]:active, -input[type="button"]:active { - background-color: #18e4e2; -} + button:active, + .button:active, + input[type="reset"]:active, + input[type="submit"]:active, + input[type="button"]:active { + background-color: #18e4e2; + } -/* Disabled */ + /* Disabled */ -button:disabled, -.button:disabled, -input[type="reset"]:disabled, -input[type="submit"]:disabled, -input[type="button"]:disabled { - cursor: none; -} + button:disabled, + .button:disabled, + input[type="reset"]:disabled, + input[type="submit"]:disabled, + input[type="button"]:disabled { + cursor: none; + } /* * Vertical alignment @@ -879,28 +898,27 @@ input[type="button"]:disabled { button, input:not([type="radio"]):not([type="checkbox"]), select { - vertical-align: middle; -} - -/* Button links */ - + vertical-align: middle; + } -.comment-reply-link { - background-color: rgba(0, 0, 0 ,0.1); - border: 2px solid transparent; - border-radius: 1px; - color: #111; - display: block; - margin-top: 20px; - max-width: 110px; - padding: 2px 8px; - text-align: center; -} + /* Button links */ + + .comment-reply-link { + background-color: rgba(0, 0, 0, 0.1); + border: 2px solid transparent; + border-radius: 1px; + color: #111; + display: block; + margin-top: 20px; + max-width: 110px; + padding: 2px 8px; + text-align: center; + } -.comment-reply-link:hover { - background-color: rgba(0, 0, 0 ,0.2); - color: #111; -} + .comment-reply-link:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #18e4e2; + } /* =09. Tables -------------------------------------------------------------- */ @@ -910,18 +928,16 @@ table { } td, th { - padding: 4px 8px; - text-align: left; + padding: 4px 8px; + text-align: left; } th { - font-weight: 400; - text-transform: uppercase; + font-weight: 400; + text-transform: uppercase; } tbody tr:nth-child(odd) { - background: #f2f2f2; - color: #242424; } /* =10. Links @@ -930,7 +946,7 @@ tbody tr:nth-child(odd) { a { color: #999; text-decoration: none; - transition: all 0.1s linear; + transition: all 0.1s linear; } a:hover, @@ -943,73 +959,97 @@ a:active { * Selection highlight */ ::-moz-selection { - background: #242424; - color: #fff; - text-shadow: none; -} + background: #242424; + color: #fff; + text-shadow: none; + } -::selection { - background: #242424; - color: #fff; - text-shadow: none; -} + ::selection { + background: #242424; + color: #fff; + text-shadow: none; + } /* =11. Header area -------------------------------------------------------------- */ .site-header { - color: #fff; - vertical-align: middle; + color: #fff; + vertical-align: middle; + position: relative; + padding: 30px 30px 50px; +} + +.header-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + z-index: 1; + opacity: .7; + pointer-events: none; +} + +.site-banner { + position: relative; + z-index: 2; } .site-header a { - color: #fff; + color: #fff; } .site-header a:hover { - color: #f5f5f5; + color: #18e4e2; } .site-header-image { - -webkit-background-size: cover; - background-size: cover; - height: 300px; - opacity: 0.4; - z-index: -2; + -webkit-background-size: cover; + background-size: cover; + height: 300px; + opacity: 0.4; + z-index: -2; } .header-image-overlay { - background-color: rgba(0, 0, 0, .9); - height: 300px; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: -1; + background-color: rgba(0, 0, 0, 0.9); + height: 300px; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; } .site-banner { - min-height: 150px; + min-height: 150px; + position: relative; +} + +#simple-menu { + position: absolute; + top: 0; + right: 0; } .site-title { - font-family: 'Rozha One', serif; - font-size: 75px; - text-align: center; + font-size: 75px; + text-align: center; + margin-bottom: 12px; } .site-description { - font-size: 12px; - letter-spacing: 2px; - margin-bottom: 0; - text-align: center; + margin: 0; + text-align: center; } /* =12. Layout -------------------------------------------------------------- */ .site-main { - margin: 0 auto; + margin: 0 auto; } .site-info, @@ -1020,94 +1060,84 @@ a:active { } @-webkit-viewport { - width: device-width; + width: device-width; } @-moz-viewport { - width: device-width; + width: device-width; } @-ms-viewport { - width: device-width; + width: device-width; } -@-o-viewport{ - width: device-width; +@-o-viewport { + width: device-width; } -@viewport{ - width: device-width; +@viewport { + width: device-width; } /* =13. Menus -------------------------------------------------------------- */ .main-navigation { - display: none; + display: none; } /* Off-Canvas Navigation */ .navigation-button { display: block; - right: 25px; - height: auto; - position: fixed; - top: 0; - z-index: 9999999; + left: 25px; + height: auto; + position: fixed; + top: 0; + z-index: 2; } .admin-bar .navigation-button { - top: 55px; + top: 55px; } .icon { - -webkit-font-smoothing: antialiased; - background-color: rgba(0, 0, 0, .6); - display: block; - font-family: "typicons"; - font-size: 36px; - font-style: normal; - font-smoothing: antialiased; - font-weight: normal; - line-height: 1; - padding: 5px 10px 4px 10px; - position: relative; - text-align: center; - text-decoration: none; - text-rendering: optimizeLegibility; - vertical-align: text-bottom; + -webkit-font-smoothing: antialiased; + background-color: rgba(0, 0, 0, 0.6); + display: block; + font-family: "typicons"; + font-size: 36px; + font-style: normal; + font-smoothing: antialiased; + font-weight: normal; + line-height: 1; + padding: 5px 10px 4px 10px; + position: relative; + text-align: center; + text-decoration: none; + text-rendering: optimizeLegibility; + vertical-align: text-bottom; + border-radius: 6px; } .icon:before { content: "\e116"; } -.sidr-open .icon:before { - content: "\e122" -} - .menu-text { - display: none; + display: none; } .sidr { - background-color: rgba(0, 0, 0, .6); - color: #fff; - display: none; - font-family: Verdana, Geneva, sans-serif; - font-size: 13px; - height: 100%; - overflow-x: none; - overflow-y: auto; - position: fixed; - top: 0; - width: 250px; - z-index: 999999; -} - -.sidr .sidr-inner { - padding: 35px; + background-color: #0E0E0E; + color: #fff; + display: none; + height: 100%; + overflow-x: none; + overflow-y: auto; + position: fixed; + top: 0; + z-index: 999999; } .sidr ul { @@ -1117,61 +1147,79 @@ a:active { .sidr ul li { display: block; - margin: 0; + margin: 5px 0; +} + +.sidr .menu-primary-container > ul > li { + border-bottom: 1px solid #1D1D1D; +} + +.sidr .current_page_item a { + color: #fff; +} + +.sidr .menu-primary-container > ul > li > a{ + width: 100%; + display: block; + padding: 5px 0; } .sidr ul li a, .sidr ul li span { - color: #fff; + color: #7b7b7b; text-decoration: none; } .sidr ul li a:hover { - color: #7b7b7b; + color: #18e4e2; } .sidr ul li ul { margin: 0; } -.sidr ul li ul a { -} +.sidr ul li ul a {} .sidr ul li ul a:before { - -webkit-font-smoothing: antialiased; - display: inline; - font-style: normal; - font-smoothing: antialiased; - font-weight: normal; - line-height: 1; - position: relative; - text-align: center; - text-decoration: none; - text-rendering: optimizeLegibility; - vertical-align: text-top; + -webkit-font-smoothing: antialiased; + display: inline; + font-style: normal; + font-smoothing: antialiased; + font-weight: normal; + line-height: 1; + position: relative; + text-align: center; + text-decoration: none; + text-rendering: optimizeLegibility; + vertical-align: text-top; } .sidr ul li ul a:before { - color: #7b7b7b; - content: 'L'; - margin-top: 0; - padding-right: 10px; + color: #7b7b7b; + content: 'ยป'; + margin-top: 0; + padding-right: 10px; } .sidr.left { - left: -260px; + left: -100vw; right: auto; } .sidr.right { left: auto; - right: -260px; + right: -250px; } /* Social Menu */ .social-menu { - text-align: center; + text-align: center; + margin-top: 10px; +} + +.widget_calendar { + color: #676767; } .social-menu ul { @@ -1181,19 +1229,19 @@ a:active { } .social-menu ul a:before { - -webkit-font-smoothing: antialiased; - display: block; - font-family: "typicons"; - font-size: 42px; - font-style: normal; - font-smoothing: antialiased; - font-weight: normal; - line-height: 1; - position: relative; - text-align: center; - text-decoration: none; - text-rendering: optimizeLegibility; - vertical-align: text-bottom; + -webkit-font-smoothing: antialiased; + display: block; + font-family: "typicons"; + font-size: 42px; + font-style: normal; + font-smoothing: antialiased; + font-weight: normal; + line-height: 1; + position: relative; + text-align: center; + text-decoration: none; + text-rendering: optimizeLegibility; + vertical-align: text-bottom; } .social-menu ul li { @@ -1209,8 +1257,8 @@ a:active { } .social-menu ul a:hover { - color: #18e4e2; - text-decoration: none; + color: #18e4e2; + text-decoration: none; } .social-menu ul:last-of-type { @@ -1272,29 +1320,33 @@ a:active { /* Footer Navigation */ .footer-navigation { - padding: 25px; - width: 100%; + padding: 25px; + width: 100%; + border-bottom: 1px solid #2F2F2F; } .footer-navigation ul { - margin: 0; - padding: 0; - list-style-type: none; - text-align: center; + margin: 0; + padding: 0; + list-style-type: none; + text-align: center; } .footer-navigation ul li { - display: inline; + display: inline-block; } -.footer-navigation ul li a { - text-decoration: none; - margin-right: 20px; +.footer-navigation ul ul { + display: none; } -.footer-navigation ul li a:hover { +.footer-navigation ul li a { + text-decoration: none; + margin-right: 20px; } +.footer-navigation ul li a:hover {} + .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { @@ -1305,9 +1357,9 @@ a:active { .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { - float: right; - text-align: right; - width: 50%; + float: right; + text-align: right; + width: 50%; } /* =14. Icons @@ -1319,32 +1371,34 @@ a:active { -------------------------------------------------------------- */ .screen-reader-text { - clip: rect(1px, 1px, 1px, 1px); - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { - background-color: #f1f1f1; - border-radius: 1px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); - clip: auto !important; - color: #21759b; - display: block; - font-size: 14px; - font-weight: bold; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; /* Above WP toolbar */ + background-color: #f1f1f1; + border-radius: 1px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); + clip: auto !important; + color: #18e4e2; + display: block; + font-size: 14px; + font-weight: bold; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + + /* Above WP toolbar */ } /* =16. Embedded content @@ -1353,14 +1407,14 @@ a:active { /* * Responsive media. */ - + img, embed, object, video { - height: auto; - max-width: 100%; -} + height: auto; + max-width: 100%; + } /* * Google maps image fix. @@ -1368,187 +1422,274 @@ a:active { img[src*="maps.gstatic.com"], img[src*="googleapis.com"] { - max-width: none; + max-width: none; } figure { - margin: 0; - padding: 0; -} + margin: 0; + padding: 0; + } -.masonry .hentry { - margin: 0 10px 20px; -} + .masonry .hentry { + margin: 0 10px 20px; + } -.masonry .hentry:not(.has-post-thumbnail) { - background-color: #fff; - padding: 20px; -} + .masonry .hentry:not(.has-post-thumbnail) { + background-color: #fff; + padding: 20px; + } -.masonry .hentry, -.masonry .has-post-thumbnail { - background-color: #18e4e2; - display: block; - float: left; - margin-bottom: 20px; - overflow: hidden; - height: 300px; - width: 300px; - text-align: center; -} + .masonry .hentry, + .masonry .has-post-thumbnail { + background-color: #18e4e2; + display: block; + float: left; + margin-bottom: 20px; + overflow: hidden; + height: 300px; + width: 300px; + text-align: center; + transition: 300ms; + } -.masonry .has-post-thumbnail:before { - -webkit-font-smoothing: antialiased; - display: block; - font-family: "typicons"; - font-size: 100px; - font-style: normal; - font-smoothing: antialiased; - font-weight: normal; - line-height: 1; - position: relative; - text-align: center; - text-decoration: none; - text-rendering: optimizeLegibility; - vertical-align: text-bottom; -} + .masonry .has-post-thumbnail:before { + -webkit-font-smoothing: antialiased; + display: block; + font-family: "typicons"; + font-size: 100px; + font-style: normal; + font-smoothing: antialiased; + font-weight: normal; + line-height: 1; + position: relative; + text-align: center; + text-decoration: none; + text-rendering: optimizeLegibility; + vertical-align: text-bottom; + } -// .masonry .has-post-thumbnail:before { -// content: '\e08f'; -// display: none; -// left: 0; -// position: absolute; -// right: 0; -// top: 33%; -// } + .masonry .has-post-thumbnail:before { + content: '\e08f'; + display: none; + left: 0; + position: absolute; + right: 0; + top: 33%; + } -// .masonry .has-post-thumbnail:hover:before { -// display: block; -// } + .masonry .has-post-thumbnail:hover:before { + /*display: block;*/ + } -.masonry .entry-content { - margin: 0; -} + .masonry .has-post-thumbnail:hover .entry-thumbnail { + opacity: .3; + transition: 150ms; + } -.masonry .has-post-thumbnail img { - border: 10px solid #fff; -} + .masonry .has-post-thumbnail:hover .entry-thumbnail-title { + display: flex; + } -.entry-thumbnail { - display: block; - margin-left: -35px; - margin-right: -35px; - margin-top: -50px; - text-align: center; -} + .masonry .entry-content { + margin: 0; + } -.single .entry-thumbnail { - margin-top: 0; -} + .masonry .has-post-thumbnail .entry-thumbnail-title { + display: none; + width: 100%; + height: 100%; + font-weight: bold; + font-size: 32px; + padding: 5px; + line-height: 32px; + justify-content: center; + align-content: center; + flex-direction: column; + } -.masonry .entry-thumbnail { - margin: 0; - position: relative; -} + .masonry .has-post-thumbnail img { + border: 10px solid #fff; + } + + .entry-thumbnail { + display: block; + text-align: center; + } + + .masonry .entry-thumbnail { + margin: 0; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + } /* =17. WordPress core styles -------------------------------------------------------------- */ .alignleft { - display: inline; - float: left; - margin: 8px 18px 8px 0; + display: inline; + float: left; + margin: 8px 18px 8px 0; } .alignright { - display: inline; - float: right; - margin: 8px 0 8px 18px; + display: inline; + float: right; + margin: 8px 0 8px 18px; } .aligncenter { - clear: both; - display: block; - margin: 8px auto 18px auto; + clear: both; + display: block; + margin: 8px auto 18px auto; } .wp-caption { - max-width: 100%; + max-width: 100%; } .wp-caption img[class*="wp-image-"] { - display: block; - margin: 0 auto; + display: block; + margin: 0 auto; } .wp-caption-text { - color: #444; - font-size: 12px; - text-align: center; + color: #444; + font-size: 12px; + text-align: center; } .wp-caption .wp-caption-text { - margin-bottom: 0.8075em; - margin-top: 0.8075em; + margin-bottom: 0.8075em; + margin-top: 0.8075em; } .gallery-item { - float: left; - margin: 0 4px 4px 0; - overflow: hidden; - position: relative; + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.gallery-item img { + display: block; } .gallery-columns-1 .gallery-item { - max-width: 100%; + max-width: 100%; +} + +.gallery-columns-1.gallery-size-thumbnail { + margin-left: calc(50% - 75px); } .gallery-columns-2 .gallery-item { - max-width: 48%; - max-width: -webkit-calc(50% - 4px); - max-width: calc(50% - 4px); + max-width: 48%; + max-width: -webkit-calc(50% - 4px); + max-width: calc(50% - 4px); +} + +.gallery-columns-2.gallery-size-thumbnail { + margin-left: calc(50% - 152px); } .gallery-columns-3 .gallery-item { - max-width: 32%; - max-width: -webkit-calc(33.3% - 4px); - max-width: calc(33.3% - 4px); + max-width: 32%; + max-width: -webkit-calc(33.3% - 4px); + max-width: calc(33.3% - 4px); +} + +.gallery-columns-3.gallery-size-thumbnail { + margin-left: calc(50% - 229px); } .gallery-columns-4 .gallery-item { - max-width: 23%; - max-width: -webkit-calc(25% - 4px); - max-width: calc(25% - 4px); + max-width: 23%; + max-width: -webkit-calc(25% - 4px); + max-width: calc(25% - 4px); +} + +.gallery-columns-4.gallery-size-thumbnail { + margin-left: calc(50% - 306px); } .gallery-columns-5 .gallery-item { - max-width: 19%; - max-width: -webkit-calc(20% - 4px); - max-width: calc(20% - 4px); + max-width: 19%; + max-width: -webkit-calc(20% - 4px); + max-width: calc(20% - 4px); +} + +.gallery-columns-5.gallery-size-thumbnail { + margin-left: calc(50% - 393px); } .gallery-columns-6 .gallery-item { - max-width: 15%; - max-width: -webkit-calc(16.7% - 4px); - max-width: calc(16.7% - 4px); + max-width: 15%; + max-width: -webkit-calc(16.7% - 4px); + max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { - max-width: 13%; - max-width: -webkit-calc(14.28% - 4px); - max-width: calc(14.28% - 4px); + max-width: 13%; + max-width: -webkit-calc(14.28% - 4px); + max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { - max-width: 11%; - max-width: -webkit-calc(12.5% - 4px); - max-width: calc(12.5% - 4px); + max-width: 11%; + max-width: -webkit-calc(12.5% - 4px); + max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { - max-width: 9%; - max-width: -webkit-calc(11.1% - 4px); - max-width: calc(11.1% - 4px); + max-width: 9%; + max-width: -webkit-calc(11.1% - 4px); + max-width: calc(11.1% - 4px); +} + +.gallery-size-medium img, +.gallery-size-large img { + max-width: none; +} + +.gallery-size-medium .gallery-item, +.gallery-size-large .gallery-item { + max-height: 235px; + overflow: hidden; +} + +.gallery-columns-2.gallery-size-large .gallery-item { + max-height: 350px; + overflow: hidden; +} + +.gallery-columns-1.gallery-size-large .gallery-item, +.gallery-columns-1.gallery-size-full .gallery-item { + max-height: none; +} + +.gallery-size-full img { + max-width: none; +} + +.gallery-size-full .gallery-item { + max-height: 300px; + overflow: hidden; +} + +.gallery-size-full a, +.gallery-size-medium a, +.gallery-size-large a { + display: flex; + align-items: center; + justify-content: center; +} + +.gallery-columns-3.gallery-size-medium { + display: flex; + flex-wrap: wrap; } .gallery-columns-1 .gallery-item:nth-of-type(1n), @@ -1560,83 +1701,93 @@ a:active { .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { - margin-right: 0; + margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { - clear: left; + clear: left; } .gallery-caption { - background-color: rgba(3, 270, 169, 0.7); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - color: #fff; - font-size: 12px; - line-height: 1.5; - margin: 0; - max-height: 50%; - opacity: 0; - padding: 6px 8px; - position: absolute; - bottom: 0; - left: 0; - text-align: left; - width: 100%; + background-color: rgba(0, 0, 0, 0.8); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: #fff; + font-size: 12px; + line-height: 1.5; + margin: 0; + opacity: 0; + padding: 6px 8px; + position: absolute; + bottom: 0; + left: 0; + text-align: left; + width: 100%; } .gallery-caption:before { - content: ""; - height: 100%; - min-height: 49px; - position: absolute; - top: 0; - left: 0; - width: 100%; + content: ""; + height: 100%; + min-height: 49px; + position: absolute; + top: 0; + left: 0; + width: 100%; } .gallery-item:hover .gallery-caption { - opacity: 1; + opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { - display: none; + display: none; } .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { - border: none; - margin-bottom: 0; - margin-top: 0; - padding: 0; + border: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; } /* =18. Widgets -------------------------------------------------------------- */ .widget { - border-top: 2px solid #777; - margin: 0 0 1.5em; - padding-bottom: 15px; - padding-top: 15px; + border-top: 1px solid #1B1B1B;; + margin: 0; + padding: 10px 20px; +} + +.widget:hover { + background: #151515; } .widget ul { - list-style: none; - padding-left: inherit; + list-style: none; + padding-left: 0; + margin: 10px 0; +} + +.widget ul * { + font-size: 15px; } /* Make sure select elements fit in widgets */ .widget select { - max-width: 100%; + max-width: 100%; + border: 1px solid #2F2F2F; + width: 100% + color: #525252; } .widget select option { @@ -1644,15 +1795,20 @@ a:active { } .widget .search-field { - border: 2px solid #777; - margin-bottom: 10px; - margin-top: 10px; - width: 140px; + border: 2px solid #777; + margin-bottom: 10px; + margin-top: 10px; + width: 140px; } .widget-title { - color: #fff; - font-weight: 700; + color: #5D5D5D; + margin-top: 5px; + font-size: 12px; + text-transform: uppercase; + margin: -10px -20px; + padding: 10px 20px; + font-weight: bold; } /* Calendar Widget */ @@ -1661,16 +1817,14 @@ a:active { } #wp-calendar caption { - font-size: 2em + font-size: 2em; } /* =19. Content -------------------------------------------------------------- */ .site-content { - background-color: #fff; - padding-bottom: 15px; - padding-top: 15px; + background-color: #fff; } .masonry .content-area, @@ -1680,67 +1834,66 @@ a:active { } .masonry .content-area { - padding: 0; + padding: 0; } .masonry .site-content { - background-color: transparent; + background-color: transparent; } .page-title { - font-size: 18px; + font-size: 18px; } .more-dots { - color: #e0e0e0; - padding-left: 5px; + color: #e0e0e0; + padding-left: 5px; } -.sticky { -} +.sticky {} .byline, .updated { - display: none; + display: none; } .single .byline, .group-blog .byline { - display: inline; + display: inline; } .entry-footer { - border-top: 2px solid rgba(0, 0, 0 ,0.1); + border-top: 2px solid rgba(0, 0, 0, 0.1); } .masonry .entry-footer { - border: none; - padding-top: 0; + border: none; + padding-top: 0; } .entry-meta, .entry-header, .entry-footer { - text-align: center; + text-align: center; } .page-links { - clear: both; + clear: both; } .masonry .cat-links, .masonry .tags-links, .masonry .comments-links { - display: none; + display: none; } .content-area { - float: right; - width: 100%; + float: right; + width: 100%; } .no-posts .site-content { - text-align: center; + text-align: center; } /* =20. Asides @@ -1748,14 +1901,14 @@ a:active { .blog .format-aside .entry-title, .archive .format-aside .entry-title { - display: none; + display: none; } /* =21. Comments -------------------------------------------------------------- */ .comment-body { - border: 1px solid rgba(0, 0, 0 ,0.1); + border: 1px solid rgba(0, 0, 0, 0.1); } .comment-list { @@ -1771,32 +1924,35 @@ a:active { word-wrap: break-word; } -.comments-area label { - display: block; +.comments-area { + margin-top: 50px; } -.bypostauthor { +.comments-area label { + display: block; } +.bypostauthor {} + .form-allowed-tags { display: none; } .comment-meta { - border-bottom: 2px solid rgba(0, 0, 0 ,0.1); - text-align: center; + border-bottom: 2px solid rgba(0, 0, 0, 0.1); + text-align: center; } .comment-author .avatar { - border-radius: 100px; - display: block; - margin-right: auto; - margin-left: auto; - text-align: center; + border-radius: 100px; + display: block; + margin-right: auto; + margin-left: auto; + text-align: center; } .masonry .comments-link { - display: none; + display: none; } .comments-link { @@ -1809,102 +1965,148 @@ a:active { } .comment-body .fn { - font-size: 24px; - font-weight: 400; + font-size: 24px; + font-weight: 400; } .comment-body .fn a { - color: #777; - font-weight: 400; + color: #777; + font-weight: 400; } - /* =22. Infinite scroll (Jetpack plugin) -------------------------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ -.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ -.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ - display: none; +.infinite-scroll .paging-navigation, +.infinite-scroll.neverending .site-footer { + /* Theme Footer (when set to scrolling) */ + display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { - display: block; + display: block; } /* =23. Footer -------------------------------------------------------------- */ .site-footer { - background-color: #222; - color: #aaa; - letter-spacing: 1px; - vertical-align: middle; -} - -.site-footer a { - color: #fff; + background-color: #000; + color: #aaa; + letter-spacing: 1px; + vertical-align: middle; } .site-footer a:hover { - color: #aaa; + color: #18e4e2; } .site-info { - text-align: center; + text-align: center; } .site-credits { - font-size: 12px; + font-size: 12px; } /* =24. Responsive design -------------------------------------------------------------- */ -@media screen and (max-width: 960px) { /* Mobile Devices */ +@media (max-width: 414px) { + /* Mobile Devices */ + .gallery:not(.gallery-columns-1) { + margin-left: 0 !important; + } - img { - display: block; - margin-left: auto; - margin-right: auto; - } - - .site-info, - .site-banner, - .site-content { - padding: 10px; - } + .gallery-size-medium .gallery-item, + .gallery-size-large .gallery-item { + max-height: 100px; + } - .site-title { - font-size: xx-large; -} + .gallery-size-full .gallery-item { + max-height: 150px; + } -.widget-area, -.content-area { - display: block; - margin-right: auto; - margin-left: auto; - float: none; - width: 100%; -} + .edd-download .entry-thumbnail { + float: none; + width: 100% !important; + } -.comment-list .children { - padding-left: 0; + .single-download .entry-header { + width: 100% !important; + margin-top: 10px; + } + + .edd-submit.button { + width: 100% !important; + } + + .edd-download .entry-header .entry-title { + font-size: 22px; + } + + .content-area, .comment-meta, .comment-body { + padding: 10px; + } + + .site-title { + margin: -13px 42px 10px; + } + + .site-header { + padding: 30px 20px 25px 30px; + } } +@media screen and (max-width: 960px) { + /* Mobile Devices */ + + img { + display: block; + margin-left: auto; + margin-right: auto; + } + + .site-info, + .site-banner, + .site-content { + padding: 10px; + } + + .site-title { + font-size: xx-large; + } + + .widget-area, + .content-area { + display: block; + margin-right: auto; + margin-left: auto; + float: none; + width: 100%; + } + + .comment-list .children { + padding-left: 0; + } } -@media screen and (min-width: 960px) { /* Desktop */ +@media screen and (min-width: 960px) { + /* Desktop */ - .site-info, - .site-banner, - .site-content { - width: 960px; - } + .site-info, + .site-banner, + .site-content { + width: 960px; + } + .site-banner { + margin-top: 20px; + } } /* =25. Print styles @@ -1913,10 +2115,11 @@ elements that were hidden (via .neverending) before */ /* Print styles inlined to avoid extra HTTP connection */ @media print { - * { background: transparent !important; - color: black !important; /* Black prints faster: sanbeiji.com/archives/953 */ + color: black !important; + + /* Black prints faster: sanbeiji.com/archives/953 */ text-shadow: none !important; filter: none !important; -ms-filter: none !important; @@ -1936,7 +2139,7 @@ elements that were hidden (via .neverending) before */ /* Do not show javascript and internal links */ a[href^="javascript:"]:after, a[href^="#"]:after { - content: ""; + content: ""; } /* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */ @@ -1960,17 +2163,202 @@ elements that were hidden (via .neverending) before */ h2, h3 { page-break-after: avoid; } +} + +/*EDD Stylings*/ +.edd_download_inner { + background: #FBFBFB; + padding: 20px; + border: 1px solid #E5E5E5; + width: calc(100% - 10px); + margin: auto; + margin-bottom: 10px; +} + +.edd_download_inner .edd_download_image { + float: left; + margin-right: 20px; + margin-bottom: 15px; +} + +.edd_download_inner h3 { + margin: 0; + clear: none; +} + +.edd_download_inner p { + margin: 6px 0 15px; + float: left; + clear: none; + width: 55%; +} + +.edd_download_inner .edd_download_buy_button { + display: inline-block; + margin: 0 -20px -20px; + border-top: 1px solid #E5E5E5; + width: calc(100% + 40px); + background: #F7F7F7; +} + +.edd_download_inner .edd_download_purchase_form .edd_price_options { + margin: 0; +} + +.edd_download_columns_1 .edd_download_purchase_form .edd_price_options ul { + display: flex; +} + +.edd_download_purchase_form .edd_price_options ul li { + border-right: 1px solid #E5E5E5; + border-left: 1px solid #FBFBFB; +} + +.edd_download_inner .edd_download_buy_button li { + border-bottom: 1px solid #E5E5E5; + border-top: 1px solid white; + padding: 10px 20px; +} + +.edd_download_inner .edd_download_buy_button .edd_purchase_submit_wrapper { + margin: 20px; + width: 100%; +} + +.edd_download_inner .edd_download_buy_button .edd_purchase_submit_wrapper .button { + width: calc(100% - 40px); +} + +#edd_download_pagination { + border-top: 1px solid #E5E5E5; + margin-top: 100px; + padding-top: 20px; +} + +#edd_download_pagination .page-numbers.current { + background: #428BCA; + color: #fff; +} + +#edd_download_pagination .page-numbers { + padding: 10px; + background: #F7F7F7; +} + +.edd_downloads_list.edd_download_columns_1 .edd_download_inner p { + float: none; + width: auto; +} + +.edd_downloads_list.edd_download_columns_1 .edd_download_inner { + margin-bottom: 50px; +} + +.edd_downloads_list.edd_download_columns_1 .edd_download_inner .edd_download_buy_button .edd_purchase_submit_wrapper .button { + width: auto; +} + +@media (min-width: 412px) { + .edd-download .entry-thumbnail { + float: left; + width: 50%; + } +} + +.edd-download .entry-thumbnail { + margin: 0; + margin-right: 24px; +} + +.edd-download .entry-header { + text-align: left; + display: inline-block; +} + +.edd-download .entry-header .entry-meta { + text-align: left; + margin-bottom: 10px; + border-bottom: 2px solid #E5E5E5; + padding-bottom: 10px; +} + +.edd-download .entry-header .entry-title { + margin-bottom: 10px; +} + +.edd-download .entry-content { + margin: 0; +} + +.edd-download .entry-footer { + margin-top: 20px; + padding-top: 20px; +} + +.featherlight-content .caption { + position: absolute; + bottom: 0; + background: rgba(0, 0, 0, 0.8); + padding: 5px 10px; + font-size: 14px; +} + +.site-credits { + margin: 30px; +} +.sidr-open #overlay { + display: block; } -.masonry .header-hover { - display: none; - position: absolute; - left: 0; - right: 0; - top: 50%; +.sidr .sidr-inner .menu { + padding: 20px; + margin: 0; + background: #151515; } -.masonry .has-post-thumbnail:hover .header-hover { - display: block; +#overlay { + position: absolute; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + background: transparent; + z-index: 999998; + display: none; +} + +.single-download .entry-header { + width: calc(50% - 25px); +} + +.sidr { + display: block; + position: fixed; + top: 0; + height: 100%; + z-index: 999999; + overflow-x: hidden; + overflow-y: auto; + color: #fff; + border-right: 1px solid #2B2B2B; + width: 250px; +} + +.post-type-archive-download .edd-download .entry-thumbnail { + width: auto; +} + +@media (min-width: 412px) { + .post-type-archive-download .edd-download .entry-thumbnail img { + width: 100%; + } + + .post-type-archive-download .edd-download .entry-header .entry-title { + margin-bottom: 0; + margin-top: 10px; + } }