Difference between revisions of "MediaWiki:Common.css"

Revision as of 15:10, 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(1440deg) contrast(0.9);}
}
#ghoulKid{
	color: red;
	font-family: "Times New Roman";
	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;
}

@keyframes sepiaFlicker {
	0% {filter: sepia(10%);}
	10% {filter: sepia(35%);}
	20% {filter: sepia(5%);}
	20% {filter: sepia(60%);}
	30% {filter: sepia(20%);}
	40% {filter: sepia(40%);}
	50% {filter: sepia(0%);}
	60% {filter: sepia(15%);}
	70% {filter: sepia(0%);}
	80% {filter: sepia(10%);}
	90% {filter: sepia(75%);}
	100% {filter: sepia(11%);}
}

#ghoulArticle {
	animation: sepiaFlicker 1s infinite alternate;
}