MediaWiki:Common.css: Difference between revisions
From Liberation Map
No edit summary |
No edit summary |
||
| (15 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 */ | .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 7: | Line 15: | ||
position: relative; | position: relative; | ||
background-color: #fff; | background-color: #fff; | ||
} | } | ||
#Mlkihaveadreamcolorizedpubdom1 { | #Mlkihaveadreamcolorizedpubdom1 { | ||
| Line 15: | Line 20: | ||
} | } | ||
#Mlkihaveadreamcolorizedpubdom1 img { | #Mlkihaveadreamcolorizedpubdom1 img { | ||
animation: kenburns 60s infinite; | |||
} | } | ||
@keyframes kenburns { | @keyframes kenburns { | ||
0% { | 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); | transform: scale3d(1.5, 1.5, 1.5) translate3d(40px, 30px, 0px); | ||
animation-timing-function: ease-in | animation-timing-function: ease-in-out; | ||
} | } | ||
100% { | 100% { | ||
transform: scale3d( | 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;
}
}
