MediaWiki:Common.css - Revision history

Sinvrh at 05:43, 14 February 2026

2026-02-14T05:43:55Z

@@ Line 616: / Line 616: @@
      max-width: 100% !important;
      height: auto !important;
+}

Sinvrh at 05:25, 14 February 2026

2026-02-14T05:25:38Z

← Older revision		Revision as of 05:25, 14 February 2026
Line 610:		Line 610:
	background: var(--void-accent) !important;		background: var(--void-accent) !important;
	box-shadow: 0 0 10px var(--void-accent);		box-shadow: 0 0 10px var(--void-accent);
			}

			/* DOSSIER IMAGE RESPONSIVENESS */
			.dossier-image img {
			max-width: 100% !important;
			height: auto !important;
	}		}

Sinvrh at 04:24, 14 February 2026

2026-02-14T04:24:18Z

← Older revision		Revision as of 04:24, 14 February 2026
Line 479:		Line 479:
	}		}
	.dossier-value { color: #d1d1d1; text-align: right; flex: 1; }		.dossier-value { color: #d1d1d1; text-align: right; flex: 1; }

			.dossier-image {
			background: #050505;
			text-align: center;
			overflow: hidden;
			}
			.dossier-image img {
			max-width: 100% !important;
			height: auto !important;
			}

	/* 2. DOSSIER STAT BARS (Fixed Height) */		/* 2. DOSSIER STAT BARS (Fixed Height) */
Line 500:		Line 510:
	/* Tab Headers */		/* Tab Headers */
	.loadout-navigation {		.loadout-navigation {
	display: flex;		display: flex !important;
	background: #1a1a24;		flex-direction: row !important; /* Force side-by-side */
	border-bottom: 1px solid #333;		flex-wrap: nowrap !important;
	overflow-x: auto;		background: #1a1a24 !important;
			border-bottom: 1px solid #333 !important;
			overflow-x: auto; /* Allow horizontal scroll on phones */
	}		}

Line 538:		Line 550:

	.loadout-tab {		.loadout-tab {
	~~padding: 10px 18px;~~		flex: 1 0 auto !important; /* Don't let them shrink */
	~~font-size~~: 0~~.75em;~~		text-align: center !important;
	~~color: #666;~~		padding: 12px 15px !important;
	~~cursor: pointer~~;		background: transparent !important;
	text-~~transform~~: ~~uppercase~~;
	~~font-weight~~: ~~bold~~;
	~~border-right~~: ~~1px solid #333;~~
	~~transition: 0.2s~~;
	}		}

Line 585:		Line 593:

	.loadout-content {		.loadout-content {
	background: #13131a !important; /* ~~DARK VOID CARD~~ */		background: #13131a !important; /* Matches Dossier dark grey */
	color: #d1d1d1 !important;		color: #d1d1d1 !important;
	~~padding~~: ~~20px~~ !important;		border: none !important;
	}		}

	/* Fix the White Box in loadout (CDX/Bootstrap override) */		/* Fix the White Box in loadout (CDX/Bootstrap override) */
	.loadout-content ~~div~~, .loadout-content ul, .loadout-content li {		.loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {
	background: transparent !important;		background: transparent !important;
	color: ~~inherit~~ !important;		color: #d1d1d1 !important;
	}		}

Sinvrh at 01:04, 14 February 2026

2026-02-14T01:04:16Z

← Older revision		Revision as of 01:04, 14 February 2026
Line 558:		Line 558:

	.loadout-content { padding: 25px; line-height: 1.6; }		.loadout-content { padding: 25px; line-height: 1.6; }

			/* ART LOADOUT FIXES */
			.loadout-container {
			margin-top: 20px;
			border: 1px solid #333;
			background: #0a0a0f !important; /* DARK BACKGROUND */
			}

			.loadout-navigation {
			display: flex !important;
			flex-direction: row !important; /* FORCE HORIZONTAL */
			background: #1a1a24 !important;
			border-bottom: 1px solid #333 !important;
			overflow-x: auto;
			}

			.loadout-tab {
			padding: 12px 20px !important;
			font-size: 0.75em !important;
			color: #666 !important;
			cursor: pointer;
			font-weight: bold;
			text-transform: uppercase;
			border-right: 1px solid #333 !important;
			}

			.loadout-content {
			background: #13131a !important; /* DARK VOID CARD */
			color: #d1d1d1 !important;
			padding: 20px !important;
			}

			/* Fix the White Box in loadout (CDX/Bootstrap override) */
			.loadout-content div, .loadout-content ul, .loadout-content li {
			background: transparent !important;
			color: inherit !important;
			}

			/* STAT BAR FIX: Remove forced 100% width */
			.stat-bar-fill {
			height: 100%;
			/* width is handled by calc() in the template */
			background: var(--void-accent) !important;
			box-shadow: 0 0 10px var(--void-accent);
			}

Sinvrh at 00:51, 14 February 2026

2026-02-14T00:51:00Z

← Older revision		Revision as of 00:51, 14 February 2026
Line 532:		Line 532:
	}		}
	}		}

			/* ART LOADOUT STYLING */
			.loadout-matrix { border: 1px solid #333; background: #0a0a0f; }
			.loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }

			.loadout-tab {
			padding: 10px 18px;
			font-size: 0.75em;
			color: #666;
			cursor: pointer;
			text-transform: uppercase;
			font-weight: bold;
			border-right: 1px solid #333;
			transition: 0.2s;
			}

			.loadout-tab:hover { color: #fff; background: #222; }

			/* The Active Tab follows the Faction Color */
			.loadout-tab.active {
			background: #13131a;
			color: var(--void-accent);
			border-top: 2px solid var(--void-accent);
			}

			.loadout-content { padding: 25px; line-height: 1.6; }

Sinvrh at 22:21, 13 February 2026

2026-02-13T22:21:05Z

Show changes

Sinvrh at 22:13, 13 February 2026

2026-02-13T22:13:47Z

@@ Line 442: / Line 442: @@
 @media (max-width: 600px) {
      .onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }
+}

