FM / css

/home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/css/

/home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/css

Name	Size	Mode	Actions
pylon-shop-icons/	-	0755	rm
animate-min.css	87493	0644	edit dl rm
bootstrap-min.css	160317	0644	edit dl rm
bootstrap-select-min.css	9892	0644	edit dl rm
bootstrap.min.css.map	551478	0644	edit dl rm
custom-animation.css	3711	0644	edit dl rm
default.css	27288	0644	edit dl rm
flaticon.css	6959	0644	edit dl rm
fontawesome-all-min.css	111536	0644	edit dl rm
inline-style.css	0	0644	edit dl rm
magnific-popup.css	7302	0644	edit dl rm
main.css	354090	0644	edit dl rm
nouislider-min.css	4040	0644	edit dl rm
nouislider-pips.css	1421	0644	edit dl rm
odometer-min.css	3025	0644	edit dl rm
pylon-editor-style.css	0	0644	edit dl rm
pylon-icons.css	1959	0644	edit dl rm
pylon-two-icons.css	2318	0644	edit dl rm
stretched.css	528	0644	edit dl rm
woocommerce.css	51154	0644	edit dl rm

Edit: /home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/css/custom-animation.css (3711B)

/*
  // Custom Animation
*/
@-webkit-keyframes anime {
	0% {
		width: 0px;
		height: 0px;
		-webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0);
		box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0);
	}

20% {
		-webkit-box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.4);
		box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.4);
	}

40% {
		-webkit-box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.2);
		box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.2);
	}

100% {
		width: 150px;
		height: 150px;
		-webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0);
		box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0);
	}
}

@keyframes anime {
	0% {
		width: 0px;
		height: 0px;
		-webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0);
		box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0);
	}

20% {
		-webkit-box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.4);
		box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.4);
	}

40% {
		-webkit-box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.2);
		box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.2);
	}

100% {
		width: 150px;
		height: 150px;
		-webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0);
		box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0);
	}
}

@-webkit-keyframes btnIconMove {

0%,
	50%,
	100% {
		-webkit-transform: rotate(0deg) translate(0px, 0px);
		transform: rotate(0deg) translate(0px, 0px);
	}

25%,
	75% {
		-webkit-transform: rotate(5deg) translate(0px, 5px);
		transform: rotate(5deg) translate(0px, 5px);
	}
}

@keyframes btnIconMove {

0%,
	50%,
	100% {
		-webkit-transform: rotate(0deg) translate(0px, 0px);
		transform: rotate(0deg) translate(0px, 0px);
	}

25%,
	75% {
		-webkit-transform: rotate(5deg) translate(0px, 5px);
		transform: rotate(5deg) translate(0px, 5px);
	}
}

@-webkit-keyframes float-bob-y {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

@keyframes float-bob-y {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

.float-bob-y {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
	0% {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}

50% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}

100% {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}
}

@keyframes float-bob-x {
	0% {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}

50% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}

100% {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}
}

.float-bob-x {
	-webkit-animation-name: float-bob-x;
	animation-name: float-bob-x;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

/* // Custom Animation */ @-webkit-keyframes anime { 0% { width: 0px; height: 0px; -webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0); } 20% { -webkit-box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.4); box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.4); } 40% { -webkit-box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.2); } 100% { width: 150px; height: 150px; -webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0); } } @keyframes anime { 0% { width: 0px; height: 0px; -webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0); } 20% { -webkit-box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.4); box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.4); } 40% { -webkit-box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 5px 60px 15px rgba(255, 255, 255, 0.2); } 100% { width: 150px; height: 150px; -webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0); } } @-webkit-keyframes btnIconMove { 0%, 50%, 100% { -webkit-transform: rotate(0deg) translate(0px, 0px); transform: rotate(0deg) translate(0px, 0px); } 25%, 75% { -webkit-transform: rotate(5deg) translate(0px, 5px); transform: rotate(5deg) translate(0px, 5px); } } @keyframes btnIconMove { 0%, 50%, 100% { -webkit-transform: rotate(0deg) translate(0px, 0px); transform: rotate(0deg) translate(0px, 0px); } 25%, 75% { -webkit-transform: rotate(5deg) translate(0px, 5px); transform: rotate(5deg) translate(0px, 5px); } } @-webkit-keyframes float-bob-y { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes float-bob-y { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-x { 0% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } } @keyframes float-bob-x { 0% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-30px); transform: translateX(-30px); } } .float-bob-x { -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; }