demande de devis fix

This commit is contained in:
Kevin Tessier 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;
} }