MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 38: | Line 38: | ||
@keyframes wave { | @keyframes wave { | ||
0%, 100% { transform: translateY(0); } | 0%, 100% { transform: translateY(0) !important; } | ||
50% { transform: translateY(-6px); } | 50% { transform: translateY(-6px) !important; } | ||
} | } | ||
.wavy span { | .wavy span { | ||
display: inline-block; | display: inline-block !important; | ||
animation: wave 1s ease-in-out infinite; | animation: wave 1s ease-in-out infinite !important; | ||
animation-delay: var(--wave-delay, 0s); | animation-delay: var(--wave-delay, 0s) !important; | ||
} | } | ||
@keyframes hue-cycle { | @keyframes hue-cycle { | ||
from { color: hsl(var(--hue), 100%, 60%); } | from { color: hsl(var(--hue), 100%, 60%) !important; } | ||
to { color: hsl(calc(var(--hue) + 360deg), 100%, 60%); } | to { color: hsl(calc(var(--hue) + 360deg), 100%, 60%) !important; } | ||
} | } | ||
.rainbow span { | .rainbow span { | ||
animation: hue-cycle 3s linear infinite; | animation: hue-cycle 3s linear infinite !important; | ||
animation-delay: var(--delay, 0s); | animation-delay: var(--delay, 0s) !important; | ||
} | } | ||
.wavy.rainbow span { | .wavy.rainbow span { | ||
display: inline-block; | display: inline-block !important; | ||
animation: wave 1s ease-in-out infinite, hue-cycle 3s linear infinite; | animation: wave 1s ease-in-out infinite, hue-cycle 3s linear infinite !important; | ||
animation-delay: var(--wave-delay, 0s), var(--delay, 0s); | animation-delay: var(--wave-delay, 0s), var(--delay, 0s) !important; | ||
} | } | ||
Latest revision as of 23:38, 9 March 2026
/* CSS placed here will be applied to all skins */
.infobox {
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
width: 300px;
}
.infobox table {
width: 100%;
}
.infobox-title {
font-size: 2em;
text-align: center;
}
.ib-city {
background: #DDAA22;
}
.ib-country {
background: #DD7722;
}
.ib-deity {
background: #DDDD11;
}
.infobox-image {
text-align: center;
}
.infobox th {
text-align: center;
vertical-align: top;
padding-top: 1em;
}
.infobox td {
text-align: center;
vertical-align: top;
padding: 0 0.5em;
}
@keyframes wave {
0%, 100% { transform: translateY(0) !important; }
50% { transform: translateY(-6px) !important; }
}
.wavy span {
display: inline-block !important;
animation: wave 1s ease-in-out infinite !important;
animation-delay: var(--wave-delay, 0s) !important;
}
@keyframes hue-cycle {
from { color: hsl(var(--hue), 100%, 60%) !important; }
to { color: hsl(calc(var(--hue) + 360deg), 100%, 60%) !important; }
}
.rainbow span {
animation: hue-cycle 3s linear infinite !important;
animation-delay: var(--delay, 0s) !important;
}
.wavy.rainbow span {
display: inline-block !important;
animation: wave 1s ease-in-out infinite, hue-cycle 3s linear infinite !important;
animation-delay: var(--wave-delay, 0s), var(--delay, 0s) !important;
}