MediaWiki:Citizen.css - Revision history

WikiAdmin: Align timeline dates markers and event cards

2026-09-01T06:42:33Z

Align timeline dates markers and event cards

← Older revision		Revision as of 06:42, 1 September 2026
Line 806:		Line 806:
	.csw-timeline-date {		.csw-timeline-date {
	grid-column: 1;		grid-column: 1;
			grid-row: 1;
	padding: 0.65rem 0.75rem 0 0;		padding: 0.65rem 0.75rem 0 0;
	color: var(--color-base--subtle);		color: var(--color-base--subtle);
Line 818:		Line 819:
	.csw-timeline-marker {		.csw-timeline-marker {
	grid-column: 2;		grid-column: 2;
			grid-row: 1;
	z-index: 1;		z-index: 1;
	width: 0.7rem;		width: 0.7rem;
Line 830:		Line 832:
	.csw-timeline-body {		.csw-timeline-body {
	grid-column: 3;		grid-column: 3;
			grid-row: 1;
	min-width: 0;		min-width: 0;
	padding: 0.7rem 0.85rem;		padding: 0.7rem 0.85rem;
Line 906:		Line 909:

	.csw-timeline-date {		.csw-timeline-date {
			grid-row: 1;
	padding: 0 0 0.25rem 0.4rem;		padding: 0 0 0.25rem 0.4rem;
			}

			.csw-timeline-body {
			grid-row: 2;
	}		}
	}		}

WikiAdmin: Repair timeline grid and responsive presentation

2026-09-01T06:41:17Z

Repair timeline grid and responsive presentation

← Older revision		Revision as of 06:41, 1 September 2026
Line 779:		Line 779:

	.csw-timeline {		.csw-timeline {
			--csw-timeline-date-width: 8.1rem;
			--csw-timeline-rail-width: 1.8rem;
	position: relative;		position: relative;
	margin: 1rem 0 1.5rem;		margin: 1rem 0 1.5rem;
Line 785:		Line 787:
	.csw-timeline::before {		.csw-timeline::before {
	position: absolute;		position: absolute;
	top: 0;		top: 0.45rem;
	bottom: 0;		bottom: 1.45rem;
	left: ~~9rem~~;		left: calc(var(--csw-timeline-date-width) + (var(--csw-timeline-rail-width) / 2));
	width: 2px;		width: 2px;
			transform: translateX(-1px);
	background: var(--border-color-base);		background: var(--border-color-base);
	content: '';		content: '';
Line 796:		Line 799:
	position: relative;		position: relative;
	display: grid;		display: grid;
	grid-template-columns: ~~8.1rem 1.8rem~~ minmax(0, 1fr);		grid-template-columns: var(--csw-timeline-date-width) var(--csw-timeline-rail-width) minmax(0, 1fr);
			align-items: start;
	padding: 0 0 1rem;		padding: 0 0 1rem;
	}		}

	.csw-timeline-date {		.csw-timeline-date {
	padding: 0.~~15rem~~ 0.~~55rem~~ 0 0;		grid-column: 1;
			padding: 0.65rem 0.75rem 0 0;
	color: var(--color-base--subtle);		color: var(--color-base--subtle);
	font-size: 0.86rem;		font-size: 0.86rem;
	font-weight: 700;		font-weight: 700;
			line-height: 1.35;
			overflow-wrap: normal;
	text-align: right;		text-align: right;
			word-break: normal;
	}		}

	.csw-timeline-marker {		.csw-timeline-marker {
			grid-column: 2;
	z-index: 1;		z-index: 1;
	width: 0.7rem;		width: 0.7rem;
	height: 0.7rem;		height: 0.7rem;
	margin: 0.~~35rem~~ auto 0;		margin: 0.85rem auto 0;
	border: 2px solid var(--background-color-base);		border: 2px solid var(--background-color-base);
	border-radius: 50%;		border-radius: 50%;
Line 820:		Line 829:

	.csw-timeline-body {		.csw-timeline-body {
	padding: 0.~~55rem~~ 0.~~7rem~~;		grid-column: 3;
			min-width: 0;
			padding: 0.7rem 0.85rem;
	border: 1px solid var(--border-color-subtle);		border: 1px solid var(--border-color-subtle);
			border-radius: 0.55rem;
	background: var(--background-color-interactive-subtle);		background: var(--background-color-interactive-subtle);
	}		}
Line 874:		Line 886:
	.csw-timeline::before {		.csw-timeline::before {
	left: 0.45rem;		left: 0.45rem;
			transform: none;
	}		}

Line 883:		Line 896:
	grid-column: 1;		grid-column: 1;
	grid-row: 1 / span 2;		grid-row: 1 / span 2;
			margin-top: 0.35rem;
	}		}

WikiAdmin: Add compact Minecraft heads to conflict commanders

2026-09-01T05:00:33Z

Add compact Minecraft heads to conflict commanders

@@ Line 570: / Line 570: @@
      font-weight: 750;
      text-align: center;
+}

WikiAdmin: Redesign military conflict infobox

2026-09-01T04:59:08Z

Redesign military conflict infobox

@@ Line 504: / Line 504: @@
+}
-.csw-belligerents {
+.csw-conflictbox {
-     display: grid;
+     width: min(100%, 390px);
-     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    background: var(--color-surface-0);
-     gap: 0.75rem;
+    font-size: 0.9rem;
+}

WikiAdmin: Update Catppuccin Latte theme and add new Cat Hill members

2026-09-01T04:35:57Z

Update Catppuccin Latte theme and add new Cat Hill members

← Older revision		Revision as of 04:35, 1 September 2026
Line 1:		Line 1:
	/* Create Server Wiki: Citizen + Catppuccin theme */		/* Create Server Wiki: Citizen + Catppuccin theme */

	/* ~~Frappé~~ is used for Citizen's day option~~. It is a softer dark palette~~. */		/* Latte is used for Citizen's day option. */
	html.skin-theme-clientpref-day,		html.skin-theme-clientpref-day,
	html.skin-theme-clientpref-os {		html.skin-theme-clientpref-os {
	color-scheme: ~~dark~~;		color-scheme: light;
	--color-base: #~~c6d0f5~~;		--color-base: #4c4f69;
	--color-base--subtle: #~~a5adce~~;		--color-base--subtle: #6c6f85;
	--color-surface-0: #~~303446~~;		--color-surface-0: #eff1f5;
	--color-surface-1: #~~414559~~;		--color-surface-1: #e6e9ef;
	--color-surface-2: #~~51576d~~;		--color-surface-2: #dce0e8;
	--color-surface-3: #~~626880~~;		--color-surface-3: #ccd0da;
	--color-surface-4: #~~737994~~;		--color-surface-4: #bcc0cc;
	--background-color-base: #~~303446~~;		--background-color-base: #eff1f5;
	--background-color-base-fixed: #~~303446~~;		--background-color-base-fixed: #eff1f5;
	--background-color-interactive: #~~414559~~;		--background-color-interactive: #e6e9ef;
	--background-color-interactive-subtle: #~~292c3c~~;		--background-color-interactive-subtle: #dce0e8;
	--background-color-interactive--hover: #~~51576d~~;		--background-color-interactive--hover: #ccd0da;
	--background-color-interactive--active: #~~626880~~;		--background-color-interactive--active: #bcc0cc;
	--border-color-base: #~~626880~~;		--border-color-base: #9ca0b0;
	--border-color-subtle: #~~51576d~~;		--border-color-subtle: #bcc0cc;
	--color-progressive: #~~8caaee~~;		--color-progressive: #1e66f5;
	--color-progressive--hover: #~~99d1db~~;		--color-progressive--hover: #209fb5;
	--color-progressive--active: #~~85c1dc~~;		--color-progressive--active: #04a5e5;
	--color-visited: #~~ca9ee6~~;		--color-visited: #8839ef;
	--color-destructive: #~~e78284~~;		--color-destructive: #d20f39;
	--color-warning: #~~e5c890~~;		--color-warning: #df8e1d;
	--color-success: #~~a6d189~~;		--color-success: #40a02b;
	}		}

Line 89:		Line 89:
	border-radius: 1rem;		border-radius: 1rem;
	background:		background:
	radial-gradient(circle at 85% 20%, color-mix(in srgb, #~~ca9ee6~~ 24%, transparent), transparent 32%),		radial-gradient(circle at 85% 20%, color-mix(in srgb, #8839ef 24%, transparent), transparent 32%),
	radial-gradient(circle at 15% 80%, color-mix(in srgb, #~~8caaee~~ 20%, transparent), transparent 38%),		radial-gradient(circle at 15% 80%, color-mix(in srgb, #1e66f5 20%, transparent), transparent 38%),
	linear-gradient(135deg, var(--background-color-interactive-subtle), var(--color-surface-1));		linear-gradient(135deg, var(--background-color-interactive-subtle), var(--color-surface-1));
	box-shadow: 0 18px 50px rgba(17, 17, 27, 0.22);		box-shadow: 0 18px 50px rgba(17, 17, 27, 0.22);
Line 559:		Line 559:

	.csw-notice-information {		.csw-notice-information {
	border-left-color: ~~#8caaee~~;		border-left-color: var(--color-progressive);
	}		}

	.csw-notice-update {		.csw-notice-update {
	border-left-color: ~~#a6d189~~;		border-left-color: var(--color-success);
	}		}

	.csw-notice-warning {		.csw-notice-warning {
	border-left-color: ~~#e5c890~~;		border-left-color: var(--color-warning);
	}		}

	.csw-notice-disputed {		.csw-notice-disputed {
	border-left-color: ~~#e78284~~;		border-left-color: var(--color-destructive);
	}		}

	.csw-notice-protected {		.csw-notice-protected {
	border-left-color: ~~#ca9ee6~~;		border-left-color: var(--color-visited);
	}		}

Line 614:		Line 614:

	.csw-status-active {		.csw-status-active {
	border-color: ~~#a6d189~~;		border-color: var(--color-success);
	background: color-mix(in srgb, ~~#a6d189~~ 16%, var(--color-surface-1));		background: color-mix(in srgb, var(--color-success) 16%, var(--color-surface-1));
	}		}

Line 623:		Line 623:

	.csw-status-planned {		.csw-status-planned {
	border-color: ~~#8caaee~~;		border-color: var(--color-progressive);
	background: color-mix(in srgb, ~~#8caaee~~ 16%, var(--color-surface-1));		background: color-mix(in srgb, var(--color-progressive) 16%, var(--color-surface-1));
	}		}

	.csw-status-disputed {		.csw-status-disputed {
	border-color: ~~#e78284~~;		border-color: var(--color-destructive);
	background: color-mix(in srgb, ~~#e78284~~ 16%, var(--color-surface-1));		background: color-mix(in srgb, var(--color-destructive) 16%, var(--color-surface-1));
	}		}

Maintenance script: Add registration guidance, editor groups, and expanded template library

2026-08-31T23:16:33Z

Add registration guidance, editor groups, and expanded template library

@@ Line 530: / Line 530: @@
      margin: -0.35rem 0 1rem;
      font-style: italic;
+}
@@ Line 636: / Line 736: @@
      .csw-grid {
          grid-template-columns: 1fr;
+     }

Maintenance script: Add live Minecraft server status to the homepage

2026-08-31T21:43:59Z

Add live Minecraft server status to the homepage

@@ Line 261: / Line 261: @@
      margin-top: 0.6rem;
      text-align: right;
+}

Maintenance script: Align infobox header background to the full outer border

2026-08-31T14:01:18Z

Align infobox header background to the full outer border

← Older revision		Revision as of 14:01, 31 August 2026
Line 373:		Line 373:
	.csw-infobox > caption {		.csw-infobox > caption {
	display: block;		display: block;
	width: 100%;		width: calc(100% + 2px);
			margin-left: -1px;
	border-radius: 0;		border-radius: 0;
	}		}

Maintenance script: Make infobox header and body share one mobile-safe border box

2026-08-31T13:59:24Z

Make infobox header and body share one mobile-safe border box

← Older revision		Revision as of 13:59, 31 August 2026
Line 358:		Line 358:

	.csw-infobox {		.csw-infobox {
			display: block;
	width: min(100%, 22rem);		width: min(100%, 22rem);
	margin: 0 0 1rem 1.5rem;		margin: 0 0 1rem 1.5rem;
Line 364:		Line 365:
	border-collapse: separate;		border-collapse: separate;
	border-spacing: 0;		border-spacing: 0;
	border-radius: ~~0 0 0.8rem~~ 0.8rem;		border-radius: 0.8rem;
	overflow: hidden;		overflow: hidden;
	background: var(--background-color-interactive-subtle);		background: var(--background-color-interactive-subtle);
Line 371:		Line 372:

	.csw-infobox > caption {		.csw-infobox > caption {
	~~position~~: ~~relative~~;		display: block;
	~~left~~: -~~1px~~;		width: 100%;
	width: ~~calc(~~100% ~~+ 2px)~~;		border-radius: 0;
	border-~~radius~~: ~~0.8rem 0.8rem 0 0~~;		}
	~~overflow~~: ~~hidden~~;
			.csw-infobox > tbody {
			display: table;
			width: 100%;
			table-layout: fixed;
			border-collapse: separate;
			border-spacing: 0;
	}		}

Maintenance script: Align infobox header with outer card width

2026-08-31T13:48:45Z

Align infobox header with outer card width

← Older revision		Revision as of 13:48, 31 August 2026
Line 371:		Line 371:

	.csw-infobox > caption {		.csw-infobox > caption {
			position: relative;
			left: -1px;
			width: calc(100% + 2px);
	border-radius: 0.8rem 0.8rem 0 0;		border-radius: 0.8rem 0.8rem 0 0;
	overflow: hidden;		overflow: hidden;