Template:Vault69StatTemplate: Difference between revisions

From All The Fallen Stories
Jump to navigation Jump to search
← Older edit
Elerneron (talk | contribs)
Bureaucrats, contributor, Suppressors, Administrators, trusted
8,706 edits
No edit summary
Elerneron (talk | contribs)
Bureaucrats, contributor, Suppressors, Administrators, trusted
8,706 edits
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style = "height: 300px; width: 300px; border: 2px solid black; display: flex; flex-direction: column">
<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: 296px; 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; left: 0; width: {{{P|50}}}%; background-color: dodgerblue; border-right: 2px solid black;">
         <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: 296px; 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; 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: 296px; 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; left: 0; width: {{{P|50}}}%; background-color: dodgerblue; border-right: 2px solid black;">
         <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: 296px; 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; left: 0; width: {{{P|50}}}%; background-color: dodgerblue; border-right: 2px solid black;">
         <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: 296px; 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; left: 0; width: {{{P|50}}}%; background-color: dodgerblue; border-right: 2px solid black;">
         <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: 296px; 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; left: 0; width: {{{P|50}}}%; background-color: dodgerblue; border-right: 2px solid black;">
         <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: 296px; 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; left: 0; width: {{{P|50}}}%; background-color: dodgerblue; border-right: 2px solid black;">
         <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>

Latest revision as of 14:30, 23 August 2019

Strength
Perception
Endurance
Charisma
Intelligence
Agility
Luck
Retrieved from ‘https://stories.allthefallen.moe/index.php?title=Template:Vault69StatTemplate&oldid=28729’