Difference between revisions of "MediaWiki:Common.css"

Revision as of 15:08, 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%) brightness(0.9);}
	10% {filter: sepia(35%) brightness(0.65);}
	20% {filter: sepia(5%) brightness(0.95);}
	20% {filter: sepia(60%) brightness(0.4);}
	30% {filter: sepia(20%) brightness(0.8);}
	40% {filter: sepia(40%) brightness(0.6);}
	50% {filter: sepia(0%) brightness(1);}
	60% {filter: sepia(15%) brightness(0.85);}
	70% {filter: sepia(0%) brightness(0);}
	80% {filter: sepia(10%) brightness(0.9);}
	90% {filter: sepia(75%) brightness(0.25);}
	100% {filter: sepia(11%) brightness(0.89);}
}

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