Template:EDFM style/styles.css - Revision history

EDFM Site Maintenance: Give edfm-panel-review the same compact/centred width as edfm-panel-draft

2026-08-19T22:25:04Z

Give edfm-panel-review the same compact/centred width as edfm-panel-draft

← Older revision		Revision as of 22:25, 19 August 2026
Line 45:		Line 45:
	prose/nav/tables may stretch, but these banners should not become a		prose/nav/tables may stretch, but these banners should not become a
	full-width strip across the whole rail. */		full-width strip across the whole rail. */
			.edfm-panel-review:not( .edfm-status ),
	.edfm-panel-draft:not( .edfm-status ),		.edfm-panel-draft:not( .edfm-status ),
	.edfm-box.edfm-draft:not( .edfm-status ) {		.edfm-box.edfm-draft:not( .edfm-status ) {
Line 375:		Line 376:
	}		}
	.mw-parser-output > .edfm-status,		.mw-parser-output > .edfm-status,
			.mw-parser-output > .edfm-panel-review,
	.mw-parser-output > .edfm-panel-draft,		.mw-parser-output > .edfm-panel-draft,
	.mw-parser-output > .edfm-draft {		.mw-parser-output > .edfm-draft {

Maintenance script: Add Guided Encyclopedia component styles

2026-08-12T15:58:28Z

Add Guided Encyclopedia component styles

Show changes

EDFM Site Maintenance: Ensure article prose uses full content rail

2026-08-10T20:29:40Z

Ensure article prose uses full content rail

@@ Line 1: / Line 1: @@
 /* Shared styling for EDFM's editorial templates (Article status, Draft
     warning, Prerequisites, Related articles, etc. -- see each template's
@@ Line 353: / Line 356: @@
 .edfm-fact-recommendation-body {
 	color: var( --edfm-text );
+}

EDFM Content Maintenance: Reduce centered draft/status notice width

2026-08-10T20:18:14Z

Reduce centered draft/status notice width

← Older revision		Revision as of 20:18, 10 August 2026
Line 44:		Line 44:
	.edfm-panel-draft:not( .edfm-status ),		.edfm-panel-draft:not( .edfm-status ),
	.edfm-box.edfm-draft:not( .edfm-status ) {		.edfm-box.edfm-draft:not( .edfm-status ) {
	max-width: ~~64em~~ !important;		max-width: 44rem !important;
	margin-left: auto !important;		margin-left: auto !important;
	margin-right: auto !important;		margin-right: auto !important;
Line 102:		Line 102:
	padding: 0;		padding: 0;
	overflow: hidden;		overflow: hidden;
	max-width: ~~64em~~ !important;		max-width: 44rem !important;
	margin: 1em auto !important;		margin: 1em auto !important;
	}		}

EDFM Content Maintenance: Restore compact centered draft/status notices

2026-08-10T20:12:15Z

Restore compact centered draft/status notices

← Older revision		Revision as of 20:12, 10 August 2026
Line 38:		Line 38:
	border-left-color: var( --edfm-text-dim );		border-left-color: var( --edfm-text-dim );
	background: var( --edfm-surface-1 );		background: var( --edfm-surface-1 );
			}
			/* Draft/maintenance notices are intentionally compact and centred; article
			prose/nav/tables may stretch, but these banners should not become a
			full-width strip across the whole rail. */
			.edfm-panel-draft:not( .edfm-status ),
			.edfm-box.edfm-draft:not( .edfm-status ) {
			max-width: 64em !important;
			margin-left: auto !important;
			margin-right: auto !important;
	}		}
	.edfm-panel-reference {		.edfm-panel-reference {
Line 93:		Line 102:
	padding: 0;		padding: 0;
	overflow: hidden;		overflow: hidden;
	max-width: ~~none~~;		max-width: 64em !important;
	margin: 1em 0;		margin: 1em auto !important;
	}		}
	.edfm-status--positive { border-left-color: var( --edfm-status-positive ); }		.edfm-status--positive { border-left-color: var( --edfm-status-positive ); }

EDFM Content Maintenance: Make EDFM editorial panels and related sections span full width

2026-08-10T19:20:02Z

Make EDFM editorial panels and related sections span full width

← Older revision		Revision as of 19:20, 10 August 2026
Line 22:		Line 22:
	padding: 1.1em 1.3em;		padding: 1.1em 1.3em;
	margin: 1.4em 0;		margin: 1.4em 0;
			box-sizing: border-box;
			width: 100%;
	clip-path: polygon( 0 0, calc( 100% - 10px ) 0, 100% 10px, 100% 100%, 0 100% );		clip-path: polygon( 0 0, calc( 100% - 10px ) 0, 100% 10px, 100% 100%, 0 100% );
	}		}
