Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación.
(Created page with "→CSS placed here will be applied to all skins: body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }") |
Sin resumen de edición |
||
Línea 1: | Línea 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Remove the header from the main page */ | |||
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | ||
/* The animated tiles on the main page */ | |||
#mf-menu { | |||
display: none; | |||
} | |||
.infinitum { | |||
background-color: #F9F9F9; | |||
border: 1px solid #AAAAAA; | |||
font-size: 95%; | |||
padding: 5px; | |||
} | |||
.infinirow { | |||
border-bottom: 1px solid #AA9977 !important; | |||
border-left: medium none currentColor !important; | |||
border-right: 1px solid #AA9977 !important; | |||
border-top: medium none currentColor !important; | |||
padding: 2px 3px; | |||
} | |||
.tilt { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.tilt:hover { | |||
-webkit-transform: rotate(-10deg); | |||
-moz-transform: rotate(-10deg); | |||
-o-transform: rotate(-10deg); | |||
-ms-transform: rotate(-10deg); | |||
transform: rotate(-10deg); | |||
} | |||
.tiltright { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.tiltright:hover { | |||
-webkit-transform: rotate(10deg); | |||
-moz-transform: rotate(10deg); | |||
-o-transform: rotate(10deg); | |||
-ms-transform: rotate(10deg); | |||
transform: rotate(10deg); | |||
} | |||
.move { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.move:hover { | |||
-webkit-transform: translate(0px,-10px); | |||
-moz-transform: translate(0px,-10px); | |||
-o-transform: translate(0px,-10px); | |||
-ms-transform: translate(0px,-10px); | |||
transform: translate(0px,-10px); | |||
} | |||
.grow img { | |||
height: 500px; | |||
width: 750px; | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.grow img:hover { | |||
width: 1000px; | |||
height: 1800px; | |||
} | |||
div.mvisto:hover { | |||
opacity:0.7; | |||
} | |||
div.NavFrame { | |||
margin: 0; | |||
padding: 1px; | |||
border: 0px solid #322618; | |||
text-align: top; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
} | |||
div.NavFrame + div.NavFrame { | |||
border-top-style: none; | |||
border-top-style: hidden; | |||
} | |||
div.NavPic { | |||
background-color: #fff; | |||
margin: 0; | |||
padding: 0px; | |||
float: left; | |||
} | |||
div.NavFrame div.NavHead { | |||
height: 1.9em; | |||
font-weight: bold; | |||
background-color: #C0A875; | |||
position: relative; | |||
} | |||
div.NavFrame p, | |||
div.NavFrame div.NavContent, | |||
div.NavFrame div.NavContent p { | |||
font-size: 12px; | |||
} | |||
div.NavEnd { | |||
margin: 0; | |||
padding: 0; | |||
line-height: 1px; | |||
clear: both; | |||
} | |||
a.NavToggle { | |||
position: absolute; | |||
top: 0; | |||
right: 3px; | |||
font-weight: normal; | |||
font-size: 93%; | |||
} | |||
.slideUp{ | |||
animation-name: slideUp; | |||
-webkit-animation-name: slideUp; | |||
animation-duration: 1s; | |||
-webkit-animation-duration: 1s; | |||
animation-timing-function: ease; | |||
-webkit-animation-timing-function: ease; | |||
visibility: visible !important; | |||
} | |||
@keyframes slideUp { | |||
0% { | |||
transform: translateY(100%); | |||
} | |||
50%{ | |||
transform: translateY(-8%); | |||
} | |||
65%{ | |||
transform: translateY(4%); | |||
} | |||
80%{ | |||
transform: translateY(-4%); | |||
} | |||
95%{ | |||
transform: translateY(2%); | |||
} | |||
100% { | |||
transform: translateY(0%); | |||
} | |||
} | |||
@-webkit-keyframes slideUp { | |||
0% { | |||
-webkit-transform: translateY(100%); | |||
} | |||
50%{ | |||
-webkit-transform: translateY(-8%); | |||
} | |||
65%{ | |||
-webkit-transform: translateY(4%); | |||
} | |||
80%{ | |||
-webkit-transform: translateY(-4%); | |||
} | |||
95%{ | |||
-webkit-transform: translateY(2%); | |||
} | |||
100% { | |||
-webkit-transform: translateY(0%); | |||
} | |||
} | |||
.slideRight{ | |||
animation-name: slideRight; | |||
-webkit-animation-name: slideRight; | |||
animation-duration: 1s; | |||
-webkit-animation-duration: 1s; | |||
animation-timing-function: ease-in-out; | |||
-webkit-animation-timing-function: ease-in-out; | |||
visibility: visible !important; | |||
} | |||
@keyframes slideRight { | |||
0% { | |||
transform: translateX(-150%); | |||
} | |||
50%{ | |||
transform: translateX(8%); | |||
} | |||
65%{ | |||
transform: translateX(-4%); | |||
} | |||
80%{ | |||
transform: translateX(4%); | |||
} | |||
95%{ | |||
transform: translateX(-2%); | |||
} | |||
100% { | |||
transform: translateX(0%); | |||
} | |||
} | |||
@-webkit-keyframes slideRight { | |||
0% { | |||
-webkit-transform: translateX(-150%); | |||
} | |||
50%{ | |||
-webkit-transform: translateX(8%); | |||
} | |||
65%{ | |||
-webkit-transform: translateX(-4%); | |||
} | |||
80%{ | |||
-webkit-transform: translateX(4%); | |||
} | |||
95%{ | |||
-webkit-transform: translateX(-2%); | |||
} | |||
100% { | |||
-webkit-transform: translateX(0%); | |||
} | |||
} | |||
.slideExpandUp{ | |||
animation-name: slideExpandUp; | |||
-webkit-animation-name: slideExpandUp; | |||
animation-duration: 1.6s; | |||
-webkit-animation-duration: 1.6s; | |||
animation-timing-function: ease-out; | |||
-webkit-animation-timing-function: ease -out; | |||
visibility: visible !important; | |||
} | |||
@keyframes slideExpandUp { | |||
0% { | |||
transform: translateY(100%) scaleX(0.5); | |||
} | |||
30%{ | |||
transform: translateY(-8%) scaleX(0.5); | |||
} | |||
40%{ | |||
transform: translateY(2%) scaleX(0.5); | |||
} | |||
50%{ | |||
transform: translateY(0%) scaleX(1.1); | |||
} | |||
60%{ | |||
transform: translateY(0%) scaleX(0.9); | |||
} | |||
70% { | |||
transform: translateY(0%) scaleX(1.05); | |||
} | |||
80%{ | |||
transform: translateY(0%) scaleX(0.95); | |||
} | |||
90% { | |||
transform: translateY(0%) scaleX(1.02); | |||
} | |||
100%{ | |||
transform: translateY(0%) scaleX(1); | |||
} | |||
} | |||
@-webkit-keyframes slideExpandUp { | |||
0% { | |||
-webkit-transform: translateY(100%) scaleX(0.5); | |||
} | |||
30%{ | |||
-webkit-transform: translateY(-8%) scaleX(0.5); | |||
} | |||
40%{ | |||
-webkit-transform: translateY(2%) scaleX(0.5); | |||
} | |||
50%{ | |||
-webkit-transform: translateY(0%) scaleX(1.1); | |||
} | |||
60%{ | |||
-webkit-transform: translateY(0%) scaleX(0.9); | |||
} | |||
70% { | |||
-webkit-transform: translateY(0%) scaleX(1.05); | |||
} | |||
80%{ | |||
-webkit-transform: translateY(0%) scaleX(0.95); | |||
} | |||
90% { | |||
-webkit-transform: translateY(0%) scaleX(1.02); | |||
} | |||
100%{ | |||
-webkit-transform: translateY(0%) scaleX(1); | |||
} | |||
} | |||
.pullUp{ | |||
animation-name: pullUp; | |||
-webkit-animation-name: pullUp; | |||
animation-duration: 1.1s; | |||
-webkit-animation-duration: 1.1s; | |||
animation-timing-function: ease-out; | |||
-webkit-animation-timing-function: ease-out; | |||
transform-origin: 50% 100%; | |||
-ms-transform-origin: 50% 100%; | |||
-webkit-transform-origin: 50% 100%; | |||
} | |||
@keyframes pullUp { | |||
0% { | |||
transform: scaleY(0.1); | |||
} | |||
40% { | |||
transform: scaleY(1.02); | |||
} | |||
60% { | |||
transform: scaleY(0.98); | |||
} | |||
80% { | |||
transform: scaleY(1.01); | |||
} | |||
100% { | |||
transform: scaleY(0.98); | |||
} | |||
80% { | |||
transform: scaleY(1.01); | |||
} | |||
100% { | |||
transform: scaleY(1); | |||
} | |||
} | |||
@-webkit-keyframes pullUp { | |||
0% { | |||
-webkit-transform: scaleY(0.1); | |||
} | |||
40% { | |||
-webkit-transform: scaleY(1.02); | |||
} | |||
60% { | |||
-webkit-transform: scaleY(0.98); | |||
} | |||
80% { | |||
-webkit-transform: scaleY(1.01); | |||
} | |||
100% { | |||
-webkit-transform: scaleY(0.98); | |||
} | |||
80% { | |||
-webkit-transform: scaleY(1.01); | |||
} | |||
100% { | |||
-webkit-transform: scaleY(1); | |||
} | |||
} | |||
.slideDown{ | |||
animation-name: slideDown; | |||
-webkit-animation-name: slideDown; | |||
animation-duration: 1s; | |||
-webkit-animation-duration: 1s; | |||
animation-timing-function: ease; | |||
-webkit-animation-timing-function: ease; | |||
visibility: visible !important; | |||
} | |||
@keyframes slideDown { | |||
0% { | |||
transform: translateY(-100%); | |||
} | |||
50%{ | |||
transform: translateY(8%); | |||
} | |||
65%{ | |||
transform: translateY(-4%); | |||
} | |||
80%{ | |||
transform: translateY(4%); | |||
} | |||
95%{ | |||
transform: translateY(-2%); | |||
} | |||
100% { | |||
transform: translateY(0%); | |||
} | |||
} | |||
@-webkit-keyframes slideDown { | |||
0% { | |||
-webkit-transform: translateY(-100%); | |||
} | |||
50%{ | |||
-webkit-transform: translateY(8%); | |||
} | |||
65%{ | |||
-webkit-transform: translateY(-4%); | |||
} | |||
80%{ | |||
-webkit-transform: translateY(4%); | |||
} | |||
95%{ | |||
-webkit-transform: translateY(-2%); | |||
} | |||
100% { | |||
-webkit-transform: translateY(0%); | |||
} | |||
} | |||
.bigEntrance{ | |||
animation-name: bigEntrance; | |||
-webkit-animation-name: bigEntrance; | |||
animation-duration: 1.6s; | |||
-webkit-animation-duration: 1.6s; | |||
animation-timing-function: ease-out; | |||
-webkit-animation-timing-function: ease-out; | |||
visibility: visible !important; | |||
} | |||
@keyframes bigEntrance { | |||
0% { | |||
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); | |||
opacity: 0.2; | |||
} | |||
30% { | |||
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); | |||
opacity: 1; | |||
} | |||
45% { | |||
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
60% { | |||
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
75% { | |||
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
90% { | |||
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
100% { | |||
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
} | |||
@-webkit-keyframes bigEntrance { | |||
0% { | |||
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); | |||
opacity: 0.2; | |||
} | |||
30% { | |||
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); | |||
opacity: 1; | |||
} | |||
45% { | |||
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
60% { | |||
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
75% { | |||
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
90% { | |||
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
100% { | |||
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); | |||
opacity: 1; | |||
} | |||
} | |||
.pulse:hover{ | |||
animation-name: pulse; | |||
-webkit-animation-name: pulse; | |||
animation-duration: 1.5s; | |||
-webkit-animation-duration: 1.5s; | |||
animation-iteration-count: infinite; | |||
-webkit-animation-iteration-count: infinite; | |||
} | |||
@keyframes pulse { | |||
0% { | |||
transform: scale(0.9); | |||
opacity: 0.7; | |||
} | |||
50% { | |||
transform: scale(1); | |||
opacity: 1; | |||
} | |||
100% { | |||
transform: scale(0.9); | |||
opacity: 0.7; | |||
} | |||
} | |||
@-webkit-keyframes pulse { | |||
0% { | |||
-webkit-transform: scale(0.95); | |||
opacity: 0.7; | |||
} | |||
50% { | |||
-webkit-transform: scale(1); | |||
opacity: 1; | |||
} | |||
100% { | |||
-webkit-transform: scale(0.95); | |||
opacity: 0.7; | |||
} | |||
} | |||
.stretchLeft{ | |||
animation-name: stretchLeft; | |||
-webkit-animation-name: stretchLeft; | |||
animation-duration: 1.5s; | |||
-webkit-animation-duration: 1.5s; | |||
animation-timing-function: ease-out; | |||
-webkit-animation-timing-function: ease-out; | |||
transform-origin: 100% 0%; | |||
-ms-transform-origin: 100% 0%; | |||
-webkit-transform-origin: 100% 0%; | |||
} | |||
@keyframes stretchLeft { | |||
0% { | |||
transform: scaleX(0.3); | |||
} | |||
40% { | |||
transform: scaleX(1.02); | |||
} | |||
60% { | |||
transform: scaleX(0.98); | |||
} | |||
80% { | |||
transform: scaleX(1.01); | |||
} | |||
100% { | |||
transform: scaleX(0.98); | |||
} | |||
80% { | |||
transform: scaleX(1.01); | |||
} | |||
100% { | |||
transform: scaleX(1); | |||
} | |||
} | |||
@-webkit-keyframes stretchLeft { | |||
0% { | |||
-webkit-transform: scaleX(0.3); | |||
} | |||
40% { | |||
-webkit-transform: scaleX(1.02); | |||
} | |||
60% { | |||
-webkit-transform: scaleX(0.98); | |||
} | |||
80% { | |||
-webkit-transform: scaleX(1.01); | |||
} | |||
100% { | |||
-webkit-transform: scaleX(0.98); | |||
} | |||
80% { | |||
-webkit-transform: scaleX(1.01); | |||
} | |||
100% { | |||
-webkit-transform: scaleX(1); | |||
} | |||
} | |||
.stretchRight{ | |||
animation-name: stretchRight; | |||
-webkit-animation-name: stretchRight; | |||
animation-duration: 1.5s; | |||
-webkit-animation-duration: 1.5s; | |||
animation-timing-function: ease-out; | |||
-webkit-animation-timing-function: ease-out; | |||
transform-origin: 0% 0%; | |||
-ms-transform-origin: 0% 0%; | |||
-webkit-transform-origin: 0% 0%; | |||
} | |||
@keyframes stretchRight { | |||
0% { | |||
transform: scaleX(0.3); | |||
} | |||
40% { | |||
transform: scaleX(1.02); | |||
} | |||
60% { | |||
transform: scaleX(0.98); | |||
} | |||
80% { | |||
transform: scaleX(1.01); | |||
} | |||
100% { | |||
transform: scaleX(0.98); | |||
} | |||
80% { | |||
transform: scaleX(1.01); | |||
} | |||
100% { | |||
transform: scaleX(1); | |||
} | |||
} | |||
@-webkit-keyframes stretchRight { | |||
0% { | |||
-webkit-transform: scaleX(0.3); | |||
} | |||
40% { | |||
-webkit-transform: scaleX(1.02); | |||
} | |||
60% { | |||
-webkit-transform: scaleX(0.98); | |||
} | |||
80% { | |||
-webkit-transform: scaleX(1.01); | |||
} | |||
100% { | |||
-webkit-transform: scaleX(0.98); | |||
} | |||
80% { | |||
-webkit-transform: scaleX(1.01); | |||
} | |||
100% { | |||
-webkit-transform: scaleX(1); | |||
} | |||
} | |||
@media only screen and (max-width : 1300px) { | |||
.fastlinks { | |||
display:none !important; | |||
} | |||
} |
Revisión del 16:57 11 jul 2016
/* CSS placed here will be applied to all skins */ /* Remove the header from the main page */ body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } /* The animated tiles on the main page */ #mf-menu { display: none; } .infinitum { background-color: #F9F9F9; border: 1px solid #AAAAAA; font-size: 95%; padding: 5px; } .infinirow { border-bottom: 1px solid #AA9977 !important; border-left: medium none currentColor !important; border-right: 1px solid #AA9977 !important; border-top: medium none currentColor !important; padding: 2px 3px; } .tilt { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .tilt:hover { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } .tiltright { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .tiltright:hover { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } .move { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .move:hover { -webkit-transform: translate(0px,-10px); -moz-transform: translate(0px,-10px); -o-transform: translate(0px,-10px); -ms-transform: translate(0px,-10px); transform: translate(0px,-10px); } .grow img { height: 500px; width: 750px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grow img:hover { width: 1000px; height: 1800px; } div.mvisto:hover { opacity:0.7; } div.NavFrame { margin: 0; padding: 1px; border: 0px solid #322618; text-align: top; border-collapse: collapse; font-size: 95%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 0px; float: left; } div.NavFrame div.NavHead { height: 1.9em; font-weight: bold; background-color: #C0A875; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 12px; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position: absolute; top: 0; right: 3px; font-weight: normal; font-size: 93%; } .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50%{ transform: translateY(-8%); } 65%{ transform: translateY(4%); } 80%{ transform: translateY(-4%); } 95%{ transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50%{ -webkit-transform: translateY(-8%); } 65%{ -webkit-transform: translateY(4%); } 80%{ -webkit-transform: translateY(-4%); } 95%{ -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } .slideRight{ animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 50%{ transform: translateX(8%); } 65%{ transform: translateX(-4%); } 80%{ transform: translateX(4%); } 95%{ transform: translateX(-2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 50%{ -webkit-transform: translateX(8%); } 65%{ -webkit-transform: translateX(-4%); } 80%{ -webkit-transform: translateX(4%); } 95%{ -webkit-transform: translateX(-2%); } 100% { -webkit-transform: translateX(0%); } } .slideExpandUp{ animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30%{ transform: translateY(-8%) scaleX(0.5); } 40%{ transform: translateY(2%) scaleX(0.5); } 50%{ transform: translateY(0%) scaleX(1.1); } 60%{ transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80%{ transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100%{ transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30%{ -webkit-transform: translateY(-8%) scaleX(0.5); } 40%{ -webkit-transform: translateY(2%) scaleX(0.5); } 50%{ -webkit-transform: translateY(0%) scaleX(1.1); } 60%{ -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100%{ -webkit-transform: translateY(0%) scaleX(1); } } .pullUp{ animation-name: pullUp; -webkit-animation-name: pullUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes pullUp { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullUp { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } .slideDown{ animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); } 50%{ transform: translateY(8%); } 65%{ transform: translateY(-4%); } 80%{ transform: translateY(4%); } 95%{ transform: translateY(-2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 50%{ -webkit-transform: translateY(8%); } 65%{ -webkit-transform: translateY(-4%); } 80%{ -webkit-transform: translateY(4%); } 95%{ -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } } .bigEntrance{ animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } .pulse:hover{ animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } .stretchLeft{ animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @keyframes stretchLeft { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchLeft { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } .stretchRight{ animation-name: stretchRight; -webkit-animation-name: stretchRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretchRight { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchRight { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } @media only screen and (max-width : 1300px) { .fastlinks { display:none !important; } }