Template:LHPersonTemplate: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
<div style="width: calc(100%-.2em); text-align: center; background-color: black; color: white;">'''{{{name}}}'''</div> | <div style="width: calc(100%-.2em); text-align: center; background-color: black; color: white;">'''{{{name}}}'''</div> | ||
<div style="width: calc(100%-.2em); text-align: center; background-color: black; color: white;">'''{{{relation}}}'''</div> | <div style="width: calc(100%-.2em); text-align: center; background-color: black; color: white;">'''{{{relation}}}'''</div> | ||
<div style="flex: 1 1; background-color: white; border: .2em solid black; border-radius: 1em; overflow: hidden;">{{{pic}}}</div> | <div style="flex: 1 1; display: flex; flex-direction: column; background-color: white; border: .2em solid black; border-radius: 1em; overflow: hidden;"><div style="flex: 1 1;"></div><div>[[File:Life Hacks_{{{pic|NoPic}}}.png|200px]]</div></div> | ||
</div> | </div> | ||
| Line 14: | Line 14: | ||
<div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;"> | <div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;"> | ||
<div style="position: absolute; top: 0; left: 0; width: {{{friend|0}}}%; height: 1.5em; background-color: lawngreen;"></div> | <div style="position: absolute; top: 0; left: 0; width: {{{friend|0}}}%; height: 1.5em; background-color: lawngreen;"></div> | ||
<div style="position: absolute; top: 0; right: 0; width: {{{enemy|0}}}%; height: 1.5em; background-color: red;"></div> | <div style="position: absolute; top: 0; right: 0; width: {{{enemy|0}}}%; height: 1.5em; background-color: red; opacity: .8;"></div> | ||
</div> | </div> | ||
<div style="width: 2em; height: 1.5em; background-color: black; color: red; text-align: center;">☹</div> | <div style="width: 2em; height: 1.5em; background-color: black; color: red; text-align: center;">☹</div> | ||
| Line 22: | Line 22: | ||
<div style="width: 2em; height: 1.5em; background-color: black; color: dodgerblue; text-align: center;">♚</div> | <div style="width: 2em; height: 1.5em; background-color: black; color: dodgerblue; text-align: center;">♚</div> | ||
<div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;"> | <div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;"> | ||
<div style="position: absolute; top: 0; right: 0; width: {{{sub|0}}}%; height: 1.5em; background-color: mediumpurple;"></div> | <div style="position: absolute; top: 0; right: 0; width: {{{sub|0}}}%; height: 1.5em; background-color: mediumpurple;"></div> | ||
<div style="position: absolute; top: 0; left: 0; width: {{{dom|0}}}%; height: 1.5em; background-color: dodgerblue; opacity: .8;"></div> | |||
</div> | </div> | ||
<div style="width: 2em; height: 1.5em; background-color: black; color: mediumpurple; text-align: center;">♟</div> | <div style="width: 2em; height: 1.5em; background-color: black; color: mediumpurple; text-align: center;">♟</div> | ||
| Line 32: | Line 32: | ||
<div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;"> | <div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;"> | ||
<div style="position: absolute; top: 0; left: 0; width: {{{trust|0}}}%; height: 1.5em; background-color: silver;"></div> | <div style="position: absolute; top: 0; left: 0; width: {{{trust|0}}}%; height: 1.5em; background-color: silver;"></div> | ||
<div style="position: absolute; top: 0; right: 0; width: {{{fear|0}}}%; height: 1.5em; background-color: yellow;"></div> | <div style="position: absolute; top: 0; right: 0; width: {{{fear|0}}}%; height: 1.5em; background-color: yellow; opacity: .8;"></div> | ||
</div> | </div> | ||
<div style="width: 2em; height: 1.5em; background-color: black; color: yellow; text-align: center;">✊</div> | <div style="width: 2em; height: 1.5em; background-color: black; color: yellow; text-align: center;">✊</div> | ||
| Line 41: | Line 41: | ||
<div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;"> | <div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;"> | ||
<div style="position: absolute; top: 0; left: 0; width: {{{fam|0}}}%; height: 1.5em; background-color: white;"></div> | <div style="position: absolute; top: 0; left: 0; width: {{{fam|0}}}%; height: 1.5em; background-color: white;"></div> | ||
<div style="position: absolute; top: 0; right: 0; width: {{{love|0}}}%; height: 1.5em; background-color: | <div style="position: absolute; top: 0; right: 0; width: {{{love|0}}}%; height: 1.5em; background-color: hotpink; opacity: .8;"></div> | ||
</div> | </div> | ||
<div style="width: 2em; height: 1.5em; background-color: black; color: | <div style="width: 2em; height: 1.5em; background-color: black; color: hotpink; text-align: center;">❤</div> | ||
</div> | </div> | ||
Latest revision as of 17:56, 25 February 2017
{{{name}}}
{{{relation}}}
☺
☹
♚
♟
✋
✊
❤
❤
Notes: none