Line 91:		Line 93:
	padding: 0;		padding: 0;
	overflow: hidden;		overflow: hidden;
	max-width: ~~64em~~;		max-width: none;
	margin: 1em ~~auto~~;		margin: 1em 0;
	}		}
	.edfm-status--positive { border-left-color: var( --edfm-status-positive ); }		.edfm-status--positive { border-left-color: var( --edfm-status-positive ); }
Line 215:		Line 217:
	.edfm-related {		.edfm-related {
	margin: 1.6em 0;		margin: 1.6em 0;
			width: 100%;
			box-sizing: border-box;
	}		}
	.edfm-related-label {		.edfm-related-label {
Line 224:		Line 228:
	color: var( --edfm-text-dim );		color: var( --edfm-text-dim );
	margin-bottom: 0.6em;		margin-bottom: 0.6em;
			}
			.edfm-related-links {
			display: grid;
			grid-template-columns: repeat( auto-fit, minmax( 12rem, 1fr ) );
			gap: 0.7em;
	}		}
	.edfm-related-links a {		.edfm-related-links a {
	display: ~~inline-~~flex;		display: flex;
	align-items: center;		align-items: center;
			justify-content: space-between;
	gap: 0.5em;		gap: 0.5em;
	background: var( --edfm-surface-2 );		background: var( --edfm-surface-2 );
	border-left: 2px solid var( --edfm-cyan );		border-left: 2px solid var( --edfm-cyan );
	padding: 0.65em 1.1em;		padding: 0.65em 1.1em;
	margin: ~~0 0.7em 0.7em~~ 0;		margin: 0;
	font-family: 'JetBrains Mono', 'Fira Code', Consolas, 'SF Mono', Menlo, 'Courier New', monospace;		font-family: 'JetBrains Mono', 'Fira Code', Consolas, 'SF Mono', Menlo, 'Courier New', monospace;
	font-weight: 700;		font-weight: 700;

EDFM Site Maintenance: Compact and center article status banners

2026-08-10T17:40:15Z

Compact and center article status banners

← Older revision		Revision as of 17:40, 10 August 2026
Line 91:		Line 91:
	padding: 0;		padding: 0;
	overflow: hidden;		overflow: hidden;
			max-width: 64em;
			margin: 1em auto;
	}		}
	.edfm-status--positive { border-left-color: var( --edfm-status-positive ); }		.edfm-status--positive { border-left-color: var( --edfm-status-positive ); }
