MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 1,980: | Line 1,980: | ||
.wizlords-servant-rules-grid { | .wizlords-servant-rules-grid { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
} | |||
.wizlords-class-card-grid { | |||
display: block; | |||
margin: 12px 0 20px; | |||
} | |||
.wizlords-class-card { | |||
position: relative; | |||
display: grid; | |||
grid-template-columns: 104px minmax(0, 1fr); | |||
grid-template-rows: auto auto; | |||
gap: 0 12px; | |||
box-sizing: border-box; | |||
width: 100%; | |||
margin: 0 0 10px; | |||
padding: 8px; | |||
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d); | |||
background: #1f1e1e; | |||
cursor: pointer; | |||
} | |||
.wizlords-class-card:focus { | |||
outline: 2px solid var(--wiz-content-border, #ff942d); | |||
outline-offset: 2px; | |||
} | |||
.wizlords-class-card-icon { | |||
grid-row: 1 / span 2; | |||
grid-column: 1; | |||
align-self: start; | |||
padding: 0; | |||
text-align: center; | |||
} | |||
.wizlords-class-card-icon img { | |||
width: 100px; | |||
height: 100px; | |||
object-fit: contain; | |||
} | |||
.wizlords-class-card-title { | |||
position: relative; | |||
grid-row: 1; | |||
grid-column: 2; | |||
align-self: end; | |||
margin: 0 0 5px; | |||
padding: 0 22px 5px 18px; | |||
border-bottom: 1px solid var(--wiz-class-accent, var(--wiz-content-border, #ff942d)); | |||
color: var(--wiz-heading, #e7e1d4); | |||
font-family: Georgia, 'Times New Roman', serif; | |||
font-size: 24px; | |||
font-weight: bold; | |||
line-height: 1.1; | |||
text-align: left; | |||
} | |||
.wizlords-class-card-title::before { | |||
content: ""; | |||
position: absolute; | |||
top: 50%; | |||
left: 1px; | |||
width: 7px; | |||
height: 7px; | |||
border-right: 2px solid var(--wiz-heading, #e7e1d4); | |||
border-bottom: 2px solid var(--wiz-heading, #e7e1d4); | |||
transform: translateY(-65%) rotate(45deg); | |||
transform-origin: 50% 50%; | |||
} | |||
.wizlords-class-card.is-open .wizlords-class-card-title::before { | |||
transform: translateY(-35%) rotate(225deg); | |||
} | |||
.wizlords-class-card-body { | |||
display: contents; | |||
padding: 0; | |||
background: transparent; | |||
} | |||
.wizlords-class-card-summary { | |||
grid-row: 2; | |||
grid-column: 2; | |||
margin: 0; | |||
color: var(--wiz-text, #d2d2d2); | |||
font-family: Georgia, 'Times New Roman', serif; | |||
font-size: 14px; | |||
font-style: italic; | |||
line-height: 1.35; | |||
} | |||
.wizlords-class-card-divider { | |||
display: none; | |||
} | |||
.wizlords-class-card-rules { | |||
display: none; | |||
grid-column: 1 / -1; | |||
margin-top: 10px; | |||
padding: 10px 10px 2px; | |||
border-top: 1px solid var(--wiz-class-accent, var(--wiz-content-border, #ff942d)); | |||
color: var(--wiz-text, #d2d2d2); | |||
background: #171717; | |||
} | |||
.wizlords-class-card.is-open .wizlords-class-card-rules { | |||
display: block; | |||
} | |||
.wizlords-class-card-grid-martial .wizlords-class-card { | |||
--wiz-class-accent: #9d7531; | |||
} | |||
.wizlords-class-card-grid-arcane .wizlords-class-card { | |||
--wiz-class-accent: #9a3dae; | |||
} | |||
.wizlords-class-card-grid-divine .wizlords-class-card { | |||
--wiz-class-accent: #33b6cf; | |||
} | } | ||
} | } | ||