Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

No edit summary
No edit summary
Line 1: Line 1:
<noinclude>[[Category:Templates]]</noinclude>
<noinclude>[[Category:Templates]]</noinclude>
<!-- Ultra-Compact CSS Infobox with Distinct Column Colors -->
<!-- Compact Infobox with Mid-Centered Text & Dual-Contrast Line Breaks -->
<div style="display:inline-block; max-width:90%; margin:0 0 1em 1em; float:{{{float|right}}}; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); font-size:95%; overflow:hidden;">
<div style="display:inline-block; max-width:90%; margin:0 0 1em 1em; float:{{{float|right}}}; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); font-size:95%; overflow:hidden;">
<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:4px 6px; font-size:110%; border-top-left-radius:10px; border-top-right-radius:10px;">
<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:4px 6px; font-size:110%; border-top-left-radius:10px; border-top-right-radius:10px;">
Line 7: Line 7:
<div style="padding:0;">
<div style="padding:0;">
{{#if: {{{A1|}}} |  
{{#if: {{{A1|}}} |  
<div style="display:flex; flex-wrap:wrap; margin-bottom:0;">
<div style="display:flex; flex-wrap:wrap; align-items:center;">
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:2px 4px; overflow-wrap:break-word; white-space:normal;">{{{A1}}}</div>
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{A1}}}</div>
<div style="flex:1; background:#ffffff; padding:2px 4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal;">{{{B1}}}</div>
<div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #aaa;">{{{B1}}}</div>
</div>
</div>
<hr style="border:none; border-top:1px solid #ddd; margin:0;">
}}
}}
{{#if: {{{A2|}}} |  
{{#if: {{{A2|}}} |  
<div style="display:flex; flex-wrap:wrap; margin-bottom:0;">
<div style="display:flex; flex-wrap:wrap; align-items:center;">
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:2px 4px; overflow-wrap:break-word; white-space:normal;">{{{A2}}}</div>
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{A2}}}</div>
<div style="flex:1; background:#ffffff; padding:2px 4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal;">{{{B2}}}</div>
<div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #aaa;">{{{B2}}}</div>
</div>
</div>
<hr style="border:none; border-top:1px solid #ddd; margin:0;">
}}
}}
{{#if: {{{A3|}}} |  
{{#if: {{{A3|}}} |  
<div style="display:flex; flex-wrap:wrap; margin-bottom:0;">
<div style="display:flex; flex-wrap:wrap; align-items:center;">
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:2px 4px; overflow-wrap:break-word; white-space:normal;">{{{A3}}}</div>
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{A3}}}</div>
<div style="flex:1; background:#ffffff; padding:2px 4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal;">{{{B3}}}</div>
<div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #aaa;">{{{B3}}}</div>
</div>
</div>
<hr style="border:none; border-top:1px solid #ddd; margin:0;">
}}
}}
{{#if: {{{A4|}}} |  
{{#if: {{{A4|}}} |  
<div style="display:flex; flex-wrap:wrap; margin-bottom:0;">
<div style="display:flex; flex-wrap:wrap; align-items:center;">
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:2px 4px; overflow-wrap:break-word; white-space:normal;">{{{A4}}}</div>
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{A4}}}</div>
<div style="flex:1; background:#ffffff; padding:2px 4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal;">{{{B4}}}</div>
<div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #aaa;">{{{B4}}}</div>
</div>
</div>
<hr style="border:none; border-top:1px solid #ddd; margin:0;">
}}
}}
{{#if: {{{A5|}}} |  
{{#if: {{{A5|}}} |  
<div style="display:flex; flex-wrap:wrap; margin-bottom:0;">
<div style="display:flex; flex-wrap:wrap; align-items:center;">
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:2px 4px; overflow-wrap:break-word; white-space:normal;">{{{A5}}}</div>
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{A5}}}</div>
<div style="flex:1; background:#ffffff; padding:2px 4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal;">{{{B5}}}</div>
<div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #aaa;">{{{B5}}}</div>
</div>
</div>
<hr style="border:none; border-top:1px solid #ddd; margin:0;">
}}
}}
{{#if: {{{A6|}}} |  
{{#if: {{{A6|}}} |  
<div style="display:flex; flex-wrap:wrap; margin-bottom:0;">
<div style="display:flex; flex-wrap:wrap; align-items:center;">
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:2px 4px; overflow-wrap:break-word; white-space:normal;">{{{A6}}}</div>
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{A6}}}</div>
<div style="flex:1; background:#ffffff; padding:2px 4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal;">{{{B6}}}</div>
<div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal; border-bottom:1px solid #aaa;">{{{B6}}}</div>
</div>
</div>
<hr style="border:none; border-top:1px solid #ddd; margin:0;">
}}
}}
{{#if: {{{A7|}}} |  
{{#if: {{{A7|}}} |  
<div style="display:flex; flex-wrap:wrap; margin-bottom:0;">
<div style="display:flex; flex-wrap:wrap; align-items:center;">
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:2px 4px; overflow-wrap:break-word; white-space:normal;">{{{A7}}}</div>
<div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; overflow-wrap:break-word; white-space:normal;">{{{A7}}}</div>
<div style="flex:1; background:#ffffff; padding:2px 4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal;">{{{B7}}}</div>
<div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; overflow-wrap:break-word; white-space:normal;">{{{B7}}}</div>
</div>
</div>
}}
}}
</div>
</div>
</div>
</div>

Revision as of 06:43, 31 August 2025

{{{BoxName}}}