MediaWiki:Common.css - Revision history

Maintenance script: New articles list: dividers between all items, names on the left

2026-10-20T07:50:16Z

New articles list: dividers between all items, names on the left

← Older revision		Revision as of 07:50, 20 October 2026
Line 404:		Line 404:
	.evo-newpages li {		.evo-newpages li {
	display: flex;		display: flex;
	~~justify~~-~~content~~: ~~space-between;~~		align-items: baseline;
	~~gap: 0.75rem~~;
	padding: 0.375rem 0;		padding: 0.375rem 0;
	border-~~bottom~~: 1px solid var( --border-color-base, #3a3a44 );		border-top: 1px solid var( --border-color-base, #3a3a44 );
	font-size: 0;		font-size: 0;
	}		}

	.evo-newpages li:~~last~~-child {		/* MediaWiki starts a new list for each day; the divider goes between items, not after each day */
	border-~~bottom~~: 0;		.evo-newpages ul:first-of-type > li:first-child {
			border-top: 0;
	}		}

Line 430:		Line 430:
	.evo-newpages li bdi:has( .mw-newpages-time ) {		.evo-newpages li bdi:has( .mw-newpages-time ) {
	order: 2;		order: 2;
			margin-left: auto;
			padding-left: 0.75rem;
	white-space: nowrap;		white-space: nowrap;
	}		}

Maintenance script: Keep planet boxes within their own section

2026-10-19T22:54:08Z

Keep planet boxes within their own section

← Older revision		Revision as of 22:54, 19 October 2026
Line 468:		Line 468:
	.evo-infobox-planet {		.evo-infobox-planet {
	width: 17rem;		width: 17rem;
			}

			/* A heading after a planet box starts below it, so the box stays within its own planet's section */
			.evo-infobox-planet ~ h2,
			.evo-infobox-planet ~ h3,
			.evo-infobox-planet ~ .mw-heading {
			clear: both;
	}		}

Maintenance script: Merge planets into star system pages

2026-10-19T22:52:47Z

Merge planets into star system pages

← Older revision		Revision as of 22:52, 19 October 2026
Line 463:		Line 463:
	#p-Contribute {		#p-Contribute {
	display: none;		display: none;
			}

			/* Planet boxes inside star system pages ({{Planet}}) */
			.evo-infobox-planet {
			width: 17rem;
	}		}

Maintenance script: Chevron collapse toggles in infoboxes

2026-10-18T06:02:19Z

Chevron collapse toggles in infoboxes

@@ Line 68: / Line 68: @@
+}
 .evo-infobox-section .mw-collapsible-toggle {
-	margin-right: 1rem;
+	width: 1.25rem;
-	margin-top: 0.25rem;
+	height: 1.25rem;
-	font-size: 0.75rem;
+	margin: 0.25rem 0.75rem 0 0;
+}

Maintenance script: Fix empty-state selector for New articles

2026-10-18T06:01:52Z

Fix empty-state selector for New articles

