demande de devis fix

This commit is contained in:
2019-07-13 17:08:11 +02:00
parent bd495ed768
commit 5afa88fd3d
7 changed files with 83 additions and 68 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -4,20 +4,36 @@
// Pulse Animation // Pulse Animation
.pulse { .pulse {
animation-name: pulse_animation; -webkit-animation-name: pulse_animation;
animation-duration: 2000ms; animation-name: pulse_animation;
transform-origin:70% 70%; -webkit-animation-duration: 2000ms;
animation-iteration-count: infinite; animation-duration: 2000ms;
animation-timing-function: linear; -webkit-transform-origin:70% 70%;
transform-origin:70% 70%;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes pulse_animation {
0% { -webkit-transform: scale(1); transform: scale(1); }
30% { -webkit-transform: scale(1); transform: scale(1); }
40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
50% { -webkit-transform: scale(1); transform: scale(1); }
60% { -webkit-transform: scale(1); transform: scale(1); }
70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
80% { -webkit-transform: scale(1); transform: scale(1); }
100% { -webkit-transform: scale(1); transform: scale(1); }
} }
@keyframes pulse_animation { @keyframes pulse_animation {
0% { transform: scale(1); } 0% { -webkit-transform: scale(1); transform: scale(1); }
30% { transform: scale(1); } 30% { -webkit-transform: scale(1); transform: scale(1); }
40% { transform: scale(1.08); } 40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
50% { transform: scale(1); } 50% { -webkit-transform: scale(1); transform: scale(1); }
60% { transform: scale(1); } 60% { -webkit-transform: scale(1); transform: scale(1); }
70% { transform: scale(1.05); } 70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
80% { transform: scale(1); } 80% { -webkit-transform: scale(1); transform: scale(1); }
100% { transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); }
} }

View File

@@ -511,14 +511,27 @@
border-radius: 50%; border-radius: 50%;
border: 4px solid #fff; border: 4px solid #fff;
border-color: #ffffff #ffffff #ffffff transparent; border-color: #ffffff #ffffff #ffffff transparent;
animation: ml-form-embedSubmitLoad 1.2s linear infinite; -webkit-animation: ml-form-embedSubmitLoad 1.2s linear infinite;
animation: ml-form-embedSubmitLoad 1.2s linear infinite;
}
@-webkit-keyframes ml-form-embedSubmitLoad {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} }
@keyframes ml-form-embedSubmitLoad { @keyframes ml-form-embedSubmitLoad {
0% { 0% {
transform: rotate(0deg); -webkit-transform: rotate(0deg);
transform: rotate(0deg);
} }
100% { 100% {
transform: rotate(360deg); -webkit-transform: rotate(360deg);
transform: rotate(360deg);
} }
} }
#mlb2-985974.ml-form-embedContainer { #mlb2-985974.ml-form-embedContainer {
@@ -772,7 +785,7 @@
#mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter { #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
color: #ff0000 !important; color: #ff0000 !important;
} }
// @media only screen and (max-width: 400px){ // @media only screen and (max-width: 400px){
// .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; } // .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
// .ml-form-formContent.horozintalForm { float: left!important; } // .ml-form-formContent.horozintalForm { float: left!important; }
// .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; } // .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
@@ -1143,13 +1156,13 @@
.demander-votre-devis{ .demander-votre-devis{
padding: 10px; padding: 10px;
z-index: 999; z-index: 999;
top: 50%; -webkit-transform: translate(0, -50%);
transform: translate(100%, -50%); transform: translate(0, -50%);
background: $red; background: $red;
position: absolute; position: absolute;
width: 200px; width: 200px;
height: 200px; height: 200px;
right: 100px; right: 5%;
color: white; color: white;
text-align: center; text-align: center;
@@ -1164,17 +1177,8 @@
width: 50px; width: 50px;
} }
} }
#item{
.demander-votre-devis{
top: 100%;
transform: translate(0, -80%);
}
}
#sublog{ #sublog{
.demander-votre-devis{
top: 100%;
transform: translate(0, -50%);
}
.body-wrapper{ .body-wrapper{
background-image: url('../images/Trame-gris.svg'); background-image: url('../images/Trame-gris.svg');
background-repeat: repeat; background-repeat: repeat;
@@ -1352,7 +1356,8 @@
left: 50%; left: 50%;
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 70%; width: 70%;
} }
} }

View File

@@ -2,22 +2,17 @@ header{
z-index: 999; z-index: 999;
position: relative; position: relative;
@include inlineflex(); @include inlineflex();
-webkit-box-pack: center; justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%; width: 100%;
border-bottom: 1px solid $light-blue; border-bottom: 1px solid $light-blue;
height: 105px; height: 105px;
nav{ nav{
@include inlineflex(); @include inlineflex();
-ms-flex-pack: distribute;
justify-content: space-around; justify-content: space-around;
height: 100px; height: 100px;
width: 70%; width: 70%;
flex-wrap: nowrap; flex-wrap: nowrap;
.logo{ .logo{
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
a{ a{
display: block; display: block;
@@ -30,8 +25,7 @@ header{
} }
& > ul{ & > ul{
@include inlineflex(); @include inlineflex();
-ms-flex-wrap: nowrap; flex-wrap: nowrap;
flex-wrap: nowrap;
& > li{ & > li{
text-align: center; text-align: center;
max-width: 241px; max-width: 241px;
@@ -64,7 +58,6 @@ header{
visibility: hidden; visibility: hidden;
-webkit-transform: scaleX(0); -webkit-transform: scaleX(0);
transform: scaleX(0); transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
} }
} }
@@ -88,8 +81,7 @@ header{
} }
.reso{ .reso{
@include inlineflex; @include inlineflex;
-ms-flex-wrap: nowrap; flex-wrap: nowrap;
flex-wrap: nowrap;
a{ a{
display: block; display: block;
width: 35px; width: 35px;

View File

@@ -4,7 +4,6 @@
a:hover{ a:hover{
color: white; color: white;
background-color: $green; background-color: $green;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
} }
} }

View File

@@ -308,7 +308,8 @@
width: 70%!important; width: 70%!important;
z-index: 2; z-index: 2;
left: 50%!important; left: 50%!important;
transform: translateX(-50%); -webkit-transform: translateX(-50%);
transform: translateX(-50%);
.header-salles{ .header-salles{
display: inline-flex; display: inline-flex;
justify-content: space-between; justify-content: space-between;
@@ -326,10 +327,8 @@
} }
} }
#sublog .demander-votre-devis{ #sublog .demander-votre-devis{
transform: translate(0, -110%)!important;
width: 300px!important; width: 300px!important;
height: 110px!important; height: 110px!important;
// margin-top: -55px!important;
a{ a{
display: inline-flex!important; display: inline-flex!important;
} }
@@ -344,8 +343,6 @@
#item .demander-votre-devis{ #item .demander-votre-devis{
width: 300px!important; width: 300px!important;
height: 110px!important; height: 110px!important;
// margin-top: -55px!important;
transform: translate(0, -200%)!important;
a{ a{
display: inline-flex!important; display: inline-flex!important;
} }