MediaWiki:Common.css: Difference between revisions

Revision as of 16:52, 1 July 2022

/* CSS placed here will be applied to all skins */

/* Setup for Ken Burns effect on MLK image - https://www.kirupa.com/html5/ken_burns_effect_css.htm */
.thumbcaption { /* Sets this on all thumb DIVS on all mediawiki pages, but I don't think this is too much of a problem */
    overflow: hidden;
    z-index: 10;
    position: relative;
    background-color: #fff;
}
.thumbinner { /* Sets this on all thumb DIVS on all mediawiki pages, but I don't think this is too much of a problem */
    overflow: hidden;
}
#Mlkihaveadreamcolorizedpubdom1 {
  overflow: hidden;
}
#Mlkihaveadreamcolorizedpubdom1 img {
  animation: kenburns 40s infinite;
}
@keyframes kenburns {
  0% {
    opacity: 0;
  }

  5% {
    opacity: 1;
  }

  95% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(40px, 30px, 0px);
    animation-timing-function: ease-in;
    opacity: 1;
  }

  100% {
    transform: scale3d(4, 4, 4) translate3d(-20px, -10px, 0px);
    opacity: 0;
  }
}