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 962: Line 962:
.wizlords-example-table td {
.wizlords-example-table td {
text-align: center;
text-align: center;
}
.wizlords-spellbook {
margin: 18px 0 28px;
border: 1px solid var(--wiz-link, #ff942d);
background: #1f1e1e;
}
.wizlords-spellbook-title {
padding: 14px 18px;
color: var(--wiz-heading, #e7e1d4);
font-size: 24px;
font-weight: bold;
text-align: center;
}
.wizlords-spellbook > .mw-collapsible-toggle {
margin: 14px 18px 0 0;
color: var(--wiz-text, #d2d2d2) !important;
}
.wizlords-spellbook > .mw-collapsible-toggle .mw-collapsible-text,
.wizlords-spellbook > .mw-collapsible-toggle a {
color: var(--wiz-link, #ff942d) !important;
}
.wizlords-spellbook .mw-collapsible-content {
padding: 0 18px 20px;
}
.wizlords-spell-card-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
margin: 16px auto 26px;
}
.wizlords-spell-card {
grid-column: span 2;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #171717;
color: var(--wiz-text, #d2d2d2);
}
.wizlords-spell-card-grid.cards-1 .wizlords-spell-card:nth-child(1) {
grid-column: 3 / span 2;
}
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(3) {
grid-column: 2 / span 2;
}
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(2),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(2),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(4) {
grid-column: 4 / span 2;
}
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(4) {
grid-column: 2 / span 2;
}
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(5) {
grid-column: 4 / span 2;
}
.wizlords-spell-card-title {
padding: 12px;
color: var(--wiz-link, #ff942d);
font-size: 18px;
font-weight: bold;
line-height: 1.25;
text-align: center;
}
.wizlords-spell-card-meta {
padding: 0 12px;
line-height: 1.45;
}
.wizlords-spell-card-divider {
width: 55%;
height: 1px;
margin: 14px auto 12px;
background: var(--wiz-race-table-divider-colour, #9d7531);
}
.wizlords-spell-card-section {
padding: 0 12px 12px;
line-height: 1.45;
}
.wizlords-spell-card-section ul {
margin: 6px 0 0;
padding-left: 22px;
list-style: disc outside;
}
.wizlords-spell-card-section li {
display: list-item;
margin: 0 0 3px;
}
.wizlords-spell-card-body {
padding: 0 12px 14px;
line-height: 1.45;
}
}


@media (max-width: 900px) {
@media (max-width: 900px) {
.wizlords-class-card-grid {
.wizlords-class-card-grid,
.wizlords-spell-card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
Line 975: Line 1,084:
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(2),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(2),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(3),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(3),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(4) {
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(4),
.wizlords-spell-card,
.wizlords-spell-card-grid.cards-1 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(2),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(2),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(3),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(4),
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(4),
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(5) {
grid-column: auto;
grid-column: auto;
}
}
Line 981: Line 1,100:


@media (max-width: 620px) {
@media (max-width: 620px) {
.wizlords-class-card-grid {
.wizlords-class-card-grid,
.wizlords-spell-card-grid {
grid-template-columns: 1fr;
grid-template-columns: 1fr;
}
}
}
}