MediaWiki:Vector.css - Revision history

Admin at 01:20, 5 October 2025

2025-10-05T01:20:32Z

@@ Line 831: / Line 831: @@
 /* ------------------------------ */
 /* End 26. Episode-themed bio infobox colors */
 /* ------------------------------ */

Admin at 00:49, 5 October 2025

2025-10-05T00:49:33Z

← Older revision		Revision as of 20:49, 4 October 2025
Line 719:		Line 719:
	/* 25a. Prevent global #content div rule in*		/* 25a. Prevent global #content div rule in*

			/* ------------------------------ */
			/* 26. Infobox (classic bio) — Episode-themed coloring */
			/* ------------------------------ */

			/* 26a. Base dark-theme background & border to match episode pages */
			table.infobox.biography,
			table.infobox.biography.vcard {
			background: #2a2a2a !important; /* match main content bg */
			border: 1px solid #444 !important; /* subtle dark border like skin */
			color: #e0e0e0 !important; /* readable light text */
			box-shadow: none !important; /* remove light template shadows */
			}

			/* 26b. Header/title row — adopt episode title treatment (centered, strong) */
			table.infobox.biography th:first-child,
			table.infobox.biography th {
			background: linear-gradient(#333, #2f2f2f) !important; /* dark header */
			color: #f0f0f0 !important;
			text-align: center !important;
			font-size: 105% !important;
			padding: 6px 8px !important;
			border-bottom: 1px solid #444 !important;
			}

			/* 26c. Caption / image credit (italic) */
			table.infobox.biography td,
			table.infobox.biography .thumbcaption,
			table.infobox.biography .infobox-caption {
			color: #cfcfcf !important; /* slightly dimmer for captions */
			}

			/* 26d. Make image area match episode infobox image behavior */
			table.infobox.biography img,
			table.infobox.biography .mw-file-element {
			max-width: 100% !important;
			height: auto !important;
			display: block !important;
			margin: 0 auto !important;
			}

			/* 26e. Fields (th/td) — lighter headers, readable values */
			table.infobox.biography th[scope="row"],
			table.infobox.biography th {
			background: transparent !important;
			color: #dfeff0 !important;
			font-weight: 600 !important;
			white-space: nowrap !important;
			padding: 6px 8px !important;
			}
			table.infobox.biography td {
			color: #e0e0e0 !important;
			padding: 6px 8px !important;
			}

			/* 26f. Links inside infobox should use site link colors (green) */
			table.infobox.biography a {
			color: #88cc88 !important;
			}
			table.infobox.biography a:visited {
			color: #2e8b57 !important;
			}
			table.infobox.biography a:hover {
			color: #a3be8c !important;
			}

			/* 26g. Restore list markers and spacing inside bio infobox */
			table.infobox.biography ul,
			table.infobox.biography ol {
			list-style: disc inside !important;
			margin: 0.4em 0 !important;
			padding-left: 1.2em !important;
			color: #e0e0e0 !important;
			}

			/* ------------------------------ */
			/* 26h. Episode-aware accent: when page has .episode-identifier present, */
			/* make the infobox title match the episode title color (white/gold). */
			/* This mirrors your existing heading rules (used earlier in CSS). */
			/* ------------------------------ */

			/* Default episode accent (white heading text) */
			.episode-identifier ~ #content table.infobox.biography th {
			/* white title for most episodes */
			color: #ffffff !important;
			background: linear-gradient(#3a3a3a, #2f2f2f) !important;
			}

			/* Special color for episodes 1–4 (golden title) */
			.episode-identifier[data-ep="1"] ~ #content table.infobox.biography th,
			.episode-identifier[data-ep="2"] ~ #content table.infobox.biography th,
			.episode-identifier[data-ep="3"] ~ #content table.infobox.biography th,
			.episode-identifier[data-ep="4"] ~ #content table.infobox.biography th {
			color: #FFD700 !important; /* golden yellow used for those episodes */
			text-shadow: 1px 1px 2px rgba(0,0,0,0.6) !important;
			}

			/* 26i. If episode pages use a distinct accent bar color, allow that color
			on the left border to link the infobox visually to episode details */
			.episode-identifier ~ #content table.infobox.biography {
			border-left: 4px solid #88cc88 !important; /* green accent like links */
			}

			/* 26j. Keep text contrast accessible — if the infobox background is overridden by template,
			force readable foreground for key elements */
			table.infobox.biography th,
			table.infobox.biography td,
			table.infobox.biography caption {
			color: #e0e0e0 !important;
			}

			/* ------------------------------ */
			/* End 26. Episode-themed bio infobox colors */
			/* ------------------------------ */

