MediaWiki:Common.css - Revision history

Sinvrh at 18:35, 5 May 2026

2026-05-05T18:35:44Z

← Older revision		Revision as of 18:35, 5 May 2026
Line 1,021:		Line 1,021:
	font-size: 0.95em;		font-size: 0.95em;
	position: relative;		position: relative;
			overflow: hidden; /* Fixes the overlap for injection note boxes */
	}		}

Line 1,193:		Line 1,194:

	.crdd-section-title {		.crdd-section-title {
	color: var(--void-accent);		color: #000 !important; /* Force black text */
			background-color: var(--void-accent) !important; /* Force colored background */
	font-weight: bold;		font-weight: bold;
	margin-bottom: 8px;		margin-bottom: 8px;
	font-size: 0.9em;		font-size: 0.9em;
			padding: 4px 8px; /* Give the text some breathing room inside the box */
			display: inline-block; /* Stop it from stretching across the whole receipt */
	}		}

Sinvrh at 18:27, 5 May 2026

2026-05-05T18:27:00Z

@@ Line 1,135: / Line 1,135: @@
      margin-left: 30px !important; /* Pushes it away from the text on the left */
      margin-bottom: 20px !important;
+}

Sinvrh at 16:11, 5 May 2026

2026-05-05T16:11:32Z

@@ Line 1,092: / Line 1,092: @@
 .seam-gallery-card:hover img {
      transform: scale(1.05); /* Slight hover zoom */
+}

Sinvrh at 16:02, 5 May 2026

2026-05-05T16:02:23Z

@@ Line 1,092: / Line 1,092: @@
 .seam-gallery-card:hover img {
      transform: scale(1.05); /* Slight hover zoom */
+}

Sinvrh at 02:44, 5 May 2026

2026-05-05T02:44:19Z

← Older revision		Revision as of 02:44, 5 May 2026
Line 1,042:		Line 1,042:
	.inj-skipper .seam-injection-header { color: #21b0cd; }		.inj-skipper .seam-injection-header { color: #21b0cd; }
	.inj-dealer .seam-injection-header { color: #DAA520; }		.inj-dealer .seam-injection-header { color: #DAA520; }

			/* ============================================================
			JADNIX SEAM PAGE: ATTACHED IMAGE GALLERY
			============================================================ */

			/* The Collapsible Wrapper */
			.seam-gallery-wrapper {
			background: #0f0f14;
			border: 1px solid #333;
			margin-top: 20px;
			padding: 10px;
			}

			/* The Horizontal Scroll Track */
			.seam-gallery-viewport {
			width: 100%;
			overflow-x: auto;
			padding: 15px 0;
			margin-top: 10px;
			border-top: 1px dashed #333;
			}
			.seam-gallery-viewport::-webkit-scrollbar { height: 8px; }
			.seam-gallery-viewport::-webkit-scrollbar-track { background: #050505; }
			.seam-gallery-viewport::-webkit-scrollbar-thumb { background: #555; border-radius: 4px; }

			.seam-gallery-track {
			display: flex;
			gap: 15px;
			}

			/* The Image Cards */
			.seam-gallery-card {
			flex: 0 0 250px;
			height: 180px;
			background: #050505;
			border: 1px solid #222;
			position: relative;
			cursor: zoom-in; /* Tells the user they can click it */
			overflow: hidden;
			}

			.seam-gallery-card img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.2s;
			}

			.seam-gallery-card:hover img {
			transform: scale(1.05); /* Slight hover zoom */
			}

Sinvrh at 02:06, 5 May 2026

2026-05-05T02:06:23Z

← Older revision		Revision as of 02:06, 5 May 2026
Line 947:		Line 947:
	.rating-realm { --seam-color: #a020f0; } /* Purple */		.rating-realm { --seam-color: #a020f0; } /* Purple */
	.rating-null { --seam-color: #888888; } /* Grey */		.rating-null { --seam-color: #888888; } /* Grey */

			/* ============================================================
			JADNIX SEAM PAGE TEMPLATE: CUSTODY SPINE & MARGINALIA
			============================================================ */

			/* 1. The Cinematic Banner */
			.seam-page-banner {
			position: relative;
			width: 100%;
			height: 250px;
			background: #050505;
			border: 1px solid #333;
			border-bottom: 3px solid #fff; /* Changes dynamically via inline style */
			margin-bottom: 30px;
			overflow: hidden;
			}

			/* 2. Banner Metadata Overlay */
			.seam-banner-meta {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			background: linear-gradient(to top, rgba(10,10,15,1), rgba(10,10,15,0.8) 60%, transparent);
			padding: 20px;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			}

			.seam-banner-title {
			font-family: 'Consolas', monospace;
			}
			.seam-banner-title h1 {
			font-size: 2.5em;
			color: #fff !important;
			border: none !important;
			margin: 0 0 5px 0 !important;
			text-shadow: 0 0 10px rgba(255,255,255,0.3);
			}
			.seam-banner-title h2 {
			font-size: 1.2em;
			color: #aaa !important;
			border: none !important;
			margin: 0 !important;
			text-transform: uppercase;
			letter-spacing: 2px;
			}

			/* 3. The Shifting Custody Spine */
			.seam-custody-section {
			padding: 0 0 40px 30px;
			margin-bottom: 0;
			font-size: 1.05em;
			line-height: 1.6;
			}
			.custody-still { border-left: 5px solid #a020f0; }
			.custody-skipper { border-left: 5px solid #21b0cd; }
			.custody-dealer { border-left: 5px solid #DAA520; }

			.seam-custody-section h2 {
			margin-top: 0 !important;
			padding-top: 10px;
			}

			/* 4. The Marginalia (Injection Boxes) */
			.seam-injection {
			background: #13131a;
			border: 1px solid #333;
			padding: 15px 20px;
			margin: 20px 0 20px 40px;
			box-shadow: 0 5px 15px rgba(0,0,0,0.5);
			font-size: 0.95em;
			position: relative;
			}

			/* Injection Faction Colors */
			.inj-still { border-left: 4px solid #a020f0; }
			.inj-skipper { border-left: 4px solid #21b0cd; }
			.inj-dealer { border-left: 4px solid #DAA520; }

			.seam-injection-header {
			font-family: 'Consolas', monospace;
			font-size: 0.8em;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 8px;
			border-bottom: 1px dashed #333;
			padding-bottom: 5px;
			}

			.inj-still .seam-injection-header { color: #a020f0; }
			.inj-skipper .seam-injection-header { color: #21b0cd; }
			.inj-dealer .seam-injection-header { color: #DAA520; }

Sinvrh at 01:24, 5 May 2026

2026-05-05T01:24:25Z

← Older revision		Revision as of 01:24, 5 May 2026
Line 918:		Line 918:
	}		}

	.seam-card:hover .seam-nested-container {		/* Expands on desktop hover OR mobile tap/focus */
	max-height: 300px; ~~/* Expands on hover */~~		.seam-card:hover .seam-nested-container,
			.seam-card:focus-within .seam-nested-container {
			max-height: 300px;
	border-top: 1px dashed #333;		border-top: 1px dashed #333;
	}		}

Sinvrh at 22:58, 4 May 2026

2026-05-04T22:58:34Z

Show changes

Sinvrh at 21:13, 4 May 2026

2026-05-04T21:13:00Z

@@ Line 728: / Line 728: @@
 #footer-places-convenient-discussions-run {
      display: none !important;
+}

Sinvrh at 20:04, 4 May 2026

2026-05-04T20:04:47Z

@@ Line 728: / Line 728: @@
 #footer-places-convenient-discussions-run {
      display: none !important;
+}