demande de devis fix
This commit is contained in:
		
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							@@ -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); }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -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%;
 | 
			
		||||
  }
 | 
			
		||||
 
 | 
			
		||||
@@ -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;
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,6 @@
 | 
			
		||||
      a:hover{
 | 
			
		||||
        color: white;
 | 
			
		||||
        background-color: $green;
 | 
			
		||||
        -webkit-transition: background-color 0.3s ease;
 | 
			
		||||
        transition: background-color 0.3s ease;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
 
 | 
			
		||||
@@ -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;
 | 
			
		||||
    }
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user