Template:Riichi City/Character images: Difference between revisions

From Japanese Mahjong Wiki
Jump to navigation Jump to search
No edit summary
mNo edit summary
 
(12 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly><div 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:{{#if:{{{haut|}}}|{{{haut}}}|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%)
                | danganronpa = rgba(163,45,29,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 15: Line 40:
<div style="display:flex; justify-content:flex-start;">
<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}}
{{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}}
{{Riichi City/Character images|Junko Enoshima|unreleased=true|collab=danganronpa}}
</div>
</div>
</noinclude>
</noinclude>

Latest revision as of 20:33, 4 August 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
Junko Enoshima