|
|
Line 1: |
Line 1: |
| <noinclude>[[Category:Templates]]</noinclude>
| | {| class="infobox" style="float:none; width:100%; max-width:150px; font-size:90%; border:2px solid #372b54; background:#f7f7fa; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.25); margin:0 2em 2em 0;" |
| <!-- Compact Infobox Template with Equal Height Columns, Word Wrapping, and Mobile-Safe Display -->
| | |- |
| | | ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:6px; font-size:110%; border-top-left-radius:10px; border-top-right-radius:10px; width:100%;" | |
| <div style="display:inline-block; width:100%; max-width:260px; 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; box-sizing:border-box;">
| | '''Examples''' |
| | | |- |
| <!-- Header Section -->
| | | style="background:#ffffff; padding:6px; border-bottom:1px solid #ccc; text-align:center;" | +1 Novice Boots |
| <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;">
| | |- |
| '''{{{BoxName}}}''' | | | style="background:#ffffff; padding:6px; text-align:center;" | +9 Stormpiercer |
| </div>
| | |} |
| | |
| <!-- Content Section -->
| |
| <div style="padding:0;">
| |
| | |
| <!-- Row 1 -->
| |
| {{#if: {{{A1|}}} |
| |
| <div style="display:flex; align-items:stretch; flex-wrap:nowrap;">
| |
| <div style="flex:0 0 {{{Col1Width|35%}}}; display:flex; align-items:center; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f7f7f7;">{{{A1}}}</div>
| |
| <div style="flex:1; max-width:48ch; display:flex; align-items:center; background:#ffffff; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B1}}}</div>
| |
| </div>
| |
| }}
| |
| | |
| <!-- Row 2 -->
| |
| {{#if: {{{A2|}}} |
| |
| <div style="display:flex; align-items:stretch; flex-wrap:nowrap;">
| |
| <div style="flex:0 0 {{{Col1Width|35%}}}; display:flex; align-items:center; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f7f7f7;">{{{A2}}}</div>
| |
| <div style="flex:1; max-width:48ch; display:flex; align-items:center; background:#ffffff; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B2}}}</div>
| |
| </div>
| |
| }}
| |
| | |
| <!-- Row 3 -->
| |
| {{#if: {{{A3|}}} |
| |
| <div style="display:flex; align-items:stretch; flex-wrap:nowrap;">
| |
| <div style="flex:0 0 {{{Col1Width|35%}}}; display:flex; align-items:center; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f7f7f7;">{{{A3}}}</div>
| |
| <div style="flex:1; max-width:48ch; display:flex; align-items:center; background:#ffffff; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B3}}}</div>
| |
| </div>
| |
| }}
| |
| | |
| <!-- Row 4 -->
| |
| {{#if: {{{A4|}}} |
| |
| <div style="display:flex; align-items:stretch; flex-wrap:nowrap;">
| |
| <div style="flex:0 0 {{{Col1Width|35%}}}; display:flex; align-items:center; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f7f7f7;">{{{A4}}}</div>
| |
| <div style="flex:1; max-width:48ch; display:flex; align-items:center; background:#ffffff; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B4}}}</div>
| |
| </div>
| |
| }}
| |
| | |
| <!-- Row 5 -->
| |
| {{#if: {{{A5|}}} |
| |
| <div style="display:flex; align-items:stretch; flex-wrap:nowrap;">
| |
| <div style="flex:0 0 {{{Col1Width|35%}}}; display:flex; align-items:center; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f7f7f7;">{{{A5}}}</div>
| |
| <div style="flex:1; max-width:48ch; display:flex; align-items:center; background:#ffffff; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B5}}}</div>
| |
| </div>
| |
| }}
| |
| | |
| <!-- Row 6 -->
| |
| {{#if: {{{A6|}}} |
| |
| <div style="display:flex; align-items:stretch; flex-wrap:nowrap;">
| |
| <div style="flex:0 0 {{{Col1Width|35%}}}; display:flex; align-items:center; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f7f7f7;">{{{A6}}}</div>
| |
| <div style="flex:1; max-width:48ch; display:flex; align-items:center; background:#ffffff; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B6}}}</div>
| |
| </div>
| |
| }}
| |
| | |
| <!-- Row 7 -->
| |
| {{#if: {{{A7|}}} |
| |
| <div style="display:flex; align-items:stretch; flex-wrap:nowrap;">
| |
| <div style="flex:0 0 {{{Col1Width|35%}}}; display:flex; align-items:center; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal;">{{{A7}}}</div>
| |
| <div style="flex:1; max-width:48ch; display:flex; align-items:center; background:#ffffff; padding:4px; word-break:break-word; white-space:normal;">{{{B7}}}</div>
| |
| </div>
| |
| }}
| |
| | |
| </div>
| |
| </div>
| |