Difference between revisions of "MediaWiki:Common.css"

From
Jump to: navigation, search
Line 45: Line 45:
 
}
 
}
 
@keyframes ghoul2hue{
 
@keyframes ghoul2hue{
0% {filter: hue-rotate(0deg) contrast(0);}
+
0% {filter: hue-rotate(0deg) contrast(0.9);}
50% {filter: hue-rotate(720deg) contrast(3);}
+
50% {filter: hue-rotate(720deg) contrast(2);}
100% {filter: hue-rotate(0deg) contrast(0);}
+
100% {filter: hue-rotate(0deg) contrast(0.9);}
 
}
 
}
 
#ghoulKid{
 
#ghoulKid{
animation: ghoul2hue 2s infinite ease;
+
animation: ghoul2hue 2s infinite linear;
 
}
 
}
 
#ghoulOld {
 
#ghoulOld {

Revision as of 11:14, 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(0.9);}
	50% {filter: hue-rotate(720deg) contrast(2);}
	100% {filter: hue-rotate(0deg) contrast(0.9);}
}
#ghoulKid{
	animation: ghoul2hue 2s infinite linear;
}
#ghoulOld {
	animation: ghoul1shake 0.1s infinite linear;
}
#ghoulOld2 {
	animation: ghoul1teleport 20s infinite linear;
}
#p-logo a{
	animation: logo 0.5s infinite ease;
}