MediaWiki:Common.css - Revision history

DB at 13:26, 23 March 2026

2026-03-23T13:26:45Z

← Older revision		Revision as of 15:26, 23 March 2026
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

	/* ~~Specifically override the fixed white background on images~~ */		/* Target all common MediaWiki dark mode classes */
	~~html.skin-theme-clientpref-dark img,~~		.skin-theme-clientpref-night img {
	~~html~~.skin-theme-clientpref-~~dark .mw-file-description~~ img {
	background-color: transparent !important;		background-color: transparent !important;
	}		}

2026-03-23T13:21:56Z

← Older revision		Revision as of 15:21, 23 March 2026
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

	/* ~~Remove~~ white ~~edges/~~background ~~from~~ images ~~in dark mode~~ */		/* Specifically override the fixed white background on images */
	html.skin-theme-clientpref-dark ~~.mw-file-description~~ img,		html.skin-theme-clientpref-dark img,
	html.skin-theme-clientpref-dark .mw-no-~~invert~~ {		html.skin-theme-clientpref-dark .mw-file-description img {
	background-color: transparent !important;		background-color: transparent !important;
	~~box-shadow: none !important;~~
	~~border: none !important;~~
	}		}

2026-03-23T13:18:10Z

← Older revision		Revision as of 15:18, 23 March 2026
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

			/* Remove white edges/background from images in dark mode */
			html.skin-theme-clientpref-dark .mw-file-description img,
			html.skin-theme-clientpref-dark .mw-no-invert {
			background-color: transparent !important;
			box-shadow: none !important;
			border: none !important;
			}

2026-03-14T05:07:56Z

Replaced content with "CSS placed here will be applied to all skins: "

← Older revision		Revision as of 07:07, 14 March 2026
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */


	~~@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;~~
	}

2026-03-14T04:42:10Z

← Older revision		Revision as of 06:42, 14 March 2026
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* 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 {		@keyframes wave {

2026-03-09T22:38:00Z

← Older revision		Revision as of 00:38, 10 March 2026
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;
	}		}

2026-03-09T16:26:02Z

← Older revision		Revision as of 18:26, 9 March 2026
Line 41:		Line 41:
	50% { transform: translateY(-6px); }		50% { transform: translateY(-6px); }
	}		}
			.wavy span {
			display: inline-block;
			animation: wave 1s ease-in-out infinite;
			animation-delay: var(--wave-delay, 0s);
			}
	@keyframes hue-cycle {		@keyframes hue-cycle {
	from { ~~filter~~: hue~~-rotate(0deg~~); }		from { color: hsl(var(--hue), 100%, 60%); }
	to { ~~filter~~: hue-~~rotate~~(~~360deg~~); }		to { color: hsl(calc(var(--hue) + 360deg), 100%, 60%); }
			}
			.rainbow span {
			animation: hue-cycle 3s linear infinite;
			animation-delay: var(--delay, 0s);
	}		}
			.wavy.rainbow span {
	~~.wavy span, .rainbow span,~~ .wavy.rainbow span {		display: inline-block;
	~~animation~~-~~duration: 1s, 3s !important~~;		animation: wave 1s ease-in-out infinite, hue-cycle 3s linear infinite;
	animation-~~iteration~~-~~count:~~ infinite, infinite ~~!important~~;		animation-delay: var(--wave-delay, 0s), var(--delay, 0s);
	animation-~~play~~-~~state: running !important~~;
	}		}

2026-03-09T16:09:05Z

← Older revision		Revision as of 18:09, 9 March 2026
Line 48:		Line 48:

	.wavy span, .rainbow span, .wavy.rainbow span {		.wavy span, .rainbow span, .wavy.rainbow span {
			animation-duration: 1s, 3s !important;
			animation-iteration-count: infinite, infinite !important;
	animation-play-state: running !important;		animation-play-state: running !important;
	}		}

2026-03-09T15:54:57Z

← Older revision		Revision as of 17:54, 9 March 2026
Line 45:		Line 45:
	from { filter: hue-rotate(0deg); }		from { filter: hue-rotate(0deg); }
	to { filter: hue-rotate(360deg); }		to { filter: hue-rotate(360deg); }
			}

			.wavy span, .rainbow span, .wavy.rainbow span {
			animation-play-state: running !important;
	}		}

2026-03-09T15:43:33Z

← Older revision		Revision as of 17:43, 9 March 2026
Line 37:		Line 37:
	}		}

	~~/* Wavy */~~
	@keyframes wave {		@keyframes wave {
	0%, 100% { transform: translateY(0); }		0%, 100% { transform: translateY(0); }
Line 43:		Line 42:
	}		}

	~~.wavy span {~~
	~~display: inline-block;~~
	~~animation: wave 1s ease-in-out infinite;~~
	}

	~~/* Rainbow */~~
	@keyframes hue-cycle {		@keyframes hue-cycle {
	from { filter: hue-rotate(0deg); }		from { filter: hue-rotate(0deg); }
	to { filter: hue-rotate(360deg); }		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;~~
	}		}