Sinvrh at 18:34, 13 February 2026

2026-02-13T18:34:35Z

← Older revision		Revision as of 18:34, 13 February 2026
Line 421:		Line 421:
	.onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }		.onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }
	.onyx-row { transition: all 0.3s ease; }		.onyx-row { transition: all 0.3s ease; }

			/* ============================================================
			ONYX REGISTRY: THRESHOLD LEGEND
			============================================================ */
			.onyx-legend-bar {
			display: flex;
			justify-content: space-between;
			background: #0f0f14;
			border: 1px solid #333;
			padding: 8px 15px;
			margin-bottom: 10px;
			font-family: 'Consolas', monospace;
			font-size: 0.75em;
			}
			.threshold-item { color: #888; }
			.t-label { color: #555; font-weight: bold; }
			.t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }

			/* Mobile optimization for the legend */
			@media (max-width: 600px) {
			.onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }
			}

Sinvrh at 18:16, 13 February 2026

2026-02-13T18:16:34Z

← Older revision		Revision as of 18:16, 13 February 2026
Line 380:		Line 380:
	.stat-bar-fill {		.stat-bar-fill {
	height: 100%;		height: 100%;
	~~width: 0;~~ /* ~~Starts at zero~~ */		/* width is removed from here so the template can set it */
	background: #21b0cd; ~~/* Skipper Cyan */~~		background: #21b0cd;
	box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);		box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);
	transition: width 0.8s ease-out; ~~/* Makes the bars "slide" into place */~~		transition: width 0.8s ease-out;
	}		}

Sinvrh at 17:56, 13 February 2026

2026-02-13T17:56:50Z

← Older revision		Revision as of 17:56, 13 February 2026
Line 397:		Line 397:

	/* Specific colors for classes */		/* Specific colors for classes */
	.row-class-s { border-left: 4px solid #fff ~~!important~~; }		.row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }
	.row-class-a { border-left: 4px solid #a020f0 ~~!important~~; }		.row-class-a { border-left: 4px solid #a020f0; }
	.row-class-b { border-left: 4px solid #DAA520 ~~!important~~; }		.row-class-b { border-left: 4px solid #DAA520; }
	.row-class-c { border-left: 4px solid #666 ~~!important~~; }		.row-class-c { border-left: 4px solid #666; }

	/* 4. The Interactive Search/Jump Bar */		/* 4. The Interactive Search/Jump Bar */