MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 712: / Line 712: @@
 .wizlords-classes-page {
 	max-width: 100%;
+}
+.wizlords-classes-page ul {
+	list-style: disc outside;
+	padding-left: 28px;
+}
+.wizlords-classes-page li {
+	display: list-item;
 }
 .wizlords-class-category-table {
-	width: min(760px, 100%);
+	width: auto;
+	min-width: 520px;
+	max-width: 680px;
 	margin: 18px auto 24px;
 	border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
 	background: #171717;
 	color: var(--wiz-text, #d2d2d2);
+	border-collapse: collapse;
+	table-layout: auto;
 }
 .wizlords-class-category-table th,
 .wizlords-class-category-table td {
-	width: 33.333%;
+	min-width: 150px;
 	border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
-	background: #1f1e1e;
 	vertical-align: top;
 }
 .wizlords-class-category-table th {
-	color: var(--wiz-heading, #e7e1d4);
+	padding: 8px 18px !important;
+	background: #1f1e1e !important;
+	color: var(--wiz-heading, #e7e1d4) !important;
 	text-align: center;
+}
+.wizlords-class-category-table td {
+	padding: 8px 18px 10px 12px !important;
+	background: #171717 !important;
+}
+.wizlords-class-category-table tr:first-child {
+	border-bottom: 8px solid var(--wiz-race-table-divider-colour, #9d7531);
 }
 .wizlords-class-category-table ul {
-	margin: 6px 0;
+	margin: 0;
-	padding-left: 28px;
+	padding-left: 22px;
 	list-style: disc outside;
 }
@@ Line 754: / Line 777: @@
 .wizlords-class-card-grid {
 	display: grid;
-	grid-template-columns: repeat(3, minmax(0, 1fr));
+	grid-template-columns: repeat(6, minmax(0, 1fr));
 	gap: 14px;
-	margin: 16px 0 24px;
+	margin: 16px auto 24px;
 }
 .wizlords-class-card {
+	grid-column: span 2;
 	border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
 	background: #171717;
+	display: flex;
+	flex-direction: column;
+}
+.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(4),
+.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(3) {
+	grid-column: 2 / span 2;
+}
+.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(5),
+.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(4) {
+	grid-column: 4 / span 2;
 }
 .wizlords-class-card-title {
-	padding: 10px 12px;
+	padding: 0 12px 10px;
-	border-bottom: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
 	color: var(--wiz-link, #ff942d);
 	font-weight: bold;
+	font-size: 18px;
+	line-height: 1.25;
+	text-align: center;
+}
+.wizlords-class-card-icon {
+	padding: 18px 12px 8px;
 	text-align: center;
+}
+.wizlords-class-card-icon img {
+	display: inline-block;
+	width: 120px;
+	height: 120px;
+	object-fit: contain;
 }
@@ Line 776: / Line 825: @@
 	background: #1f1e1e;
 	line-height: 1.5;
+	flex: 1 1 auto;
+}
+.wizlords-class-card-summary {
+	font-style: italic;
+}
+.wizlords-class-card-divider {
+	width: 55%;
+	height: 1px;
+	margin: 14px auto 12px;
+	background: var(--wiz-race-table-divider-colour, #9d7531);
+}
+.wizlords-class-card-rules {
+	color: var(--wiz-text, #d2d2d2);
+}
+.wizlords-class-card-rules div {
+	margin: 0 0 4px;
 }
@@ Line 781: / Line 850: @@
 	.wizlords-class-card-grid {
 		grid-template-columns: repeat(2, minmax(0, 1fr));
+	}
+	.wizlords-class-card,
+	.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(4),
+	.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(5),
+	.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(3),
+	.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(4) {
+		grid-column: auto;
 	}
 }