MediaWiki:Common.css: Difference between revisions

From Liberation Map
No edit summary
No edit summary
 
(47 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 */


/* #toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;}; */
/* 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;
  }
}

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;
  }
}