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 {
-webkit-animation-name: pulse_animation;
animation-name: pulse_animation;
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
-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;
}
@keyframes pulse_animation {
0% { transform: scale(1); }
30% { transform: scale(1); }
40% { transform: scale(1.08); }
50% { transform: scale(1); }
60% { transform: scale(1); }
70% { transform: scale(1.05); }
80% { transform: scale(1); }
100% { transform: scale(1); }
@-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 {
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); }
}

View File

@ -511,13 +511,26 @@
border-radius: 50%;
border: 4px solid #fff;
border-color: #ffffff #ffffff #ffffff transparent;
-webkit-animation: ml-form-embedSubmitLoad 1.2s linear infinite;
animation: ml-form-embedSubmitLoad 1.2s linear infinite;
}
@keyframes ml-form-embedSubmitLoad {
@-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 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@ -1143,13 +1156,13 @@
.demander-votre-devis{
padding: 10px;
z-index: 999;
top: 50%;
transform: translate(100%, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
background: $red;
position: absolute;
width: 200px;
height: 200px;
right: 100px;
right: 5%;
color: white;
text-align: center;
@ -1164,17 +1177,8 @@
width: 50px;
}
}
#item{
.demander-votre-devis{
top: 100%;
transform: translate(0, -80%);
}
}
#sublog{
.demander-votre-devis{
top: 100%;
transform: translate(0, -50%);
}
.body-wrapper{
background-image: url('../images/Trame-gris.svg');
background-repeat: repeat;
@ -1352,6 +1356,7 @@
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 70%;
}

View File

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

View File

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

View File

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