Module:Sandbox/Aurelain/Heroes/styles.css - Revision history

76561198048502585 at 14:07, 24 June 2026

2026-06-24T14:07:57Z

← Older revision		Revision as of 14:07, 24 June 2026
Line 32:		Line 32:
	}		}

	.heroes-overview .~~forced~~-~~class~~ th:nth-child(2),		.heroes-overview .is-compact th:nth-child(2),
	.heroes-overview .~~forced~~-~~class~~ th:nth-child(3),		.heroes-overview .is-compact th:nth-child(3),
	.heroes-overview .~~forced~~-~~class~~ td:nth-child(3),		.heroes-overview .is-compact td:nth-child(3),
	.heroes-overview .~~forced~~-~~class~~ td:nth-child(4) {		.heroes-overview .is-compact td:nth-child(4) {
	display: none;		display: none;
	}		}

76561198048502585 at 08:54, 21 June 2026

2026-06-21T08:54:58Z

← Older revision		Revision as of 08:54, 21 June 2026
Line 6:		Line 6:
	}		}

	.heroes-overview .forced-class ~~table~~ {		.heroes-overview table.forced-class {
	width: auto		width: auto
	}		}

76561198048502585 at 08:52, 21 June 2026

2026-06-21T08:52:55Z

← Older revision		Revision as of 08:52, 21 June 2026
Line 4:		Line 4:
	.heroes-overview table {		.heroes-overview table {
	width: 100%		width: 100%
			}

			.heroes-overview .forced-class table {
			width: auto
	}		}

Line 32:		Line 36:
	.heroes-overview .forced-class td:nth-child(3),		.heroes-overview .forced-class td:nth-child(3),
	.heroes-overview .forced-class td:nth-child(4) {		.heroes-overview .forced-class td:nth-child(4) {
	display:none;		display: none;
	}		}

76561198048502585 at 08:50, 21 June 2026

2026-06-21T08:50:25Z

← Older revision		Revision as of 08:50, 21 June 2026
Line 42:		Line 42:
	border-right: 0;		border-right: 0;
	padding: 0;		padding: 0;
			width: 70px;
	}		}

Line 58:		Line 59:
	border-right: 0;		border-right: 0;
	padding: 3px 4px;		padding: 3px 4px;
			width: 70px;
	}		}

76561198048502585 at 08:49, 21 June 2026

2026-06-21T08:49:09Z

← Older revision		Revision as of 08:49, 21 June 2026
Line 28:		Line 28:
	}		}

			.heroes-overview .forced-class th:nth-child(2),
	.heroes-overview .forced-class th:nth-child(3),		.heroes-overview .forced-class th:nth-child(3),
	.heroes-overview .forced-class td:nth-child(3),		.heroes-overview .forced-class td:nth-child(3),
	~~.heroes-overview .forced-class th:nth-child(4),~~
	.heroes-overview .forced-class td:nth-child(4) {		.heroes-overview .forced-class td:nth-child(4) {
	display:none;		display:none;

76561198048502585 at 08:30, 21 June 2026

2026-06-21T08:30:44Z

← Older revision		Revision as of 08:30, 21 June 2026
Line 28:		Line 28:
	}		}

	~~.heroes-overview .forced-class th:nth-child(2),~~
	~~.heroes-overview .forced-class td:nth-child(2),~~
	.heroes-overview .forced-class th:nth-child(3),		.heroes-overview .forced-class th:nth-child(3),
	.heroes-overview .forced-class td:nth-child(3) {		.heroes-overview .forced-class td:nth-child(3),
			.heroes-overview .forced-class th:nth-child(4),
			.heroes-overview .forced-class td:nth-child(4) {
	display:none;		display:none;
	}		}

76561198048502585 at 08:29, 21 June 2026

2026-06-21T08:29:48Z

← Older revision		Revision as of 08:29, 21 June 2026
Line 26:		Line 26:
	.heroes-overview .specialty-full-td {		.heroes-overview .specialty-full-td {
	padding: 8px 8px 24px 74px;		padding: 8px 8px 24px 74px;
			}

			.heroes-overview .forced-class th:nth-child(2),
			.heroes-overview .forced-class td:nth-child(2),
			.heroes-overview .forced-class th:nth-child(3),
			.heroes-overview .forced-class td:nth-child(3) {
			display:none;
	}		}

76561198048502585 at 11:39, 18 June 2026

2026-06-18T11:39:31Z

← Older revision		Revision as of 11:39, 18 June 2026
Line 59:		Line 59:

	/* Starting skills */		/* Starting skills */
			.heroes-overview td:nth-child(7) {
			white-space: nowrap;
			}

	.heroes-overview td:nth-child(7) > div:last-child {		.heroes-overview td:nth-child(7) > div:last-child {
	opacity: 0.25;		opacity: 0.25;

76561198048502585 at 10:38, 18 June 2026

2026-06-18T10:38:46Z

← Older revision		Revision as of 10:38, 18 June 2026
Line 2:		Line 2:
	/* G E N E R A L		/* G E N E R A L
	/* ===================================================== */		/* ===================================================== */
	.wiki-hint {		.heroes-overview table {
			width: 100%
			}

			.heroes-overview .wiki-hint {
	border-bottom: none !important; /* hide the underline applied by the Hint template */		border-bottom: none !important; /* hide the underline applied by the Hint template */
	}		}

	th {		.heroes-overview th {
	padding-right: 4px !important; /* suppress the space allotted to the sortable markers */		padding-right: 4px !important; /* suppress the space allotted to the sortable markers */
	}		}

	th .wiki-hint {		.heroes-overview th .wiki-hint {
	cursor: pointer;		cursor: pointer;
	}		}

	td {		.heroes-overview td {
	color: #cbced1;		color: #cbced1;
	text-align: left;		text-align: left;
Line 20:		Line 24:
	}		}

	.~~spec~~ {		.heroes-overview .specialty-full-td {
	padding: 8px 8px 24px 74px;		padding: 8px 8px 24px 74px;
	}		}
Line 28:		Line 32:
	/* ===================================================== */		/* ===================================================== */
	/* Icon */		/* Icon */
	.hero td:nth-child(1) {		.heroes-overview .hero td:nth-child(1) {
	border-right: 0;		border-right: 0;
	padding: 0;		padding: 0;
Line 34:		Line 38:

	/* Name */		/* Name */
	td:nth-child(2) {		.heroes-overview td:nth-child(2) {
	border-left: 0;		border-left: 0;
	}		}

	/* Type */		/* Type */
	td:nth-child(3) {		.heroes-overview td:nth-child(3) {
	text-align: center;		text-align: center;
	}		}

	/* Specialty icon */		/* Specialty icon */
	td:nth-child(5) {		.heroes-overview td:nth-child(5) {
	border-right: 0;		border-right: 0;
	padding: 3px 4px;		padding: 3px 4px;
	}		}

	td:nth-child(6) {		/* Specialty text */
			.heroes-overview td:nth-child(6) {
	border-left: 0;		border-left: 0;
	}		}

	td:nth-child(7) > div:last-child {		/* Starting skills */
			.heroes-overview td:nth-child(7) > div:last-child {
	opacity: 0.25;		opacity: 0.25;
	}		}

	td:nth-child(7) > div:first-child {		.heroes-overview td:nth-child(7) > div:first-child {
	opacity: 1;		opacity: 1;
	}

	~~@media (max-width: 900px) {~~
	~~.specialty {~~
	~~flex-direction: column;~~
	}
	}		}

Line 70:		Line 70:
	/* S E P A R A T O R S		/* S E P A R A T O R S
	/* ===================================================== */		/* ===================================================== */
	.separator:first-child, .separator:last-child, .separator + .separator {		.heroes-overview .separator:first-child,
			.heroes-overview .separator:last-child,
			.heroes-overview .separator + .separator {
	display: none;		display: none;
	}		}

	.separator-tiny {		.heroes-overview .separator-tiny {
	height: 4px;		height: 4px;
	background: #c8b36c !important;		background: #c8b36c !important;
	}		}

	.separator-tiny td {		.heroes-overview .separator-tiny td {
	padding: 0;		padding: 0;
	}		}

	.separator-large {		.heroes-overview .separator-large {
	background-color: #101622 !important;		background-color: #101622 !important;
	font-size: 24px;		font-size: 24px;
	}		}

	.separator-large td {		.heroes-overview .separator-large td {
	text-align: center;		text-align: center;
	padding: 0.5em;		padding: 0.5em;
Line 96:		Line 98:
	/* T O G G L E		/* T O G G L E
	/* ===================================================== */		/* ===================================================== */
	.toggle-container {		.heroes-overview .toggle-container {
	text-align: right;		text-align: right;
	}		}

	.toggle {		.heroes-overview .toggle {
	padding: 0.5em 1em;		padding: 0.5em 1em;
	border: 1px solid #45494e;		border: 1px solid #45494e;
Line 107:		Line 109:
	}		}

	td .toggle {		.heroes-overview td .toggle {
	padding: 1px 2px;		padding: 1px 2px;
	}		}

	.toggle:hover {		.heroes-overview .toggle:hover {
	text-decoration: underline;		text-decoration: underline;
	background: #2a3347;		background: #2a3347;
	}		}

	.toggle:active {		.heroes-overview .toggle:active {
	background: #101622;		background: #101622;
	}		}

76561198048502585 at 20:03, 17 June 2026

2026-06-17T20:03:57Z

← Older revision		Revision as of 20:03, 17 June 2026
Line 21:		Line 21:

	.spec {		.spec {
	padding:8px 8px 24px 74px;		padding: 8px 8px 24px 74px;
	}		}

	/* ===================================================== */		/* ===================================================== */
	/* C O L U M N S		/* C O L U M N S
Line 98:		Line 99:
	text-align: right;		text-align: right;
	}		}

	.toggle {		.toggle {
	padding: 0.5em 1em;		padding: 0.5em 1em;
	border: 1px solid #45494e;		border: 1px solid #45494e;
	color:dodgerblue;		color: dodgerblue;
	border-radius: 4px;		border-radius: 4px;
	}		}

	td .toggle {		td .toggle {
	padding:1px 2px;		padding: 1px 2px;
	}		}

	.toggle:hover {		.toggle:hover {
	text-decoration:underline;		text-decoration: underline;
	background: #~~45494e~~;		background: #2a3347;
	}		}

	.toggle:active {		.toggle:active {
	background: #101622;		background: #101622;
	}		}