Admin at 00:44, 5 October 2025

2025-10-05T00:44:31Z

@@ Line 609: / Line 609: @@
      color: #ffffff !important;
+}
 /* ========================================================= */
 /* END Vector 2022 Dark Mode Custom Skin                     */
 /* ========================================================= */

Admin at 17:51, 26 July 2025

2025-07-26T17:51:52Z

← Older revision		Revision as of 13:51, 26 July 2025
Line 33:		Line 33:

	/* ------------------------------ */		/* ------------------------------ */
	/* 1d. Special title color for first 6 episodes */		/* 1d. Special title color for first 4 episodes */
	/* ------------------------------ */		/* ------------------------------ */
	.episode-identifier[data-ep="1"] ~ #content #firstHeading,		.episode-identifier[data-ep="1"] ~ #content #firstHeading,
	.episode-identifier[data-ep="2"] ~ #content #firstHeading,		.episode-identifier[data-ep="2"] ~ #content #firstHeading,
	.episode-identifier[data-ep="3"] ~ #content #firstHeading,		.episode-identifier[data-ep="3"] ~ #content #firstHeading,
	.episode-identifier[data-ep="4~~"] ~ #content #firstHeading,~~		.episode-identifier[data-ep="4"] ~ #content #firstHeading {
	~~.episode-identifier[data-ep="5"] ~ #content #firstHeading,~~
	~~.episode-identifier[data-ep="6~~"] ~ #content #firstHeading {
	color: #FFD700; /* golden yellow */		color: #FFD700; /* golden yellow */
	}		}

Admin at 17:50, 26 July 2025

2025-07-26T17:50:03Z

← Older revision		Revision as of 13:50, 26 July 2025
Line 19:		Line 19:
	body, #content, #firstHeading {		body, #content, #firstHeading {
	font-family: 'Helvetica Neue', Arial, sans-serif;		font-family: 'Helvetica Neue', Arial, sans-serif;
	text-transform: ~~uppercase~~;		text-transform: none;
	color: black; /* default heading color */		color: black; /* default heading color */
	}		}

Admin at 17:49, 26 July 2025

2025-07-26T17:49:00Z

← Older revision		Revision as of 13:49, 26 July 2025
Line 19:		Line 19:
	body, #content, #firstHeading {		body, #content, #firstHeading {
	font-family: 'Helvetica Neue', Arial, sans-serif;		font-family: 'Helvetica Neue', Arial, sans-serif;
	text-transform: ~~none~~;		text-transform: uppercase;
	color: black; /* default heading color */		color: black; /* default heading color */
	}		}

Admin at 17:46, 26 July 2025

2025-07-26T17:46:07Z

← Older revision		Revision as of 13:46, 26 July 2025
Line 267:		Line 267:
	margin-top: 8.5em !important; /* added ~26px more space */		margin-top: 8.5em !important; /* added ~26px more space */
	}		}
			/* 7.c Set Arial font for main title on all pages except Main Page */
			/body:not(.page-Main_Page) h1.firstHeading { /
			/* font-family: Arial, sans-serif !important; */
			/} /
			/* 7.c Set Lydian Std Bold as font for main title on all pages except Main Page */
			body:not(.page-Main_Page) h1.firstHeading {
			font-family: 'Lydian Bold BT', Arial, sans-serif !important;
			font-weight: bold;
			}

