|
|
| (4 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
|
| .infobox {
| | /* Target all common MediaWiki dark mode classes */ |
| border: 1px solid #aaa;
| | .skin-theme-clientpref-night img { |
| float: right;
| | background-color: transparent !important; |
| 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;
| |
| } | | } |