Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
.perk-grid { | .perk-grid { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| − | gap: | + | gap: 12px; |
justify-content: center; | justify-content: center; | ||
} | } | ||
| Line 11: | Line 8: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
text-align: center; | text-align: center; | ||
| − | flex: 1 1 | + | flex: 1 1 360px; /* Minimum width before wrapping */ |
| − | max-width: | + | max-width: 420px; /* Prevent too-wide blocks */ |
} | } | ||
.perk-grid .perk table { | .perk-grid .perk table { | ||
| Line 18: | Line 15: | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
| − | @media (min-width: | + | @media (min-width: 1200px) { |
.perk-grid .perk { | .perk-grid .perk { | ||
flex: 1 1 calc(33.333% - 12px); /* 3 per row on big screens */ | flex: 1 1 calc(33.333% - 12px); /* 3 per row on big screens */ | ||
max-width: none; | max-width: none; | ||
} | } | ||
| + | } | ||
| + | |||
| + | |||
| + | .damage-table { | ||
| + | background: #000; | ||
| + | color: #00FF00; | ||
| + | font-family: monospace; | ||
| + | border-collapse: collapse; | ||
| + | font-size: 120%; /* change this number to whatever size you like */ | ||
| + | } | ||
| + | .damage-table th, | ||
| + | .damage-table td { | ||
| + | border: none; | ||
| + | padding: 2px 6px; | ||
| + | } | ||
| + | .damage-table th { | ||
| + | text-align: left; | ||
| + | font-weight: bold; | ||
} | } | ||
Latest revision as of 13:33, 25 August 2025
.perk-grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}
.perk-grid .perk {
box-sizing: border-box;
text-align: center;
flex: 1 1 360px; /* Minimum width before wrapping */
max-width: 420px; /* Prevent too-wide blocks */
}
.perk-grid .perk table {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.perk-grid .perk {
flex: 1 1 calc(33.333% - 12px); /* 3 per row on big screens */
max-width: none;
}
}
.damage-table {
background: #000;
color: #00FF00;
font-family: monospace;
border-collapse: collapse;
font-size: 120%; /* change this number to whatever size you like */
}
.damage-table th,
.damage-table td {
border: none;
padding: 2px 6px;
}
.damage-table th {
text-align: left;
font-weight: bold;
}
