Template:Insert quote panel/styles.css - Revision history

Wikilah admin at 07:50, 29 December 2025

2025-12-29T07:50:49Z

← Older revision		Revision as of 15:50, 29 December 2025
Line 45:		Line 45:
	/* Adjusted padding: Top, Right, Bottom, Left */		/* Adjusted padding: Top, Right, Bottom, Left */
	/* 1.2em left padding creates a sophisticated gap from the thin bar */		/* 1.2em left padding creates a sophisticated gap from the thin bar */
	padding: 0~~.3em~~ 0 0~~.3em~~ 1.2em;		padding: 0 0 0 1.2em;
	color: #202122;		color: #202122;
	box-sizing: border-box;		box-sizing: border-box;

Wikilah admin at 07:27, 29 December 2025

2025-12-29T07:27:16Z

← Older revision		Revision as of 15:27, 29 December 2025
Line 67:		Line 67:
	.insert-quote-panel.no-image .insert-quote-content cite {		.insert-quote-panel.no-image .insert-quote-content cite {
	display: block !important;		display: block !important;
	padding: ~~0.3em~~ 0 0 0 !important;		padding: 1em 0 0 0 !important;
	margin-top: 0.75em;		margin-top: 0.75em;
	font-weight: normal;		font-weight: normal;

Wikilah admin at 07:26, 29 December 2025

2025-12-29T07:26:53Z

← Older revision		Revision as of 15:26, 29 December 2025
Line 67:		Line 67:
	.insert-quote-panel.no-image .insert-quote-content cite {		.insert-quote-panel.no-image .insert-quote-content cite {
	display: block !important;		display: block !important;
	padding~~-left~~: 0 !important;		padding: 0.3em 0 0 0 !important;
	margin-top: 0.75em;		margin-top: 0.75em;
	font-weight: normal;		font-weight: normal;

Wikilah admin at 07:25, 29 December 2025

2025-12-29T07:25:33Z

← Older revision		Revision as of 15:25, 29 December 2025
Line 45:		Line 45:
	/* Adjusted padding: Top, Right, Bottom, Left */		/* Adjusted padding: Top, Right, Bottom, Left */
	/* 1.2em left padding creates a sophisticated gap from the thin bar */		/* 1.2em left padding creates a sophisticated gap from the thin bar */
	padding: 0.~~5em~~ 0 0.~~5em~~ 1.2em;		padding: 0.3em 0 0.3em 1.2em;
	color: #202122;		color: #202122;
	box-sizing: border-box;		box-sizing: border-box;

Wikilah admin at 07:23, 29 December 2025

2025-12-29T07:23:41Z

← Older revision		Revision as of 15:23, 29 December 2025
Line 35:		Line 35:

	/* =================================================================		/* =================================================================
	SCENARIO A: NO IMAGE (2px Minimalist ~~Editorial Style~~)		SCENARIO A: NO IMAGE (Refined 2px Minimalist Bar)
	================================================================= */		================================================================= */

	/* 1. ~~MAIN~~ ~~CONTENT~~ ~~CONTAINER~~		/* 1. Main Content Container */
	Defines the 2px bar and ensures a transparent background. */
	.insert-quote-panel.no-image .insert-quote-content {		.insert-quote-panel.no-image .insert-quote-content {
	background: transparent !important;		background: transparent !important;
	border-left: 2px solid #202122;		border-left: 2px solid #202122;
	border-radius: 0;		border-radius: 0;
	/* ~~1.4em~~ padding ~~ensures~~ ~~serif~~ ~~'feet'~~ ~~don't touch the bar~~ */		/* Adjusted padding: Top, Right, Bottom, Left */
			/* 1.2em left padding creates a sophisticated gap from the thin bar */
	padding: 0.~~4em~~ 0 0.~~4em~~ 1.~~4em~~;		padding: 0.5em 0 0.5em 1.2em;
	color: #202122;		color: #202122;
	box-sizing: border-box;		box-sizing: border-box;
	display: block;
	}		}

	/* 2. ~~QUOTE~~ ~~TEXT~~ ~~(Vector~~ ~~2022~~ ~~Serif~~ ~~Typography)~~		/* 2. Global Reset for Nested Wiki Elements */
			/* Targets blockquotes, paragraphs, and standard quote templates inside the panel */
	Applies the professional 'Linux Libertine' stack to all nested text elements. */
	.insert-quote-panel.no-image .insert-quote-content blockquote,		.insert-quote-panel.no-image .insert-quote-content blockquote,
	.insert-quote-panel.no-image .insert-quote-content .templatequote,		.insert-quote-panel.no-image .insert-quote-content .templatequote,
Line 61:		Line 60:
	margin: 0 !important;		margin: 0 !important;
	background: transparent !important;		background: transparent !important;
			line-height: 1.6; /* Optimized for readability in business contexts */

	/* Official Vector 2022 Serif Font Stack */
	font-family: 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif;
	font-size: 1.18em; /* Adjusted for visual balance with sans-serif body text */
	line-height: 1.6;
⚫	font-weight: ~~400~~;
	}		}

	/* 3. ~~AUTHOR~~ & ~~ATTRIBUTION~~ ~~(Standard~~ ~~Sans-Serif)~~		/* 3. Author & Attribution Styling */
	Keeps the author in a clean, factual sans-serif font with standard styling. */
	.insert-quote-panel.no-image .insert-quote-content .templatequotecite,		.insert-quote-panel.no-image .insert-quote-content .templatequotecite,
	.insert-quote-panel.no-image .insert-quote-content cite,		.insert-quote-panel.no-image .insert-quote-content cite {
	.insert-quote-panel.no-image .insert-quote-content small {
	display: block !important;		display: block !important;
	padding-left: 0 !important;		padding-left: 0 !important;
	margin-top: 0.~~85em~~;		margin-top: 0.75em;
		⚫	font-weight: normal;

	/* Standard Text Specs */
	font-family: sans-serif;
	font-weight: normal !important;
	font-style: normal !important; /* Forces upright text */
	color: #202122 !important; /* Standard Vector 2022 text color */
	font-size: 0.9em;
	letter-spacing: 0.02em; /* Improves readability for attributions */
	}		}

Wikilah admin at 07:22, 29 December 2025

2025-12-29T07:22:05Z

← Older revision		Revision as of 15:22, 29 December 2025
Line 35:		Line 35:

	/* =================================================================		/* =================================================================
	SCENARIO A: NO IMAGE (~~Refined~~ 2px Minimalist ~~Bar~~)		SCENARIO A: NO IMAGE (2px Minimalist Editorial Style)
	================================================================= */		================================================================= */

	/* 1. ~~Main~~ ~~Content~~ ~~Container */~~		/* 1. MAIN CONTENT CONTAINER
			Defines the 2px bar and ensures a transparent background. */
	.insert-quote-panel.no-image .insert-quote-content {		.insert-quote-panel.no-image .insert-quote-content {
	background: transparent !important;		background: transparent !important;
	border-left: 2px solid #202122;		border-left: 2px solid #202122;
	border-radius: 0;		border-radius: 0;
	/* ~~Adjusted~~ padding: ~~Top,~~ ~~Right,~~ ~~Bottom,~~ ~~Left~~ */		/* 1.4em padding ensures serif 'feet' don't touch the bar */
		⚫	padding: 0.4em 0 0.4em 1.4em;
	/* 1.2em left padding creates a sophisticated gap from the thin bar */
⚫	padding: 0.~~5em~~ 0 0.~~5em~~ 1.~~2em~~;
	color: #202122;		color: #202122;
	box-sizing: border-box;		box-sizing: border-box;
			display: block;
	}		}

	/* 2. ~~Global~~ ~~Reset~~ ~~for~~ ~~Nested~~ ~~Wiki~~ ~~Elements */~~		/* 2. QUOTE TEXT (Vector 2022 Serif Typography)
			Applies the professional 'Linux Libertine' stack to all nested text elements. */
	/* Targets blockquotes, paragraphs, and standard quote templates inside the panel */
	.insert-quote-panel.no-image .insert-quote-content blockquote,		.insert-quote-panel.no-image .insert-quote-content blockquote,
	.insert-quote-panel.no-image .insert-quote-content .templatequote,		.insert-quote-panel.no-image .insert-quote-content .templatequote,
Line 60:		Line 61:
	margin: 0 !important;		margin: 0 !important;
	background: transparent !important;		background: transparent !important;

	line-height: 1.6; /* Optimized for readability in business contexts */
			/* Official Vector 2022 Serif Font Stack */
			font-family: 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif;
			font-size: 1.18em; /* Adjusted for visual balance with sans-serif body text */
			line-height: 1.6;
		⚫	font-weight: 400;
	}		}

	/* 3. ~~Author~~ & ~~Attribution~~ ~~Styling~~ */		/* 3. AUTHOR & ATTRIBUTION (Standard Sans-Serif)
			Keeps the author in a clean, factual sans-serif font with standard styling. */
	.insert-quote-panel.no-image .insert-quote-content .templatequotecite,		.insert-quote-panel.no-image .insert-quote-content .templatequotecite,
	.insert-quote-panel.no-image .insert-quote-content cite {		.insert-quote-panel.no-image .insert-quote-content cite,
			.insert-quote-panel.no-image .insert-quote-content small {
	display: block !important;		display: block !important;
	padding-left: 0 !important;		padding-left: 0 !important;
	margin-top: 0.~~75em~~;		margin-top: 0.85em;

⚫	font-weight: ~~normal~~;
			/* Standard Text Specs */
	font-style: italic; /* Common for citations, remove if you want upright text */
			font-family: sans-serif;
	color: #54595d; /* Slightly softer gray to differentiate from the quote */
			font-weight: normal !important;
			font-style: normal !important; /* Forces upright text */
			color: #202122 !important; /* Standard Vector 2022 text color */
			font-size: 0.9em;
			letter-spacing: 0.02em; /* Improves readability for attributions */
	}		}

