Template:DQM2Enemy: 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: #00ff00; float: left; padding: 3px 3px 3px 3px; border-radius: 7px; width: 80%;" >
<div style="background-color: #00ff00; padding: 3px; border-radius: 7px; max-width: 63em;">
<div style="padding-left: 5px; padding-right: 5px; height: 36px; line-height: 32px;">
<div style="display: flex; padding: 0.5em; height: 1.35em; justify-content: space-between; align-items: center;">
<table style="width: 100%"><tr>
    <div>{{#if: {{{name|}}} | '''{{{name}}}''' }} {{#if: {{{kanji|}}} | ({{{kanji}}}{{#if: {{{romanji|}}} | &nbsp;''{{{romanji}}}'' }})}}</div>
<td valign="top">{{#if: {{{name|}}} | '''{{{name}}}''' }} {{#if: {{{kanji|}}} | ({{{kanji}}}{{#if: {{{romanji|}}} | &nbsp;''{{{romanji}}}'' }})}}
    <div>[[File:DWM2 Taras Adventure Logo.png|125px|link=Dragon Quest Monsters 2|alt=Dragon Quest Monsters 2]]</div>
</td><td style="text-align:right">[[File:DWM2 Taras Adventure Logo.png|125px|link=Dragon Quest Monsters 2|alt=Dragon Quest Monsters 2]]</td>
</div>
</tr></table></div>
<div style="background-color: #E4EFF0  ; border-radius: 5px; padding: 3px;">
<div style="background-color: #E4EFF0  ; border-radius: 5px; padding: 3px;">
     <table style="border: 1px solid green; border-radius: 3px; width: 100%;" cellspacing="0" cellpadding="0">
     <table style="border: 1px solid green; border-radius: 3px; width: 100%;" cellspacing="0" cellpadding="0">
Line 148: Line 147:
</div>
</div>
</div>
</div>
</div>{{clear}}</includeonly><noinclude>
</div></includeonly><noinclude>