MediaWiki:Common.css - Revision history

Morrisj18 at 17:34, 7 August 2025

2025-08-07T17:34:02Z

← Older revision		Revision as of 13:34, 7 August 2025
Line 40:		Line 40:
	/* Wrapper for categories + tools + edit buttons */		/* Wrapper for categories + tools + edit buttons */
	#mw-top-tools-wrapper {		#mw-top-tools-wrapper {
	display: ~~grid~~;		display: flex;
	~~grid~~-~~template~~-~~columns~~: ~~1fr auto~~;		flex-wrap: wrap;
			justify-content: space-between;
	align-items: center;		align-items: center;
	gap~~: 1em;~~		gap: 0.5em;
	~~margin-top~~: 0.5em;		margin: 0.5em 0;
	margin~~-bottom~~: 0.5em;
	}		}

Morrisj18 at 17:32, 7 August 2025

2025-08-07T17:32:59Z

← Older revision		Revision as of 13:32, 7 August 2025
Line 40:		Line 40:
	/* Wrapper for categories + tools + edit buttons */		/* Wrapper for categories + tools + edit buttons */
	#mw-top-tools-wrapper {		#mw-top-tools-wrapper {
	display: ~~flex~~;		display: grid;
	~~flex~~-~~wrap~~: ~~nowrap~~;		grid-template-columns: 1fr auto;
	align-items: center;		align-items: center;
	~~justify-content: space-between;~~
	gap: 1em;		gap: 1em;
	margin-top: 0.5em;		margin-top: 0.5em;
Line 49:		Line 48:
	}		}



	~~/* Categories */~~
	#catlinks {		#catlinks {
	display: ~~inline-~~block;		display: block;
	~~margin: 0;~~
	~~padding: 0~~;
	white-space: normal;		white-space: normal;
	~~flex~~: ~~1 1 auto~~; ~~/* Let it grow and shrink */~~		overflow: hidden;
	~~min~~-~~width~~: 0;		text-overflow: ellipsis;
	}		}


	#catlinks ul {		#catlinks ul {

Morrisj18 at 17:31, 7 August 2025

2025-08-07T17:31:58Z

← Older revision		Revision as of 13:31, 7 August 2025
Line 41:		Line 41:
	#mw-top-tools-wrapper {		#mw-top-tools-wrapper {
	display: flex;		display: flex;
	flex-wrap: ~~wrap~~;		flex-wrap: nowrap;
	align-items: center;		align-items: center;
	gap: ~~0.75em~~;		justify-content: space-between;
			gap: 1em;
	margin-top: 0.5em;		margin-top: 0.5em;
	margin-bottom: 0.5em;		margin-bottom: 0.5em;
	~~flex-wrap: nowrap; /* Force on one line unless absolutely needed */~~
	}		}

Morrisj18 at 17:30, 7 August 2025

2025-08-07T17:30:03Z

← Older revision		Revision as of 13:30, 7 August 2025
Line 43:		Line 43:
	flex-wrap: wrap;		flex-wrap: wrap;
	align-items: center;		align-items: center;
	gap: ~~1em~~;		gap: 0.75em;
	margin-top: 0.5em;		margin-top: 0.5em;
	margin-bottom: 0.5em;		margin-bottom: 0.5em;
			flex-wrap: nowrap; /* Force on one line unless absolutely needed */
	}		}


	/* Categories */		/* Categories */
	#catlinks {		#catlinks {
	display: ~~flex;~~		display: inline-block;
	~~align~~-~~items: center;~~
	~~flex-wrap: wrap~~;
	margin: 0;		margin: 0;
	padding: 0;		padding: 0;
			white-space: normal;
			flex: 1 1 auto; /* Let it grow and shrink */
			min-width: 0;
	}		}

Morrisj18 at 17:28, 7 August 2025

2025-08-07T17:28:31Z

← Older revision		Revision as of 13:28, 7 August 2025
Line 38:		Line 38:
	}		}

	/* ~~Wrap~~ categories + tools + edit buttons ~~on same line~~ */		/* Wrapper for categories + tools + edit buttons */
	#mw-top-tools-wrapper {		#mw-top-tools-wrapper {
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	align-items: center;		align-items: center;
	~~justify-content: flex-start;~~		gap: 1em;
	~~column-~~gap: 1em;
	~~row-gap: 0.25em~~;
	margin-top: 0.5em;		margin-top: 0.5em;
	margin-bottom: 0.5em;		margin-bottom: 0.5em;
Line 52:		Line 50:
	/* Categories */		/* Categories */
	#catlinks {		#catlinks {
	display: ~~inline-~~flex;		display: flex;
	align-items: center;		align-items: center;
	flex-wrap: wrap;		flex-wrap: wrap;
Line 58:		Line 56:
	padding: 0;		padding: 0;
	}		}

	#catlinks ul {		#catlinks ul {
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	~~gap: 10px;~~
	padding: 0;		padding: 0;
	margin: 0;		margin: 0;
	list-style: none;		list-style-type: none;
	}		}

	#catlinks li {		#catlinks li {
	~~display~~: ~~inline~~;		margin: 0 0.5em 0 0;
	~~margin~~: 0;		padding: 0;
			list-style: none;
	}		}

Morrisj18 at 17:14, 7 August 2025

2025-08-07T17:14:18Z

← Older revision		Revision as of 13:14, 7 August 2025
Line 1:		Line 1:
	/* Load Custom Fonts */		/* Load Custom Fonts */
	@font-face {		@font-face { font-family: 'Dwarven'; src: url('/wiki/fonts/Dwarven.ttf') format('truetype'); }
	font-family: 'Dwarven';		@font-face { font-family: 'Orcian'; src: url('/wiki/fonts/Orcian.ttf') format('truetype'); }
	src: url('/wiki/fonts/Dwarven.ttf') format('truetype');		@font-face { font-family: 'Elvic'; src: url('/wiki/fonts/Elvic.ttf') format('truetype'); }
	}		@font-face { font-family: 'Ratik'; src: url('/wiki/fonts/Ratik.ttf') format('truetype'); }
	@font-face {		@font-face { font-family: 'Trogian'; src: url('/wiki/fonts/Trogian.ttf') format('truetype'); }
	font-family: 'Orcian';		@font-face { font-family: 'Snekian'; src: url('/wiki/fonts/Snekian.ttf') format('truetype'); }
	src: url('/wiki/fonts/Orcian.ttf') format('truetype');
	}
	@font-face {
	font-family: 'Elvic';
	src: url('/wiki/fonts/Elvic.ttf') format('truetype');
	}
	@font-face {
	font-family: 'Ratik';
	src: url('/wiki/fonts/Ratik.ttf') format('truetype');
	}
	@font-face {
	font-family: 'Trogian';
	src: url('/wiki/fonts/Trogian.ttf') format('truetype');
	}
	@font-face {
	font-family: 'Snekian';
	src: url('/wiki/fonts/Snekian.ttf') format('truetype');
	}

	.dwarven { font-family: 'Dwarven'; }		.dwarven { font-family: 'Dwarven'; }
Line 47:		Line 29:
	.snekian-script td.script { font-family: 'Snekian'; }		.snekian-script td.script { font-family: 'Snekian'; }

	/* ~~Category links and top tools on same line~~ */		/* Hide unused headers */
	#mw-page-header-links #p-namespaces,		#mw-page-header-links #p-namespaces,
	#mw-page-header-links #p-more,		#mw-page-header-links #p-more,
Line 56:		Line 38:
	}		}

			/* Wrap categories + tools + edit buttons on same line */
	#mw-top-tools-wrapper {		#mw-top-tools-wrapper {
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	align-items: ~~baseline~~; ~~/* Keep vertical alignment consistent with first line */~~		align-items: center;
	justify-content: flex-start;		justify-content: flex-start;
	column-gap: 1em;		column-gap: 1em;
Line 67:		Line 50:
	}		}

			/* Categories */
	#catlinks {		#catlinks {
			display: inline-flex;
			align-items: center;
			flex-wrap: wrap;
	margin: 0;		margin: 0;
	padding: 0;		padding: 0;
Line 82:		Line 68:
	#catlinks li {		#catlinks li {
	display: inline;		display: inline;
			margin: 0;
	}		}

	/* ~~Tool~~ buttons */		/* Top tool buttons */
	#mw-top-tools {		#mw-top-tools {
	margin: 0;		margin: 0;
Line 111:		Line 98:
	}		}

			/* Edit buttons */
	#mw-edit-buttons {		#mw-edit-buttons {
	display: flex;		display: flex;
	gap: 0.5em;		gap: 0.5em;
	}		}

	#mw-edit-buttons a {		#mw-edit-buttons a {
	text-decoration: none;		text-decoration: none;
Line 125:		Line 112:
	font-size: 0.95em;		font-size: 0.95em;
	}		}

	#mw-edit-buttons a:hover {		#mw-edit-buttons a:hover {
	background-color: #e0d4c2;		background-color: #e0d4c2;
	}		}

Morrisj18 at 16:57, 7 August 2025

2025-08-07T16:57:07Z

← Older revision		Revision as of 12:57, 7 August 2025
Line 58:		Line 58:
	#mw-top-tools-wrapper {		#mw-top-tools-wrapper {
	display: flex;		display: flex;
	align-items: ~~center~~;		flex-wrap: wrap;
			align-items: baseline; /* Keep vertical alignment consistent with first line */
	justify-content: flex-start;		justify-content: flex-start;
	~~flex~~-~~wrap~~: ~~wrap~~;		column-gap: 1em;
	gap: ~~1em~~;		row-gap: 0.25em;
	margin: 0.5em 0;		margin-top: 0.5em;
			margin-bottom: 0.5em;
	}		}


	#catlinks {		#catlinks {

Morrisj18 at 16:49, 7 August 2025

2025-08-07T16:49:38Z

@@ Line 105: / Line 105: @@
+}
 #mw-top-tools a:hover {
    background-color: #e0d4c2;
+}

Morrisj18 at 16:47, 7 August 2025

2025-08-07T16:47:52Z

← Older revision		Revision as of 12:47, 7 August 2025
Line 32:		Line 32:
	.snekian { font-family: 'Snekian'; }		.snekian { font-family: 'Snekian'; }

	.dwarven-script td.script {		.dwarven-script td.script,
	~~font-family: 'Dwarven';~~		.orcian-script td.script,
	~~font-size: 150%;~~		.elvic-script td.script,
	}		.ratik-script td.script,
	.orcian-script td.script {		.trogian-script td.script,
	~~font-family: 'Orcian';~~
	~~font-size: 150%;~~
	}
	.elvic-script td.script {
	~~font-family: 'Elvic';~~
	~~font-size: 150%;~~
	}
	.ratik-script td.script {
	~~font-family: 'Ratik';~~
	~~font-size: 150%;~~
	}
	.trogian-script td.script {
	~~font-family: 'Trogian';~~
	~~font-size: 150%;~~
	}
	.snekian-script td.script {		.snekian-script td.script {
	~~font-family: 'Snekian';~~
	font-size: 150%;		font-size: 150%;
	}		}
			.dwarven-script td.script { font-family: 'Dwarven'; }
			.orcian-script td.script { font-family: 'Orcian'; }
			.elvic-script td.script { font-family: 'Elvic'; }
			.ratik-script td.script { font-family: 'Ratik'; }
			.trogian-script td.script { font-family: 'Trogian'; }
			.snekian-script td.script { font-family: 'Snekian'; }

	/* Category links ~~displayed horizontally under page title~~ */		/* Category links and top tools on same line */
	~~#catlinks {~~
	~~text-align: center;~~
	~~margin: 10px 0;~~
	}

	~~#catlinks ul {~~
	~~display: inline-block;~~
	~~padding: 0;~~
	~~margin: 0;~~
	}

	~~#catlinks li {~~
	~~display: inline;~~
	~~margin: 0 10px;~~
	}

	~~#mw-page-header-links #p-namespaces {~~
	~~display: none !important;~~
	}

	#mw-page-header-links #p-namespaces,		#mw-page-header-links #p-namespaces,
	#mw-page-header-links #p-more,		#mw-page-header-links #p-more,
	#mw-page-header-links #p-pagemisc {		#mw-page-header-links #p-pagemisc,
	~~display: none !important;~~
	}

	}

	#p-pagemisc,		#p-pagemisc,
	#p-more {		#p-more {
	display: none !important;		display: none !important;
	}		}

	~~/* Wrap categories and top tools in one flex row */~~
	#mw-top-tools-wrapper {		#mw-top-tools-wrapper {
	display: flex;		display: flex;
Line 98:		Line 62:
	flex-wrap: wrap;		flex-wrap: wrap;
	gap: 1em;		gap: 1em;
	margin~~-top~~: 0.5em;		margin: 0.5em 0;
	margin-~~bottom~~: 0~~.5em~~;		}

			#catlinks {
			margin: 0;
			padding: 0;
			}
			#catlinks ul {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			padding: 0;
			margin: 0;
			list-style: none;
			}
			#catlinks li {
			display: inline;
	}		}

			/* Tool buttons */
	#mw-top-tools {		#mw-top-tools {
	margin: 0;		margin: 0;
	padding: 0;		padding: 0;
	}		}

	#mw-top-tools ul {		#mw-top-tools ul {
	list-style: none;		list-style: none;
Line 112:		Line 91:
	padding: 0;		padding: 0;
	}		}

	#mw-top-tools li {		#mw-top-tools li {
	display: inline-block;		display: inline-block;
	margin: 0 0.2em;		margin: 0 0.2em;
	}		}

	#mw-top-tools a {		#mw-top-tools a {
	text-decoration: none;		text-decoration: none;
Line 127:		Line 104:
	font-size: 0.95em;		font-size: 0.95em;
	}		}

	#mw-top-tools a:hover {		#mw-top-tools a:hover {
	background-color: #e0d4c2;		background-color: #e0d4c2;
	}		}

Morrisj18 at 16:43, 7 August 2025

2025-08-07T16:43:38Z

← Older revision		Revision as of 12:43, 7 August 2025
Line 95:		Line 95:
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	justify-content: ~~center~~;		justify-content: flex-start;
	flex-wrap: wrap;		flex-wrap: wrap;
	gap: 1em;		gap: 1em;