Template:DQTactGuest: Difference between revisions

m image alt text
m rewrote head as flex instead of table layout, allow more width on mobile
Line 1: Line 1:
<includeonly>
<includeonly>
<div style="background-color: #ff1a1a; float: left; padding: 3px 3px 3px 3px; border-radius: 7px; width: 80%;" >
<div style="background-color: #ff1a1a; padding: 3px; border-radius: 7px; max-width: 63em;">
<div style="padding-left: 5px; padding-right: 5px; height: 32px;"><table style="width: 100%"><tr>
<div style="display: flex; padding: 0.5em; height: 1.35em; justify-content: space-between; align-items: center;">
<td valign="top">{{#if: {{{name|}}} | '''{{{name}}}''' }} {{#if: {{{kanji|}}} | ({{{kanji}}}{{#if: {{{romanji|}}} | &nbsp;''{{{romanji}}}'' }})}}</td><td style="text-align:right">[[File:Tactlogo.png|150px|link=Dragon Quest Tact|alt=Dragon Quest Tact]]</td>
    <div>{{#if: {{{name|}}} | '''{{{name}}}''' }} {{#if: {{{kanji|}}} | ({{{kanji}}}{{#if: {{{romanji|}}} | &nbsp;''{{{romanji}}}'' }})}}</div>
</tr></table>
    <div>[[File:Tactlogo.png|150px|link=Dragon Quest Tact|alt=Dragon Quest Tact]]</div>
</div>
</div>
<div style="background-color: #f2f2f2; border-radius: 5px; padding: 3px;">
<div style="background-color: #f2f2f2; border-radius: 5px; padding: 3px;">
Line 134: Line 134:
</div>
</div>
</div>
</div>
</div>{{clear}}</includeonly><noinclude>
</div></includeonly><noinclude>
This is a template for guest party members as they appear in {{DQTact}}. For appearances in other games, please use the corresponding enemy template. For the appropriate family icon, see the gallery below.
This is a template for guest party members as they appear in {{DQTact}}. For appearances in other games, please use the corresponding enemy template. For the appropriate family icon, see the gallery below.