No edit summary |
No edit summary |
||
(73 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 14: | Line 19: | ||
} | } | ||
.item-threshold { | .item-threshold { | ||
Line 106: | Line 61: | ||
display: block; | display: block; | ||
} | } | ||
.item-icon { | |||
float: left; | |||
} | |||
.float-clear { | |||
clear: both; | |||
} | |||
.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 { | |||
background: repeating-conic-gradient(#7b440800 0.000045%, #ac855d40 0.0005%), #cb9; | |||
border-radius: 5px; | |||
box-shadow: 0 0 20px #444 inset; | |||
padding: 5px 10px 10px 10px; | |||
border: 4px solid #564; | |||
max-width: 600px; | |||
} | |||
.spell-grid { | |||
display: grid; | |||
gap: 1%; | |||
grid-template-columns: 25% 10% 50% 10% ; | |||
align-items:stretch; | |||
} | |||
.spell-icon-block { | |||
grid-column: 1; | |||
grid-row: 1 / span 2; | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
.spell-title-left-block { | |||
grid-column: 2; | |||
grid-row: 1 / span 2; | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
.spell-title-block { | |||
grid-column: 3; | |||
grid-row: 1; | |||
display: block; | |||
margin: 0 auto; | |||
align-content: end; | |||
} | |||
.spell-subtitle-block { | |||
grid-column: 3; | |||
grid-row: 2; | |||
display: block; | |||
margin: 0 auto; | |||
align-content: start; | |||
} | |||
.spell-title-right-block { | |||
grid-column: 4; | |||
grid-row: 1 / span 2; | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
.spell-research-block { | |||
grid-column: 1; | |||
grid-row: 3; | |||
} | |||
.spell-mana-block { | |||
grid-column: 1; | |||
grid-row: 4; | |||
} | |||
.spell-upkeep-block { | |||
grid-column: 1; | |||
grid-row: 5; | |||
} | |||
.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-row: 3 / span 3; | |||
justify-content: center; | |||
display: block; | |||
margin: 0 auto; | |||
padding: 20px; | |||
} | |||
.spell-blank-block { | |||
grid-column: 1 / span 4; | |||
grid-row: 6; | |||
justify-content: center; | |||
align-items: center; | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
.spell-page-block { | |||
grid-column: 1 / span 4; | |||
grid-row: 7; | |||
display: block; | |||
margin: 0 auto; | |||
align-content: center; | |||
} | |||
.spell-flavor-block { | |||
grid-column: 1 / span 4; | |||
grid-row: 8; | |||
display: block; | |||
margin: 0 auto; | |||
align-content: center; | |||
margin-bottom: 45px; | |||
} | |||
.spell-title { | .spell-title { | ||
color: #411 !important; | |||
font-family: Georgia, serif !important; | font-family: Georgia, serif !important; | ||
font-size: 180% !important; | |||
font-size: | |||
font-weight: bold !important; | font-weight: bold !important; | ||
text-align: center; | text-align: center; | ||
Line 122: | Line 211: | ||
font-size: 120%; | font-size: 120%; | ||
} | } | ||
.spell-flavor-text { | .spell-flavor-text { | ||
font-family: Georgia, serif; | font-family: Georgia, serif; | ||
Line 128: | Line 218: | ||
font-size: 110%; | font-size: 110%; | ||
} | } | ||
.spell-resource-text { | |||
font-family: Verdana, sans-serif !important; | |||
color: #411; | |||
font-size: 140%; | |||
font-weight: bold; | |||
} | |||
.spell-text { | .spell-text { | ||
font-family: Georgia, serif; | font-family: Georgia, serif; | ||
Line 135: | Line 233: | ||
} | } | ||
. | .spell-blank-text { | ||
font-family: Georgia, serif; | |||
display: block; | |||
clear: both; | |||
text-align: left; | |||
padding-left: 25px; | |||
color: #666; | |||
font-size: 120%; | |||
} | |||
.outer { | |||
width: 20px; | |||
} | |||
.left { | |||
border-left: 3px solid #733; | |||
border-top: 3px solid #733; | |||
border-bottom: 3px solid #733; | |||
} | |||
.middle{ | |||
padding: 20px 45px; | |||
} | |||
.right { | |||
border-right: 3px solid #733; | |||
border-top: 3px solid #733; | |||
border-bottom: 3px solid #733; | |||
} | } | ||
Line 266: | 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; | |||
} | } | ||
} | } | ||
}} | }} |