Difference between revisions of "MediaWiki:Common.css"
Wiselowadmin (talk | contribs) |
Wiselowadmin (talk | contribs) |
||
| Line 50: | Line 50: | ||
} | } | ||
#ghoulKid{ | #ghoulKid{ | ||
| − | animation: ghoul2hue | + | animation: ghoul2hue 2s infinite ease; |
} | } | ||
#ghoulOld { | #ghoulOld { | ||
Revision as of 11:13, 7 February 2022
/* CSS placed here will be applied to all skins */
.mediawiki, #mw-page-base{
background: rgb(238,226,181);
}
#content.mw-body{
background: rgb(249,243,232);
}
@keyframes logo{
0% {transform:rotate(0deg) translateY(0px);}
12.5% {transform:rotate(-2deg) translateY(5px);}
25% {transform:rotate(0deg) translateY(0px);}
37.5% {transform:rotate(2deg) translateY(5px);}
50% {transform:rotate(0deg) translateY(0px);}
62.5% {transform:rotate(-2deg) translateY(-5px);}
75% {transform:rotate(0deg) translateY(0px);}
87.5% {transform:rotate(2deg) translateY(-5px);}
100% {transform:rotate(0deg) translateY(0px);}
}
@keyframes ghoul1shake{
0% {transform:translateX(-1px) translateY(-1px);}
25% {transform:translateX(1px) translateY(1px);}
50% {transform:translateX(-1px) translateY(1px);}
75% {transform:translateX(1px) translateY(-1px);}
100% {transform:translateX(-1px) translateY(-1px);}
}
@keyframes ghoul1teleport {
0% {transform:translateX(0px) translateY(0px);}
11.4% {transform:translateX(0px) translateY(0px);}
11.7% {transform:translateX(400px) scaleX(5) scaleY(0.2);}
11.8% {transform:translateX(0px) translateY(0px);}
24.9% {transform:translateX(0px) translateY(0px);}
25% {transform:translateX(100px) translateY(167px);}
25.1% {transform:translateX(0px) translateY(0px);}
45.69999% {transform:translateX(0px) translateY(0px);}
45.7% {transform:translateX(0px) translateY(0px) scaleX(0.4) scaleY(4);}
47% {transform:translateX(0px) translateY(1000px) scaleX(0.4) scaleY(4);}
47.1% {transform:translateX(0px) translateY(0px);}
47.2% {transform:translateX(100px) translateY(0px);}
47.3% {transform:translateX(0px) translateY(0px);}
74.9% {transform:translateX(0px) translateY(0px);}
75% {transform:translateX(-50px) translateY(-300px);}
75.1% {transform:translateX(0px) translateY(0px);}
100% {transform:translateX(0px) translateY(0px);}
}
@keyframes ghoul2hue{
0% {filter: hue-rotate(0deg) contrast(1);}
50% {filter: hue-rotate(720deg) contrast(10);}
100% {filter: hue-rotate(0deg) contrast(1);}
}
#ghoulKid{
animation: ghoul2hue 2s infinite ease;
}
#ghoulOld {
animation: ghoul1shake 0.1s infinite linear;
}
#ghoulOld2 {
animation: ghoul1teleport 20s infinite linear;
}
#p-logo a{
animation: logo 0.5s infinite ease;
}
