Galerie

.portfolio-wraper { margin-bottom:20px; } .pfg-bootstrap .img-fluid { max-width: 100%; height: auto; } .pfg-bootstrap .img-thumbnail { padding: 0.25rem; background-color: #fff; max-width: 100%; height: auto; } .pfg-bootstrap .img-circle { border-radius: 50%; } .pfg-bootstrap img { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .pfg-bootstrap .thumbnail { display: block; padding: 4px; /*margin-bottom: 20px;*/ line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .pfg-bootstrap .thumbnail > img, .pfg-bootstrap .thumbnail a > img { margin-right: auto; margin-left: auto; } .pfg-bootstrap a.thumbnail:hover, .pfg-bootstrap a.thumbnail:focus, .pfg-bootstrap a.thumbnail.active { border-color: #337ab7; } .pfg-bootstrap .thumbnail .caption { padding: 9px; color: #333; } figure { margin: 0; } img { vertical-align: middle; } .pfg-bootstrap .img-responsive, .pfg-bootstrap .thumbnail > img, .pfg-bootstrap .thumbnail a > img, .pfg-bootstrap .carousel-inner > .item > img, .pfg-bootstrap .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .pfg-bootstrap .img-rounded { border-radius: 6px; } li#all { margin: 0; } .simplefilter li { margin-top: 5px; } .filtr-search { margin-top:10px !important; width:200px !important; margin-bottom: 20px; } #all-simplefilter { display:inline; padding-left: 0px !important; } #f-simplefilter-1605 { display:inline; padding-left: 0px !important; } button:hover { background-color: unset !important; } .simplefilter_1605 li:not(:first-child){ margin-left:4px; } @keyframes .YouTubePopUp-Content { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .YouTubePopUp-Content { animation-name: .YouTubePopUp-Content ; } .YouTubePopUp-Close { background:url(https://lescouleursdemily.fr/wp-content/plugins/portfolio-filter-gallery//img/close-icon-white.png) no-repeat; background-size:50px 50px; -webkit-background-size:70px 50px; -moz-background-size:70px 50px; -o-background-size:70px 50px; } ul.simplefilter { margin-left: 0 !important; } .pfg_img_1605 { width: 100% !important; height: 100% !important; } .filter_gallery_1605 > a { position: initial !important; } .thumbnail_1605 { width:100% !important; height:auto; margin-bottom: 0px !important; } .filtr-item { padding-right:7px !important; padding-left:7px !important; padding-top:7px !important; padding-bottom:7px !important; } .filtr-item img { transition: all .2s !important } .simplefilter_1605 li { background-color: #ccc; color: #ffffff; } .simplefilter_1605 li:hover { background-color: #4c3701 !important; } .simplefilter_1605 li.active { background-color: #4c3701 !important; }

setTimeout(function () { jQuery(".thumbnail_1605").each(function(){ // console.log(jQuery(this).width() + "x" + jQuery(this).height()) var h = jQuery(this).height(); var w = jQuery(this).width(); jQuery(this).height(h); jQuery(this).width(w); jQuery(this).resize(); }); }, 2500); jQuery(document).ready(function (jQuery) { jQuery('.filtr-item').addClass('animateonload'); jQuery('#filter_gallery_1605').show(); jQuery('.loading-wrapper').hide(); jQuery(".loader_img").hide(); jQuery(".lg_load_more").show(); jQuery(".filtr-container").css("opacity", 1); // Define Filterizr Default Options const options = { animationDuration: 0.5, callbacks: { onFilteringStart: function() { // Apply sorting shortly after filtering starts setTimeout(function() { }, 50); }, onFilteringEnd: function() { // Apply sorting shortly after filtering ends setTimeout(function() { }, 50); }, onShufflingStart: function() { }, onShufflingEnd: function() { }, onSortingStart: function() { }, onSortingEnd: function() { } }, controlsSelector: '.filtr-controls-1605', filter: 'all', filterOutCss: { top: '0px', left: '0px', opacity: 0.001, transform: '' }, filterInCss: { top: '0px', left: '0px', opacity: 1, transform: '' }, layout: 'sameWidth', selector: '.filtr-item', setupControls: false }; // Initialize Filterizr and ensure it is globally accessible window.filterizd = jQuery('.filter_gallery_1605').filterizr(options); jQuery('.filter_gallery_1605').imagesLoaded(function() { // Reapply sorting after initial load // Resize handling jQuery(window).resize(function() { jQuery(".thumbnail_1605").each(function() { var h = jQuery(this).height(); var w = jQuery(this).width(); jQuery(this).height(h); jQuery(this).width(w); }); // Reapply sorting after resizing }); }); /* Sort li to alphabetically: */ function sortList(ul) { var ul = document.getElementById("f-simplefilter-1605"); Array.from(ul.getElementsByTagName("LI")) .sort((a, b) => a.textContent.localeCompare(b.textContent)) .forEach(li => ul.appendChild(li)); } sortList("f-simplefilter-1605"); /* Sort li to alphabetically: */ //bootstrap-lightbox-js // delegate calls to data-toggle="lightbox" document.addEventListener('DOMContentLoaded', (event) => { document.querySelectorAll('.my-lightbox-toggle').forEach((el) => { el.addEventListener('click', (e) => { e.preventDefault(); const options = { keyboard: true, size: 'fullscreen' }; // Assuming Lightbox is a constructor from the included library // Check if the Lightbox class or function exists if (typeof Lightbox !== 'undefined') { const lightbox = new Lightbox(el, options); lightbox.show(); } else { console.error('Lightbox library is not loaded.'); } }); }); }); jQuery('.filtr-control-1605 [data-filter]').click(function() { //jQuery('.swiper-1605').swipebox('swipebox-destroy'); var targetFilter = jQuery(this).data('filter'); var lighbox_class_name = "pfg-lightbox-" + targetFilter; jQuery('.pfg-lightbox-' + targetFilter ).attr('data-lightbox', lighbox_class_name); // add data filter for parent filters }); // video player jQuery(function(){ jQuery("a.video-box-1605").YouTubePopUp( { autoplay: 0 } ); // Disable autoplay }); });