Wikilah admin at 07:17, 29 December 2025

2025-12-29T07:17:59Z

← Older revision		Revision as of 15:17, 29 December 2025
Line 35:		Line 35:

	/* =================================================================		/* =================================================================
	SCENARIO A: NO IMAGE (~~Gray~~ ~~Box~~ ~~with~~ ~~custom bar~~)		SCENARIO A: NO IMAGE (Refined 2px Minimalist Bar)
	================================================================= */		================================================================= */

	/* 1. ~~The~~ ~~Box~~ ~~itself~~ */		/* 1. Main Content Container */
	.insert-quote-panel.no-image .insert-quote-content {		.insert-quote-panel.no-image .insert-quote-content {
	background: transparent !important;		background: transparent !important;
		⚫	border-left: 2px solid #202122;
	/* This creates YOUR specific vertical bar */
⚫	border-left: ~~3px~~ solid #202122;
	border-radius: 0;		border-radius: 0;
	padding: ~~0.8em~~ ~~1em~~ ~~0.8em~~ ~~1.2em;~~		/* Adjusted padding: Top, Right, Bottom, Left */
			/* 1.2em left padding creates a sophisticated gap from the thin bar */
			padding: 0.5em 0 0.5em 1.2em;
	color: #202122;		color: #202122;
			box-sizing: border-box;
	}		}

	/* 2. ~~Kill~~ ~~the~~ ~~default~~ Wiki ~~bar inside the box~~ */		/* 2. Global Reset for Nested Wiki Elements */
			/* Targets blockquotes, paragraphs, and standard quote templates inside the panel */
	.insert-quote-panel.no-image .insert-quote-content blockquote,		.insert-quote-panel.no-image .insert-quote-content blockquote,
	.insert-quote-panel.no-image .insert-quote-content .templatequote,		.insert-quote-panel.no-image .insert-quote-content .templatequote,
	.insert-quote-panel.no-image .insert-quote-content p {		.insert-quote-panel.no-image .insert-quote-content p,
			.insert-quote-panel.no-image .insert-quote-content div {
	border~~-left~~: none !important;		border: none !important;
	padding: 0 !important;		padding: 0 !important;
	margin: 0 !important;		margin: 0 !important;
	background: transparent !important;		background: transparent !important;
			line-height: 1.6; /* Optimized for readability in business contexts */
	}		}

	/* 3. Author ~~styling~~ ~~(No~~ ~~Image)~~ */		/* 3. Author & Attribution Styling */
	.insert-quote-panel.no-image .insert-quote-content .templatequotecite,		.insert-quote-panel.no-image .insert-quote-content .templatequotecite,
	.insert-quote-panel.no-image .insert-quote-content cite {		.insert-quote-panel.no-image .insert-quote-content cite {
	display: block;		display: block !important;
	padding-left: 0; ~~/* Flush left relative to the quote text */~~		padding-left: 0 !important;
	margin-top: 0.~~8em~~;		margin-top: 0.75em;
	font-weight: normal;		font-weight: normal;
			font-style: italic; /* Common for citations, remove if you want upright text */
			color: #54595d; /* Slightly softer gray to differentiate from the quote */
	}		}

