bachir/lamine_wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

plien de truck

Browse Source
This commit is contained in:
chloe_listrat
2020-07-01 16:14:20 +02:00
parent a73d3ed55d
commit de9456a9ac
17 changed files with 569 additions and 618 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/themes/la_mine/asset/dist/index.js
Vendored
+8 -5
View File
@@ -17,11 +17,6 @@ if (prive != null) {
})
}
//ajout chloe drag
$( function() {
$( "#draggable" ).draggable();
} );
var slide_tpsF = document.querySelectorAll('.tpsF .slide');
if (slide_tpsF != null) {
for (var i = 0; i < slide_tpsF.length; i++) {
@@ -82,7 +77,15 @@ function isotope() {
});
}
function drag(){
$( '.group_drag' ).draggable({
containment: "html",
scroll: false
});
}
$( document ).ready(function() {
paralax();
isotope();
drag();
});
web/app/themes/la_mine/asset/dist/style.css
Vendored
+145 -28
View File
@@ -196,28 +196,61 @@ header > .nav-wrapper{
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: contain;
transform: rotate(0deg);
}
.fond_burger:hover{
transform: rotate(10deg);
}
.nav-main{
display: none;
position: fixed;
right: 0;
top: 120px;
width: 280px;
height: 300px;
background: white;
border: 4px solid black;
transition: all 0.2s ease;
}
.nav-main.is-active{
display: block;
pointer-events: auto;
}
#fl_menu{
position:absolute;
z-index: 9999;
width: 30px;
height: auto;
right: 0;
}
.menu-item {
font-family: Millimetre, sans-serif;
text-transform: uppercase;
text-align: right;
text-align: left;
pointer-events: auto;
border-bottom: 4px solid black;
}
.menu-item a {
background-color: pink;
width: 100%;
display: block;
}
#nav-main > ul > li > ul {display: none;}
#nav-main > ul > li:first-child:hover > ul {display: block; background-color: grey;}
#nav-main > ul > li > ul {display: none;text-transform: lowercase; border-bottom: none;}
#nav-main > ul > li:first-child > a::after{
content: "";
background-image: url('../images/fleche_menu.svg');
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 20px;
height: 15px;
margin-left: 10px;
}
#nav-main > ul > li:first-child:hover > ul {display: block; background-color: #BDBDBD;transition: all 0.2s ease;}
#nav-main > ul > li:first-child:hover{background-color: #424242; color:white;border-bottom: none;}
.menu-item a:hover {
display: block;
@@ -225,6 +258,7 @@ header > .nav-wrapper{
height: 100%;
background-color: black;
color: white;
transition: all 0.2s ease;
}
/* END BURGER */
/* END HEADER */
@@ -263,17 +297,21 @@ body > .content-wrapper{
background-color: white;
border: 4px solid black;
}
.Btn, #Btn_asso {
margin-top: 10px;
color: black;
text-decoration: underline;
border: none;
.add_asso{
display: block;
cursor: default!important;
margin: 30px auto 30px auto;;
}
.Btn a:hover, #Btn_asso a:hover {
background-color: grey;
.add_asso a {
padding: 7px 10px;
background-color: white;
border: 4px solid black;
font-weight: bold;
}
.add_asso a:hover {
color: white;
background-color: black;
}
.flickity-button {
background: transparent;
}
@@ -281,6 +319,7 @@ body > .content-wrapper{
width: 100px;
height: 100px;
}
.flickity-button-icon {
fill: white;
}
@@ -290,7 +329,8 @@ body > .content-wrapper{
.flickity-prev-next-button:hover {
background: transparent;
}
.flickity-button:disabled {
footer .flickity-prev-next-button:disabled {
display: none;
}
footer .flickity-prev-next-button{
@@ -299,7 +339,9 @@ footer .flickity-prev-next-button{
}
footer .flickity-button-icon {
fill: grey;
left: 158%!important;
}
/* END BUTTON */
@@ -332,12 +374,58 @@ footer .flickity-button-icon {
height: calc(100% - 80px);
}
/*ajout chloe drag*/
#draggable {
width: 150px;
height: 150px;
background-color: red;
padding: 0.5em;
.group_drag {
z-index: 9999;
width: 200px;
height: auto;
}
#drag_1 {
position:absolute;
top:175px;
left: 645px;
}
#drag_2 {
position:absolute;
top: 265px;
left: 318px;
}
#drag_3 {
position:absolute;
top:630px;
left: 790px;
}
#drag_4 {
position:absolute;
top:385px;
left: 616px;
}
#drag_5 {
position:absolute;
top:255px;
left: 981px;
}
#drag_6 {
position:absolute;
top:280px;
left: -69px;
}
#drag_7 {
position:absolute;
top:555px;
left: 340px;
}
#drag_8 {
position:absolute;
top:420px;
left: 945px;
}
#drag_9 {
position:absolute;
top:515px;
left: 40px;
}
/*fin ajout chloe drag*/
.section_accueil#section_tpsF .titre,
@@ -1050,6 +1138,18 @@ body.les-temps-forts .titre_page {
margin-top: 30px;
}
}
@media only screen and (max-width : 320px) {
/* Smartphone */
/*footer*/
.accueil .collecte, .accueil .adresse, .accueil .horaires {
display: block;
}
.collecte, .horaires {
display:none;
}
/*fin footer*/
}
@media screen and (max-width : 768px){
article .__img_event{
@@ -1090,9 +1190,9 @@ footer > section{
margin-bottom: 20px;
}
footer .logo_lamine {
width: 100px;
max-width: 150px;
height: auto;
/* margin: 10px; */
margin: 10px;
}
footer .logo_lamine a{
@@ -1114,24 +1214,41 @@ footer .reseaux_sociaux img {
object-fit: contain;
}
/* START Mailchimp */
footer #mc_embed_signup label{
margin: 0;
padding: 0;
}
footer #mc_embed_signup_scroll label{
margin-right: 10px;
white-space: nowrap;
footer #mc_embed_signup label, footer #mc-embedded-subscribe{
padding: 7px 10px;
background-color: white;
border: 4px solid black;
}
footer .email{
width: 100%;
padding: 7px 10px;
background-color: #D8D8D8;
border-bottom: 4px solid black;
border-top: 4px solid black;
border-left: none;
border-right: none;
}
footer #mc_embed_signup_scroll label{
white-space: nowrap;
font-weight: bold;
}
footer #mc_embed_signup_scroll input{
width: 100%;
}
footer #mc-embedded-subscribe:hover{
color: white;
background-color: black;
}
/* END MAILCHIMP */
/* START SLIDE */
footer .partenaires ._titre{
white-space: nowrap;
margin-right: 10px;
font-weight: bold;
margin: auto 50px auto 0px;
}
footer .partenaires{