Template:Reflist/styles.css: Difference between revisions
From Soyjak Wiki, The Free Soycyclopedia
Jump to navigationJump to search
Tag: Undo |
Tag: Undo |
||
Line 60: | Line 60: | ||
.reflist-lower-roman { | .reflist-lower-roman { | ||
list-style-type: lower-roman; | list-style-type: lower-roman; | ||
} | |||
@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; | |||
} | } |
Revision as of 09:41, 8 April 2023
/* {{pp|small=yes}} */ /* can we remove the font size declarations? .references gets a font-size in * common.css that is always 90, and there is nothing else in reflist out in * the wild. May affect column sizes. */ .reflist { font-size: 90%; /* Default font-size */ margin-bottom: 0.5em; list-style-type: decimal; } .reflist .references { font-size: 100%; /* Reset font-size when nested in div.reflist */ margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /* columns-2 and columns-3 are legacy for "2 or more" column view from when the * template was implemented with column-count. */ .reflist-columns-2 { column-width: 30em; } .reflist-columns-3 { column-width: 25em; } /* Reset top margin for lists embedded in columns */ .reflist-columns { margin-top: 0.3em; } .reflist-columns ol { margin-top: 0; } /* Avoid elements breaking between columns */ .reflist-columns li { page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ break-inside: avoid-column; } .reflist-upper-alpha { list-style-type: upper-alpha; } .reflist-upper-roman { list-style-type: upper-roman; } .reflist-lower-alpha { list-style-type: lower-alpha; } .reflist-lower-greek { list-style-type: lower-greek; } .reflist-lower-roman { list-style-type: lower-roman; } @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; }