Template:Vault69StatTemplate: Difference between revisions
Jump to navigation
Jump to search
Created page with "<div style = "height: 300px; width: 300px; border: 2px solid black; display: flex; flex-direction: column"> <div style = "flex: 1 0; position: relative; width: 296px; font..." |
No edit summary |
||
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<div style = "height: | <div style = "height: 304px; width: 304px; border: 2px solid black; display: flex; flex-direction: column; float: left;"> | ||
<div style = "flex: 1 0; position: relative; width: | <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; left: 0; width: {{{ | <div style="position: absolute; top: 0; bottom: 0; left: 0; width: {{{S|50}}}%; background-color: dodgerblue; border-right: 2px solid black;"> | ||
<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 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> | ||
<div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Strength</div> | <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Strength</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: | <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; left: 0; width: {{{P|50}}}%; background-color: dodgerblue; border-right: 2px solid black;"> | <div style="position: absolute; top: 0; bottom: 0; left: 0; width: {{{P|50}}}%; background-color: dodgerblue; border-right: 2px solid black;"> | ||
<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 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> | ||
Line 12: | Line 12: | ||
<div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Perception</div> | <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Perception</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: | <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; left: 0; width: {{{ | <div style="position: absolute; top: 0; bottom: 0; left: 0; width: {{{E|50}}}%; background-color: dodgerblue; border-right: 2px solid black;"> | ||
<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 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> | ||
<div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Endurance</div> | <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Endurance</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: | <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; left: 0; width: {{{ | <div style="position: absolute; top: 0; bottom: 0; left: 0; width: {{{C|50}}}%; background-color: dodgerblue; border-right: 2px solid black;"> | ||
<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 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> | ||
<div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Charisma</div> | <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Charisma</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: | <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; left: 0; width: {{{ | <div style="position: absolute; top: 0; bottom: 0; left: 0; width: {{{I|50}}}%; background-color: dodgerblue; border-right: 2px solid black;"> | ||
<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 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> | ||
<div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Intelligence</div> | <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Intelligence</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: | <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; left: 0; width: {{{ | <div style="position: absolute; top: 0; bottom: 0; left: 0; width: {{{A|50}}}%; background-color: dodgerblue; border-right: 2px solid black;"> | ||
<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 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> | ||
<div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Agility</div> | <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Agility</div> | ||
</div> | </div> | ||
<div style = "flex: 1 0; position: relative; width: | <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; left: 0; width: {{{ | <div style="position: absolute; top: 0; bottom: 0; left: 0; width: {{{L|50}}}%; background-color: dodgerblue; border-right: 2px solid black;"> | ||
<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 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> | ||
<div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Luck</div> | <div style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;"> Luck</div> | ||
</div> | </div> | ||
</div> | </div><noinclude>[[Category:Templates]][[Category:Vault 69]]</noinclude> |
Latest revision as of 14:30, 23 August 2019
Strength
Perception
Endurance
Charisma
Intelligence
Agility
Luck