Module:HeroesOverview/styles.css - Revision history

76561198048502585 at 14:22, 24 June 2026

2026-06-24T14:22:40Z

← Older revision		Revision as of 14:22, 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 4:		Line 4:
	.heroes-overview table {		.heroes-overview table {
	width: 100%		width: 100%
			}

			.heroes-overview table.forced-class {
			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:51, 21 June 2026

2026-06-21T08:51:15Z

← Older revision		Revision as of 08:51, 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;
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:33, 21 June 2026

2026-06-21T08:33:02Z

← Older revision		Revision as of 08:33, 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(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;
	}		}

76561198048502585 at 11:39, 18 June 2026

2026-06-18T11:39:32Z

← 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:56, 18 June 2026

2026-06-18T10:56:27Z

← Older revision		Revision as of 10:56, 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:23, 17 June 2026

2026-06-17T20:23:31Z

@@ Line 7: / Line 7: @@
 th {
-    text-align: left;
+     padding-right: 4px !important; /* suppress the space allotted to the sortable markers */
+}
@@ Line 18: / Line 17: @@
      color: #cbced1;
      text-align: left;
+}
@@ Line 23: / Line 27: @@
 /*     C O L U M N S
 /* ===================================================== */
 .hero td:nth-child(1) {
      text-align: center;
+}
-.specialty {
-     display: flex;
+/* Specialty icon */
-     flex-direction: row;
+td:nth-child(5) {
+}
-.specialty-icon {
-     flex-shrink:0;
+td:nth-child(7) > div:last-child {
-    padding-right: 6px;
+     opacity: 0.25;
+}
-.specialty-text {
-     flex-grow:1;
+td:nth-child(7) > div:first-child {
+}
@@ Line 64: / Line 87: @@
      font-size: 24px;
+}
 .separator-large td {
      text-align: center;
+}

76561198048502585: Created page with "/* ===================================================== / / G E N E R A L /* ===================================================== / .wiki-hint { border-bottom: none !important; / hide the underline applied by the Hint template / } th { text-align: left; padding-right:4px !important; / suppress the space allotted to the sortable markers / } th .wiki-hint { cursor: pointer; } td { color: #cbced1; text-align: left; } / =============..."

2026-06-16T21:45:57Z

Created page with "=====================================================: G E N E R A L /* =====================================================: .wiki-hint { border-bottom: none !important; hide the underline applied by the Hint template: } th { text-align: left; padding-right:4px !important; suppress the space allotted to the sortable markers: } th .wiki-hint { cursor: pointer; } td { color: #cbced1; text-align: left; } /* =============..."

New page

/* ===================================================== */
/* G E N E R A L
/* ===================================================== */
.wiki-hint {
border-bottom: none !important; /* hide the underline applied by the Hint template */
}

th {
text-align: left;
padding-right:4px !important; /* suppress the space allotted to the sortable markers */
}

th .wiki-hint {
cursor: pointer;
}

td {
color: #cbced1;
text-align: left;
}

/* ===================================================== */
/* C O L U M N S
/* ===================================================== */
.hero td:nth-child(1) {
text-align: center;
}
.specialty {
display: flex;
flex-direction: row;
}
.specialty-icon {
flex-shrink:0;
padding-right: 6px;
}
.specialty-text {
flex-grow:1;
}

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

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

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

.separator-tiny td {
padding: 0;
}

.separator-large {
background-color: #101622 !important;
font-size: 24px;
}
.separator-large td {
text-align: center;
}