MediaWiki:Common.css: Difference between revisions

From Liberation Map
No edit summary
No edit summary
 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* 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 */
/* Fix for unexpected Blockquote behaviour vis https://github.com/ProfessionalWiki/chameleon/issues/222 */
 
blockquote:not([class]) {
    margin: 1em 40px;
    border-left: 4px solid #eaecf0;
    padding: 8px 32px;
}
 
/* Setup for Ken Burns effect on MLK image on Main Page - 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;
}
#Mlkihaveadreamcolorizedpubdom1 {
#Mlkihaveadreamcolorizedpubdom1 {
   overflow: hidden;
   overflow: hidden;
}
}
#Mlkihaveadreamcolorizedpubdom1 img {
#Mlkihaveadreamcolorizedpubdom1 img {
   animation: kenburns 20s infinite;
   animation: kenburns 60s infinite;
}
}
@keyframes kenburns {
@keyframes kenburns {
   0% {
   0% {
     opacity: 0;
     transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
  }
     animation-timing-function: ease-in-out;
 
  5% {
     opacity: 1;
   }
   }
 
   50% {
   95% {
     transform: scale3d(1.5, 1.5, 1.5) translate3d(40px, 30px, 0px);
     transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
     animation-timing-function: ease-in-out;
     animation-timing-function: ease-in;
    opacity: 1;
   }
   }
   100% {
   100% {
     transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
     transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
     opacity: 0;
     animation-timing-function: ease-in-out;
   }
   }
}
}

Latest revision as of 10:29, 8 August 2022

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

/* Fix for unexpected Blockquote behaviour vis https://github.com/ProfessionalWiki/chameleon/issues/222 */

blockquote:not([class]) {
    margin: 1em 40px;
    border-left: 4px solid #eaecf0;
    padding: 8px 32px;
}

/* Setup for Ken Burns effect on MLK image on Main Page - 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;
}
#Mlkihaveadreamcolorizedpubdom1 {
  overflow: hidden;
}
#Mlkihaveadreamcolorizedpubdom1 img {
  animation: kenburns 60s infinite;
}
@keyframes kenburns {
  0% {
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(40px, 30px, 0px);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    animation-timing-function: ease-in-out;
  }
}