Template:Villager: Difference between revisions

removing the two columns format and made it more in line with Template:Animal Crossing character
(95%)
(removing the two columns format and made it more in line with Template:Animal Crossing character)
Line 8: Line 8:
<div style="text-align:center; width: 100%;font-size:130%"> '''{{{name|{{PAGENAME}}}}}'''
<div style="text-align:center; width: 100%;font-size:130%"> '''{{{name|{{PAGENAME}}}}}'''
</div>
</div>
<div style="background: #FFFFFF; line-height:10pt; margin-top: 3px; padding:0.5em"> <div style="text-align:center">{{{image|}}}</div><br /><div align="center">{{#if: {{{caption|}}} |<div style="height: 2px"></div><span style="font-size:95%; font-family:Arial">{{{caption|}}}</span>}}</div></div></div>
<div style="background: #FFFFFF; line-height:10pt; margin-top: 3px; padding:0.5em"> <div style="text-align:center">{{{image|}}}</div><br /><div align="center">{{#if: {{{caption|}}} |<div style="height: 2px"></div><span style="font-family:Arial">{{{caption|}}}</span>}}</div></div></div>
<div style="height: 2px"></div><!--
<div style="height: 2px"></div><!--
-->
--><div style="background: transparent; border-collapse:collapse; width:100%">
<!-- First and latest appearance, titles --><!--
<div style="height: 2px"></div><!--
--><!--
-->{{#if:{{{first_appearance|}}}|
--><div style="background: transparent; border-collapse:collapse; width:100%; text-align:right">
<div style="display: flex">
<div style="height: 2px"></div><div style="display: flex">
<div style="display: flex; align-items: center; justify-content: center; background: #00c400; border-bottom: 2px solid #7AEC42; padding:3px; width: 45%">'''First appearance'''</div>
<div style="text-align:center; flex: 1; font-size:13px; background: #00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''First game'''</div>
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{first_appearance|}}}</div></div>}}<!--
<div style="width: 2px"></div>
-->{{#if:{{{latest_appearance|}}}|
<div style="text-align:center; flex: 1; font-size:13px; background:#00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Latest game'''</div>
<div style="display: flex">
</div><div style="height: 2px"></div><!--
<div style="display: flex; align-items: center; justify-content: center; background: #00c400; border-bottom: 2px solid #7AEC42; padding:3px; width: 45%">'''Latest appearance'''</div>
-->
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{latest_appearance|}}}</div></div>}}<!--
<!-- First and latest appearance, information --><!--
-->{{#if:{{{gender|}}}|
-->
<div style="display: flex">
<div style="display: flex">
<div style="text-align:center; flex: 1; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px">{{{first_game|''Unknown''}}}</div>
<div style="display: flex; align-items: center; justify-content: center; background: #00c400; border-bottom: 2px solid #7AEC42; padding:3px; width: 45%">'''Gender'''</div>
<div style="width: 2px"></div>
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{gender|}}}</div></div>}}<!--
<div style="text-align:center; flex: 1; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px">{{{latest_game|''Unknown''}}}</div>
-->{{#if:{{{species|}}}|
</div></div><div style="height: 4px"></div><!--
-->
<!-- Gender and personality, titles --><!--
-->
<div style="display: flex">
<div style="display: flex">
<div style="text-align:center; flex: 1; font-size:13px; background: #00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Gender'''</div>
<div style="display: flex; align-items: center; justify-content: center; background: #00c400; border-bottom: 2px solid #7AEC42; padding:3px; width: 45%">'''Species'''</div>
<div style="width: 2px"></div>
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{species|}}}</div></div>}}<!--
<div style="text-align:center; flex: 1; font-size:13px; background:#00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Personality'''</div>
-->{{#if:{{{personality|}}}|
</div><div style="height: 2px"></div><!--
-->
<!-- Gender and personality, information --><!--
-->
<div style="display: flex">
<div style="display: flex">
<div style="text-align:center; flex: 1; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px">{{{gender|''Unknown''}}}</div>
<div style="display: flex; align-items: center; justify-content: center; background: #00c400; border-bottom: 2px solid #7AEC42; padding:3px; width: 45%">'''Personality'''</div>
<div style="width: 2px"></div>
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{personality|}}}</div></div>}}<!--
<div style="text-align:center; flex: 1; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px">{{{personality|''Unknown''}}}</div>
-->{{#if:{{{birthday|}}}|
</div><div style="height: 4px"></div><!--
-->
<!-- Species and birthday, titles --><!--
-->
<div style="display: flex">
<div style="display: flex">
<div style="text-align:center; flex: 1; font-size:13px; background: #00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Species'''</div>
<div style="display: flex; align-items: center; justify-content: center; background: #00c400; border-bottom: 2px solid #7AEC42; padding:3px; width: 45%">'''Birthday'''</div>
<div style="width: 2px"></div>
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{birthday|}}}</div></div>}}<!--
<div style="text-align:center; flex: 1; font-size:13px; background:#00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Birthday'''</div>
-->{{#if:{{{clothing|}}}|
</div><div style="height: 2px"></div><!--
-->
<!-- Species and birthday, information -->
<div style="display: flex">
<div style="display: flex">
<div style="text-align:center; flex: 1; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px">{{{species|''Unknown''}}}</div>
<div style="display: flex; align-items: center; justify-content: center; background: #00c400; border-bottom: 2px solid #7AEC42; padding:3px; width: 45%">'''Clothing'''</div>
<div style="width: 2px"></div>
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{clothing|}}}</div></div>}}<!--
<div style="text-align:center; flex: 1; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px">{{{birthday|''Unknown''}}}</div>
-->{{#if:{{{favorite_saying|}}}|
</div><div style="height: 4px"></div><!--
<div style="text-align:center; flex: 1; font-size:13px; background: #00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Favorite saying'''</div>
--><!-- Clothing --><!--
<div style="text-align:center; width: 14.2%; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px; width:auto">{{{favorite_saying|''Unknown''}}}</div><div style="height: 4px"></div>}}<!--
--><div style="background: transparent; border-collapse:collapse; width:100%; text-align:right">
-->{{#if:{{{catchphrase|}}}|
<div style="height: 2px"></div><!--
<div style="text-align:center; flex: 1; font-size:13px; background: #00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Catchphrase'''</div>
--><div style="text-align:center; flex: 1; font-size:13px; background: #00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Clothing'''</div>
<div style="text-align:center; width: 14.2%; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px; width:auto">{{{catchphrase|''Unknown''}}}</div><div style="height: 4px"></div>}}</div></div><noinclude>
<div style="text-align:center; width: 14.2%; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px; width:auto">{{{clothing|''Unknown''}}}</div><div style="height: 4px"></div><!--
--><!-- Favorite saying --><div style="background: transparent; border-collapse:collapse; width:100%; text-align:right">
<div style="height: 2px"></div><!--
--><div style="text-align:center; flex: 1; font-size:13px; background: #00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Favorite saying'''</div>
<div style="text-align:center; width: 14.2%; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px; width:auto">{{{favorite_saying|''Unknown''}}}</div><div style="height: 4px"></div><!--
--><!--Catchphrase --><div style="background: transparent; border-collapse:collapse; width:100%; text-align:right">
<div style="height: 2px"></div><!--
--><div style="text-align:center; flex: 1; font-size:13px; background: #00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Catchphrase'''</div>
<div style="text-align:center; width: 14.2%; font-size:13px; background: #FFFFFF; padding-left: 6px; padding-right: 6px; width:auto">{{{catchphrase|''Unknown''}}}</div><div style="height: 4px"></div><!--
-->
</div></div></div></div><noinclude>
==Blank template==
==Blank template==
<pre>
<pre>