Template:VillainyChar: Difference between revisions

From All The Fallen Stories
Jump to navigation Jump to search
Elerneron (talk | contribs)
No edit summary
Elerneron (talk | contribs)
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:Elerneron.css}}<div style="width: 100%; min-height: 300px; display: flex;">
{{#css:Elerneron.css}}
<div style="overflow: hidden; flex: 0 0 200px; border: 2px solid black; position: relative;" class="fitWide">{{{pic}}}
<div style="width: 100%; min-height: 300px; display: flex;">
</div>
    <div style="overflow: hidden; flex: 0 0 200px; border: .2em solid black; position: relative;" class="fitWide">{{{pic}}}
<div style="flex: 1 1; display: flex; flex-direction: column; border: 2px solid black;">
    </div>
<table style="width: 100%; flex: 0 0; text-align: center; border-collapse: collapse;">
    <div style="flex: 1 1; display: flex; flex-direction: column; border: .2em solid black;">
    <tr>
        <div style="width: 100%; flex: 0 0; text-align: center; display: flex;">
        <td style="height: 1.5em; width: 16.7%; background-color: red; border: 2px solid black;">'''DEX'''</td>
            <div style="height: 1.5em; flex: 1 1; background-color: red; border: .2em solid black;">'''DEX'''</div>
        <td style="height: 1.5em; width: 16.6%; border: 2px solid black;">{{{dex|2}}}</td>
            <div style="height: 1.5em; flex: 1 1; border: .2em solid black;">{{{dex|2}}}</div >
        <td style="height: 1.5em; width: 16.7%; background-color: red; border: 2px solid black;">'''STR'''</td>
            <div style="height: 1.5em; flex: 1 1; background-color: dodgerblue; border: .2em solid black;">'''INT'''</div>
        <td style="height: 1.5em; width: 16.6%; border: 2px solid black;">{{{str|2}}}</td>
            <div style="height: 1.5em; flex: 1 1; border: .2em solid black;">{{{int|2}}}</div>
        <td style="height: 1.5em; width: 16.7%; background-color: red; border: 2px solid black;">'''BODY'''</td>
            <div style="height: 1.5em; flex: 1 1; background-color: lawngreen; border: .2em solid black;">'''INFL'''</div>
        <td style="height: 1.5em; width: 16.7%; border: 2px solid black;">{{{body|2}}}</td>
            <div style="height: 1.5em; flex: 1 1; border: .2em solid black;">{{{infl|2}}}</div >
    </tr>
        </div>
    <tr>
         <div style="width:100%; flex: 0 0; text-align: center; display: flex;">
         <td style="height: 1.5em; width: 16.7%; background-color: dodgerblue; border: 2px solid black;">'''INT'''</td>
            <div style="height: 1.5em; flex: 1 1; background-color: red; border: .2em solid black;">'''STR'''</div>
        <td style="height: 1.5em; width: 16.6%; border: 2px solid black;">{{{int|2}}}</td>
            <div style="height: 1.5em; flex: 1 1; border: .2em solid black;">{{{str|2}}}</div>
        <td style="height: 1.5em; width: 16.7%; background-color: dodgerblue; border: 2px solid black;">'''WILL'''</td>
            <div style="height: 1.5em; flex: 1 1; background-color: dodgerblue; border: .2em solid black;">'''WILL'''</div>
        <td style="height: 1.5em; width: 16.6%; border: 2px solid black;">{{{will|2}}}</td>
            <div style="height: 1.5em; flex: 1 1; border: .2em solid black;">{{{will|2}}}</div>
        <td style="height: 1.5em; width: 16.7%; background-color: dodgerblue; border: 2px solid black;">'''MIND'''</td>
            <div style="height: 1.5em; flex: 1 1; background-color: lawngreen; border: .2em solid black;">'''AURA'''</div>
        <td style="height: 1.5em; width: 16.7%; border: 2px solid black;">{{{mind|2}}}</td>
            <div style="height: 1.5em; flex: 1 1; border: .2em solid black;">{{{aura|2}}}</div>
    </tr>
         </div>
    <tr>
        <div style="width:100%; flex: 0 0; text-align: center; display: flex;">
        <td style="height: 1.5em; width: 16.7%; background-color: lawngreen; border: 2px solid black;">'''INFL'''</td>
            <div style="height: 1.5em; flex: 1 1; background-color: red; border: .2em solid black;">'''BODY'''</div>
         <td style="height: 1.5em; width: 16.6%; border: 2px solid black;">{{{infl|2}}}</td>
            <div style="height: 1.5em; flex: 1 1; border: .2em solid black;">{{{body|2}}}</div>
        <td style="height: 1.5em; width: 16.7%; background-color: lawngreen; border: 2px solid black;">'''AURA'''</td>
            <div style="height: 1.5em; flex: 1 1; background-color: dodgerblue; border: .2em solid black;">'''MIND'''</div>
        <td style="height: 1.5em; width: 16.6%; border: 2px solid black;">{{{aura|2}}}</td>
            <div style="height: 1.5em; flex: 1 1; border: .2em solid black;">{{{mind|2}}}</div>
        <td style="height: 1.5em; width: 16.7%; background-color: lawngreen; border: 2px solid black;">'''SPIRIT'''</td>
            <div style="height: 1.5em; flex: 1 1; background-color: lawngreen; border: .2em solid black;">'''SPIRIT'''</div>
        <td style="height: 1.5em; width: 16.7%; border: 2px solid black;">{{{spirit|2}}}</td>
            <div style="height: 1.5em; flex: 1 1; border: .2em solid black;">{{{spirit|2}}}</div>
    </tr>
        </div>
</table>
        <div style="width:100%; flex: 0 0; text-align: center; display: flex;">
<div style="flex: 1 1; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''ADVANTAGES'''</div>{{{adv}}}</div>
            <div style="height: 1.5em; flex: 1 1; background-color: gray; color: white; border: .2em solid black; position: relative;">
<div style="flex: 1 1; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''DRAWBACKS'''</div>{{{draw}}}</div>
                <div style="position: absolute; top: 0; left: 0; height: 1.5em; width: {{{cBody|100}}}%; background-color: darkred;"></div>
</div>
                <div style="position: absolute; top: 0; left: 0; height: 1.5em; width: 100%;">{{{cBody|100}}}%</div>
<div style="flex: 1 1; display: flex; flex-direction: column; border: 2px solid black;">
            </div>
<div style="flex: 1 1; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''POWERS'''</div>{{{powers}}}</div>
            <div style="height: 1.5em; flex: 1 1; background-color: gray; color: white; border: .2em solid black; position: relative;">
<div style="flex: 1 1; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''SKILLS'''</div>{{{skills}}}</div>
                <div style="position: absolute; top: 0; left: 0; height: 1.5em; width: {{{cMind|100}}}%; background-color: #003d7a;"></div>
</div>
                <div style="position: absolute; top: 0; left: 0; height: 1.5em; width: 100%;">{{{cMind|100}}}%</div>
<div style="flex: 1 1; border: 2px solid black; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''Equipment'''</div>{{{equipment}}}</div>
            </div>
<div style="flex: 1 1; border: 2px solid black; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''Status & Notes'''</div>{{{status}}}</div>
            <div style="height: 1.5em; flex: 1 1; background-color: gray; color: white; border: .2em solid black; position: relative;">
</div><noinclude>[[Category:Villainy| ]]  [[Category: Templates|VillainyChar]]</noinclude>
                <div style="position: absolute; top: 0; left: 0; height: 1.5em; width: {{{cSpirit|100}}}%; background-color: green;"></div>
                <div style="position: absolute; top: 0; left: 0; height: 1.5em; width: 100%;">{{{cSpirit|100}}}%</div>
            </div>
        </div>
        <div style="flex: 1 1; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''ADVANTAGES'''</div>{{{adv}}}</div>
        <div style="flex: 1 1; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''DRAWBACKS'''</div>{{{draw}}}</div>
    </div>
    <div style="flex: 1 1; display: flex; flex-direction: column; border: .2em solid black;">
        <div style="flex: 1 1; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''POWERS'''</div>{{{powers}}}</div>
        <div style="flex: 1 1; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''SKILLS'''</div>{{{skills}}}</div>
    </div>
    <div style="flex: 1 1; border: .2em solid black; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''Equipment'''</div>{{{equipment}}}</div>
    <div style="flex: 1 1; border: .2em solid black; text-align: justify; padding: .4em;"><div style="text-align: center; width=100%;">'''Status & Notes'''</div>{{{status}}}</div>
</div><noinclude>[[Category:Villainy/Templates| ]]  [[Category: Templates|VillainyChar]]</noinclude>

Latest revision as of 11:06, 20 December 2017

{{{pic}}}
DEX
2
INT
2
INFL
2
STR
2
WILL
2
AURA
2
BODY
2
MIND
2
SPIRIT
2
100%
100%
100%
ADVANTAGES
{{{adv}}}
DRAWBACKS
{{{draw}}}
POWERS
{{{powers}}}
SKILLS
{{{skills}}}
Equipment
{{{equipment}}}
Status & Notes
{{{status}}}