Admin at 17:42, 26 July 2025

2025-07-26T17:42:56Z

← Older revision		Revision as of 13:42, 26 July 2025
Line 3:		Line 3:
	/* ========================================================= */		/* ========================================================= */


	/* ------------------------------ */		/* ------------------------------ */
	/* 1a. Font face for episode titles */		/* 1a. Font face for episode titles */
Line 16:		Line 15:

	/* ------------------------------ */		/* ------------------------------ */
	/* 1b. Default font for ~~1st ep~~ wiki pages */		/* 1b. Default font for all wiki pages */
	/* ------------------------------ */		/* ------------------------------ */
	body~~[class^="page-Go_Fight_City_Hall"] h1.~~firstHeading {		body, #content, #firstHeading {
	font-family: '~~Lydian Bold BT~~', sans-serif ~~!important~~;		font-family: 'Helvetica Neue', Arial, sans-serif;
	text-transform: ~~uppercase !important~~;		text-transform: none;
	color: ~~#FFD700 !important~~;		color: black; /* default heading color */
	}		}





	/* ------------------------------ */		/* ------------------------------ */
	/* 1c. Apply episode font ~~by page name~~ */		/* 1c. Apply episode font ONLY if marker is present */
	/* ------------------------------ */		/* ------------------------------ */
	~~body~~.~~page~~-~~A_Passing_Thunder h1.firstHeading,~~		.episode-identifier ~ #content #firstHeading {
	~~body.page-The_Shadow_of_the_Past h1.firstHeading,~~
	~~body.page-Hot_Ice,_Cold_Heart h1.~~firstHeading {
	font-family: 'Lydian Bold BT', sans-serif;		font-family: 'Lydian Bold BT', sans-serif;
	text-transform: uppercase;		text-transform: uppercase;
	color: ~~#FFD700~~; /* ~~golden yellow~~ for ~~first 6 eps~~ */		color: white; /* default for most episodes */
	}		}

	/* ~~If more than 4 eps, and want white after that:~~ */		/* ------------------------------ */
	~~body~~.~~page~~-~~The_Stolen_Pledge h1~~.firstHeading,		/* 1d. Special title color for first 6 episodes */
	~~body~~.~~page~~-~~Dead_Silence h1~~.firstHeading {		/* ------------------------------ */
	~~font~~-~~family: 'Lydian Bold BT'~~, ~~sans~~-~~serif;~~		.episode-identifier[data-ep="1"] ~ #content #firstHeading,
	~~text~~-~~transform: uppercase;~~		.episode-identifier[data-ep="2"] ~ #content #firstHeading,
	color: ~~white~~;		.episode-identifier[data-ep="3"] ~ #content #firstHeading,
			.episode-identifier[data-ep="4"] ~ #content #firstHeading,
			.episode-identifier[data-ep="5"] ~ #content #firstHeading,
			.episode-identifier[data-ep="6"] ~ #content #firstHeading {
			color: #FFD700; /* golden yellow */
	}		}



	/* ------------------------------ */		/* ------------------------------ */
	/* 1d. Base Page & Backgrounds */		/* 1e. Base Page & Backgrounds */
	/* ------------------------------ */		/* ------------------------------ */
	body,		body,

Admin at 17:19, 26 July 2025

2025-07-26T17:19:30Z

← Older revision		Revision as of 13:19, 26 July 2025
Line 18:		Line 18:
	/* 1b. Default font for 1st ep wiki pages */		/* 1b. Default font for 1st ep wiki pages */
	/* ------------------------------ */		/* ------------------------------ */
	body.page-Go_Fight_City_Hall~~\.\.\._to_the_Death_\(Quincy\,_M\.E\.\)~~ h1.firstHeading {		body[class^="page-Go_Fight_City_Hall"] h1.firstHeading {
	font-family: 'Lydian Bold BT', sans-serif;		font-family: 'Lydian Bold BT', sans-serif !important;
	text-transform: uppercase;		text-transform: uppercase !important;
	color: #FFD700; ~~/* golden yellow */~~		color: #FFD700 !important;
	}		}

