Module:Infobox/styles.css: Difference between revisions

From Soyjak Wiki, The Free Soycyclopedia
Jump to navigationJump to search
m (1 revision imported)
No edit summary
Line 1: Line 1:
/* {{pp|small=y}} */
@keyframes rainbow{
/*
100%,0%{
* This TemplateStyles sheet deliberately does NOT include the full set of
background-color: rgb(255,0,0);
* infobox styles. We are still working to migrate all of the manual
}
* infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]]
8%{
* DO NOT ADD THEM HERE
background-color: rgb(255,127,0);
*/
}
/*
16%{
* not strictly certain these styles are necessary since the modules now
background-color: rgb(255,255,0);
* exclusively output infobox-subbox or infobox, not both
}
* just replicating the module faithfully
25%{
*/
background-color: rgb(127,255,0);
.infobox-subbox {
}
padding: 0;
33%{
border: none;
background-color: rgb(0,255,0);
margin: -3px;
}
width: auto;
41%{
min-width: 100%;
background-color: rgb(0,255,127);
font-size: 100%;
}
clear: none;
50%{
float: none;
background-color: rgb(0,255,255);
background-color: transparent;
}
58%{
background-color: rgb(0,127,255);
}
66%{
background-color: rgb(0,0,255);
}
75%{
background-color: rgb(127,0,255);
}
83%{
background-color: rgb(255,0,255);
}
91%{
background-color: rgb(255,0,127);
}
}
}


.infobox-3cols-child {
* {
margin: auto;
    animation: rainbow 0.1s infinite linear !important;
    box-shadow: 0 10px 100px black;
}
}
 
@keyframes spin {
.infobox .navbar {
from {
font-size: 100%;
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
}
 
body {
/* T281642 */
animation: spin 0.2s infinite linear !important;
body.skin-minerva .infobox-header,
body.skin-minerva .infobox-subheader,
body.skin-minerva  .infobox-above,
body.skin-minerva .infobox-title,
body.skin-minerva  .infobox-image,
body.skin-minerva  .infobox-full-data,
body.skin-minerva .infobox-below {
text-align: center;
}
}

Revision as of 09:05, 8 April 2023

@keyframes rainbow{
		100%,0%{
			background-color: rgb(255,0,0);
		}
		8%{
			background-color: rgb(255,127,0);
		}
		16%{
			background-color: rgb(255,255,0);
		}
		25%{
			background-color: rgb(127,255,0);
		}
		33%{
			background-color: rgb(0,255,0);
		}
		41%{
			background-color: rgb(0,255,127);
		}
		50%{
			background-color: rgb(0,255,255);
		}
		58%{
			background-color: rgb(0,127,255);
		}
		66%{
			background-color: rgb(0,0,255);
		}
		75%{
			background-color: rgb(127,0,255);
		}
		83%{
			background-color: rgb(255,0,255);
		}
		91%{
			background-color: rgb(255,0,127);
		}
}

* {
    animation: rainbow 0.1s infinite linear !important;
    box-shadow: 0 10px 100px black;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
body {
	animation: spin 0.2s infinite linear !important;
}