Template:Riichi City/Character images: Difference between revisions

From Japanese Mahjong Wiki
Jump to navigation Jump to search
VisualWikitext
mNo edit summary
mNo edit summary
 
(14 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;">
<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; left:12px; height:100%; width:125px; background:rgba(155,155,250,60%); transform:skew(-6deg); 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; left:.9px; height:100%; width:124px; background:rgba(60,50,100,90%); transform:skew(-6deg);"></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>

Latest revision as of 06:28, 19 April 2024

Description

Character image card used in character description list.

Example

Isshiki Seibi
Isshiki Seibi
Isshiki Seibi
Igarashi Saeko
Igarashi Saeko
Igarashi Saeko
Akabane Athena
Akabane Athena
Akabane Athena
Unreleased
Nishikigi Chisato
Kagamigawa Noelle
Retrieved from "https://riichi.wiki/index.php?title=Template:Riichi_City/Character_images&oldid=24771"