Admin at 17:09, 26 July 2025

2025-07-26T17:09:15Z

← Older revision		Revision as of 13:09, 26 July 2025
Line 16:		Line 16:

	/* ------------------------------ */		/* ------------------------------ */
	/* 1b. Default font for ~~all~~ wiki pages */		/* 1b. Default font for 1st ep wiki pages */
	/* ------------------------------ */		/* ------------------------------ */
	body, ~~#content, #~~firstHeading {		body.page-Go_Fight_City_Hall\.\.\._to_the_Death_\(Quincy\,_M\.E\.\) h1.firstHeading {
	font-family: '~~Helvetica Neue~~'~~, Arial~~, sans-serif;		font-family: 'Lydian Bold BT', sans-serif;
	text-transform: ~~none~~;		text-transform: uppercase;
	color: ~~black~~; /* ~~default heading color~~ */		color: #FFD700; /* golden yellow */
	}		}




	/* ------------------------------ */		/* ------------------------------ */
	/* 1c. Apply episode font ~~ONLY if marker is present~~ */		/* 1c. Apply episode font by page name */
	/* ------------------------------ */		/* ------------------------------ */
	.~~episode~~-~~identifier ~ #content #~~firstHeading {		body.page-A_Passing_Thunder h1.firstHeading,
			body.page-The_Shadow_of_the_Past h1.firstHeading,
			body.page-Hot_Ice,_Cold_Heart h1.firstHeading {
	font-family: 'Lydian Bold BT', sans-serif;		font-family: 'Lydian Bold BT', sans-serif;
	text-transform: uppercase;		text-transform: uppercase;
	color: ~~white~~; /* ~~default~~ for ~~most episodes~~ */		color: #FFD700; /* golden yellow for first 6 eps */
	}		}

	/* ~~------------------------------~~ */		/* If more than 4 eps, and want white after that: */
	~~/* 1d~~. ~~Special title color for first 6 episodes */~~		body.page-The_Stolen_Pledge h1.firstHeading,
	~~/* -----------~~-~~------------------ */~~		body.page-Dead_Silence h1.firstHeading {
	.~~episode-identifier[data-ep="1"] ~ #content #~~firstHeading,		font-family: 'Lydian Bold BT', sans-serif;
	.~~episode~~-~~identifier[data-ep="2"] ~ #content #~~firstHeading,		text-transform: uppercase;
	~~.episode~~-~~identifier[data~~-~~ep="3"] ~ #content #firstHeading,~~		color: white;
	~~.episode~~-~~identifier[data-ep="4"] ~ #content #firstHeading {~~
	color: ~~#FFD700~~; ~~/* golden yellow */~~
	}		}


	/* ------------------------------ */		/* ------------------------------ */
	/* 1e. Base Page & Backgrounds */		/* 1d. Base Page & Backgrounds */
	/* ------------------------------ */		/* ------------------------------ */
	body,		body,
Line 264:		Line 268:
	margin-top: 8.5em !important; /* added ~26px more space */		margin-top: 8.5em !important; /* added ~26px more space */
	}		}
	~~/* 7.c Set Arial font for main title on all pages except Main Page */~~
	~~/body:not(.page-Main_Page) h1.firstHeading { /~~
	~~/* font-family: Arial, sans-serif !important; */~~
	~~/} /~~
	~~/* 7.c Set Lydian Std Bold as font for main title on all pages except Main Page */~~
	~~body:not(.page-Main_Page) h1.firstHeading {~~
	~~font-family: 'Lydian Bold BT', Arial, sans-serif !important;~~
	~~font-weight: bold;~~
	}