Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 20:22, 1 December 2022

/* CSS placed here will be applied to all skins */

@keyframes fedTextAnim {
	0% {transform: translateX(40vw) translateY(40vh);}
	25% {transform: translateX(60vw) translateY(40vh);}
	50% {transform: translateX(60vw) translateY(60vh);}
	75% {transform: translateX(40vw) translateY(60vh);}
	100% {transform: translateX(40vw) translateY(40vh);}
}
@keyframes fedIMGAnim{
	0% {transform: rotate(0deg); transform-origin: center;}
	80% {transform:rotate(2880deg); transform-origin: center;}
	100% {transform: rotate(3240deg); transform-origin: center;}
}

.fedText {
	font-size: 50px;
	position: absolute;
	color: red;
	z-index: 2147483647;
	
	animation: fedTextAnim 1s linear infinite;
}
.fedIMG {
	position: absolute;
	z-index: 2147483646;
	animation: fedIMGAnim 2s linear infinite;
	
}
.fedSpin{
	position: absolute;
	margin-left: 50vw;
	margin-top: 40vh;
}
.fedPage {
	position: absolute;
	width: 200vw;
	height: 200vh;
	background-color:black;
	transform: translateX(-30vw) translateY(-30vh);
	z-index: 2147483645;
}




.gm2l{
	margin-bottom: 200px;
}

@keyframes rosn{
	0% {transform: scale(1);}
	100% {transform: scale(100);}
}

.grow {
	animation: rosn 12000s linear forwards;
	z-index: 99 !important ;
}

@keyframes gas {
	0% {transform: translateX(15px) translateY(0px);}
	25% {transform: translateX(10px) translateY(20px);}
	50% {transform: translateX(-10px) translateY(15px);}
	75% {transform: translateX(5px) translateY(10px);}
	100% {transform: translateX(15px) translateY(0px);}
}

.mediawiki, #mw-page-base{
	background: rgb(238,226,181);
}
#content.mw-body{
	background: rgb(249,243,232);
}

#marx {
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/d/d4/Flag_of_Israel.svg");
	background-repeat: repeat;
	background-size: contain;
}

#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-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRUQLfnaoRDzT-yfwdOkhZEFSUI0r5TIXx_iA&usqp=CAU");
}
@-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-in;
}

@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;
}
.page-Niesamowity_Gazior{
	animation: gas 0.8s infinite ease-out;
}
.page-Niesamowity_Gazior.mediawiki{
	background-image: url('https://wiki.wiselowchronixx.gay/images/d/dc/Incredible-gassy.gif');
	background-repeat: repeat;
}
.page-Niesamowity_Gazior.mw-page-base{
	background: transparent;
}