MediaWiki:Citizen.css - Revision history

Aurelian at 07:49, 19 July 2026

2026-07-19T07:49:33Z

← Older revision		Revision as of 17:49, 19 July 2026
Line 145:		Line 145:
	aspect-ratio: 300 / 141;		aspect-ratio: 300 / 141;
	margin-bottom: 0;		margin-bottom: 0;
	background-image: url("~~/mywiki~~/index.php/Special:Redirect/file/Wizlords_banner_nobg.png");		background-image: url("/index.php/Special:Redirect/file/Wizlords_banner_nobg.png");
	background-repeat: no-repeat;		background-repeat: no-repeat;
	background-position: center center;		background-position: center center;

2026-07-15T19:44:16Z

← Older revision		Revision as of 05:44, 16 July 2026
Line 1,131:		Line 1,131:
	}		}

	~~.skin-citizen .wizlords-race-intro,~~
	.skin-citizen .wizlords-magic-intro {		.skin-citizen .wizlords-magic-intro {
	align-items: flex-start;		align-items: flex-start;
	gap: 16px;		gap: 16px;
	}

	~~.skin-citizen .wizlords-race-quote {~~
	~~padding-right: 20px;~~
	}		}

2026-07-15T19:03:09Z

@@ Line 1,109: / Line 1,109: @@
 		padding-right: max(var(--padding-page, 16px), env(safe-area-inset-right));
 		padding-left: max(var(--padding-page, 16px), env(safe-area-inset-left));
+	}
+}

2026-06-29T21:29:41Z

← Older revision		Revision as of 07:29, 30 June 2026
Line 901:		Line 901:
	At 360px and below, four columns become too tight for readable labels.		At 360px and below, four columns become too tight for readable labels.
	The Main Page square-icon groups contain seven items, so this creates a		The Main Page square-icon groups contain seven items, so this creates a
	centred 3 / 2 / 2 rhythm instead of allowing single-letter word breaks. */		centred 3 / 3 / 1 rhythm instead of allowing single-letter word breaks. */
	@media screen and (max-width: 360px) {		@media screen and (max-width: 360px) {
	.skin-citizen .wizlords-mainpage-items {		.skin-citizen .wizlords-mainpage-items {
Line 910:		Line 910:
	flex-basis: calc((100% - 16px) / 3);		flex-basis: calc((100% - 16px) / 3);
	width: calc((100% - 16px) / 3);		width: calc((100% - 16px) / 3);
	}

	~~.skin-citizen .wizlords-imagetext:nth-child(n+4) {~~
	~~flex-basis: calc((100% - 8px) / 2);~~
	~~width: calc((100% - 8px) / 2);~~
	}		}

2026-06-29T21:27:56Z

@@ Line 707: / Line 707: @@
 	line-height: 1.2;
 	text-align: center;
-	overflow-wrap: anywhere;
+	overflow-wrap: normal;
+}
@@ Line 865: / Line 867: @@
 		line-height: 1.2;
 		text-align: center;
-		overflow-wrap: anywhere;
+		overflow-wrap: normal;
+	}
+}

2026-06-29T21:20:41Z

← Older revision		Revision as of 07:20, 30 June 2026
Line 144:		Line 144:
	.skin-citizen .page-banner {		.skin-citizen .page-banner {
	aspect-ratio: 300 / 141;		aspect-ratio: 300 / 141;
			margin-bottom: 0;
	background-image: url("/mywiki/index.php/Special:Redirect/file/Wizlords_banner_nobg.png");		background-image: url("/mywiki/index.php/Special:Redirect/file/Wizlords_banner_nobg.png");
	background-repeat: no-repeat;		background-repeat: no-repeat;

2026-06-29T21:17:48Z

← Older revision		Revision as of 07:17, 30 June 2026
Line 142:		Line 142:

	@media (max-width: 899px) {		@media (max-width: 899px) {
			.skin-citizen .page-banner {
			aspect-ratio: 300 / 141;
			background-image: url("/mywiki/index.php/Special:Redirect/file/Wizlords_banner_nobg.png");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			}

	.skin-citizen .page-banner-desktop {		.skin-citizen .page-banner-desktop {
	display: none !important;		display: none !important;
Line 147:		Line 155:

	.skin-citizen .page-banner-mobile {		.skin-citizen .page-banner-mobile {
	display: ~~block~~ !important;		display: none !important;
	}		}
	}		}

	@media (min-width: 900px) {		@media (min-width: 900px) {
			.skin-citizen .page-banner {
			aspect-ratio: auto;
			background-image: none;
			}

	.skin-citizen .page-banner-desktop {		.skin-citizen .page-banner-desktop {
	display: block !important;		display: block !important;

2026-06-29T21:12:31Z

@@ Line 128: / Line 128: @@
 .skin-citizen .citizen-footer a:hover {
 	color: #ffd37a;
+}

2026-06-29T20:32:29Z

@@ Line 188: / Line 188: @@
 .wizlords-example-table-full-heal {
 	max-width: 500px;
+}
@@ Line 1,094: / Line 1,111: @@
 	.skin-citizen .wizlords-class-category-table {
 		max-width: 640px;
+	}

2026-06-29T15:31:21Z

@@ Line 178: / Line 178: @@
 	min-width: 0;
 	max-width: 600px;
+}