View source for Template:SmallPowerCard

<noinclude>[[Category:Template]]
{{FullSmallPowerCard|CardName=A Year of Perfect Stillness}}{{FullSmallPowerCard|CardName=Accelerated Rot|cardtextboxsize=50}}{{FullSmallPowerCard|CardName=Dream of the Untouched Land|cardtextfontsize=8|cardtextboxsize=25|thresholdtextfontsize=7}}{{FullSmallPowerCard|CardName=Lure of the Unknown}}{{FullSmallPowerCard|CardName=Scream Disease Into the Wind|CardTextFontSize=9}}{{FullSmallPowerCard|CardName=Pillar of Living Flame}}{{FullSmallPowerCard|CardName=Unbearable Deluge}}{{FullSmallPowerCard|CardName=Mysterious Abductions}}


</noinclude><includeonly>{{#switch:{{{type|}}}|Minor={{#vardefine:typeborder|rgba(190,155,110,1)}}|Major={{#vardefine:typeborder|rgba(130,175,200,1)}}|{{#vardefine:typeborder|rgba(0,0,0,0)}}}}<div id="smallpowercard" class="smallcard" style="display:grid; grid-template-columns: 18% 82%; grid-template-rows: 10% 170px 40px auto 5%; height:396px; width:276px; border: 12px solid brown; border-color: rgba(53,32,21,1); background:rgba(53,32,21,1); border-radius: 18px; overflow:hidden;">
    <div style="background-color:rgb(130,80,35); border-left:2px solid; border-top:2px solid; border-radius: 18px 0px 0px 0px; border-color:{{#var:typeborder}};">
      <div style="margin-left:-6px; margin-top:-7px; position:absolute; color:white;">{{Text-superimpose|x=23|y=8|base_img=Cost{{#ifeq:{{{speed}}}|fast|Fast|Slow}}.png|base_width=60px|float_text={{{cost}}}|text_size=20pt|text_width=15px}}</div>
    </div>
    <div style="background:rgb(130,80,35); color:rgb(255,245,240); font-size:12pt; line-height:12pt; text-transform:uppercase; font-weight:bold; border-top:2px solid; border-right:2px solid; border-radius: 0px 18px 0px 0px; border-color:{{#var:typeborder}}; text-align:center;">
      <div style="position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center;">
        <div style="position:absolute; z-index:2; padding:0px 6px 0px 20px; font-size:{{#if:{{{CardNameFontSize|}}}|{{{CardNameFontSize}}}|12}}pt;">[[{{{title}}}]]</div>
        <div style="position:absolute; top:2px; right:0px; overflow:hidden;">{{#ifexist:File:{{{type}}}PowerSymbol.png|[[File:{{{type}}}PowerSymbol.png|x36px]]}}</div>
      </div>
    </div>
    <div style="background-color:rgb(130,80,35); grid-area: 2 / 1 / 6 / 2; border-bottom:2px solid; border-left:2px solid; border-radius: 0px 0px 0px 18px; border-color:{{#var:typeborder}}; text-align:center; display:flex; justify-content:center; align-items:center;"><div style="margin-top:16px; margin-right:2px;">{{CardElements|{{{elements}}}|40}}</div></div>
    <div style="background-color:rgb(130,80,35); grid-column: 2 / -1; border-right:2px solid; border-color:{{#var:typeborder}}; {{#ifeq:{{#var:typeborder}}|rgba(0,0,0,0)||overflow:hidden;}}">{{#ifexist: File:{{{title}}}.png|[[File:{{{title}}}.png|x175px]]|[[File:Card_art_placeholder.png|226px]]}}</div>
    <div style="background-color:rgb(130,80,35); grid-column: 2 / -1; {{#ifeq:{{lc:{{{type|}}}}}|unique||border-right:2px solid;}} border-color:{{#var:typeborder}}; {{#ifeq:{{#var:typeborder}}|rgba(0,0,0,0)||overflow:hidden;}}">{{Targeting|turn={{{speed}}}|range={{{range}}}|option={{{rangefrom}}}|target={{{target}}}}}</div>
    <div style="background-color:rgb(250,250,230); grid-column: 2 / -1; border-right:2px solid; border-color:{{#var:typeborder}}; display:grid; grid-template-rows: {{#if:{{{thresholdrequirement|}}}|{{#if:{{{cardtextboxsize|}}}|{{{cardtextboxsize}}}% {{#expr:100-{{{cardtextboxsize}}}}}%|65% 35%}}|100%}};">
      <div style="display:flex; align-items:center; justify-content:center; text-align:center;">
        <div id="cardtext" style="font-size:{{#if:{{{cardtextfontsize|}}}|{{{cardtextfontsize}}}pt|10pt}}; line-height:{{#if:{{{cardtextfontsize|}}}|{{#expr:{{{cardtextfontsize}}}*1.2}}pt|12pt}}; padding:1px 6px 0px 6px; text-wrap: balance;">{{{cardtext}}}</div>
      </div>
      {{#if:{{{thresholdrequirement|}}}|<div id="threshold" style="display:grid; grid-template-rows: fit-content(20px) fit-content(30px) auto; background-color:rgb(250,230,190);">
        <div style="display:flex; align-items:center; justify-content:center; text-align:center;">
          <div style="color:rgb(50,30,0); text-transform:uppercase; font-weight:bold; font-size:{{#if:{{{thresholdtextfontsize|}}}|{{#expr:ceil({{{thresholdtextfontsize}}}/2)}}pt|8pt}}; padding:0 10px; background-color:rgba(0,0,0,0);">{{#if:{{{ifyouhave|}}}|{{{ifyouhave}}}|IF YOU HAVE}}</div>
        </div>
        <div style="display:flex; align-items:center; justify-content:center; text-align:center;">
          <div style="font-weight:bold; font-size:{{#if:{{{thresholdrequirementfontsize|}}}|{{{thresholdrequirementfontsize}}}pt|10pt}}; line-height:{{#if:{{{thresholdrequirementfontsize|}}}|{{#expr:{{{thresholdrequirementfontsize}}}*1.2}}pt|12pt}};">{{#ifeq:{{{excludethreshold|}}}|true||{{{thresholdrequirement}}}:}}</div>
        </div>
        <div style="text-align:center;">
          <div style="font-size:{{#if:{{{thresholdtextfontsize|}}}|{{{thresholdtextfontsize}}}pt|10pt}}; line-height:{{#if:{{{thresholdtextfontsize|}}}|{{#expr:{{{thresholdtextfontsize}}}*1.2}}pt|12pt}}; padding:0px 20px 0px 20px;">{{{thresholdtext}}}</div>
        </div>
      </div>|}}
    </div>
    <div style="background-color:rgb(130,80,35); border-bottom:2px solid; border-right:2px solid; border-radius: 0px 0px 18px 0px; border-color:{{#var:typeborder}}; display:grid; grid-template-columns:100% 0%;">
      <div style="color:white; font-size:10pt;">[[File:ArtistSymbol.png|14px]] {{{artist}}}</div>
      <div class="invertedColors" style="margin-left:206px; margin-top:1px; position:absolute;">{{SetIcon|{{{set}}}|{{#ifeq:{{{set}}}|Jagged Earth - Plain|x14px|x18px}}}}</div>
    </div>
</div></includeonly>