Template:Riichi City/Character images: Difference between revisions

m
no edit summary
mNo edit summary
mNo edit summary
 
(11 intermediate revisions by 2 users not shown)
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; width:fit-content; margin:0 auto;">
    [[File:Riichi_City_Character_{{{1}}}-role.png|150px|none|{{{1}}}]]
    {{#if:{{{unreleased|}}}
     <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="width:150px; height:244px;"></div>
     <div style="position:absolute; bottom:0; left:0; width:125px; height:23px;">
        |[[File:Riichi_City_Character_{{{1}}}-role.png|150px|none|{{{1}}}]]
         <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;
        top:0; height:100%; width:125px;
        background:{{#switch:{{{collab|}}}
            | lyco-reco = rgba(210,71,82,40%)
            | memories = rgba(0,255,255,40%)
            | rgba(155,155,250,60%)
        }};
        transform-origin: bottom left; transform:skew(-5.9deg); z-index:-1;
    "></div>
     <div style="position:absolute;
        bottom:0; left:{{#if:{{{bas|}}}|calc(.102792*{{{bas}}})|0}};
        width:125px; height:{{#if:{{{haut|}}}|{{{haut}}}|23px}};">
         <div style="position:absolute;
            bottom:{{#if:{{{bas|}}}|{{{bas}}}|0}}; height:100%; width:100%;
            background:{{#switch:{{{collab|}}}
                | lyco-reco = rgba(210,71,82,90%)
                | memories = rgba(0,128,128,90%)
                | rgba(60,50,100,90%)
            }};
            transform-origin: bottom left; transform:skew(-5.9deg);
        "></div>
         <div style="position:absolute;
            bottom:{{#if:{{{bas|}}}|{{{bas}}}|0}};
            width:100%; text-align:center; color:#fff;
        ">{{{1}}}</div>
     </div>
     </div>
</div>
</div>
Line 13: Line 37:


== 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=80px}}
{{Riichi City/Character images|Akabane Athena|haut=60px|bas=55px}}
{{Riichi City/Character images|Unreleased|unreleased=true}}
{{Riichi City/Character images|Nishikigi Chisato|unreleased=true|collab=lyco-reco}}
{{Riichi City/Character images|Kagamigawa Noelle|unreleased=true|collab=memories}}
</div>
</noinclude>
</noinclude>
9,928

edits