← Older revision		Revision as of 06:01, 18 October 2026
Line 409:		Line 409:
	}		}

	.evo-newpages:not( :has( li:~~not~~( ~~:has( a[ title='Main Page' ] )~~ ) ) )::before {		.evo-newpages:not( :has( li:nth-of-type( 2 ) ) )::before {
	content: 'New articles will appear here automatically.';		content: 'New articles will appear here automatically.';
	font-size: 0.875rem;		font-size: 0.875rem;

Maintenance script: Fix search box width and tidy the New articles list

2026-10-18T06:01:26Z

Fix search box width and tidy the New articles list

← Older revision		Revision as of 06:01, 18 October 2026
Line 186:		Line 186:
	}		}

	.evo-hero-search ~~form~~,		.evo-hero-search .mw-inputbox-centered,
	.evo-hero-search ~~.mw-inputbox-centered~~ {		.evo-hero-search form {
			display: block;
	margin: 0;		margin: 0;
	text-align: left;		text-align: left;
	}		}

	.evo-hero-search .mw-~~inputbox~~-~~element,~~		.evo-hero-search .cdx-text-input {
	~~.evo-hero-search input[type='search'],~~		display: block;
			width: 100%;
			}

	.evo-hero-search input[name='search'] {		.evo-hero-search input[name='search'] {
	width: 100%;		width: 100%;
	box-sizing: border-box;		box-sizing: border-box;
			min-height: 2.75rem;
	padding: 0.75rem 1rem;		padding: 0.75rem 1rem;
	border: 1px solid var( --border-color-base, #3a3a44 );		border: 1px solid var( --border-color-base, #3a3a44 );
Line 357:		Line 362:
	}		}

	/* New articles list ({{Special:NewPages}}) */		/* New articles list ({{Special:NewPages}}): show only the page name and date */
			.evo-newpages h4,
			.evo-newpages li:has( a[ title='Main Page' ] ) {
			display: none;
			}

	.evo-newpages ul {		.evo-newpages ul {
	margin: 0;		margin: 0;
Line 369:		Line 379:
	padding: 0.375rem 0;		padding: 0.375rem 0;
	border-bottom: 1px solid var( --border-color-base, #3a3a44 );		border-bottom: 1px solid var( --border-color-base, #3a3a44 );
	font-size: 0~~.875rem~~;		font-size: 0;
	}		}

Line 376:		Line 386:
	}		}

	.evo-newpages li:~~has~~( ~~a[ title='Main Page' ]~~ ) {		.evo-newpages li > :not( bdi ) {
	display: none;		display: none;
	}		}

	.evo-newpages .mw-newpages-time {		.evo-newpages li a {
			font-size: 0.875rem;
			}

			.evo-newpages li bdi:has( .mw-newpages-pagename ) {
			order: 1;
			min-width: 0;
			}

			.evo-newpages li bdi:has( .mw-newpages-time ) {
	order: 2;		order: 2;
			white-space: nowrap;
			}

			.evo-newpages .mw-newpages-time,
			.evo-newpages .mw-newpages-time:visited {
	color: var( --color-subtle, #9a9aa6 );		color: var( --color-subtle, #9a9aa6 );
	~~white-space: nowrap;~~
	}		}

	.evo-newpages ~~.mw-newpages-length,~~		.evo-newpages:not( :has( li:not( :has( a[ title='Main Page' ] ) ) ) )::before {
	.~~evo-newpages .mw-newpages-edittag,~~		content: 'New articles will appear here automatically.';
	~~.evo~~-~~newpages~~ .~~mw-newpages-history,~~		font-size: 0.875rem;
	~~.evo~~-~~newpages .mw~~-~~userlink,~~		color: var( --color-subtle, #9a9aa6 );
	~~.evo-newpages .mw-usertoollinks,~~
	~~.evo~~-~~newpages .comment~~,
	~~.evo-newpages .mw-changeslist-separator,~~
	~~.evo-newpages .mw-tag-markers {~~
	~~display: none~~;
	}		}

Maintenance script: Redesign: Star Citizen Wiki style Main Page, infoboxes and notices; short descriptions; Create a page

2026-10-18T06:00:10Z

Redesign: Star Citizen Wiki style Main Page, infoboxes and notices; short descriptions; Create a page

Show changes

Maintenance script: Show Create boxes to administrators via MediaWiki:Group-sysop.css (no JavaScript needed)

2026-10-15T22:59:19Z

Show Create boxes to administrators via MediaWiki:Group-sysop.css (no JavaScript needed)

← Older revision		Revision as of 22:59, 15 October 2026
Line 207:		Line 207:
	}		}

	/* Boxes shown only to ~~logged-in~~ writers, e.g. "Create a page" ~~(see~~ MediaWiki:~~Common~~.~~js)~~ */		/* Boxes shown only to writers, e.g. "Create a page". MediaWiki:Group-sysop.css shows them to admins. */
	.evo-editor-only {		.evo-editor-only {
	display: none;		display: none;
	}

	~~.evo-user .evo-editor-only {~~
	~~display: block;~~
	}		}

Maintenance script: Automatic category lists and Create buttons; easier-to-read privacy policy; remove em dashes

2026-10-14T21:32:47Z

Automatic category lists and Create buttons; easier-to-read privacy policy; remove em dashes

@@ Line 205: / Line 205: @@
 		text-align: center;
+	}
+}

Maintenance script: Initial setup: templates, Main Page, style guide

2026-10-14T04:10:46Z

Initial setup: templates, Main Page, style guide

New page

/* Site-wide styles (all skins). Infobox, notice and Main Page styles live here so they can follow the light/dark theme. */

/* Shared styles for all {{Infobox ...}} templates */
.evo-infobox {
float: right;
clear: right;
width: 22em;
max-width: 100%;
margin: 0 0 1em 1.5em;
border: 1px solid #444;
border: 1px solid var( --border-color-base );
border-radius: 8px;
border-radius: var( --border-radius-medium );
background: #1b1b1f;
background: var( --color-surface-1 );
font-size: 0.9em;
line-height: 1.45;
overflow: hidden;
}

