mirror of
https://github.com/martindampier/draw-steel-retainer.git
synced 2026-07-22 05:44:15 +00:00
117 lines
2.9 KiB
HTML
117 lines
2.9 KiB
HTML
<style>
|
|
.simpleHeader{
|
|
border-radius: 25px;
|
|
padding: 20px;
|
|
height: 40px;
|
|
}
|
|
.gradient{
|
|
background: linear-gradient(180deg,rgba(158, 158, 158, 1) 0%, rgba(194, 194, 194, 1) 50%, rgba(255, 255, 255, 0) 100%);
|
|
}
|
|
|
|
.bottomBorder{
|
|
border-style: solid;
|
|
border-color: black;
|
|
border-width: 0px 0px 1px 0px;
|
|
}
|
|
|
|
.bold{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cell{
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.centerAlign{
|
|
text-align: center;
|
|
}
|
|
|
|
.leftAlign{
|
|
text-align: left;
|
|
}
|
|
|
|
.rightAlign{
|
|
text-align: right;
|
|
}
|
|
|
|
.table{
|
|
border-collapse: collapse;
|
|
width: 25%;
|
|
}
|
|
</style>
|
|
|
|
<table class="gradient bottomBorder table">
|
|
<tr class="simpleHeader">
|
|
<Th class="cell" style="text-align: left; margin-left: 5px; font-size: large;">[NAME]</Th>
|
|
<Th class="cell" style="text-align: right; margin-right: 5px;">Level [X] [ROLE] [ORG]</Th>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell" style="text-align: left; margin-left: 5px; font-size: 12px;">[TYPES]</td>
|
|
<td class="cell" style="text-align: right; margin-right: 5px;">EV [EVSCORE]</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="table">
|
|
<tr>
|
|
<td class="centerAlign">
|
|
<div>
|
|
[SIZE]
|
|
</div>
|
|
<div class="bold">
|
|
Size
|
|
</div>
|
|
</td>
|
|
<td class="centerAlign">
|
|
<div>
|
|
[SPEED]
|
|
</div>
|
|
<div class="bold">
|
|
Speed
|
|
</div>
|
|
</td>
|
|
<td class="centerAlign">
|
|
<div>
|
|
[STAMINA]
|
|
</div>
|
|
<div class="bold">
|
|
Stamina
|
|
</div>
|
|
</td>
|
|
<td class="centerAlign">
|
|
<div>
|
|
[STABILITY]
|
|
</div>
|
|
<div class="bold">
|
|
Stability
|
|
</div>
|
|
</td>
|
|
<td class="centerAlign">
|
|
<div>
|
|
[FREESTRIKE]
|
|
</div>
|
|
<div class="bold">
|
|
Free Strike
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="table bottomBorder">
|
|
<tr>
|
|
<td class="leftAlign" ><div class="leftAlign"><b>Immuntity: </b> [IMMUNITIES] </div></td>
|
|
<td class="rightAlign" ><div class="rightAlign"><b>Weakness: </b> [WEAKNESSES] </div></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="leftAlign"><b>Movement: </b> [MOVEMENTTYPES]</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="table bottomBorder">
|
|
<tr>
|
|
<td class="centerAlign"><div>Might [MIGHT]</div></td>
|
|
<td class="centerAlign"><div>Agility [AGILITY]</div></td>
|
|
<td class="centerAlign"><div>Reason [REASON]</div></td>
|
|
<td class="centerAlign"><div>Intuition [INTUITION]</div></td>
|
|
<td class="centerAlign"><div>Presence [PRESENCE]</div></td>
|
|
</tr>
|
|
</table>
|