Template:Vault69PerTemplate: Difference between revisions
Jump to navigation
Jump to search
Created page with "<div style = "height: 304px; width: 304px; border: 2px solid black; display: flex; flex-direction: column; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white..." |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div style = "height: 304px; width: 304px; border: 2px solid black; display: flex; flex-direction: column; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> | <div style = "height: 304px; width: 304px; border: 2px solid black; display: flex; flex-direction: column; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> | ||
<div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black;">Personality</div> | <div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; background-color: black; color: white; text-shadow: 0 0 black;">Personality</div> | ||
<div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; display: flex;"> | <div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; display: flex;"> | ||
<div style="position: absolute; top: 0; bottom: 0; right: 50%; width: {{{extr|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div> | {{#ifexpr: {{{extr|0}}} > 0 |<div style="position: absolute; top: 0; bottom: 0; right: 50%; width: {{{extr|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div>|}} | ||
<div style="position: absolute; top: 0; bottom: 0; left: 0; right: 50%; font-size: 18pt;">Extroverted</div> | <div style="position: absolute; top: 0; bottom: 0; left: 0; right: 50%; font-size: 18pt;">Extroverted</div> | ||
<div style="position: absolute; top: 0; bottom: 0; left: 50%; width: {{{intr|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div> | {{#ifexpr: {{{intr|0}}} > 0 |<div style="position: absolute; top: 0; bottom: 0; left: 50%; width: {{{intr|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div>|}} | ||
<div style="position: absolute; top: 0; bottom: 0; right: 0; left: 50%; font-size: 18pt;">Introverted</div> | <div style="position: absolute; top: 0; bottom: 0; right: 0; left: 50%; font-size: 18pt;">Introverted</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; display: flex;"> | <div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; display: flex;"> | ||
<div style="position: absolute; top: 0; bottom: 0; right: 50%; width: {{{sens|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div> | {{#ifexpr: {{{sens|0}}} > 0 |<div style="position: absolute; top: 0; bottom: 0; right: 50%; width: {{{sens|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div>|}} | ||
<div style="position: absolute; top: 0; bottom: 0; left: 0; right: 50%; font-size: 18pt;">Sensing</div> | <div style="position: absolute; top: 0; bottom: 0; left: 0; right: 50%; font-size: 18pt;">Sensing</div> | ||
<div style="position: absolute; top: 0; bottom: 0; left: 50%; width: {{{intu|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div> | {{#ifexpr: {{{intu|0}}} > 0 |<div style="position: absolute; top: 0; bottom: 0; left: 50%; width: {{{intu|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div>|}} | ||
<div style="position: absolute; top: 0; bottom: 0; right: 0; left: 50%; font-size: 18pt;"> | <div style="position: absolute; top: 0; bottom: 0; right: 0; left: 50%; font-size: 18pt;">Intuitive</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; display: flex;"> | <div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; display: flex;"> | ||
<div style="position: absolute; top: 0; bottom: 0; right: 50%; width: {{{thin|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div> | {{#ifexpr: {{{thin|0}}} > 0 |<div style="position: absolute; top: 0; bottom: 0; right: 50%; width: {{{thin|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div>|}} | ||
<div style="position: absolute; top: 0; bottom: 0; left: 0; right: 50%; font-size: 18pt;">Thinking</div> | <div style="position: absolute; top: 0; bottom: 0; left: 0; right: 50%; font-size: 18pt;">Thinking</div> | ||
<div style="position: absolute; top: 0; bottom: 0; left: 50%; width: {{{feel|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div> | {{#ifexpr: {{{feel|0}}} > 0 |<div style="position: absolute; top: 0; bottom: 0; left: 50%; width: {{{feel|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div>|}} | ||
<div style="position: absolute; top: 0; bottom: 0; right: 0; left: 50%; font-size: 18pt;">Feeling</div> | <div style="position: absolute; top: 0; bottom: 0; right: 0; left: 50%; font-size: 18pt;">Feeling</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; display: flex;"> | <div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; display: flex;"> | ||
<div style="position: absolute; top: 0; bottom: 0; right: 50%; width: {{{judg|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div> | {{#ifexpr: {{{judg|0}}} > 0 |<div style="position: absolute; top: 0; bottom: 0; right: 50%; width: {{{judg|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div>|}} | ||
<div style="position: absolute; top: 0; bottom: 0; left: 0; right: 50%; font-size: 18pt;">Judging</div> | <div style="position: absolute; top: 0; bottom: 0; left: 0; right: 50%; font-size: 18pt;">Judging</div> | ||
<div style="position: absolute; top: 0; bottom: 0; left: 50%; width: {{{perc|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div> | {{#ifexpr: {{{perc|0}}} > 0 |<div style="position: absolute; top: 0; bottom: 0; left: 50%; width: {{{perc|0}}}%; background-color: dodgerblue;"><div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-bottom: 5px solid black; border-top: 5px solid white; border-right: 5px solid black; border-left: 5px solid white; opacity: 0.5;"></div></div>|}} | ||
<div style="position: absolute; top: 0; bottom: 0; right: 0; left: 50%; font-size: 18pt;">Perceiving</div> | <div style="position: absolute; top: 0; bottom: 0; right: 0; left: 50%; font-size: 18pt;">Perceiving</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: 300px; font-size: 18pt; border: 2px solid black; background-color: black; color: white; text-shadow: 0 0 black;">Type: {{{type|}}}</div> | |||
</div><noinclude>[[Category:Templates]][[Category:Vault 69]]</noinclude> | </div><noinclude>[[Category:Templates]][[Category:Vault 69]]</noinclude> | ||
Latest revision as of 17:09, 23 August 2019
Personality
Extroverted
Introverted
Sensing
Intuitive
Thinking
Feeling
Judging
Perceiving
Type: