Commit e7e1a6ba authored by imac's avatar imac

[Responsive]Photothéque

parent 2a8d20f3
......@@ -1359,7 +1359,10 @@ aside.news-wrapper {
color: #313D7A;
max-width: 85%;
}
.pa_format ul li:last-of-type {
margin-bottom: 20px;
pointer-events: none;
}
.pa_format ul li label {
overflow: hidden;
display: block;
......@@ -1648,7 +1651,7 @@ label.chevron.bottom::first-letter {
content: '';
width: 100%;
max-width: 205px;
height: 2px;
height: 1px;
background: rgba(24,37,102,0.3);
display: block;
margin-top: 19px;
......@@ -2113,6 +2116,7 @@ label.chevron.bottom::first-letter {
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
opacity: 0;
color: #fff;
}
#catalogue .product-list article:hover img{
transform: translateY(-50%) scale(1.2);
......
......@@ -212,9 +212,15 @@
.close-btn-mobile{
display: none !important;
}
.right-panel-wrapper{
top: 0px !important;
}
}
@media screen and (max-width: 860px) {
/* general */
.container-bg{
background-color: #071130;
}
.display--only-mobile{
display: block;
}
......@@ -993,6 +999,7 @@
/* CMS */
.gallery-wrapper {
padding: 0px 10px 40px;
/*padding: 0px;*/
}
.legacy p {
padding-bottom: 10px;
......
......@@ -30,12 +30,17 @@ $(function(){
if (!($('.main-nav .nav-content .footer').length)){
$('.main-nav .nav-content').append($('footer .footer').clone(true,true));
}
$('.right-panel-wrapper').css('z-index','9999');
}
else { //Close menu
nav.removeClass('ON').addClass("OFF");
$('body').addClass('fixed');
$('body').removeClass('fixed');
nav.parent().removeClass("show-nav");
$('.main-nav .nav-content .footer').remove();
setTimeout(function(){
$('.right-panel-wrapper').css('z-index','9999999');
},500)
}
setTimeout(function(){
checkFooterNavPosition();
......@@ -44,6 +49,13 @@ $(function(){
});
}
$.fn.loadPageContent = function(){
if ($('body').find('header').length > 1){
$('body').find('header').last().parent().remove();
$('.right-panel-wrapper').css('top', $('.nav-header').outerHeight());
$('html').css('overflow','auto');
}
//$('.load-page').removeClass('fadeOutUp').addClass('animated fadeInUp')
$('ul.phototheque').find('li').first().addClass('current');
$('ul.phototheque').find('li').first().find('.subcat').slideDown('slow');
......@@ -65,18 +77,19 @@ $(function(){
e.preventDefault();
e.stopPropagation();
$('.phototheque>li').removeClass('current');
$('.phototheque .subcat').slideUp('slow');
$(this).parent().addClass('current');
//if (windowWidth < 860){
//$('.nav-phototeque .nav-content>ul>li').addClass('animated fadeOutLeft');
//$('.nav-phototeque .nav-content li.current').removeClass('fadeOutLeft').addClass('fadeInRight');
//$('.nav-phototeque .nav-content li.current ul').removeClass('fadeOutLeft').addClass('fadeInRight');
//$('.nav-phototeque .nav-content li.current ul').css('display','inline-block !important');
//.phototheque-content nav li
//}else{
$('.phototheque .subcat').slideUp('slow');
$('.phototheque .off .subcat').slideUp();
$(this).parent().find('.subcat').slideDown('slow');
if (windowWidth < 860){
$('.nav-phototeque .nav-content>ul>li').addClass('animated fadeOutLeft');
$('.nav-phototeque .nav-content li.current').removeClass('fadeOutLeft').addClass('fadeInRight');
$('.nav-phototeque .nav-content li.current ul').removeClass('fadeOutLeft').addClass('fadeInRight');
$('.nav-phototeque .nav-content li.current ul').css('display','block','important');
//.phototheque-content nav li
}
//}
});
setTimeout(function(){
......
......@@ -194,8 +194,8 @@ $(function(){
$.fn.productAnimation = function(){
//first format Actif
var activeImg = $('.format-label #format_0').data('img-active');
$('.format-label #format_0').attr('src',activeImg);
//var activeImg = $('.format-label #format_0').data('img-active');
//$('.format-label #format_0').attr('src',activeImg);
tlProduct = new TimelineMax();
tlProduct.fromTo('.product-images',0.4,{autoAlpha:0, marginLeft:"-10%"},{autoAlpha:1, marginLeft:"0"},0);
......
......@@ -13,6 +13,10 @@ if(!$ext_ref) {
}
?>
<div id="phototheque" class="clearfix container ">
<div class="display--only-mobile">
<div class="container-bg abs-full"></div>
<?php get_sidebar(); ?>
</div>
<div class="phototheque-content">
<div class="nav-phototeque container gray-bg row fixed">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment