No edit summary |
No edit summary |
||
| Line 77: | Line 77: | ||
display: grid; | display: grid; | ||
gap: 1%; | gap: 1%; | ||
grid-template-columns: | grid-template-columns: 25% 10% 50% 10% ; | ||
align-items:stretch; | align-items:stretch; | ||
} | |||
.spell-icon-block { | |||
grid-column: 1; | |||
grid-row: 1; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.spell-title-left-block { | |||
grid-column: 2; | |||
grid-row: 1; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
.spell-title-block { | .spell-title-block { | ||
grid-column: | grid-column: 3; | ||
grid-row: 1; | grid-row: 1; | ||
display: flex; | display: flex; | ||
| Line 89: | Line 105: | ||
} | } | ||
.spell- | .spell-title-right-block { | ||
grid-column: | grid-column: 4; | ||
grid-row: 1; | grid-row: 1; | ||
display: flex; | display: flex; | ||
| Line 97: | Line 113: | ||
} | } | ||
.spell- | .spell-research-block { | ||
grid-column: 1; | grid-column: 1; | ||
grid-row: 2; | grid-row: 2; | ||
| Line 103: | Line 119: | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
} | |||
.spell-mana-block { | |||
grid-column: 1; | |||
grid-row: 3; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.spell-upkeep-block { | |||
grid-column: 1; | |||
grid-row: 4; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
.spell-info-block { | .spell-info-block { | ||
grid-column: 2; | grid-column: 2 / span 3; | ||
grid-row: 2; | grid-row: 2 / span 3; | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
| Line 118: | Line 144: | ||
} | } | ||
.spell- | .spell-blank-block { | ||
grid-column: 1 / span | grid-column: 1 / span 4; | ||
grid-row: | grid-row: 5; | ||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.spell-page-block { | |||
grid-column: 1 / span 4; | |||
grid-row: 6; | |||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
} | } | ||
.spell-flavor-block { | |||
.spell- | grid-column: 1 / span 4; | ||
grid-column: 1 / span | grid-row: 7; | ||
grid-row: | |||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
} | } | ||
| Line 164: | Line 197: | ||
color: #411; | color: #411; | ||
font-size: 110%; | font-size: 110%; | ||
} | |||
.spell-resource-text { | |||
font-family: Verdana, sans-serif !important; | |||
color: #411; | |||
font-size: 140%; | |||
font-weight: bold; | |||
} | } | ||
632Articles