Difference between revisions of "MediaWiki:Common.css"

From
Jump to: navigation, search
Line 17: Line 17:
 
100% {transform:rotate(0deg) translateY(0px);}
 
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);}
 +
}
 +
 
#ghoulOld {
 
#ghoulOld {
animation: logo 1s infinite ease-in-out;
+
animation: ghoul1shake 0.2s infinite linear;
 
}
 
}
 
#p-logo a{
 
#p-logo a{
 
animation: logo 0.5s infinite ease;
 
animation: logo 0.5s infinite ease;
 
}
 
}

Revision as of 10:55, 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(-10deg) translateY(5px);}
	25% {transform:rotate(0deg) translateY(0px);}
	37.5% {transform:rotate(10deg) translateY(5px);}
	50% {transform:rotate(0deg) translateY(0px);}
	62.5% {transform:rotate(-10deg) translateY(-5px);}
	75% {transform:rotate(0deg) translateY(0px);}
	87.5% {transform:rotate(10deg) 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);}
}

#ghoulOld {
	animation: ghoul1shake 0.2s infinite linear;
}
#p-logo a{
	animation: logo 0.5s infinite ease;
}