bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

demande de devis fix

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

42
user/themes/lecampus/scss/theme/_animation.scss
View File

@ -4,20 +4,36 @@
// Pulse Animation
.pulse {
animation-name: pulse_animation;
animation-duration: 2000ms;
transform-origin:70% 70%;
animation-iteration-count: infinite;
animation-timing-function: linear;
-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;
}
@-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% { 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); }
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); }
}

41
user/themes/lecampus/scss/theme/_blog.scss
View File

@ -511,14 +511,27 @@
border-radius: 50%;
border: 4px solid #fff;
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 {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#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 {
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-formContent.horozintalForm { 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{
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,7 +1356,8 @@
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 70%;
}
}

14
user/themes/lecampus/scss/theme/_header.scss
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;
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,8 +25,7 @@ header{
}
& > ul{
@include inlineflex();
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
flex-wrap: nowrap;
& > li{
text-align: center;
max-width: 241px;
@ -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,8 +81,7 @@ header{
}
.reso{
@include inlineflex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
flex-wrap: nowrap;
a{
display: block;
width: 35px;

1
user/themes/lecampus/scss/theme/_hover.scss
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;
}
}

7
user/themes/lecampus/scss/theme/_mobile.scss
View File

@ -308,7 +308,8 @@
width: 70%!important;
z-index: 2;
left: 50%!important;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
.header-salles{
display: inline-flex;
justify-content: space-between;
@ -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;
}