Template:Centered headers/styles.css - Revision history

Tesinormed at 07:00, May 7, 2025

2025-05-07T07:00:15Z

← Older revision		Revision as of 07:00, May 7, 2025
Line 37:		Line 37:
	}		}

	.mw-~~heading2~~ {		.mw-heading h2 {
	font-size: var(--font-size-xxx-large);		font-size: var(--font-size-xxx-large);
	}		}

	.mw-~~heading3~~ {		.mw-heading h3 {
	font-size: var(--font-size-x-large);		font-size: var(--font-size-x-large);
	}		}

Tesinormed at 04:18, February 6, 2025

2025-02-06T04:18:39Z

← Older revision		Revision as of 04:18, February 6, 2025
Line 16:		Line 16:
	/* only shrink */		/* only shrink */
	flex: 0 1 auto;		flex: 0 1 auto;
			}

			.mw-heading h2,
			.mw-heading h3 {
			flex-grow: 0;
	}		}

Tesinormed at 04:14, February 6, 2025

2025-02-06T04:14:35Z

← Older revision		Revision as of 04:14, February 6, 2025
Line 4:		Line 4:
	}		}

	.mw-heading ~~h2,~~		.mw-heading {
	.mw-heading h3 {
	/* make this a flexbox */		/* make this a flexbox */
	display: flex;		display: flex;
Line 20:		Line 19:

	/* solid line around h2 */		/* solid line around h2 */
	.mw-~~heading h2~~::before,		.mw-heading2::before,
	.mw-~~heading h2~~::after {		.mw-heading2::after {
	content: '';		content: '';
	border-top: 1px solid var(--color-emphasized);		border-top: 1px solid var(--color-emphasized);
Line 27:		Line 26:

	/* dashed line around h3 */		/* dashed line around h3 */
	.mw-~~heading h3~~::before,		.mw-heading3::before,
	.mw-~~heading h3~~::after {		.mw-heading3::after {
	content: '';		content: '';
	border-top: 1px dashed var(--color-emphasized);		border-top: 1px dashed var(--color-emphasized);
	}		}

	.mw-~~heading h2~~ {		.mw-heading2 {
	font-size: var(--font-size-xxx-large);		font-size: var(--font-size-xxx-large);
	}		}

	.mw-~~heading h3~~ {		.mw-heading3 {
	font-size: var(--font-size-x-large);		font-size: var(--font-size-x-large);
	}		}

	/* lines around h2, h3 */		/* lines around h2, h3 */
	.mw-~~heading h2~~::before,		.mw-heading2::before,
	.mw-~~heading h2~~::after,		.mw-heading2::after,
	.mw-~~heading h3~~::before,		.mw-heading3::before,
	.mw-~~heading h3~~::after {		.mw-heading3::after {
	/* only grow, minimum 2rem */		/* only grow, minimum 2rem */
	flex: 1 0 2rem;		flex: 1 0 2rem;
	}		}

	.mw-~~heading h2~~::before,		.mw-heading2::before,
	.mw-~~heading h3~~::before {		.mw-heading3::before {
	margin-right: auto;		margin-right: auto;
	}		}

	.mw-~~heading h2~~::after,		.mw-heading2::after,
	.mw-~~heading h3~~::after {		.mw-heading3::after {
	margin-left: auto;		margin-left: auto;
	}		}

Tesinormed at 04:13, February 6, 2025

2025-02-06T04:13:34Z

← Older revision		Revision as of 04:13, February 6, 2025
Line 1:		Line 1:
	/* hide the edit section button */		/* hide the edit section button */
	h2 .mw-editsection,		.mw-heading .mw-editsection {
	h3 .mw-editsection {
	display: none;		display: none;
	}		}

	h2 .mw-~~headline~~,		.mw-heading h2,
	h3 .mw-~~headline~~ {		.mw-heading h3 {
	/* make this a flexbox */		/* make this a flexbox */
	display: flex;		display: flex;
Line 21:		Line 20:

	/* solid line around h2 */		/* solid line around h2 */
	h2 .mw-~~headline~~::before,		.mw-heading h2::before,
	h2 .mw-~~headline~~::after {		.mw-heading h2::after {
	content: '';		content: '';
	border-top: 1px solid var(--color-emphasized);		border-top: 1px solid var(--color-emphasized);
Line 28:		Line 27:

	/* dashed line around h3 */		/* dashed line around h3 */
	h3 .mw-~~headline~~::before,		.mw-heading h3::before,
	h3 .mw-~~headline~~::after {		.mw-heading h3::after {
	content: '';		content: '';
	border-top: 1px dashed var(--color-emphasized);		border-top: 1px dashed var(--color-emphasized);
	}		}

	h2 .mw-~~headline~~ {		.mw-heading h2 {
	font-size: var(--font-size-xxx-large);		font-size: var(--font-size-xxx-large);
	}		}

	h3 .mw-~~headline~~ {		.mw-heading h3 {
	font-size: var(--font-size-x-large);		font-size: var(--font-size-x-large);
	}		}

	/* lines around h2, h3 */		/* lines around h2, h3 */
	h2 .mw-~~headline~~::before,		.mw-heading h2::before,
	h2 .mw-~~headline~~::after,		.mw-heading h2::after,
	h3 .mw-~~headline~~::before,		.mw-heading h3::before,
	h3 .mw-~~headline~~::after {		.mw-heading h3::after {
	/* only grow, minimum 2rem */		/* only grow, minimum 2rem */
	flex: 1 0 2rem;		flex: 1 0 2rem;
	}		}

	h2 .mw-~~headline~~::before,		.mw-heading h2::before,
	h3 .mw-~~headline~~::before {		.mw-heading h3::before {
	margin-right: auto;		margin-right: auto;
	}		}

	h2 .mw-~~headline~~::after,		.mw-heading h2::after,
	h3 .mw-~~headline~~::after {		.mw-heading h3::after {
	margin-left: auto;		margin-left: auto;
	}		}

Tesinormed at 22:31, February 4, 2025

2025-02-04T22:31:48Z

← Older revision		Revision as of 22:31, February 4, 2025
Line 24:		Line 24:
	h2 .mw-headline::after {		h2 .mw-headline::after {
	content: '';		content: '';
	border-top: 1px solid var(--color~~-base-~~-emphasized);		border-top: 1px solid var(--color-emphasized);
	}		}

Line 31:		Line 31:
	h3 .mw-headline::after {		h3 .mw-headline::after {
	content: '';		content: '';
	border-top: 1px dashed var(--color~~-base-~~-emphasized);		border-top: 1px dashed var(--color-emphasized);
	}		}

Tesinormed at 00:33, December 10, 2024

2024-12-10T00:33:03Z

← Older revision		Revision as of 00:33, December 10, 2024
Line 5:		Line 5:
	}		}

	h2 ~~> span:not(.mw-editsection):not(~~.mw-headline),		h2 .mw-headline,
	h3 ~~> span:not(.mw-editsection):not(~~.mw-headline) {		h3 .mw-headline {
			/* make this a flexbox */
	display: contents;
	}

	/* flex container to allow for the lines on each side */
	h2, h3 {
	display: flex;		display: flex;
	position: relative;
	flex-wrap: nowrap;		flex-wrap: nowrap;
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	gap: var(--space-md);		gap: var(--space-md);
	}

	h2 .mw-headline,
	h3 .mw-headline {
	/* typography for header */		/* typography for header */
	text-align: center;		text-align: center;
Line 30:		Line 21:

	/* solid line around h2 */		/* solid line around h2 */
	h2::before,		h2 .mw-headline::before,
	h2::after {		h2 .mw-headline::after {
	content: '';		content: '';
	border-top: 1px solid var(--color-base--emphasized);		border-top: 1px solid var(--color-base--emphasized);
Line 37:		Line 28:

	/* dashed line around h3 */		/* dashed line around h3 */
	h3::before,		h3 .mw-headline::before,
	h3::after {		h3 .mw-headline::after {
	content: '';		content: '';
	border-top: 1px dashed var(--color-base--emphasized);		border-top: 1px dashed var(--color-base--emphasized);
Line 52:		Line 43:

	/* lines around h2, h3 */		/* lines around h2, h3 */
	h2::before,		h2 .mw-headline::before,
	h2::after,		h2 .mw-headline::after,
	h3::before,		h3 .mw-headline::before,
	h3::after {		h3 .mw-headline::after {
	/* only grow, minimum 2rem */		/* only grow, minimum 2rem */
	flex: 1 0 2rem;		flex: 1 0 2rem;
	}		}

	h2::before,		h2 .mw-headline::before,
	h3::before {		h3 .mw-headline::before {
	margin-right: auto;		margin-right: auto;
	}		}

	h2::after,		h2 .mw-headline::after,
	h3::after {		h3 .mw-headline::after {
	margin-left: auto;		margin-left: auto;
	}		}

Tesinormed at 00:29, December 10, 2024

2024-12-10T00:29:35Z

← Older revision		Revision as of 00:29, December 10, 2024
Line 7:		Line 7:
	h2 > span:not(.mw-editsection):not(.mw-headline),		h2 > span:not(.mw-editsection):not(.mw-headline),
	h3 > span:not(.mw-editsection):not(.mw-headline) {		h3 > span:not(.mw-editsection):not(.mw-headline) {
			display: contents;
	position: absolute;
	}		}

Tesinormed at 23:40, December 9, 2024

2024-12-09T23:40:49Z

← Older revision		Revision as of 23:40, December 9, 2024
Line 25:		Line 25:
	text-align: center;		text-align: center;
	font-weight: bold;		font-weight: bold;
	/* no ~~changes~~ */		/* only shrink */
	flex: ~~none~~;		flex: 0 1 auto;
	}		}

Tesinormed at 21:50, December 9, 2024

2024-12-09T21:50:57Z

← Older revision		Revision as of 21:50, December 9, 2024
Line 13:		Line 13:
	h2, h3 {		h2, h3 {
	display: flex;		display: flex;
			position: relative;
	flex-wrap: nowrap;		flex-wrap: nowrap;
	align-items: center;		align-items: center;

Tesinormed at 21:49, December 9, 2024

2024-12-09T21:49:21Z

← Older revision		Revision as of 21:49, December 9, 2024
Line 1:		Line 1:
	/* hide ~~everything~~ ~~other~~ ~~than the~~ ~~headline~~ */		/* hide the edit section button */
	h2 ~~> span:not(~~.mw-~~headline)~~,		h2 .mw-editsection,
	h3 ~~> span:not(~~.mw-~~headline)~~ {		h3 .mw-editsection {
	display: none;		display: none;
			}

			h2 > span:not(.mw-editsection):not(.mw-headline),
			h3 > span:not(.mw-editsection):not(.mw-headline) {
			position: absolute;
	}		}