Difference between revisions of "MediaWiki:Common.css"
Wiselowadmin (talk | contribs) |
Wiselowadmin (talk | contribs) |
||
| Line 45: | Line 45: | ||
#ghoulOld { | #ghoulOld { | ||
| − | animation: ghoul1shake 0. | + | animation: ghoul1shake 0.1s infinite linear; |
} | } | ||
#ghoulOld2 { | #ghoulOld2 { | ||
Revision as of 11:06, 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.7% {transform:translateX(0px) translateY(0px);}
47% {transform:translateX(0px) translateY(1000px);}
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);}
}
#ghoulOld {
animation: ghoul1shake 0.1s infinite linear;
}
#ghoulOld2 {
animation: ghoul1teleport 20s infinite linear;
}
#p-logo a{
animation: logo 0.5s infinite ease;
}
