Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 360: Line 360:


.wizlords-culture-grid {
.wizlords-culture-grid {
display: grid;
display: flex;
grid-template-columns: repeat(3, minmax(0, 1fr));
flex-wrap: wrap;
justify-content: center;
gap: 14px;
gap: 14px;
margin: 18px 0 24px;
margin: 18px auto 24px;
}
}


Line 369: Line 370:
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
flex: 0 1 calc((100% - 28px) / 3);
min-height: 100%;
min-height: 100%;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
Line 413: Line 415:


.wizlords-culture-separator {
.wizlords-culture-separator {
width: 64px;
width: 110px;
height: 1px;
height: 1px;
margin: 14px 0 12px;
margin: 14px auto 12px;
background: var(--wiz-race-table-divider-colour, #9d7531);
background: var(--wiz-race-table-divider-colour, #9d7531);
}
}
Line 458: Line 460:
.wizlords-culture-row-feature {
.wizlords-culture-row-feature {
display: grid;
display: grid;
grid-template-columns: 200px 1px minmax(0, 1fr);
grid-template-columns: 150px 1px minmax(0, 1fr);
align-items: center;
align-items: center;
gap: 22px;
gap: 22px;
Line 466: Line 468:
.wizlords-culture-row-icon img {
.wizlords-culture-row-icon img {
display: block;
display: block;
width: 200px;
width: 150px;
height: 200px;
height: 150px;
object-fit: contain;
object-fit: contain;
border: 0;
border: 0;
Line 521: Line 523:
color: var(--wiz-text, #d2d2d2);
color: var(--wiz-text, #d2d2d2);
font-size: 14px;
font-size: 14px;
}
.wizlords-culture-class-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 4px 18px;
margin: 6px 0 0;
padding: 0;
list-style: none;
}
.wizlords-culture-class-list li {
display: block;
margin: 0;
padding: 0;
}
.wizlords-culture-class-list li::before {
content: "- ";
color: var(--wiz-text, #d2d2d2);
}
}