Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in
Toggle navigation
N
NAP-wordpress
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
JIRA
JIRA
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Marwa Sfari
NAP-wordpress
Commits
e7e1a6ba
Commit
e7e1a6ba
authored
Aug 29, 2017
by
imac
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
[Responsive]Photothéque
parent
2a8d20f3
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
44 additions
and
16 deletions
+44
-16
main.css
wp-content/themes/nap/assets/css/main.css
+6
-2
responsive.css
wp-content/themes/nap/assets/css/responsive.css
+7
-0
main.js
wp-content/themes/nap/assets/js/main.js
+25
-12
product.js
wp-content/themes/nap/assets/js/product.js
+2
-2
phototheque.php
wp-content/themes/nap/phototheque.php
+4
-0
No files found.
wp-content/themes/nap/assets/css/main.css
View file @
e7e1a6ba
...
@@ -1359,7 +1359,10 @@ aside.news-wrapper {
...
@@ -1359,7 +1359,10 @@ aside.news-wrapper {
color
:
#313D7A
;
color
:
#313D7A
;
max-width
:
85%
;
max-width
:
85%
;
}
}
.pa_format
ul
li
:last-of-type
{
margin-bottom
:
20px
;
pointer-events
:
none
;
}
.pa_format
ul
li
label
{
.pa_format
ul
li
label
{
overflow
:
hidden
;
overflow
:
hidden
;
display
:
block
;
display
:
block
;
...
@@ -1648,7 +1651,7 @@ label.chevron.bottom::first-letter {
...
@@ -1648,7 +1651,7 @@ label.chevron.bottom::first-letter {
content
:
''
;
content
:
''
;
width
:
100%
;
width
:
100%
;
max-width
:
205px
;
max-width
:
205px
;
height
:
2
px
;
height
:
1
px
;
background
:
rgba
(
24
,
37
,
102
,
0.3
);
background
:
rgba
(
24
,
37
,
102
,
0.3
);
display
:
block
;
display
:
block
;
margin-top
:
19px
;
margin-top
:
19px
;
...
@@ -2113,6 +2116,7 @@ label.chevron.bottom::first-letter {
...
@@ -2113,6 +2116,7 @@ label.chevron.bottom::first-letter {
-moz-transform
:
translateY
(
-50%
);
-moz-transform
:
translateY
(
-50%
);
-o-transform
:
translateY
(
-50%
);
-o-transform
:
translateY
(
-50%
);
opacity
:
0
;
opacity
:
0
;
color
:
#fff
;
}
}
#catalogue
.product-list
article
:hover
img
{
#catalogue
.product-list
article
:hover
img
{
transform
:
translateY
(
-50%
)
scale
(
1.2
);
transform
:
translateY
(
-50%
)
scale
(
1.2
);
...
...
wp-content/themes/nap/assets/css/responsive.css
View file @
e7e1a6ba
...
@@ -212,9 +212,15 @@
...
@@ -212,9 +212,15 @@
.close-btn-mobile
{
.close-btn-mobile
{
display
:
none
!important
;
display
:
none
!important
;
}
}
.right-panel-wrapper
{
top
:
0px
!important
;
}
}
}
@media
screen
and
(
max-width
:
860px
)
{
@media
screen
and
(
max-width
:
860px
)
{
/* general */
/* general */
.container-bg
{
background-color
:
#071130
;
}
.display--only-mobile
{
.display--only-mobile
{
display
:
block
;
display
:
block
;
}
}
...
@@ -993,6 +999,7 @@
...
@@ -993,6 +999,7 @@
/* CMS */
/* CMS */
.gallery-wrapper
{
.gallery-wrapper
{
padding
:
0px
10px
40px
;
padding
:
0px
10px
40px
;
/*padding: 0px;*/
}
}
.legacy
p
{
.legacy
p
{
padding-bottom
:
10px
;
padding-bottom
:
10px
;
...
...
wp-content/themes/nap/assets/js/main.js
View file @
e7e1a6ba
...
@@ -30,12 +30,17 @@ $(function(){
...
@@ -30,12 +30,17 @@ $(function(){
if
(
!
(
$
(
'.main-nav .nav-content .footer'
).
length
)){
if
(
!
(
$
(
'.main-nav .nav-content .footer'
).
length
)){
$
(
'.main-nav .nav-content'
).
append
(
$
(
'footer .footer'
).
clone
(
true
,
true
));
$
(
'.main-nav .nav-content'
).
append
(
$
(
'footer .footer'
).
clone
(
true
,
true
));
}
}
$
(
'.right-panel-wrapper'
).
css
(
'z-index'
,
'9999'
);
}
}
else
{
//Close menu
else
{
//Close menu
nav
.
removeClass
(
'ON'
).
addClass
(
"OFF"
);
nav
.
removeClass
(
'ON'
).
addClass
(
"OFF"
);
$
(
'body'
).
add
Class
(
'fixed'
);
$
(
'body'
).
remove
Class
(
'fixed'
);
nav
.
parent
().
removeClass
(
"show-nav"
);
nav
.
parent
().
removeClass
(
"show-nav"
);
$
(
'.main-nav .nav-content .footer'
).
remove
();
$
(
'.main-nav .nav-content .footer'
).
remove
();
setTimeout
(
function
(){
$
(
'.right-panel-wrapper'
).
css
(
'z-index'
,
'9999999'
);
},
500
)
}
}
setTimeout
(
function
(){
setTimeout
(
function
(){
checkFooterNavPosition
();
checkFooterNavPosition
();
...
@@ -44,6 +49,13 @@ $(function(){
...
@@ -44,6 +49,13 @@ $(function(){
});
});
}
}
$
.
fn
.
loadPageContent
=
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')
//$('.load-page').removeClass('fadeOutUp').addClass('animated fadeInUp')
$
(
'ul.phototheque'
).
find
(
'li'
).
first
().
addClass
(
'current'
);
$
(
'ul.phototheque'
).
find
(
'li'
).
first
().
addClass
(
'current'
);
$
(
'ul.phototheque'
).
find
(
'li'
).
first
().
find
(
'.subcat'
).
slideDown
(
'slow'
);
$
(
'ul.phototheque'
).
find
(
'li'
).
first
().
find
(
'.subcat'
).
slideDown
(
'slow'
);
...
@@ -65,18 +77,19 @@ $(function(){
...
@@ -65,18 +77,19 @@ $(function(){
e
.
preventDefault
();
e
.
preventDefault
();
e
.
stopPropagation
();
e
.
stopPropagation
();
$
(
'.phototheque>li'
).
removeClass
(
'current'
);
$
(
'.phototheque>li'
).
removeClass
(
'current'
);
$
(
'.phototheque .subcat'
).
slideUp
(
'slow'
);
$
(
this
).
parent
().
addClass
(
'current'
);
$
(
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
();
$
(
'.phototheque .off .subcat'
).
slideUp
();
$
(
this
).
parent
().
find
(
'.subcat'
).
slideDown
(
'slow'
);
$
(
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
(){
setTimeout
(
function
(){
...
...
wp-content/themes/nap/assets/js/product.js
View file @
e7e1a6ba
...
@@ -194,8 +194,8 @@ $(function(){
...
@@ -194,8 +194,8 @@ $(function(){
$
.
fn
.
productAnimation
=
function
(){
$
.
fn
.
productAnimation
=
function
(){
//first format Actif
//first format Actif
var
activeImg
=
$
(
'.format-label #format_0'
).
data
(
'img-active'
);
//
var activeImg = $('.format-label #format_0').data('img-active');
$
(
'.format-label #format_0'
).
attr
(
'src'
,
activeImg
);
//
$('.format-label #format_0').attr('src',activeImg);
tlProduct
=
new
TimelineMax
();
tlProduct
=
new
TimelineMax
();
tlProduct
.
fromTo
(
'.product-images'
,
0.4
,{
autoAlpha
:
0
,
marginLeft
:
"-10%"
},{
autoAlpha
:
1
,
marginLeft
:
"0"
},
0
);
tlProduct
.
fromTo
(
'.product-images'
,
0.4
,{
autoAlpha
:
0
,
marginLeft
:
"-10%"
},{
autoAlpha
:
1
,
marginLeft
:
"0"
},
0
);
...
...
wp-content/themes/nap/phototheque.php
View file @
e7e1a6ba
...
@@ -13,6 +13,10 @@ if(!$ext_ref) {
...
@@ -13,6 +13,10 @@ if(!$ext_ref) {
}
}
?>
?>
<div
id=
"phototheque"
class=
"clearfix container "
>
<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=
"phototheque-content"
>
<div
class=
"nav-phototeque container gray-bg row fixed"
>
<div
class=
"nav-phototeque container gray-bg row fixed"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment