MediaWiki:Common.css - Revision history

Mcas8714 at 16:34, 14 July 2026

2026-07-14T16:34:32Z

← Older revision		Revision as of 16:34, 14 July 2026
Line 511:		Line 511:
	border-radius: 3px;		border-radius: 3px;
	}		}

			/* ============================================================
			Paste into: MediaWiki:Common.css (admin only)
			Modern dark-gold styling for the Outfit Addons table.
			Applies to any table with class "addon-table".
			Pairs with the existing "searchable" / "compact-table" snippet.
			============================================================ */

			/* ---- table shell ---- */
			.addon-table {
			border-collapse: separate;
			border-spacing: 0;
			width: 100%;
			font-size: 13px;
			color: #e8d5a3;
			background: #140d06;
			border: 1px solid #6b4e2e;
			border-radius: 10px;
			overflow: hidden;
			box-shadow: 0 2px 10px rgba(0,0,0,.45);
			}

			/* ---- caption / title ---- */
			.addon-table > caption {
			caption-side: top;
			text-align: left;
			padding: 12px 16px;
			font-size: 18px;
			font-weight: bold;
			letter-spacing: .5px;
			color: #f0c761;
			background: #1b120a;
			border-bottom: 2px solid #a97b34;
			}

			/* ---- header row ---- */
			.addon-table > tbody > tr:first-child th,
			.addon-table th {
			background: #2a1c0d;
			color: #f0c761;
			text-align: left;
			padding: 9px 12px;
			border-bottom: 1px solid #6b4e2e;
			white-space: nowrap;
			}

			/* ---- body cells ---- */
			.addon-table td {
			padding: 8px 12px;
			border-bottom: 1px solid #2c2013;
			vertical-align: middle;
			}

			/* ---- zebra striping + hover ---- */
			.addon-table > tbody > tr:nth-child(odd) { background: #191007; }
			.addon-table > tbody > tr:nth-child(even) { background: #140d06; }
			.addon-table > tbody > tr:hover { background: #241708; }

			/* keep the outfit image column tidy */
			.addon-table td:first-child { width: 72px; text-align: center; }

			/* ---- vocation labels ---- */
			.voc-knight { color: #e0533d; font-weight: bold; }
			.voc-paladin { color: #e0a93d; font-weight: bold; }
			.voc-sorcerer { color: #8a6cff; font-weight: bold; }
			.voc-druid { color: #3ec98a; font-weight: bold; }
			.voc-all { color: #d8c07a; font-weight: bold; }

			/* ---- addon status pills ----
			green = obtainable, red = not obtainable */
			.addon-yes, .addon-no {
			display: inline-block;
			padding: 2px 9px;
			border-radius: 11px;
			font-size: 12px;
			white-space: nowrap;
			}
			.addon-yes { background: #173a22; color: #7fe0a0; } /* obtainable */
			.addon-no { background: #3a1a1a; color: #e88a8a; } /* not obtainable */

Mcas8714 at 03:31, 12 July 2026

2026-07-12T03:31:42Z

← Older revision		Revision as of 03:31, 12 July 2026
Line 312:		Line 312:
	background: #1a130b !important;		background: #1a130b !important;
	border: 1px solid #5d4316 !important;		border: 1px solid #5d4316 !important;
	width: 100%;		border-collapse: collapse;
			width: auto;
			max-width: 100%;
	}		}

Line 319:		Line 321:
	color: #f0d48a !important;		color: #f0d48a !important;
	text-align: left;		text-align: left;
	padding: ~~8px 12px~~;		padding: 5px 14px;
			font-size: 1.1em;
			line-height: 1.3;
	}		}

	html body .wikitable td {		html body .wikitable td {
	padding: ~~8px 12px~~;		padding: 3px 14px;
	border-top: 1px solid #~~3a2c18~~;		font-size: 1.1em;
			line-height: 1.3;
			border-top: 1px solid #2a1f10;
	}		}

Line 504:		Line 510:
	border: 1px solid #6b4e2e;		border: 1px solid #6b4e2e;
	border-radius: 3px;		border-radius: 3px;
	}

	~~/* ===== Quest difficulty color-coding ===== */~~
	~~html body .wikitable td.diff-easy {~~
	~~color: #7ec96a !important;~~
	~~font-weight: 600;~~
	~~text-align: center;~~
	}
	~~html body .wikitable td.diff-medium {~~
	~~color: #e8b54a !important;~~
	~~font-weight: 600;~~
	~~text-align: center;~~
	}
	~~html body .wikitable td.diff-hard {~~
	~~color: #e2574a !important;~~
	~~font-weight: 600;~~
	~~text-align: center;~~
	}		}

Mcas8714 at 00:59, 12 July 2026

2026-07-12T00:59:33Z

← Older revision		Revision as of 00:59, 12 July 2026
Line 312:		Line 312:
	background: #1a130b !important;		background: #1a130b !important;
	border: 1px solid #5d4316 !important;		border: 1px solid #5d4316 !important;
	~~border-collapse: collapse;~~		width: 100%;
	~~width: auto;~~
	~~max-~~width: 100%;
	}		}

Line 321:		Line 319:
	color: #f0d48a !important;		color: #f0d48a !important;
	text-align: left;		text-align: left;
	padding: ~~5px 14px;~~		padding: 8px 12px;
	~~font-size: 1.1em;~~
	~~line-height: 1.3~~;
	}		}

	html body .wikitable td {		html body .wikitable td {
	padding: ~~3px 14px;~~		padding: 8px 12px;
	~~font-size: 1.1em;~~		border-top: 1px solid #3a2c18;
	~~line-height: 1.3~~;
	border-top: 1px solid #~~2a1f10~~;
	}		}

Line 510:		Line 504:
	border: 1px solid #6b4e2e;		border: 1px solid #6b4e2e;
	border-radius: 3px;		border-radius: 3px;
			}

			/* ===== Quest difficulty color-coding ===== */
			html body .wikitable td.diff-easy {
			color: #7ec96a !important;
			font-weight: 600;
			text-align: center;
			}
			html body .wikitable td.diff-medium {
			color: #e8b54a !important;
			font-weight: 600;
			text-align: center;
			}
			html body .wikitable td.diff-hard {
			color: #e2574a !important;
			font-weight: 600;
			text-align: center;
	}		}

Mcas8714 at 23:25, 11 July 2026

2026-07-11T23:25:01Z

← Older revision		Revision as of 23:25, 11 July 2026
Line 313:		Line 313:
	border: 1px solid #5d4316 !important;		border: 1px solid #5d4316 !important;
	border-collapse: collapse;		border-collapse: collapse;
	width: 100%;		width: auto;
			max-width: 100%;
	}		}

Line 320:		Line 321:
	color: #f0d48a !important;		color: #f0d48a !important;
	text-align: left;		text-align: left;
	padding: 5px ~~12px~~;		padding: 5px 14px;
	font-size: 1.~~05em~~;		font-size: 1.1em;
	line-height: 1.1;		line-height: 1.3;
	}		}

	html body .wikitable td {		html body .wikitable td {
	padding: ~~2px 12px~~;		padding: 3px 14px;
	font-size: 1.~~05em~~;		font-size: 1.1em;
	line-height: 1.1;		line-height: 1.3;
	border-top: 1px solid #2a1f10;		border-top: 1px solid #2a1f10;
	}		}

Mcas8714 at 23:20, 11 July 2026

2026-07-11T23:20:55Z

← Older revision		Revision as of 23:20, 11 July 2026
Line 320:		Line 320:
	color: #f0d48a !important;		color: #f0d48a !important;
	text-align: left;		text-align: left;
	padding: ~~6px~~ 12px;		padding: 5px 12px;
	font-size: ~~1em~~;		font-size: 1.05em;
	line-height: 1.3;		line-height: 1.1;
	}		}

	html body .wikitable td {		html body .wikitable td {
	padding: ~~4px~~ 12px;		padding: 2px 12px;
	font-size: ~~1em~~;		font-size: 1.05em;
	line-height: 1.3;		line-height: 1.1;
	border-top: 1px solid #~~3a2c18~~;		border-top: 1px solid #2a1f10;
	}		}

Mcas8714 at 23:17, 11 July 2026

2026-07-11T23:17:50Z

← Older revision		Revision as of 23:17, 11 July 2026
Line 321:		Line 321:
	text-align: left;		text-align: left;
	padding: 6px 12px;		padding: 6px 12px;
	line-height: 1.2;		font-size: 1em;
			line-height: 1.3;
	}		}

	html body .wikitable td {		html body .wikitable td {
	padding: ~~3px~~ 12px;		padding: 4px 12px;
	line-height: 1.2;		font-size: 1em;
			line-height: 1.3;
	border-top: 1px solid #3a2c18;		border-top: 1px solid #3a2c18;
	}		}

Mcas8714 at 23:15, 11 July 2026

2026-07-11T23:15:16Z

← Older revision		Revision as of 23:15, 11 July 2026
Line 312:		Line 312:
	background: #1a130b !important;		background: #1a130b !important;
	border: 1px solid #5d4316 !important;		border: 1px solid #5d4316 !important;
			border-collapse: collapse;
	width: 100%;		width: 100%;
	}		}
Line 319:		Line 320:
	color: #f0d48a !important;		color: #f0d48a !important;
	text-align: left;		text-align: left;
	padding: ~~8px~~ 12px;		padding: 6px 12px;
			line-height: 1.2;
	}		}

	html body .wikitable td {		html body .wikitable td {
	padding: ~~8px~~ 12px;		padding: 3px 12px;
			line-height: 1.2;
	border-top: 1px solid #3a2c18;		border-top: 1px solid #3a2c18;
	}		}

Mcas8714 at 17:11, 11 July 2026

2026-07-11T17:11:32Z

@@ Line 469: / Line 469: @@
      color: #ffe9a8 !important;
      box-shadow: 0 0 10px rgba(240, 213, 122, 0.5);
+}

Mcas8714 at 17:09, 11 July 2026

2026-07-11T17:09:47Z

← Older revision		Revision as of 17:09, 11 July 2026
Line 470:		Line 470:
	box-shadow: 0 0 10px rgba(240, 213, 122, 0.5);		box-shadow: 0 0 10px rgba(240, 213, 122, 0.5);
	}		}

	~~// ============================================================~~
	~~// Live table search — add a filter box above every table~~
	~~// that has the "searchable" class.~~
	~~// Paste this into the wiki page: MediaWiki:Common.js~~
	~~// (Special:MyLanguage/MediaWiki:Common.js — admin only)~~
	~~// ============================================================~~
	~~$(function () {~~
	~~$('table.searchable').each(function () {~~
	~~var $table = $(this);~~

	~~// Build the search box~~
	~~var $box = $('<input>', {~~
	~~type: 'text',~~
	~~placeholder: 'Search this table…',~~
	~~style: 'margin:6px 0; padding:4px 8px; width:260px; max-width:100%;'~~
	~~});~~

	~~// Insert it just before the table~~
	~~$table.before($box);~~

	~~// Filter rows as the user types~~
	~~$box.on('keyup', function () {~~
	~~var q = $(this).val().toLowerCase();~~
	~~$table.find('tbody tr').each(function () {~~
	~~var text = $(this).text().toLowerCase();~~
	~~$(this).toggle(text.indexOf(q) !== -1);~~
	~~});~~
	~~});~~
	~~});~~
	~~});~~

Mcas8714 at 17:07, 11 July 2026

2026-07-11T17:07:24Z

← Older revision		Revision as of 17:07, 11 July 2026
Line 470:		Line 470:
	box-shadow: 0 0 10px rgba(240, 213, 122, 0.5);		box-shadow: 0 0 10px rgba(240, 213, 122, 0.5);
	}		}

			// ============================================================
			// Live table search — add a filter box above every table
			// that has the "searchable" class.
			// Paste this into the wiki page: MediaWiki:Common.js
			// (Special:MyLanguage/MediaWiki:Common.js — admin only)
			// ============================================================
			$(function () {
			$('table.searchable').each(function () {
			var $table = $(this);

			// Build the search box
			var $box = $('<input>', {
			type: 'text',
			placeholder: 'Search this table…',
			style: 'margin:6px 0; padding:4px 8px; width:260px; max-width:100%;'
			});

			// Insert it just before the table
			$table.before($box);

			// Filter rows as the user types
			$box.on('keyup', function () {
			var q = $(this).val().toLowerCase();
			$table.find('tbody tr').each(function () {
			var text = $(this).text().toLowerCase();
			$(this).toggle(text.indexOf(q) !== -1);
			});
			});
			});
			});