MediaWiki:Common.css - Revision history

XxSecretCodexX at 19:05, 3 April 2026

2026-04-03T19:05:55Z

← Older revision		Revision as of 12:05, 3 April 2026
Line 911:		Line 911:
	position: absolute;		position: absolute;
	inset: 0;		inset: 0;
	z-index: 1; ~~/* LOWER than content */~~		z-index: 1;
	}		font-size: 0 !important;
			line-height: 0 !important;
	~~.cdn~~-case-card > *:~~not(.cdn-card-stretchlink) {~~		overflow: hidden !important;
	~~position~~: ~~relative~~;		background: transparent !important;
	~~z-index~~: 2;
	}		}

Line 922:		Line 921:
	.cdn-card-stretchlink a:visited {		.cdn-card-stretchlink a:visited {
	display: block;		display: block;
			position: absolute;
			inset: 0;
			margin: 0 !important;
			padding: 0 !important;
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
			font-size: 0 !important;
	~~/* FULL RESET */~~		line-height: 0 !important;
			text-indent: -9999px !important;
			white-space: nowrap !important;
			overflow: hidden !important;
	background: transparent !important;		background: transparent !important;
	border: ~~none~~ !important;		border: 0 !important;
	box-shadow: none !important;		box-shadow: none !important;
			color: transparent !important;
			text-decoration: none !important;
			}

	~~text~~-~~indent~~: -~~9999px;~~		/* keep visible content above the invisible link */
	~~overflow~~: ~~hidden~~;		.cdn-case-card > *:not(.cdn-card-stretchlink) {
	~~white~~-~~space: nowrap;~~		position: relative;
	~~color~~: ~~transparent !important~~;		z-index: 2;
	}		}

	.cdn-case-card~~:hover~~ {		/* kill parser paragraphs inside cards */
	~~transform~~: ~~translateY(-6px) scale(1.02)~~;		.cdn-case-card p,
	~~box-shadow~~:		.mw-parser-output .cdn-case-card p {
	~~0 0 0 1px rgba(255,255,255,0.05) inset,~~		margin: 0 !important;
	~~0 14px 30px rgba(0, 0, 0,~~ 0~~.45)~~;		padding: 0 !important;
	~~border~~-~~color~~: ~~var(--cdn-brass-soft)~~;		background: transparent !important;
			border: 0 !important;
			box-shadow: none !important;
	}		}

XxSecretCodexX at 18:58, 3 April 2026

2026-04-03T18:58:55Z

@@ Line 942: / Line 942: @@
 14px 30px rgba(0, 0, 0, 0.45);
      border-color: var(--cdn-brass-soft);
+}

XxSecretCodexX at 18:57, 3 April 2026

2026-04-03T18:57:04Z

@@ Line 934: / Line 934: @@
      white-space: nowrap;
      color: transparent !important;
+}

XxSecretCodexX at 18:56, 3 April 2026

2026-04-03T18:56:41Z

← Older revision		Revision as of 11:56, 3 April 2026
Line 924:		Line 924:
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;

			/* FULL RESET */
			background: transparent !important;
			border: none !important;
			box-shadow: none !important;

	text-indent: -9999px;		text-indent: -9999px;
	overflow: hidden;		overflow: hidden;
	white-space: nowrap;		white-space: nowrap;
	~~text-decoration~~: ~~none~~;		color: transparent !important;
	}		}

XxSecretCodexX at 18:56, 3 April 2026

2026-04-03T18:56:22Z

← Older revision		Revision as of 11:56, 3 April 2026
Line 908:		Line 908:
	}		}

	~~/* invisible stretched MediaWiki link */~~
	.cdn-card-stretchlink {		.cdn-card-stretchlink {
	position: absolute;		position: absolute;
	inset: 0;		inset: 0;
	z-index: 3;		z-index: 1; /* LOWER than content */
			}

			.cdn-case-card > *:not(.cdn-card-stretchlink) {
			position: relative;
			z-index: 2;
	}		}

XxSecretCodexX at 18:53, 3 April 2026

2026-04-03T18:53:47Z

