MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 46: | Line 46: | ||
display: inline-block; | display: inline-block; | ||
animation: wave 1s ease-in-out infinite; | animation: wave 1s ease-in-out infinite; | ||
} | } | ||
/* Rainbow | /* Rainbow */ | ||
@keyframes hue-cycle { | @keyframes hue-cycle { | ||
from { | from { filter: hue-rotate(0deg); } | ||
to { | to { filter: hue-rotate(360deg); } | ||
} | } | ||
.rainbow span { | .rainbow span { | ||
animation: hue-cycle 3s linear infinite; | animation: hue-cycle 3s linear infinite; | ||
} | } | ||
/* | /* Both combined */ | ||
.wavy.rainbow span { | .wavy.rainbow span { | ||
display: inline-block; | display: inline-block; | ||
animation: wave 1s ease-in-out infinite, hue-cycle 3s linear infinite; | animation: wave 1s ease-in-out infinite, hue-cycle 3s linear infinite; | ||
} | } | ||
Revision as of 16:33, 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;
}
/* Wavy */
@keyframes wave {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
.wavy span {
display: inline-block;
animation: wave 1s ease-in-out infinite;
}
/* Rainbow */
@keyframes hue-cycle {
from { filter: hue-rotate(0deg); }
to { filter: hue-rotate(360deg); }
}
.rainbow span {
animation: hue-cycle 3s linear infinite;
}
/* Both combined */
.wavy.rainbow span {
display: inline-block;
animation: wave 1s ease-in-out infinite, hue-cycle 3s linear infinite;
}