Line 99:		Line 101:
	display: flex;		display: flex;
	align-items: flex-start;		align-items: flex-start;
	gap: 0.~~8em~~;		gap: 0.65em;
	padding: 0.~~8em 1~~.~~1em~~;		padding: 0.55em 0.9em;
	}		}
	/* Fixed-size icon swatch -- a single CSS-safe glyph (no icon font/library),		/* Fixed-size icon swatch -- a single CSS-safe glyph (no icon font/library),
Line 108:		Line 110:
	.edfm-status-icon {		.edfm-status-icon {
	flex: 0 0 auto;		flex: 0 0 auto;
	width: 1.~~7em~~;		width: 1.45em;
	height: 1.~~7em~~;		height: 1.45em;
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	border-radius: ~~3px~~;		border-radius: 2px;
	font-family: 'JetBrains Mono', 'Fira Code', Consolas, 'SF Mono', Menlo, 'Courier New', monospace;		font-family: 'JetBrains Mono', 'Fira Code', Consolas, 'SF Mono', Menlo, 'Courier New', monospace;
	font-weight: 700;		font-weight: 700;
	font-size: ~~1em~~;		font-size: 0.85em;
	line-height: 1;		line-height: 1;
	}		}
Line 131:		Line 133:
	letter-spacing: 0.06em;		letter-spacing: 0.06em;
	text-transform: uppercase;		text-transform: uppercase;
	font-size: ~~1em~~;		font-size: 0.9em;
	margin-bottom: 0.~~3em~~;		margin-bottom: 0.2em;
	}		}
	.edfm-status--positive .edfm-status-heading { color: var( --edfm-status-positive ); }		.edfm-status--positive .edfm-status-heading { color: var( --edfm-status-positive ); }
Line 138:		Line 140:
	.edfm-status--neutral .edfm-status-heading { color: var( --edfm-text ); }		.edfm-status--neutral .edfm-status-heading { color: var( --edfm-text ); }
	.edfm-status-message {		.edfm-status-message {
	margin: 0 0 0.~~35em~~;		margin: 0 0 0.2em;
	color: var( --edfm-text-muted );		color: var( --edfm-text-muted );
	font-size: 0.~~95em~~;		font-size: 0.86em;
	line-height: 1.4;		line-height: 1.35;
	}		}
	.edfm-status-uncertain {		.edfm-status-uncertain {
	margin: 0;		margin: 0;
	color: var( --edfm-text );		color: var( --edfm-text );
	font-size: 0.~~95em~~;		font-size: 0.86em;
	line-height: 1.4;		line-height: 1.35;
	}		}
	.edfm-status-uncertain-label {		.edfm-status-uncertain-label {
Line 156:		Line 158:
	display: grid;		display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 11em, 1fr ) );		grid-template-columns: repeat( auto-fit, minmax( 11em, 1fr ) );
	gap: ~~1em~~ 1.~~5em~~;		gap: 0.85em 1.25em;
	margin: 0;		margin: 0;
	padding: 1.1em ~~1.3em~~;		padding: 0.85em 1em;
	}		}
	.edfm-status-row {		.edfm-status-row {
Line 273:		Line 275:
	border: none;		border: none;
	margin: 0;		margin: 0;
	padding: 0.~~55em 1.3em~~;		padding: 0.45em 1em;
	text-align: left;		text-align: left;
	font-family: 'JetBrains Mono', 'Fira Code', Consolas, 'SF Mono', Menlo, 'Courier New', monospace;		font-family: 'JetBrains Mono', 'Fira Code', Consolas, 'SF Mono', Menlo, 'Courier New', monospace;

Sythan: Add .edfm-status-banner/.edfm-status-icon/.edfm-status-heading/.edfm-status-message/.edfm-status-uncertain* for the new compact maintenance-banner status module; remove the now-unused .edfm-status-head/.edfm-status-badge/.edfm-status-item/.edfm-status-details--compact rules.

2026-08-08T17:06:10Z

Add .edfm-status-banner/.edfm-status-icon/.edfm-status-heading/.edfm-status-message/.edfm-status-uncertain* for the new compact maintenance-banner status module; remove the now-unused .edfm-status-head/.edfm-status-badge/.edfm-status-item/.edfm-status-details--compact rules.

Show changes

Sythan: Fix status-details grid column overflow: long unbroken slash-joined text could spill into the neighboring column at in-between (tablet) widths -- add min-width:0 on the grid item + overflow-wrap:anywhere on the value

2026-08-08T15:26:58Z

Fix status-details grid column overflow: long unbroken slash-joined text could spill into the neighboring column at in-between (tablet) widths -- add min-width:0 on the grid item + overflow-wrap:anywhere on the value

← Older revision		Revision as of 15:26, 8 August 2026
Line 136:		Line 136:
	flex-direction: column;		flex-direction: column;
	gap: 0.2em;		gap: 0.2em;
			/* Grid items default to min-width: auto, which floors their shrink at
			their content's min-content size -- a long slash-joined run like
			"prerequisite/discovery/invitation/unlock" (no spaces, so no natural
			break point in some engines) could floor a column wider than its
			track and spill into the next one at in-between widths (2026-08-08:
			found at ~820px on The Dweller). Letting the item shrink below that
			floor, paired with the dd's own overflow-wrap below, keeps long
			values inside their own column at every width instead. */
			min-width: 0;
	}		}
	.edfm-status-row dt {		.edfm-status-row dt {
Line 153:		Line 162:
	color: var( --edfm-text );		color: var( --edfm-text );
	font-size: 0.98em;		font-size: 0.98em;
			overflow-wrap: anywhere;
	}		}
	@media ( max-width: 800px ) {		@media ( max-width: 800px ) {

Sythan: Engineer article layout pass: compact status-details padding, native mw-collapsible 'View verification details' toggle styling, Fact/Field Manual Recommendation callout classes

2026-08-08T15:20:07Z

Engineer article layout pass: compact status-details padding, native mw-collapsible 'View verification details' toggle styling, Fact/Field Manual Recommendation callout classes

@@ Line 208: / Line 208: @@
 	border-left-color: var( --edfm-orange );
 	transform: translateY( -1px );
+}