Add mobile styling
This commit is contained in:
Jorit Tijsen
297
public/css/style.css
vendored
297
public/css/style.css
vendored
@@ -19,6 +19,11 @@ body {
|
||||
padding: 67px 0;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.body_container {
|
||||
padding: 50px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.header_container {
|
||||
max-width: 1170px;
|
||||
@@ -37,6 +42,14 @@ body {
|
||||
width: calc(300px + var(--bs-gutter-x));
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.content_container {
|
||||
padding-right: calc(var(--bs-gutter-x) * 0.5);
|
||||
}
|
||||
.site_container {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
display: block;
|
||||
width: calc(100% - 78px);
|
||||
@@ -127,20 +140,46 @@ div.pp_default .pp_close:hover {
|
||||
.header {
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
.header .logo {
|
||||
float: left;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.header .logo img {
|
||||
height: 75px;
|
||||
}
|
||||
.header .advertisement {
|
||||
float: right;
|
||||
width: 728px;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.menu_container {
|
||||
height: 75px;
|
||||
margin-bottom: 20px;
|
||||
background-image: linear-gradient(to right, #0102b0, #4090e3);
|
||||
@media (max-width: 1170px) {
|
||||
.header {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 980px) {
|
||||
.header {
|
||||
height: 212px;
|
||||
}
|
||||
.header .logo {
|
||||
float: none;
|
||||
}
|
||||
.header .advertisement {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.header_container {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (min-width: 767px) {
|
||||
.menu_container {
|
||||
height: 75px;
|
||||
margin-bottom: 20px;
|
||||
background-image: linear-gradient(to right, #0102b0, #4090e3);
|
||||
}
|
||||
}
|
||||
.menu_container nav {
|
||||
display: flex;
|
||||
@@ -225,30 +264,30 @@ div.pp_default .pp_close:hover {
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.top_menu_container {
|
||||
.top_menu_container, .menu_mobile_container {
|
||||
height: 50px;
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.top_menu_container ul {
|
||||
.top_menu_container ul.right_menu, .menu_mobile_container ul.right_menu {
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.top_menu_container ul li {
|
||||
.top_menu_container ul.right_menu li, .menu_mobile_container ul.right_menu li {
|
||||
float: left;
|
||||
padding: 6px 19px;
|
||||
margin: 8px;
|
||||
border-right: 1px solid #fff;
|
||||
}
|
||||
.top_menu_container ul li:last-child {
|
||||
.top_menu_container ul.right_menu li:last-child, .menu_mobile_container ul.right_menu li:last-child {
|
||||
border: none;
|
||||
}
|
||||
.top_menu_container ul li:nth-child(2) {
|
||||
.top_menu_container ul.right_menu li:nth-child(2), .menu_mobile_container ul.right_menu li:nth-child(2) {
|
||||
padding: 0 19px;
|
||||
}
|
||||
.top_menu_container ul li a {
|
||||
.top_menu_container ul.right_menu li a, .menu_mobile_container ul.right_menu li a {
|
||||
float: left;
|
||||
font-family: Nunito, serif;
|
||||
font-size: 14px;
|
||||
@@ -258,21 +297,21 @@ div.pp_default .pp_close:hover {
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.top_menu_container ul li a i {
|
||||
.top_menu_container ul.right_menu li a i, .menu_mobile_container ul.right_menu li a i {
|
||||
font-size: 18px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.top_menu_container ul li .search_form {
|
||||
.top_menu_container ul.right_menu li .search_form, .menu_mobile_container ul.right_menu li .search_form {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
height: 34px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.top_menu_container ul li .search_form .search_input {
|
||||
.top_menu_container ul.right_menu li .search_form .search_input, .menu_mobile_container ul.right_menu li .search_form .search_input {
|
||||
border: 1px solid #efefef;
|
||||
border-radius: 5px;
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
height: 29px;
|
||||
font-family: Montserrat, serif;
|
||||
@@ -280,27 +319,76 @@ div.pp_default .pp_close:hover {
|
||||
line-height: 1.25;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
.top_menu_container ul li .search_form .search_submit {
|
||||
.top_menu_container ul.right_menu li .search_form .search_submit, .menu_mobile_container ul.right_menu li .search_form .search_submit {
|
||||
float: right;
|
||||
margin: 6px;
|
||||
}
|
||||
.top_menu_container ul li .search_button {
|
||||
.top_menu_container ul.right_menu li .search_button, .menu_mobile_container ul.right_menu li .search_button {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.menu-submenu {
|
||||
.menu_mobile_container {
|
||||
height: 30px;
|
||||
padding: 12px 0;
|
||||
}
|
||||
.menu_mobile_container .mobile_menu_button a {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 21px;
|
||||
padding: 4px 10px 4px 11px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
background-color: #10229c;
|
||||
margin-right: 12px;
|
||||
}
|
||||
.menu_mobile_container .mobile_menu_button a i {
|
||||
color: white;
|
||||
font-size: 19px;
|
||||
}
|
||||
.menu_mobile_container .logo_mobile {
|
||||
height: 100%;
|
||||
}
|
||||
.menu_mobile_container .logo_mobile img {
|
||||
height: 100%;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container {
|
||||
background-color: #10229c;
|
||||
margin-left: 12px;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container ul.right_menu li {
|
||||
padding: 5px 19px;
|
||||
margin: 0;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container ul.right_menu li .search_form {
|
||||
height: 25px;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container ul.right_menu li .search_form .search_input {
|
||||
height: 18px;
|
||||
width: 80px;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container ul.right_menu li .search_form .search_submit {
|
||||
margin: 0 6px;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container ul.right_menu li .search_button {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.menu-submenu, .mobile_menu_container {
|
||||
position: absolute;
|
||||
}
|
||||
.menu-submenu > a {
|
||||
.menu-submenu > a, .mobile_menu_container > a {
|
||||
display: block;
|
||||
height: 30px;
|
||||
}
|
||||
.menu-submenu ul {
|
||||
.menu-submenu ul, .mobile_menu_container ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.menu-submenu ul a {
|
||||
.menu-submenu ul a, .mobile_menu_container ul a {
|
||||
display: block;
|
||||
font-family: Nunito, serif;
|
||||
font-size: 14px;
|
||||
@@ -311,7 +399,7 @@ div.pp_default .pp_close:hover {
|
||||
border-bottom: 1px solid #f8f8f8;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.menu-submenu > ul {
|
||||
.menu-submenu > ul, .mobile_menu_container > ul {
|
||||
padding: 20px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
|
||||
@@ -320,16 +408,70 @@ div.pp_default .pp_close:hover {
|
||||
width: max-content;
|
||||
display: none;
|
||||
}
|
||||
.menu-submenu > ul li ul {
|
||||
.menu-submenu > ul li ul, .mobile_menu_container > ul li ul {
|
||||
display: none;
|
||||
}
|
||||
.menu-submenu > ul li ul li {
|
||||
.menu-submenu > ul li ul li, .mobile_menu_container > ul li ul li {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.menu-submenu > ul li.has_submenu {
|
||||
.menu-submenu > ul li.has_submenu, .mobile_menu_container > ul li.has_submenu {
|
||||
position: relative;
|
||||
}
|
||||
.menu-submenu > ul li.has_submenu:after {
|
||||
.menu-submenu > ul li.has_submenu:after, .mobile_menu_container > ul li.has_submenu:after {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: var(--fa-display, inline-block);
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
line-height: 1;
|
||||
text-rendering: auto;
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
content: "\f0d7";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 15px;
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
transition: 0.6s ease;
|
||||
}
|
||||
.menu-submenu > ul li.has_submenu.opened:after, .mobile_menu_container > ul li.has_submenu.opened:after {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
.mobile_menu_container {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 15;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
.mobile_menu_container nav {
|
||||
background: white;
|
||||
width: fit-content;
|
||||
height: 100vh;
|
||||
padding: 20px;
|
||||
min-width: 70vw;
|
||||
max-width: 100vw;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile_menu_container nav ul, .mobile_menu_container nav li, .mobile_menu_container nav li a {
|
||||
width: 100%;
|
||||
}
|
||||
.mobile_menu_container nav ul > li > ul > li {
|
||||
padding-left: 20px;
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
.mobile_menu_container nav .submenu {
|
||||
display: none;
|
||||
}
|
||||
.mobile_menu_container nav li.has_submenu {
|
||||
position: relative;
|
||||
}
|
||||
.mobile_menu_container nav li.has_submenu:after {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: var(--fa-display, inline-block);
|
||||
font-style: normal;
|
||||
@@ -345,11 +487,51 @@ div.pp_default .pp_close:hover {
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
.menu-submenu > ul li.has_submenu.opened:after {
|
||||
.mobile_menu_container nav li.has_submenu.opened:after {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
.logo_close_button {
|
||||
display: flex;
|
||||
height: 42px;
|
||||
margin-bottom: 37px;
|
||||
}
|
||||
.logo_close_button .logo {
|
||||
flex-grow: 1;
|
||||
height: 42px;
|
||||
}
|
||||
.logo_close_button .logo a {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
.logo_close_button .logo a img {
|
||||
height: 100%;
|
||||
}
|
||||
.logo_close_button .mobile_close_menu_button {
|
||||
height: 30px;
|
||||
width: 22.5px;
|
||||
padding: 4px;
|
||||
}
|
||||
.logo_close_button .mobile_close_menu_button a {
|
||||
font-size: 30px;
|
||||
color: #1d2bb2;
|
||||
padding: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.mobile_menu_container nav li.has_submenu:after {
|
||||
content: "\f054";
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
transition: 0.6s ease;
|
||||
}
|
||||
.mobile_menu_container nav li.has_submenu.opened:after {
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.header .now-playing-header {
|
||||
float: right;
|
||||
}
|
||||
@@ -402,6 +584,28 @@ div.pp_default .pp_close:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.blog_grid {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
/* Track */
|
||||
/* Handle */
|
||||
}
|
||||
.blog_grid::-webkit-scrollbar {
|
||||
height: 8px;
|
||||
}
|
||||
.blog_grid::-webkit-scrollbar-track {
|
||||
border-radius: 100vw;
|
||||
background: #eee;
|
||||
}
|
||||
.blog_grid::-webkit-scrollbar-thumb {
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(to right, #10229c, #64a9f2);
|
||||
}
|
||||
.blog_grid .grid_view {
|
||||
width: 300%;
|
||||
}
|
||||
}
|
||||
.blog_grid .row, .blog_grid .row > * {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@@ -413,6 +617,11 @@ div.pp_default .pp_close:hover {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.blog_grid .post {
|
||||
height: 50%;
|
||||
}
|
||||
}
|
||||
.blog_grid .post img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -461,6 +670,12 @@ div.pp_default .pp_close:hover {
|
||||
font-size: 16px;
|
||||
line-height: 1.17;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.blog_grid .post .slider_content_box h2 a, .blog_grid .post .slider_content_box h5 a {
|
||||
font-size: 16px;
|
||||
line-height: 1.17;
|
||||
}
|
||||
}
|
||||
.blog_grid .post .slider_content_box .post_date {
|
||||
display: block;
|
||||
height: 30px;
|
||||
@@ -517,6 +732,7 @@ div.pp_default .pp_close:hover {
|
||||
.tabs {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.tabs.fit_content {
|
||||
width: fit-content;
|
||||
@@ -614,6 +830,11 @@ div.pp_default .pp_close:hover {
|
||||
width: calc(100% - 38px);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.sidebar {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.radio_box {
|
||||
padding: 15px 23px 15px 15px;
|
||||
width: calc(100% - 38px);
|
||||
@@ -650,6 +871,7 @@ div.pp_default .pp_close:hover {
|
||||
|
||||
.contact_box {
|
||||
position: relative;
|
||||
padding: 15px 23px 15px 15px;
|
||||
}
|
||||
.contact_box .logo-whatsapp {
|
||||
position: absolute;
|
||||
@@ -681,6 +903,11 @@ div.pp_default .pp_close:hover {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) and (min-width: 423px) {
|
||||
.contact_box p {
|
||||
width: calc(100% - 81px);
|
||||
}
|
||||
}
|
||||
.featured img {
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
@@ -992,8 +1219,13 @@ div.pp_default .pp_close:hover {
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
width: calc(100% - 270px);
|
||||
padding: 32px 135px;
|
||||
padding: 20px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.page_container {
|
||||
width: calc(100% - 270px);
|
||||
padding: 32px 135px;
|
||||
}
|
||||
}
|
||||
|
||||
.page_body {
|
||||
@@ -1060,6 +1292,11 @@ div.pp_default .pp_close:hover {
|
||||
.footer_container .footer_menu {
|
||||
background-image: linear-gradient(to right, #0102b0, #4090e3);
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.footer_container .footer_menu {
|
||||
padding: 60px 30px 30px 30px;
|
||||
}
|
||||
}
|
||||
.footer_container .footer_menu .row {
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
|
||||
File diff suppressed because one or more lines are too long
97
public/js/functions.js
vendored
97
public/js/functions.js
vendored
@@ -80,29 +80,57 @@ $(function () {
|
||||
var submenu = $('<div style="width: ' + $menuItem.outerWidth() + 'px"><a href="' + $menuItem.find('a').attr('href') + '" style="width: ' + $menuItem.outerWidth() + 'px"></a></div>').append($menuItem.children('ul.submenu').clone());
|
||||
var pos = $menuItem.offset();
|
||||
submenu.addClass('menu-submenu').css({top: pos.top, left: pos.left});
|
||||
submenu.on( "mouseleave", function(){
|
||||
submenu.on( "mouseleave", function() {
|
||||
$('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
|
||||
$menuItem.removeClass('hover');
|
||||
} );
|
||||
$('body').append(submenu);
|
||||
submenu.children('ul.submenu').slideDown();
|
||||
|
||||
submenu.find('ul.submenu li.has_submenu').click(function(){
|
||||
$(this).find('ul.submenu').slideToggle();
|
||||
$(this).toggleClass('opened');
|
||||
});
|
||||
submenu.find('ul.submenu').subMenu({});
|
||||
openPlayerInNewScreen();
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {object} _options
|
||||
*/
|
||||
$.fn.subMenu = function (_options) {
|
||||
var options = {
|
||||
menuSubmenuClass: 'has_submenu'
|
||||
};
|
||||
$.extend(options, _options);
|
||||
var $container = $(this);
|
||||
|
||||
$container.find('li.' + options.menuSubmenuClass + ' > a').click(function(e) {
|
||||
e.preventDefault();
|
||||
var $li = $(this).closest('li');
|
||||
$li.children('ul.submenu').slideToggle();
|
||||
$li.toggleClass('opened');
|
||||
});
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
|
||||
$(function () {
|
||||
$('.menu, .mobile-menu').menu({});
|
||||
$('.menu').menu({});
|
||||
$('.mobile-menu').subMenu({});
|
||||
$('.mobile_menu_button a').click(function() {
|
||||
$('.mobile_menu_container').show();
|
||||
});
|
||||
$('.mobile_close_menu_button a').click(function() {
|
||||
$('.mobile_menu_container').hide();
|
||||
});
|
||||
$('.mobile_menu_container').click(function(e){
|
||||
var $target = $(e.target);
|
||||
if(!$target.closest('#mobile_menu_nav').length &&
|
||||
$('.mobile_menu_container').is(":visible")) {
|
||||
$('.mobile_menu_container').hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(function () {
|
||||
console.log($(".prettyPhoto[rel^='prettyPhoto']"));
|
||||
$(".prettyPhoto[rel^='prettyPhoto']").prettyPhoto({
|
||||
show_title: false,
|
||||
slideshow: 3000,
|
||||
@@ -111,6 +139,61 @@ $(function () {
|
||||
});
|
||||
});
|
||||
|
||||
(function ($) {
|
||||
|
||||
/**
|
||||
* @param {object} _options
|
||||
*/
|
||||
$.fn.snapTo = function (_options) {
|
||||
var options = {
|
||||
elementClass: 'post'
|
||||
};
|
||||
$.extend(options, _options);
|
||||
var $container = $(this);
|
||||
var $elements = $container.find('.' + options.elementClass + ':visible');
|
||||
var stopSnapTo = false;
|
||||
|
||||
var snapTimeout = null;
|
||||
var snapHandler = function() {
|
||||
if (!stopSnapTo) {
|
||||
stopSnapTo = true;
|
||||
var y = $container.scrollLeft();
|
||||
$elements.each(function () {
|
||||
var offset = $(this).offset();
|
||||
if (offset.left > -(window.screen.width / 2) && offset.left < window.screen.width / 2) {
|
||||
$container.animate({
|
||||
scrollLeft: Math.round(y + offset.left) + 'px'
|
||||
}, 300);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
if (snapTimeout) {
|
||||
clearTimeout(snapTimeout);
|
||||
}
|
||||
snapTimeout = setTimeout(function () {
|
||||
stopSnapTo = false;
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
var snapToHandlerTimer = null;
|
||||
var scrollHandler = function() {
|
||||
if (snapToHandlerTimer) {
|
||||
clearTimeout(snapToHandlerTimer);
|
||||
}
|
||||
snapToHandlerTimer = setTimeout(snapHandler, 300);
|
||||
};
|
||||
|
||||
$container.on( "scroll", scrollHandler);
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
|
||||
$(function () {
|
||||
$('[data-snapto]').each(function () {
|
||||
$(this).snapTo($(this).data('snapto'));
|
||||
});
|
||||
});
|
||||
|
||||
(function ($) {
|
||||
|
||||
/**
|
||||
|
||||
4
public/js/functions.min.js
vendored
4
public/js/functions.min.js
vendored
@@ -1,2 +1,2 @@
|
||||
/*! 2024-03-18 */
|
||||
!function(l){l.fn.loadMoreNews=function(e){var a=2,n=!1,i={loadingElementId:"#loading",container:"",url:document.location.pathname},o=(l.extend(i,e),l(i.loadingElementId,this));o.hide(),this.click(function(e){var t,s;e.preventDefault(),n||(n=1,o.show(),t=l(this).attr("disabled","disabled"),s=l(i.container),l.ajax({url:i.url+(0<=i.url.indexOf("?")?"&":"?")+"pagina="+a}).always(function(){n=0,o.hide(),t.removeAttr("disabled")}).done(function(n){n?(s.each(function(){var e=this.toString();l(e).append(l("<div>"+n+"</div>").find(e).length?l("<div>"+n+"</div>").find(e).children():l(n))}),++a):t.attr("disabled","disabled").text("Geen nieuws meer.")}))})}}(jQuery),$(function(){$("[data-loadmorenews]").each(function(){$(this).loadMoreNews($(this).data("loadmorenews"))})}),function(a){a.fn.menu=function(e){var n={menuSubmenuClass:"has_submenu"},e=(a.extend(n,e),a(this).children("."+n.menuSubmenuClass)),s=a(this);e.on("mouseenter",function(){var e=a(this),n=(a(".menu-submenu > ul.submenu").slideUp(400,function(){a(this).closest(".menu-submenu").remove()}),a(".hover",s).removeClass("hover"),e.addClass("hover"),a('<div style="width: '+e.outerWidth()+'px"><a href="'+e.find("a").attr("href")+'" style="width: '+e.outerWidth()+'px"></a></div>').append(e.children("ul.submenu").clone())),t=e.offset();n.addClass("menu-submenu").css({top:t.top,left:t.left}),n.on("mouseleave",function(){a(".menu-submenu > ul.submenu").slideUp(400,function(){a(this).closest(".menu-submenu").remove()}),e.removeClass("hover")}),a("body").append(n),n.children("ul.submenu").slideDown(),n.find("ul.submenu li.has_submenu").click(function(){a(this).find("ul.submenu").slideToggle(),a(this).toggleClass("opened")}),openPlayerInNewScreen()})}}(jQuery),$(function(){$(".menu, .mobile-menu").menu({})}),$(function(){console.log($(".prettyPhoto[rel^='prettyPhoto']")),$(".prettyPhoto[rel^='prettyPhoto']").prettyPhoto({show_title:!1,slideshow:3e3,overlay_gallery:!0,social_tools:""})}),function(a){a.fn.tabs=function(e){var n={tabClass:"box_header",activeClass:"active",contentClass:"tab_content"},t=(a.extend(n,e),a(this).find("."+n.tabClass)),s=a(this);t.click(function(e){e.preventDefault(),t.removeClass(n.activeClass),s.find("."+n.contentClass).removeClass(n.activeClass),s.find("#"+a(this).data("tab-content-id")).addClass(n.activeClass),a(this).addClass(n.activeClass)})}}(jQuery),$(function(){$("[data-tabs]").each(function(){$(this).tabs($(this).data("tabs")??{})})});
|
||||
/*! 2024-03-20 */
|
||||
!function(u){u.fn.loadMoreNews=function(e){var s=2,n=!1,o={loadingElementId:"#loading",container:"",url:document.location.pathname},a=(u.extend(o,e),u(o.loadingElementId,this));a.hide(),this.click(function(e){var t,i;e.preventDefault(),n||(n=1,a.show(),t=u(this).attr("disabled","disabled"),i=u(o.container),u.ajax({url:o.url+(0<=o.url.indexOf("?")?"&":"?")+"pagina="+s}).always(function(){n=0,a.hide(),t.removeAttr("disabled")}).done(function(n){n?(i.each(function(){var e=this.toString();u(e).append(u("<div>"+n+"</div>").find(e).length?u("<div>"+n+"</div>").find(e).children():u(n))}),++s):t.attr("disabled","disabled").text("Geen nieuws meer.")}))})}}(jQuery),$(function(){$("[data-loadmorenews]").each(function(){$(this).loadMoreNews($(this).data("loadmorenews"))})}),function(s){s.fn.menu=function(e){var n={menuSubmenuClass:"has_submenu"},e=(s.extend(n,e),s(this).children("."+n.menuSubmenuClass)),i=s(this);e.on("mouseenter",function(){var e=s(this),n=(s(".menu-submenu > ul.submenu").slideUp(400,function(){s(this).closest(".menu-submenu").remove()}),s(".hover",i).removeClass("hover"),e.addClass("hover"),s('<div style="width: '+e.outerWidth()+'px"><a href="'+e.find("a").attr("href")+'" style="width: '+e.outerWidth()+'px"></a></div>').append(e.children("ul.submenu").clone())),t=e.offset();n.addClass("menu-submenu").css({top:t.top,left:t.left}),n.on("mouseleave",function(){s(".menu-submenu > ul.submenu").slideUp(400,function(){s(this).closest(".menu-submenu").remove()}),e.removeClass("hover")}),s("body").append(n),n.children("ul.submenu").slideDown(),n.find("ul.submenu").subMenu({}),openPlayerInNewScreen()})},s.fn.subMenu=function(e){var n={menuSubmenuClass:"has_submenu"};s.extend(n,e),s(this).find("li."+n.menuSubmenuClass+" > a").click(function(e){e.preventDefault();e=s(this).closest("li");e.children("ul.submenu").slideToggle(),e.toggleClass("opened")})}}(jQuery),$(function(){$(".menu").menu({}),$(".mobile-menu").subMenu({}),$(".mobile_menu_button a").click(function(){$(".mobile_menu_container").show()}),$(".mobile_close_menu_button a").click(function(){$(".mobile_menu_container").hide()}),$(".mobile_menu_container").click(function(e){!$(e.target).closest("#mobile_menu_nav").length&&$(".mobile_menu_container").is(":visible")&&$(".mobile_menu_container").hide()})}),$(function(){$(".prettyPhoto[rel^='prettyPhoto']").prettyPhoto({show_title:!1,slideshow:3e3,overlay_gallery:!0,social_tools:""})}),function(l){l.fn.snapTo=function(e){var n={elementClass:"post"},t=(l.extend(n,e),l(this)),i=t.find("."+n.elementClass+":visible"),s=!1,o=null,a=function(){var n;s||(s=!0,n=t.scrollLeft(),i.each(function(){var e=l(this).offset();if(e.left>-window.screen.width/2&&e.left<window.screen.width/2)return t.animate({scrollLeft:Math.round(n+e.left)+"px"},300),!1}),o&&clearTimeout(o),o=setTimeout(function(){s=!1},500))},u=null;t.on("scroll",function(){u&&clearTimeout(u),u=setTimeout(a,300)})}}(jQuery),$(function(){$("[data-snapto]").each(function(){$(this).snapTo($(this).data("snapto"))})}),function(s){s.fn.tabs=function(e){var n={tabClass:"box_header",activeClass:"active",contentClass:"tab_content"},t=(s.extend(n,e),s(this).find("."+n.tabClass)),i=s(this);t.click(function(e){e.preventDefault(),t.removeClass(n.activeClass),i.find("."+n.contentClass).removeClass(n.activeClass),i.find("#"+s(this).data("tab-content-id")).addClass(n.activeClass),s(this).addClass(n.activeClass)})}}(jQuery),$(function(){$("[data-tabs]").each(function(){$(this).tabs($(this).data("tabs")??{})})});
|
||||
Reference in New Issue
Block a user