← Older revision		Revision as of 11:53, 3 April 2026
Line 811:		Line 811:
	}		}

	/* ~~=========================================================~~		/* MediaWiki-safe clickable card */
	~~CLICKABLE CASE CARDS~~		.cdn-case-card {
	~~Whole box becomes the link~~		position: relative;
	~~=========================================================~~ */

	~~.cdn-case-card-link,~~
	~~.mw-parser-output a.cdn-case-card-link,~~
	~~.mw-parser-output a~~.cdn-case-card~~-link:visited~~ {
	~~display~~: ~~block~~;
	background: linear-gradient(180deg, #332922 0%, #211914 100%);		background: linear-gradient(180deg, #332922 0%, #211914 100%);
	border: 2px solid var(--cdn-brass);		border: 2px solid var(--cdn-brass);
Line 827:		Line 821:
	min-height: 110px;		min-height: 110px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	~~color: var(--cdn-cream);~~
	~~text-decoration: none;~~
	transition:		transition:
	transform 0.18s ease,		transform 0.18s ease,
	box-shadow 0.18s ease,		box-shadow 0.18s ease,
	border-color 0.18s ease,		border-color 0.18s ease;
	~~background 0.18s ease~~;		overflow: hidden;
	}		}

	~~/* Hover / focus pop-out */~~		.cdn-case-card:hover {
	.cdn-case-card~~-link~~:hover,
	~~.cdn-case-card-link:focus,~~
	~~.mw-parser-output a.cdn-case-card-link:hover,~~
	~~.mw-parser-output a.cdn-case-card-link:focus~~ {
	transform: translateY(-4px) scale(1.01);		transform: translateY(-4px) scale(1.01);
	box-shadow:		box-shadow:
Line 846:		Line 834:
	0 10px 22px rgba(0, 0, 0, 0.34);		0 10px 22px rgba(0, 0, 0, 0.34);
	border-color: var(--cdn-brass-soft);		border-color: var(--cdn-brass-soft);
	~~color: #fff4e8;~~
	~~text-decoration: none;~~
	}		}

	~~/* Optional pressed effect */~~		.cdn-case-card-title {
	~~.cdn-case-card-link:active,~~
	~~.mw-parser-output a.cdn-case-card-link:active {~~
	~~transform: translateY(-1px) scale(0.995);~~
	}

	~~/* Card title */~~
	~~.cdn-case-card-link~~ .cdn-case-card-title {
	display: block;		display: block;
	color: var(--cdn-cream);		color: var(--cdn-cream);
Line 863:		Line 842:
	font-weight: 700;		font-weight: 700;
	line-height: 1.2;		line-height: 1.2;
	~~text~~-~~decoration~~: ~~none~~;		position: relative;
			z-index: 2;
	}		}

	~~/* Case number */~~		.cdn-case-card-number {
	~~.cdn-case-card-link~~ .cdn-case-card-number {
	display: block;		display: block;
	color: #ead7be;		color: #ead7be;
	font-size: 1rem;		font-size: 1rem;
	margin: 0.35rem 0 0.75rem;		margin: 0.35rem 0 0.75rem;
	~~text~~-~~decoration~~: ~~none~~;		position: relative;
			z-index: 2;
	}		}

	~~/* Arc label / storyline badge */~~
	.cdn-case-arc {		.cdn-case-arc {
	display: inline-block;		display: inline-block;
Line 889:		Line 868:
	text-transform: uppercase;		text-transform: uppercase;
	line-height: 1.2;		line-height: 1.2;
			position: relative;
			z-index: 2;
	}		}

	~~/* Arc color variants */~~
	.cdn-case-arc.arc-royal {		.cdn-case-arc.arc-royal {
	border-color: #b88a63;		border-color: #b88a63;
Line 928:		Line 908:
	}		}

	/* ~~Full-width featured card version~~ */		/* invisible stretched MediaWiki link */
	.cdn-~~case-feature-link,~~		.cdn-card-stretchlink {
	~~.mw-parser-output a.cdn-case-feature-link,~~		position: absolute;
	~~.mw-parser-output a.cdn-case-feature~~-~~link:visited~~ {		inset: 0;
	~~display: block;~~		z-index: 3;
	~~background: linear-gradient(180deg, #332922 0%, #211914 100%);~~
	~~border: 2px solid var(--cdn-brass);~~
	~~border-radius~~: ~~10px~~;
	~~padding~~: ~~16px 20px;~~
	~~text-align: center;~~
	~~box-shadow: 0 2px 8px rgba(0,0,~~0~~,0.25);~~
	~~color: var(--cdn-cream)~~;
	~~text~~-~~decoration~~: ~~none;~~
	~~transition:~~
	~~transform 0.18s ease,~~
	~~box-shadow 0.18s ease,~~
	~~border-color 0.18s ease~~;
	}		}

	.cdn-~~case~~-~~feature-link:hover~~,		.cdn-card-stretchlink a,
	.cdn-~~case~~-~~feature-link~~:~~focus,~~		.cdn-card-stretchlink a:visited {
	~~.mw-parser-output a.cdn-case-feature-link~~:~~hover,~~		display: block;
	~~.mw-parser-output a.cdn-case-feature-link~~:~~focus {~~		width: 100%;
	~~transform~~: ~~translateY(-4px) scale(1.01)~~;		height: 100%;
	~~box~~-~~shadow~~:		text-indent: -9999px;
	~~0 0 0 1px rgba(255,255,255,0.04) inset,~~		overflow: hidden;
	~~0 12px 24px rgba(0,0,0,0.34)~~;		white-space: nowrap;
	~~border~~-~~color~~: ~~var(--cdn-brass-soft)~~;
	text-decoration: none;		text-decoration: none;
	}		}

XxSecretCodexX at 18:51, 3 April 2026

2026-04-03T18:51:12Z

Show changes

XxSecretCodexX at 18:43, 3 April 2026

2026-04-03T18:43:17Z

Show changes

XxSecretCodexX at 19:06, 8 January 2026

2026-01-08T19:06:20Z

@@ Line 257: / Line 257: @@
      box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
      margin-bottom: 24px;
+}

XxSecretCodexX at 19:05, 8 January 2026

2026-01-08T19:05:19Z

← Older revision		Revision as of 12:05, 8 January 2026
Line 211:		Line 211:
	}		}

	.case b,		.mw-parser-output .case,
	.case strong {		.mw-parser-output .case p,
			.mw-parser-output .case b,
			.mw-parser-output .case strong {
	color: black;		color: black;
			font-family: 'Courier Prime', monospace;
	}		}