MediaWiki:Common.css: Difference between revisions

m
no edit summary
imported>Ttv pedro270707
m (Fixed info msgbox color)
imported>Ttv pedro270707
mNo edit summary
Line 59: Line 59:
width: 100% !important;
width: 100% !important;
height: 100% !important;
height: 100% !important;
}
/* Splash */
.splash-text {
  font-family: 'Minecraft', sans-serif;
  word-spacing: 0.375em;
  font-size: 35px;
  color: #ffff00;
  text-shadow: 0.125em 0.125em 0 #7f7f00;
  position: relative;
  display: inline-block;
  transform-origin: center center;
  left: 50px;
  top: 20px;
  animation: splash 0.5s linear infinite;
 
  --animation-scale: 1.1;
}
}


Line 387: Line 404:
display: inline-block;
display: inline-block;
width: 0.75em;
width: 0.75em;
}
/* Keyframes */
@keyframes splash {
  0% {
    transform: scale(var(--animation-scale)) rotateZ(-20deg);
  }
  10% {
    transform: scale(calc(-0.3090169943749 * (var(--animation-scale) - 1) + var(--animation-scale))) rotateZ(-20deg);
  }
  20% {
    transform: scale(calc(-0.5877852522925 * (var(--animation-scale) - 1) + var(--animation-scale))) rotateZ(-20deg);
  }
  30% {
    transform: scale(calc(-0.8090169943749 * (var(--animation-scale) - 1) + var(--animation-scale))) rotateZ(-20deg);
  }
  40% {
    transform: scale(calc(-0.9510565162952 * (var(--animation-scale) - 1) + var(--animation-scale))) rotateZ(-20deg);
  }
  50% {
    transform: scale(1) rotateZ(-20deg);
  }
  60% {
    transform: scale(calc(-0.9510565162952 * (var(--animation-scale) - 1) + var(--animation-scale))) rotateZ(-20deg);
  }
  70% {
    transform: scale(calc(-0.8090169943749 * (var(--animation-scale) - 1) + var(--animation-scale))) rotateZ(-20deg);
  }
  80% {
    transform: scale(calc(-0.5877852522925 * (var(--animation-scale) - 1) + var(--animation-scale))) rotateZ(-20deg);
  }
  90% {
    transform: scale(calc(-0.3090169943749 * (var(--animation-scale) - 1) + var(--animation-scale))) rotateZ(-20deg);
  }
  100% {
    transform: scale(var(--animation-scale)) rotateZ(-20deg);
  }
}
}