.evo-infobox-title {
padding: 0.6em 0.9em;
background: #ff8a47;
background: var( --color-progressive );
color: #fff;
font-size: 1.25em;
font-weight: 700;
text-align: center;
}

.evo-infobox-subtitle {
padding: 0.35em 0.9em;
text-align: center;
color: #aaa;
color: var( --color-subtle );
border-bottom: 1px solid #444;
border-bottom: 1px solid var( --border-color-base );
}

.evo-infobox-image {
padding: 0.6em;
text-align: center;
}

.evo-infobox-caption {
margin-top: 0.4em;
font-size: 0.9em;
color: #aaa;
color: var( --color-subtle );
}

.evo-infobox-header {
padding: 0.35em 0.9em;
background: #26262c;
background: var( --color-surface-2 );
font-weight: 700;
text-align: center;
border-top: 1px solid #444;
border-top: 1px solid var( --border-color-base );
}

.evo-infobox-row {
display: flex;
gap: 0.75em;
padding: 0.35em 0.9em;
border-top: 1px solid #333;
border-top: 1px solid var( --border-color-base );
}

.evo-infobox-label {
flex: 0 0 40%;
font-weight: 600;
color: #aaa;
color: var( --color-subtle );
}

.evo-infobox-data {
flex: 1 1 auto;
min-width: 0;
overflow-wrap: anywhere;
}

@media screen and ( max-width: 720px ) {
.evo-infobox {
float: none;
width: auto;
margin: 0 0 1em 0;
}
}

/* Shared styles for notice banners: {{Stub}}, {{WIP}}, {{Notice}} */
.evo-notice {
display: flex;
align-items: center;
gap: 0.75em;
margin: 0 0 1em 0;
padding: 0.6em 0.9em;
border: 1px solid #444;
border: 1px solid var( --border-color-base );
border-left: 4px solid #ff8a47;
border-radius: 8px;
border-radius: var( --border-radius-medium );
background: #1b1b1f;
background: var( --color-surface-1 );
font-size: 0.92em;
}

.evo-notice-icon {
flex: 0 0 auto;
font-size: 1.4em;
line-height: 1;
}

.evo-notice-text {
flex: 1 1 auto;
}

.evo-notice-stub {
border-left-color: #6aa9ff;
}

.evo-notice-wip {
border-left-color: #f2c94c;
}

.evo-notice-info {
border-left-color: #ff8a47;
}

/* Styles for [[Main Page]] */
.evo-mp-hero {
display: flex;
align-items: center;
gap: 1.5em;
margin: 0.5em 0 1.5em 0;
padding: 1.5em;
border: 1px solid #444;
border: 1px solid var( --border-color-base );
border-radius: 12px;
border-radius: var( --border-radius-large );
background: #1b1b1f;
background: var( --color-surface-1 );
}

.evo-mp-hero-logo {
flex: 0 0 auto;
}

.evo-mp-hero-title {
font-size: 2em;
font-weight: 700;
line-height: 1.2;
}

.evo-mp-hero-tagline {
margin-top: 0.3em;
font-size: 1.1em;
color: #aaa;
color: var( --color-subtle );
}

.evo-mp-hero-stats {
margin-top: 0.6em;
font-size: 0.9em;
color: #aaa;
color: var( --color-subtle );
}

.evo-mp-grid {
display: grid;
grid-template-columns: repeat( auto-fit, minmax( 18em, 1fr ) );
gap: 1em;
}

.evo-mp-box {
padding: 1em 1.25em;
border: 1px solid #444;
border: 1px solid var( --border-color-base );
border-radius: 12px;
border-radius: var( --border-radius-large );
background: #1b1b1f;
background: var( --color-surface-1 );
}

.evo-mp-box-wide {
grid-column: 1 / -1;
}

.evo-mp-box-title {
margin: 0 0 0.6em 0;
padding-bottom: 0.4em;
font-size: 1.15em;
font-weight: 700;
border-bottom: 2px solid #ff8a47;
border-bottom: 2px solid var( --color-progressive );
}

.evo-mp-box ul {
margin-top: 0;
}

@media screen and ( max-width: 720px ) {
.evo-mp-hero {
flex-direction: column;
text-align: center;
}
}