Wikilah admin at 07:14, 29 December 2025

2025-12-29T07:14:57Z

← Older revision		Revision as of 15:14, 29 December 2025
Line 42:		Line 42:
	background: transparent !important;		background: transparent !important;
	/* This creates YOUR specific vertical bar */		/* This creates YOUR specific vertical bar */
	border-left: 3px solid #~~9CA4AC~~;		border-left: 3px solid #202122;
	border-radius: 0;		border-radius: 0;
	padding: 0.8em 1em 0.8em 1.2em;		padding: 0.8em 1em 0.8em 1.2em;

Wikilah admin at 07:13, 29 December 2025

2025-12-29T07:13:09Z

← Older revision		Revision as of 15:13, 29 December 2025
Line 42:		Line 42:
	background: transparent !important;		background: transparent !important;
	/* This creates YOUR specific vertical bar */		/* This creates YOUR specific vertical bar */
	border-left: ~~4px~~ solid #9CA4AC;		border-left: 3px solid #9CA4AC;
	border-radius: 0;		border-radius: 0;
	padding: 0.8em 1em 0.8em 1.2em;		padding: 0.8em 1em 0.8em 1.2em;

Wikilah admin at 07:11, 29 December 2025

2025-12-29T07:11:57Z

← Older revision		Revision as of 15:11, 29 December 2025
Line 40:		Line 40:
	/* 1. The Box itself */		/* 1. The Box itself */
	.insert-quote-panel.no-image .insert-quote-content {		.insert-quote-panel.no-image .insert-quote-content {
	background: ~~#F8F9FA~~;		background: transparent !important;
	/* This creates YOUR specific vertical bar */		/* This creates YOUR specific vertical bar */
	border-left: 4px solid #9CA4AC;		border-left: 4px solid #9CA4AC;