MediaWiki:Common.css: Difference between revisions
From Liberation Map
No edit summary |
No edit summary |
||
| Line 21: | Line 21: | ||
} | } | ||
@keyframes kenburns { | @keyframes kenburns { | ||
0% { | |||
transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); | transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); | ||
animation-timing-function: ease; | animation-timing-function: ease; | ||
} | } | ||
50% { | |||
transform: scale3d(1.5, 1.5, 1.5) translate3d(40px, 30px, 0px); | transform: scale3d(1.5, 1.5, 1.5) translate3d(40px, 30px, 0px); | ||
animation-timing-function: ease-out; | animation-timing-function: ease-out; | ||
} | |||
100% { | |||
transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); | |||
animation-timing-function: ease; | |||
} | } | ||
} | } | ||
Revision as of 17:01, 16 July 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;
}
/* 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 40s infinite;
}
@keyframes kenburns {
0% {
transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
animation-timing-function: ease;
}
50% {
transform: scale3d(1.5, 1.5, 1.5) translate3d(40px, 30px, 0px);
animation-timing-function: ease-out;
}
100% {
transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
animation-timing-function: ease;
}
}
