Template:Villager: Difference between revisions

padding fix
(better size)
(padding fix)
 
Line 15: Line 15:
<div style="display: flex">
<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="display: flex; align-items: center; justify-content: center; background: #00c400; border-bottom: 2px solid #7AEC42; padding:3px; width: 45%">'''First appearance'''</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 align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 3px 5px">{{{first_appearance|}}}</div></div>}}<!--
-->{{#if:{{{latest_appearance|}}}|
-->{{#if:{{{latest_appearance|}}}|
<div style="display: flex">
<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%">'''Latest appearance'''</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>}}<!--
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 3px 5px">{{{latest_appearance|}}}</div></div>}}<!--
-->{{#if:{{{gender|}}}|
-->{{#if:{{{gender|}}}|
<div style="display: flex">
<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%">'''Gender'''</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 align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{gender|}}}</div></div>}}<!--
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 3px 5px">{{{gender|}}}</div></div>}}<!--
-->{{#if:{{{species|}}}|
-->{{#if:{{{species|}}}|
<div style="display: flex">
<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%">'''Species'''</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 align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{species|}}}</div></div>}}<!--
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 3px 5px">{{{species|}}}</div></div>}}<!--
-->{{#if:{{{personality|}}}|
-->{{#if:{{{personality|}}}|
<div style="display: flex">
<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%">'''Personality'''</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 align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{personality|}}}</div></div>}}<!--
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 3px 5px">{{{personality|}}}</div></div>}}<!--
-->{{#if:{{{birthday|}}}|
-->{{#if:{{{birthday|}}}|
<div style="display: flex">
<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%">'''Birthday'''</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 align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{birthday|}}}</div></div>}}<!--
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 3px 5px">{{{birthday|}}}</div></div>}}<!--
-->{{#if:{{{clothing|}}}|
-->{{#if:{{{clothing|}}}|
<div style="display: flex">
<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%">'''Clothing'''</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 align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 0px 5px">{{{clothing|}}}</div></div>}}<!--
<div align="left" style="background: #FFFFFF; border-left: 2px solid #7AEC42; border-bottom: 2px solid #7AEC42; flex: 1; padding: 3px 5px">{{{clothing|}}}</div></div>}}<!--
-->{{#if:{{{favorite_saying|}}}|
-->{{#if:{{{favorite_saying|}}}|
<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; flex: 1; font-size:13px; background: #00c400; margin-top: 3px; padding-left: 6px; padding-right: 6px">'''Favorite saying'''</div>