Difference between revisions of "MediaWiki:Common.css"

Revision as of 19:21, 12 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);
}

#cssign {
	font-size: 21px;
	-webkit-text-stroke: 1px #666c6e;
	-webkit-text-fill-color: #d8e7eb;
}

#cssaiyan {
	font-size: 23px;
	-webkit-text-stroke: 1px #6b692c;
	-webkit-text-fill-color: #f0eb65;
}

#bejita {
	background: rgb(249,243,232);;
	opacity: 1;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 1px #fff, 0 0 1.5px #fff, 0 0 2px #4c704d, 0 0 3.5px #4c704d, 0 0 4px #4c704d, 0 0 4.5px #4c704d, 0 0 5px #4c704d;
  }
  
  to {
    text-shadow: 0 0 2px #fff, 0 0 2.5px #9ee6a0, 0 0 3px #9ee6a0, 0 0 3.5px #9ee6a0, 0 0 4px #9ee6a0, 0 0 4.5px #9ee6a0, 0 0 6px #9ee6a0;
  }
}


#pcss {
	font-size: 25px;
	-webkit-text-stroke: 1px #4c704d ;
	-webkit-text-fill-color: #9ee6a0;
	animation: glow 1s ease-in-out infinite alternate;
}



@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;
}

@keyframes ghoulDank {
	0% {filter: brightness(30%);}
	30% {filter: brightness(0%);}
	100% {filter: brightness(29%);}
}

#Dank img{
	animation: ghoulDank infinite linear 4s;
}
#Dank {
	position:absolute;
}