MediaWiki:Common.css: Difference between revisions
From Liberation Map
No edit summary |
No edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
blockquote:not([class]) { | blockquote:not([class]) { | ||
margin: 1em 40px; | 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 */ | .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; | overflow: hidden; | ||
| Line 18: | Line 20: | ||
} | } | ||
#Mlkihaveadreamcolorizedpubdom1 img { | #Mlkihaveadreamcolorizedpubdom1 img { | ||
animation: kenburns | animation: kenburns 60s infinite; | ||
} | } | ||
@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-in-out; | ||
} | |||
50% { | |||
transform: scale3d(1.5, 1.5, 1.5) translate3d(40px, 30px, 0px); | |||
animation-timing-function: ease-in-out; | |||
} | } | ||
100% { | 100% { | ||
transform: scale3d(1 | transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px); | ||
animation-timing-function: ease-out; | 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;
}
}
