No edit summary |
No edit summary |
||
(41 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
.fit-darn-it { | |||
max-width: 350px; | |||
height: auto; | |||
} | |||
.item-block { | .item-block { | ||
Line 65: | Line 70: | ||
} | } | ||
.spell-school-icon { | |||
float: left; | |||
} | |||
.spell-school-description { | |||
margin: 15px; | |||
} | |||
.spellpage-block { | |||
border-radius: 5px; | |||
box-shadow: 0 0 20px #444 inset; | |||
padding: 0px; | |||
margin: 10px; | |||
border: 4px solid #564; | |||
display: block; | |||
max-width: 600px; | |||
} | |||
.spell-main-block { | .spell-main-block { | ||
background: repeating-conic-gradient(#7b440800 0.000045%, #ac855d40 0.0005%), #cb9; | background: repeating-conic-gradient(#7b440800 0.000045%, #ac855d40 0.0005%), #cb9; | ||
Line 85: | Line 104: | ||
grid-column: 1; | grid-column: 1; | ||
grid-row: 1 / span 2; | grid-row: 1 / span 2; | ||
display: block; | |||
margin: 0 auto; | |||
} | } | ||
Line 92: | Line 111: | ||
grid-column: 2; | grid-column: 2; | ||
grid-row: 1 / span 2; | grid-row: 1 / span 2; | ||
display: block; | |||
margin: 0 auto; | |||
} | } | ||
Line 99: | Line 118: | ||
grid-column: 3; | grid-column: 3; | ||
grid-row: 1; | grid-row: 1; | ||
display: block; | |||
margin: 0 auto; | |||
align-content: end; | align-content: end; | ||
} | } | ||
Line 106: | Line 126: | ||
grid-column: 3; | grid-column: 3; | ||
grid-row: 2; | grid-row: 2; | ||
display: block; | |||
margin: 0 auto; | |||
align-content: start; | align-content: start; | ||
} | } | ||
Line 114: | Line 135: | ||
grid-column: 4; | grid-column: 4; | ||
grid-row: 1 / span 2; | grid-row: 1 / span 2; | ||
display: block; | |||
margin: 0 auto; | |||
} | } | ||
Line 121: | Line 142: | ||
grid-column: 1; | grid-column: 1; | ||
grid-row: 3; | grid-row: 3; | ||
} | } | ||
.spell-mana-block { | .spell-mana-block { | ||
grid-column: 1; | grid-column: 1; | ||
grid-row: 4; | grid-row: 4; | ||
} | } | ||
.spell-upkeep-block { | .spell-upkeep-block { | ||
grid-column: 1; | grid-column: 1; | ||
grid-row: 5; | grid-row: 5; | ||
} | } | ||
.spell-info-block { | .spell-info-block { | ||
grid-column: 2 / span 3; | |||
grid-row: 3 / span 3; | |||
display: block; | |||
margin: 0 auto; | |||
align-content: center; | |||
background: repeating-conic-gradient(#7b440800 0.000045%, #ac855d40 0.0005%), #aa9; | |||
padding: 10px; | |||
} | |||
.spell-room-icon-block { | |||
grid-column: 2 / span 3; | grid-column: 2 / span 3; | ||
grid-row: 3 / span 3; | grid-row: 3 / span 3; | ||
justify-content: center; | justify-content: center; | ||
display: block; | |||
margin: 0 auto; | |||
padding: 20px; | |||
} | } | ||
Line 156: | Line 182: | ||
grid-column: 1 / span 4; | grid-column: 1 / span 4; | ||
grid-row: 7; | grid-row: 7; | ||
display: block; | |||
align- | margin: 0 auto; | ||
align-content: center; | |||
} | } | ||
.spell-flavor-block { | .spell-flavor-block { | ||
grid-column: 1 / span 4; | grid-column: 1 / span 4; | ||
grid-row: 8; | grid-row: 8; | ||
display: block; | |||
align- | margin: 0 auto; | ||
align-content: center; | |||
margin-bottom: 45px; | margin-bottom: 45px; | ||
} | } | ||
.spell-title { | .spell-title { | ||
color: #411 !important; | color: #411 !important; | ||
font-family: Georgia, serif !important; | font-family: Georgia, serif !important; | ||
font-size: | font-size: 180% !important; | ||
font-weight: bold !important; | font-weight: bold !important; | ||
text-align: center; | text-align: center; | ||
Line 218: | Line 231: | ||
color: #411; | color: #411; | ||
font-size: 110%; | font-size: 110%; | ||
} | |||
.spell-blank-text { | |||
font-family: Georgia, serif; | |||
display: block; | |||
clear: both; | |||
text-align: left; | |||
padding-left: 25px; | |||
color: #666; | |||
font-size: 120%; | |||
} | } | ||
Line 361: | Line 384: | ||
width: 95%!important; | width: 95%!important; | ||
} | } | ||
h4 .item-title { | h4 .item-title, h4 .spell-title { | ||
font-size: 120% !important; | font-size: 120% !important; | ||
} | } | ||
.tooltip-short, .tooltip, .tooltip-long { | .tooltip-short, .tooltip, .tooltip-long { | ||
display: none!important; | display: none!important; | ||
} | |||
.fit-darn-it { | |||
max-width: 150px; | |||
height: auto; | |||
} | } | ||
} | } | ||
}} | }} |