Template:Riichi City/Character images: Difference between revisions

no edit summary
mNo edit summary
No edit summary
Line 1: Line 1:
<includeonly><div style="list-style:none; width:min-content; margin:0 auto; border-radius:6px;" id="{{{1}}}">
<includeonly><div id="{{{1}}}">
<div style="position:relative; overflow:hidden;">
<div style="position:relative; overflow:hidden;">
     [[File:Riichi_City_Character_{{{1}}}-role.png|150px|none|{{{1}}}]]
     [[File:Riichi_City_Character_{{{1}}}-role.png|150px|none|{{{1}}}]]
     <div style="position:absolute; top:0; height:100%; width:125px; background:rgba(155,155,250,60%); transform-origin: bottom left; transform:skew(-5.9deg); z-index:-1;"></div>
     <div style="position:absolute; top:0; height:100%; width:125px; background:rgba(155,155,250,60%); transform-origin: bottom left; transform:skew(-5.9deg); z-index:-1;"></div>
     <div style="position:absolute; bottom:0; left:0; width:125px; height:23px;">
     <div style="position:absolute; bottom:0; left:0; width:125px; height:{{#if:{{{haut|}}}|{{{haut}}}|23px}};">
         <div style="position:absolute; bottom:0; height:100%; width:125px; background:rgba(60,50,100,90%); transform-origin: bottom left; transform:skew(-5.9deg);"></div>
         <div style="position:absolute; bottom:0; height:100%; width:125px; background:rgba(60,50,100,90%); transform-origin: bottom left; transform:skew(-5.9deg);"></div>
         <div style="position:absolute; bottom:0; width:100%; text-align:center; color:#fff;">{{{1}}}</div>
         <div style="position:absolute; bottom:0; width:100%; text-align:center; color:#fff;">{{{1}}}</div>
Line 13: Line 13:


== Example ==
== Example ==
<div style="display:flex; justify-content:flex-start;">
{{Riichi City/Character images|Isshiki Seibi}}
{{Riichi City/Character images|Isshiki Seibi}}
{{Riichi City/Character images|Igarashi Saeko|haut=100px}}
</div>
</noinclude>
</noinclude>