Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| (5 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: 12px; | ||
justify-content: center; | justify-content: center; | ||
| − | |||
} | } | ||
| − | + | .perk-grid .perk { | |
| − | .perk { | + | box-sizing: border-box; |
| − | |||
| − | |||
text-align: center; | 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; | ||
} | } | ||
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;
}