From cf8633b480b72fb381837013c66dcac6d4294f9f Mon Sep 17 00:00:00 2001 From: Bala Ramadurai Date: Wed, 3 Mar 2021 14:31:34 +0530 Subject: Updates to pagination, js, page views - Page views https://github.com/balaramadurai/hugo-travelify-theme/issues/35 - Pagination issue fixed by @sree24 https://github.com/balaramadurai/hugo-travelify-theme/issues/36 - some js updates from colorlib --- assets/style.css | 281 +++++++++++++++++++---------------- layouts/partials/article_footer.html | 8 + layouts/partials/footer_js.html | 12 +- layouts/partials/pagination.html | 4 +- static/js/jquery-migrate.min.js | 6 +- static/js/jquery.cycle.all.min.js | 1 + static/js/jquery.min.js | 3 + static/js/slider-settings.min.js | 2 +- static/js/tinynav.js | 86 ++++++++++- static/js/wp-embed.min.js | 3 +- 10 files changed, 254 insertions(+), 152 deletions(-) create mode 100644 static/js/jquery.min.js diff --git a/assets/style.css b/assets/style.css index 23da365..f7c04d2 100644 --- a/assets/style.css +++ b/assets/style.css @@ -4,13 +4,18 @@ Theme URI: http://colorlib.com/wp/travelify/ Author: Colorlib Author URI: http://colorlib.com/wp/ Description: Travelify is a clean, simple, responsive and customizable WordPress WooCommerce theme that looks awesome on any device. It adjusts automatically to any screen size including tablets and smartphones as well as Retina displays. Theme is built using HTML5 / CSS3 and is SEO friendly. This WordPress theme was built with travel, adventures, languages and nature in mind but it can be used for anything so be creative and unleash its full potential in blogging, ecommerce, business and other websites. Along the awesome design this theme is customizable via a simple but yet powerful theme options. Some of the nicest features are featured post slider, social icons, custom logo, translation ready (compatible with WPML plugin) and many more. This theme out-of-the-box plays nicely with WooCommerce, Breadcrumb NavXT, WP-PageNavi, Contact Form 7 and other popular plugins. Theme available in English, French, German, Hungarian, Italian, Spanish, Dutch, Hebrew, Slovak, Turkish, Swedish, Brazilian Portuguese, Polish, Finnish, Bulgarian, Persian (Farsi), Greek, Russian and Chinese. -Version: 3.0.4 +Version: 3.0.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html -Tags: grid-layout, footer-widgets, blog, education, entertainment, food-and-drink, news, photography, portfolio +Tags: grid-layout, footer-widgets, education, entertainment, photography, featured-images, custom-menu, editor-style, custom-background, threaded-comments, custom-header Text Domain: travelify */ +/* +Travelify WordPress Theme, Copyright (C) 2013-2020, Colorlib +Travelify is distributed under the terms of the GNU GPL +*/ + /* =Reset --------------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { @@ -115,7 +120,7 @@ hr { @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Genericons"; - src: url("library/font//Genericons.svg#Genericons") format("svg"); + src: url("library/font/Genericons.svg#Genericons") format("svg"); } } @@ -277,7 +282,9 @@ blockquote cite { .breadcrumb ul li a { color: #999; } -.breadcrumb ul li a:hover,.breadcrumb ul li.current_item { +.breadcrumb ul li a:hover, +.breadcrumb ul li a:focus, +.breadcrumb ul li.current_item { color: #57ad68; } .breadcrumb ul li a:after { @@ -347,29 +354,17 @@ input[type="reset"],input[type="button"],input[type="submit"] { -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 1px rgba(255,255,255,0.2); } -input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover { +input[type="reset"]:hover, +input[type="reset"]:focus, +input[type="button"]:hover, +input[type="button"]:focus, +input[type="submit"]:hover, +input[type="submit"]:focus { background: #439f55; } input[type="reset"]:active,input[type="button"]:active,input[type="submit"]:active { - display: inline-block; - border-radius: 2px; - font-size: 14px; - white-space: nowrap; - text-align: center; - margin: 0; - line-height: 24px; - display: inline-block; - text-decoration: none; - padding: 4px 12px; - text-transform: lowercase; - border: 1px solid #439f55; - cursor: pointer; - background: #57ad68; - color: #fff; - position: relative; - text-shadow: 0 1px 1px rgba(0,0,0,0.2); - -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2); - box-shadow: inset 0 1px 1px rgba(255,255,255,0.2); + -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); + box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); } /* Links */ a { @@ -430,6 +425,7 @@ img#wpstats { left: 7.6%; } #main-nav li:hover > a, +#main-nav li:focus-within > a, #main-nav ul ul :hover > a, #main-nav a:focus { color: #fff; @@ -475,7 +471,8 @@ img#wpstats { -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2); box-shadow: inset 0 1px 1px rgba(255,255,255,0.2); } -.entry-meta-bar .readmore:hover { +.entry-meta-bar .readmore:hover, +.entry-meta-bar .readmore:focus { background: #439f55; color: #fff; } @@ -483,7 +480,8 @@ img#wpstats { -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); } -a.more-link:hover { +a.more-link:hover, +a.more-link:focus { text-decoration: underline; } /* Alignment */ @@ -521,9 +519,13 @@ a.more-link:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 4px; } -.back-to-top a:hover { +.back-to-top a:hover, +.back-to-top a:focus { color: #bdbdbd; } +.back-to-top:focus-within a { + background: #439f55; +} /* =Header -----------------------------------------------*/ #branding { @@ -552,7 +554,10 @@ a.more-link:hover { vertical-align: inherit; max-width: 978px; } -#site-title a span,#site-title a:hover,#site-title a:focus,#site-title a:active { +#site-title a span, +#site-title a:hover, +#site-title a:focus, +#site-title a:active { color: #439f55; } #site-description { @@ -577,7 +582,6 @@ a.more-link:hover { margin-top: 10px; float: left; padding-right: 1px; - list-style: none; } .social-icons ul li a { display: inline-block; @@ -586,8 +590,7 @@ a.more-link:hover { -moz-osx-font-smoothing: grayscale; padding: 2px 3px; border-radius: 2px; - /* Changed font size for visual appeal from font-size: 21px; to 16px*/ - font-size: 16px; + font-size: 21px; color: #d0d0d0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; @@ -604,87 +607,94 @@ a.more-link:hover { text-transform: none; speak: none; } -.social-icons ul li a:hover { +.social-icons ul li a:hover, +.social-icons ul li a:focus { color: #fff !important; } .social-icons ul li.facebook a:before { content: '\f204'; } -.social-icons ul li.facebook a:hover { +.social-icons ul li.facebook a:hover, +.social-icons ul li.facebook a:focus { background: #3B5998; } .social-icons ul li.twitter a:before { content: '\f202'; } -.social-icons ul li.twitter a:hover { +.social-icons ul li.twitter a:hover, +.social-icons ul li.twitter a:focus { background: #00aced; } .social-icons ul li.google-plus a:before { content: '\f218'; } -.social-icons ul li.google-plus a:hover { +.social-icons ul li.google-plus a:hover, +.social-icons ul li.google-plus a:focus { background: #cd4132; } .social-icons ul li.pinterest a:before { content: '\f209'; } -.social-icons ul li.pinterest a:hover { +.social-icons ul li.pinterest a:hover, +.social-icons ul li.pinterest a:focus { background: #cb2027; } .social-icons ul li.linkedin a:before { content: '\f207'; } -.social-icons ul li.linkedin a:hover { +.social-icons ul li.linkedin a:hover, +.social-icons ul li.linkedin a:focus { background: #005a87; } .social-icons ul li.tumblr a:before { content: '\f214'; } -.social-icons ul li.tumblr a:hover { +.social-icons ul li.tumblr a:hover, +.social-icons ul li.tumblr a:focus { background: #2b4761; } .social-icons ul li.vimeo a:before { content: '\f212'; } -.social-icons ul li.vimeo a:hover { +.social-icons ul li.vimeo a:hover, +.social-icons ul li.vimeo a:focus { background: #1bb7ea; } .social-icons ul li.instagram a:before { content: '\f215'; } -.social-icons ul li.instagram a:hover { +.social-icons ul li.instagram a:hover, +.social-icons ul li.instagram a:focus { background: #517fa4; } .social-icons ul li.flickr a:before { content: '\f211'; } -.social-icons ul li.flickr a:hover { +.social-icons ul li.flickr a:hover, +.social-icons ul li.flickr a:focus { background: #0063db; } .social-icons ul li.youtube a:before { content: '\f213'; } -.social-icons ul li.youtube a:hover { +.social-icons ul li.youtube a:hover, +.social-icons ul li.youtube a:focus { background: #cd4132; } .social-icons ul li.rss a:before { content: '\f413'; } -.social-icons ul li.rss a:hover { +.social-icons ul li.rss a:hover, +.social-icons ul li.rss a:focus { background: #fc7216; } .social-icons ul li.github a:before { content: '\f200'; } -.social-icons ul li.github a:hover { +.social-icons ul li.github a:hover, +.social-icons ul li.github a:focus { background: #151013; } -.social-icons ul li.email a:before { - content: '\f410'; -} -.social-icons ul li.email a:hover { - background: #555555; -} /* Header Image */ .header-image { @@ -716,7 +726,14 @@ a.more-link:hover { padding: 8px 12px 0 10px; height: 32px; } -#main-nav a:hover,#main-nav ul li.current-menu-item a,#main-nav ul li.current_page_ancestor a,#main-nav ul li.current-menu-ancestor a,#main-nav ul li.current_page_item a,#main-nav ul li:hover > a { +#main-nav a:hover, +#main-nav a:focus, +#main-nav ul li.current-menu-item a, +#main-nav ul li.current_page_ancestor a, +#main-nav ul li.current-menu-ancestor a, +#main-nav ul li.current_page_item a, +#main-nav ul li:hover > a, +#main-nav ul li:focus-within > a { background: #439f55; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); @@ -728,7 +745,11 @@ a.more-link:hover { #main-nav ul ul { text-shadow: none; } -#main-nav li:hover > a,#main-nav ul ul :hover > a,#main-nav a:focus { +#main-nav li:hover > a, +#main-nav li:focus-within > a, +#main-nav ul ul :hover > a, +#main-nav ul ul :focus-within > a, +#main-nav a:focus { color: #439f55; } /* Dropdown */ @@ -744,7 +765,8 @@ a.more-link:hover { #main-nav ul ul li:hover ul, #main-nav ul ul ul li:hover ul, #main-nav ul ul ul ul li:hover ul, -#main-nav ul ul ul ul ul li:hover ul { +#main-nav ul ul ul ul ul li:hover ul, +#main-nav ul li:focus-within > ul { display: block; } #main-nav ul li ul { @@ -789,7 +811,12 @@ a.more-link:hover { #main-nav ul li.current_page_item a { border: none; } -#main-nav ul li ul li a:hover,#main-nav ul li ul li:hover > a,#main-nav ul li.current-menu-item ul li a:hover { +#main-nav ul li ul li a:hover, +#main-nav ul li ul li a:focus, +#main-nav ul li ul li:hover > a, +#main-nav ul li ul li:focus-within > a, +#main-nav ul li.current-menu-item ul li a:hover, +#main-nav ul li.current-menu-item ul li a:focus { background-color: #F9F9F9; -webkit-box-shadow: none; box-shadow: none; @@ -805,6 +832,9 @@ a.more-link:hover { .main-nav li.default-menu { display: none; } +#main-nav select:focus { + outline: 2px solid #222222; +} /* =Featured Slider --------------------------------------------------------------*/ @@ -819,7 +849,7 @@ a.more-link:hover { } .featured-text { position: absolute; - top: 55px; + bottom: 55px; right: 30px; text-align: right; color: #fff; @@ -845,6 +875,11 @@ a.more-link:hover { .featured-text .featured-title a { color: #fff; } +.featured-text .featured-title a:hover, +.featured-text .featured-title a:focus { + color: #439f55; +} + /* Controllers */ #controllers { text-align: center; @@ -864,11 +899,18 @@ a.more-link:hover { border-radius: 2px; color: #fff; } -#controllers a:hover,#controllers a.active { + +#controllers a.active { background-color: #439f55; color: #439f55; } +#controllers a:hover, +#controllers a:focus { + background-color: #222222 !important; + color: #222222 !important; +} + /* =Content -----------------------------------------------*/ #main { @@ -892,7 +934,10 @@ a.more-link:hover { #content ul a,#content ol a { color: #777; } -#content ul a:hover,#content ol a:hover { +#content ul a:hover, +#content ul a:focus, +#content ol a:hover, +#content ol a:focus { text-decoration: none; color: #439f55; } @@ -1001,7 +1046,9 @@ a.more-link:hover { margin: 0; padding: 5px 0; } -.entry-title a:hover,.entry-title a:focus,.entry-title a:active { +.entry-title a:hover, +.entry-title a:focus, +.entry-title a:active { color: #439f55; } .entry-meta-bar { @@ -1025,7 +1072,8 @@ a.more-link:hover { .entry-meta a { color: #555; } -.entry-meta a:hover { +.entry-meta a:hover, +.entry-meta a:focus { color: #439f55; } .entry-meta span { @@ -1069,7 +1117,8 @@ a.more-link:hover { .tags a { color: #888; } -.tags a:hover { +.tags a:hover, +.tags a:focus { color: #439f55; } .post-featured-image { @@ -1079,6 +1128,8 @@ a.more-link:hover { .post-featured-image a { display: block; } + + .entry-content dt,.comment-content dt { font-weight: bold; } @@ -1119,7 +1170,7 @@ td,tbody th { font-size: 14px; padding: 4px 2%; } -tr:hover td,tr:hover th { +tr:hover td, tr:hover th { background: #fff; } thead th,tfoot th,thead tr:hover th,tfoot tr:hover th { @@ -1163,7 +1214,8 @@ thead th,tfoot th,thead tr:hover th,tfoot tr:hover th { color: #555; padding-bottom: 0; } -.custom-gallery-title a:hover { +.custom-gallery-title a:hover, +.custom-gallery-title a:focus { color: #439f55; } /* Blog Medium Page */ @@ -1217,7 +1269,9 @@ thead th,tfoot th,thead tr:hover th,tfoot tr:hover th { .image-attachment div.attachment a img { border-color: #f9f9f9; } -.image-attachment div.attachment a:focus img,.image-attachment div.attachment a:hover img,.image-attachment div.attachment a:active img { +.image-attachment div.attachment a:focus img, +.image-attachment div.attachment a:hover img, +.image-attachment div.attachment a:active img { border-color: #ddd; background: #fff; } @@ -1279,13 +1333,15 @@ thead th,tfoot th,thead tr:hover th,tfoot tr:hover th { text-decoration: none; color: #5e5e5e; } -.comments-area article header a:hover { +.comments-area article header a:hover, +.comments-area article header a:focus { color: #21759b; } .comments-area article header cite a { color: #444; } -.comments-area article header cite a:hover { +.comments-area article header cite a:hover, +.comments-area article header cite a:focus { text-decoration: underline; } .comments-area article header h4 { @@ -1328,7 +1384,8 @@ a.comment-reply-link { line-height: 1.8; color: #686868; } -a.comment-reply-link:hover { +a.comment-reply-link:hover, +a.comment-reply-link:focus { color: #21759b; } .commentlist .pingback { @@ -1443,7 +1500,9 @@ a:focus img[class*="align"],a:hover img[class*="align"],a:active img[class*="ali border-radius: 3px; padding: 1px 8px 2px; } -#wp_page_numbers ul li a:hover,#wp_page_numbers ul li.active_page a { +#wp_page_numbers ul li a:hover, +#wp_page_numbers ul li a:focus, +#wp_page_numbers ul li.active_page a { border: 1px solid #57ad68; color: #fff; background: #439f55; @@ -1476,7 +1535,8 @@ a:focus img[class*="align"],a:hover img[class*="align"],a:active img[class*="ali padding: 1px 8px 2px !important; margin-left: 4px; } -.wp-pagenavi .current,.wp-pagenavi a:hover { +.wp-pagenavi .current,.wp-pagenavi a:hover, +.wp-pagenavi .current,.wp-pagenavi a:focus { border: 1px solid #439f55 !important; color: #fff; background: #57ad68; @@ -1513,7 +1573,8 @@ ul.default-wp-page li a { border-radius: 2px; padding: 8px 8px 8px; } -ul.default-wp-page li a:hover { +ul.default-wp-page li a:hover, +ul.default-wp-page li a:focus { border: 1px solid #57ad68; color: #fff !important; border: 1px solid #439f55; @@ -1554,17 +1615,12 @@ ul.default-wp-page li a:active { border: 1px solid #e5e5e5; color: #777; } -.pagination a:hover span { +.pagination a:hover span, +.pagination a:focus span { background-color: #57ad68; border: 1px solid #57ad68; color: #fff; } - -/* added for plain share icons */ -ul#blog { - list-style-type: none; -} - /* =Widgets -----------------------------------------------*/ .widget { @@ -1577,7 +1633,7 @@ ul#blog { } .widget ul li { - background-image: url('./../images/arrow-right.png'); + background-image: url('./images/arrow-right.png'); background-position: 0 8px; background-repeat: no-repeat; padding: 0 0 0 15px; @@ -1589,7 +1645,8 @@ ul#blog { #secondary .recentcomments ul li { background-position: 30px 6px; } -.widget ul li a:hover { +.widget ul li a:hover, +.widget ul li a:focus { color: #439f55; text-decoration: underline; } @@ -1601,7 +1658,8 @@ ul#blog { .widget-title,.widget-title a { color: #555; } -.widget-title a:hover { +.widget-title a:hover, +.widget-title a:focus { color: #439f55; } /* Search Widget */ @@ -1628,7 +1686,7 @@ ul#blog { width: 95%; text-align: center; margin: auto; - border-radius: none; + /*border-radius: none;*/ } .widget_calendar #wp-calendar caption,.widget_calendar #wp-calendar td,.widget_calendar #wp-calendar th { text-align: center; @@ -1669,7 +1727,8 @@ ul#blog { color: #777; padding: 10px 0; } -.widget_tag_cloud a:hover { +.widget_tag_cloud a:hover, +.widget_tag_cloud a:focus { color: #439f55; } /* WP Caption */ @@ -1757,7 +1816,8 @@ ul#blog { #site-generator .copyright a { color: #777; } -#site-generator .copyright a:hover { +#site-generator .copyright a:hover, +#site-generator .copyright a:focus { color: #439f55; } /* Custom implementations */ @@ -1768,11 +1828,13 @@ ul#blog { -o-transition: all .5s ease; transition: all .5s ease; } -.attachment-featured.wp-post-image:hover { +.attachment-featured.wp-post-image:hover, +.post-featured-image a:focus .attachment-featured.wp-post-image { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } + article { background: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); @@ -1807,7 +1869,8 @@ article { font-weight: 400; } -#breadcrumb a:hover { +#breadcrumb a:hover, +#breadcrumb a:focus { color: #444444; text-decoration: none; } @@ -2089,52 +2152,6 @@ article { width: auto; z-index: 100000; /* Above WP toolbar. */ } - -/* cyrillic-ext */ -@font-face { - font-family: 'Ubuntu'; - font-style: normal; - font-weight: 400; - src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(../fonts/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2'); - unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; -} -/* cyrillic */ -@font-face { - font-family: 'Ubuntu'; - font-style: normal; - font-weight: 400; - src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(../fonts/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2'); - unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; -} -/* greek-ext */ -@font-face { - font-family: 'Ubuntu'; - font-style: normal; - font-weight: 400; - src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(../fonts/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2'); - unicode-range: U+1F00-1FFF; -} -/* greek */ -@font-face { - font-family: 'Ubuntu'; - font-style: normal; - font-weight: 400; - src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(../fonts/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2'); - unicode-range: U+0370-03FF; -} -/* latin-ext */ -@font-face { - font-family: 'Ubuntu'; - font-style: normal; - font-weight: 400; - src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(../fonts/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2'); - unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; -} -/* latin */ -@font-face { - font-family: 'Ubuntu'; - font-style: normal; - font-weight: 400; - src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(../fonts/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +ul#blog { + list-style-type: none; } diff --git a/layouts/partials/article_footer.html b/layouts/partials/article_footer.html index aa87db1..1c3a2f2 100644 --- a/layouts/partials/article_footer.html +++ b/layouts/partials/article_footer.html @@ -33,6 +33,14 @@ {{ end }} {{ end }} + + {{ if .Site.Params.Views.enable }} +
+ + Views + +
+ {{ end }} {{ if and (not (eq .Site.DisqusShortname "")) (not .Params.disable_comments) }} {{with .Site.Data.l10n.articles.comments}}{{.}}{{end}} diff --git a/layouts/partials/footer_js.html b/layouts/partials/footer_js.html index a588aed..ee6baf4 100644 --- a/layouts/partials/footer_js.html +++ b/layouts/partials/footer_js.html @@ -12,18 +12,18 @@ {{ end }} - - - + + - + - - + +