View source for Template:HyperCard

<includeonly><div class="infobox" style="display:grid; grid: auto-flow / 21em; width: 21em; justify-content: center; grid-row-gap: 3px; background-color: white; text-align:center; font-weight:bold; padding-bottom:2px; border: 1px solid #FFB380;">
 <div style="background-color: #FFB380; color: white; font-size:120%; padding:0.5em; border-radius:10px; font-family: RockoUltraFLF; letter-spacing: 1px; margin:3px;">{{{name|{{PAGENAME}}}}}</div>
 <div style="padding:0.5em;" class="tooltip-content tooltip-content-{{#replace:{{#replace:{{#replace:{{#replace:{{#replace:{{#replace:{{#replace:{{#replace:{{{name|{{BASEPAGENAME}}}}}| |_}}|(|_}}|)|_}}|!|_}}|,|_}}|?|_}}|&|_}}|'|_}}">[[file:{{{name|{{PAGENAME}}}}}.png|210px|center]]</div>
 <div style="box-shadow: 1px 1px 1px 3px #FFE5D1; border-radius: 1em; padding: 2px; margin: 0 5px 3px 5px; font-weight:1;">{{{effect}}}</div>
 <div style="background-color: #FFB380; color:white; border-radius:10px;  font-family: RockoUltraFLF; font-size:115%; letter-spacing: 1px; margin:0 2px 0 2px;">Hyper Info</div>
 <div style="display: grid; grid: auto-flow / 39% 61%; justify-content: center; grid-row-gap: 2px;">
  <div style="background-color: #FFE5D1;border-radius: 0 50px 50px 0; padding: 1px 0 1px 12px; text-align:left">[[Card_Types|<font color=#FE5F13>Effect Type</font>]]</div>
  <div style="font-weight:1;">{{{type}}}</div>
  <div style="background-color: #FFE5D1;border-radius: 0 50px 50px 0; padding: 1px 0 1px 12px; text-align:left"><font color=#FE5F13>Level</font></div>
  <div style="font-weight:1;">{{{level}}}</div>
  <div style="background-color: #FFE5D1;border-radius: 0 50px 50px 0; padding: 1px 0 1px 12px; text-align:left"><font color=#FE5F13>Cost</font></div>
  <div style="font-weight:1;">{{{cost}}} ★</div>
  <div style="{{#if:{{{symbol|}}}| background-color: #FFE5D1;border-radius: 0 50px 50px 0; padding: 1px 0 1px 12px; text-align:left |display: none;}}><font color=#FE5F13>Symbol</font></div>
  <div style="{{#if:{{{symbol|}}}| font-weight:1; | display: none;}}">[[File:{{{symbol|}}}|30px|link=]]</div>
  <div style="background-color: #FFE5D1;border-radius: 0 50px 50px 0; padding: 1px 0 1px 12px; text-align:left">[[Illustrator List|<font color=#FE5F13>Illustrator</font>]]</div>
  <div style="font-weight:1;">{{{illustrator}}}</div>
 </div>
 <div style="{{#if:{{{flavor|}}} | border: 1px solid #FFB380; border-radius: .7em; padding: 5px; margin: 0 2px 0 2px; font-weight:1;|display: none;}}">''{{{flavor}}}''</div>
</div></includeonly><noinclude>{{Icons|InfoA|Doc}}{{doc}}

[[Category:Infobox templates]]</noinclude>