Template:Quote/styles.css - Revision history

Stevium: Stevium changed the content model of the page Template:Quote/styles.css from "CSS" to "Sanitized CSS": TemplateStyles

2025-11-25T14:40:58Z

Stevium changed the content model of the page Template:Quote/styles.css from "CSS" to "Sanitized CSS": TemplateStyles

← Older revision	Revision as of 14:40, 25 November 2025
(No difference)

Stevium at 14:39, 25 November 2025

2025-11-25T14:39:00Z

← Older revision		Revision as of 14:39, 25 November 2025
Line 10:		Line 10:
	display: flow-root;		display: flow-root;
	max-width: max-content;		max-width: max-content;
	}

	~~blockquote.pull-quote:has(.pull-quote__source) {~~
	~~margin-top: 25px !important;~~
	}		}

Line 24:		Line 20:
	font-weight: 500;		font-weight: 500;
	}		}

	.pull-quote__text p:after {		.pull-quote__text p:after {
	content: '”';		content: '”';
Line 43:		Line 39:
	top: -10px;		top: -10px;
	left: 10px;		left: 10px;
	~~width: fit-content;~~
	font-size: 13px;		font-size: 13px;
	color: var(--color-base);		color: var(--color-base);

Stevium: Sanitized CSS

2025-11-25T14:36:30Z

Sanitized CSS

← Older revision		Revision as of 14:36, 25 November 2025
Line 1:		Line 1:
	~~@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap');~~

	blockquote.pull-quote {		blockquote.pull-quote {
	border: none ~~!important~~;		border: none;
	border-radius: 20px;		border-radius: 20px;
	position: relative;		position: relative;
Line 12:		Line 10:
	display: flow-root;		display: flow-root;
	max-width: max-content;		max-width: max-content;

	~~&:has(.pull-quote__source) {~~
	~~margin-top: 25px !important;~~
	}
	}		}

	.pull-quote__text {		blockquote.pull-quote:has(.pull-quote__source) {
			margin-top: 25px !important;
			}

			.pull-quote__text p {
			position: relative;
			background-color: var(--background-color-2);
			padding: 20px 20px;
			border-radius: 20px;
			margin-bottom: 0;
			font-weight: 500;
			}

	~~p {~~		.pull-quote__text p:after {
	~~position: relative;~~		content: '”';
	~~background-color: var(--background-color-2);~~		font-family: "Stack Sans Text", sans-serif;
	~~padding: 20px 20px;~~		font-size: 70px;
	~~border-radius: 20px;~~		position: absolute;
	~~margin~~-~~bottom: 0;~~		right: 20px;
	~~font-weight: 500;~~		bottom: -78px;
	}		font-weight: initial;
			color: var(--background-color-8);
	p:after {
	content: '”';
	font-family: "Stack Sans Text", sans-serif;
	font-size: 70px;
	position: absolute;
	right: 20px;
	bottom: -78px;
	font-weight: initial;
	color: var(--background-color-8);
	}
	}		}

	.pull-quote__source {		.pull-quote__source {
	background-color: var(--~~theme~~-accent~~-color~~);		background-color: var(--color-accent);
	padding: 5px 15px;		padding: 5px 15px;
	border-radius: 10px;		border-radius: 10px;
Line 53:		Line 48:
	font-weight: 500;		font-weight: 500;
	font-family: 'PetitPlanet';		font-family: 'PetitPlanet';
			}
	a {
	color: var(--color-base);		.pull-quote__source a {
	}		color: var(--color-base);
			}
	cite {
	font-style: normal !important;		.pull-quote__source cite {
	}		font-style: normal !important;
	}		}

Stevium: Stevium moved page MediaWiki:Quote.css to Template:Quote/styles.css without leaving a redirect: Changing how the Quote stylesheet is loaded: now uses TemplateStyles instead of @import

2025-11-25T14:36:03Z

Stevium moved page MediaWiki:Quote.css to Template:Quote/styles.css without leaving a redirect: Changing how the Quote stylesheet is loaded: now uses TemplateStyles instead of @import

← Older revision	Revision as of 14:36, 25 November 2025
(No difference)

Stevium: Added max-width

2025-11-19T13:17:04Z

Added max-width

← Older revision		Revision as of 13:17, 19 November 2025
Line 11:		Line 11:
	padding-left:0;		padding-left:0;
	display: flow-root;		display: flow-root;
			max-width: max-content;

	&:has(.pull-quote__source) {		&:has(.pull-quote__source) {

ReisuDesign at 10:37, 16 November 2025

2025-11-16T10:37:01Z

← Older revision		Revision as of 10:37, 16 November 2025
Line 21:		Line 21:
	p {		p {
	position: relative;		position: relative;
	background-color: var(--~~theme~~-color-2);		background-color: var(--background-color-2);
	padding: 20px 20px;		padding: 20px 20px;
	border-radius: 20px;		border-radius: 20px;
Line 36:		Line 36:
	bottom: -78px;		bottom: -78px;
	font-weight: initial;		font-weight: initial;
	color: var(--~~theme~~-color-8);		color: var(--background-color-8);
	}		}
	}		}
Line 49:		Line 49:
	width: fit-content;		width: fit-content;
	font-size: 13px;		font-size: 13px;
	color: var(--~~theme-page-text~~-~~color~~);		color: var(--color-base);
	font-weight: 500;		font-weight: 500;
	font-family: 'PetitPlanet';		font-family: 'PetitPlanet';

	a {		a {
	color: var(--~~theme-page-text~~-~~color~~);		color: var(--color-base);
	}		}

ReisuDesign at 10:59, 11 November 2025

2025-11-11T10:59:03Z

← Older revision	Revision as of 10:59, 11 November 2025
Line 1:	Line 1:
		@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap');

		blockquote.pull-quote {
		border: none !important;
		border-radius: 20px;
		position: relative;
		margin-left: 0;
		padding: 0;
		margin-top: 5px !important;
		padding-top: 0px;
		padding-left:0;
		display: flow-root;

		&:has(.pull-quote__source) {
		margin-top: 25px !important;
		}
		}

		.pull-quote__text {

		p {
		position: relative;
		background-color: var(--theme-color-2);
		padding: 20px 20px;
		border-radius: 20px;
		margin-bottom: 0;
		font-weight: 500;
		}

		p:after {
		content: '”';
		font-family: "Stack Sans Text", sans-serif;
		font-size: 70px;
		position: absolute;
		right: 20px;
		bottom: -78px;
		font-weight: initial;
		color: var(--theme-color-8);
		}
		}

		.pull-quote__source {
		background-color: var(--theme-accent-color);
		padding: 5px 15px;
		border-radius: 10px;
		position: absolute;
		top: -10px;
		left: 10px;
		width: fit-content;
		font-size: 13px;
		color: var(--theme-page-text-color);
		font-weight: 500;
		font-family: 'PetitPlanet';

		a {
		color: var(--theme-page-text-color);
		}

		cite {
		font-style: normal !important;
		}
		}

ReisuDesign: touching stuff

2025-11-11T10:45:41Z

touching stuff

← Older revision		Revision as of 10:45, 11 November 2025
Line 1:		Line 1:
	~~blockquote.pull-quote {~~
	~~border: none !important;~~
	~~border-radius: 20px;~~
	~~position: relative;~~
	~~margin-left: 0;~~
	~~padding: 0;~~
	~~margin-top: 5px !important;~~
	~~overflow: hidden;~~
	~~padding-top: 0px;~~
	~~padding-left:0;~~
	}

	~~.pull-quote__text {~~
	~~width: fit-content;~~
	}

	~~.pull-quote__text p {~~
	~~position: relative;~~
	~~background-color: var(--theme-color-2);~~
	~~padding: 15px 20px;~~
	~~border-radius: 20px;~~
	~~margin-bottom: 0;~~
	}

ReisuDesign at 00:20, 10 November 2025

2025-11-10T00:20:19Z

← Older revision	Revision as of 00:20, 10 November 2025
Line 1:	Line 1:
		blockquote.pull-quote {
		border: none !important;
		border-radius: 20px;
		position: relative;
		margin-left: 0;
		padding: 0;
		margin-top: 5px !important;
		overflow: hidden;
		padding-top: 0px;
		padding-left:0;
		}

		.pull-quote__text {
		width: fit-content;
		}

		.pull-quote__text p {
		position: relative;
		background-color: var(--theme-color-2);
		padding: 15px 20px;
		border-radius: 20px;
		margin-bottom: 0;
		}

ReisuDesign: need to edit completely

2025-11-10T00:07:07Z

need to edit completely

← Older revision		Revision as of 00:07, 10 November 2025
Line 1:		Line 1:
	~~blockquote {~~
	~~background-color: var(--theme-color-2);~~
	~~border: none !important;~~
	~~border-radius: 20px;~~
	~~position: relative;~~
	~~margin-left: 0;~~
	~~width: fit-content;~~
	}

	~~blockquote::after {~~
	~~content: '”';~~
	~~font-family: "Stack Sans Text", sans-serif !important;~~
	~~font-size: 80px !important;~~
	~~position: absolute;~~
	~~top: 40px;~~
	~~right: 40px;~~
	~~color: var(--theme-color-7);~~
	}