This commit is contained in:
b 2021-01-18 19:57:28 -06:00
commit 777a1cfb3d
2 changed files with 391 additions and 300 deletions

View file

@ -514,7 +514,15 @@
</div> </div>
<div class="id-box fade-in" id="id-edit" style="display: none"> <div class="id-box fade-in" id="id-edit" style="display: none">
<div class="id-edit1"> <div class="id-edit1">
<div class="idCenter"> <table class="white-space: nowrap">
<tr>
<th colspan="2">
<h1>Damage values:</h1>
</th>
</tr>
<tr>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="sdPct" class="idLabel" id="sdPct-label">Spell Damage %:</label><br> <label for="sdPct" class="idLabel" id="sdPct-label">Spell Damage %:</label><br>
@ -525,7 +533,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="sdRaw" class="idLabel" id="sdRaw-label">Spell Damage Raw:</label><br> <label for="sdRaw" class="idLabel" id="sdRaw-label">Spell Damage Raw:</label><br>
@ -536,7 +546,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="mdPct" class="idLabel" id="mdPct-label">Melee Damage %:</label><br> <label for="mdPct" class="idLabel" id="mdPct-label">Melee Damage %:</label><br>
@ -547,7 +559,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="mdRaw" class="idLabel" id="mdRaw-label">Melee Damage Raw:</label><br> <label for="mdRaw" class="idLabel" id="mdRaw-label">Melee Damage Raw:</label><br>
@ -558,7 +572,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="poison" class="idLabel" id="poison-label">Poison:</label><br> <label for="poison" class="idLabel" id="poison-label">Poison:</label><br>
@ -569,7 +585,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
</tr>
<tr>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="eDamPct" class="idLabel" id="eDamPct-label">Earth Damage %:</label><br> <label for="eDamPct" class="idLabel" id="eDamPct-label">Earth Damage %:</label><br>
@ -580,7 +600,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="tDamPct" class="idLabel" id="tDamPct-label">Thunder Damage %:</label><br> <label for="tDamPct" class="idLabel" id="tDamPct-label">Thunder Damage %:</label><br>
@ -591,7 +613,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="wDamPct" class="idLabel" id="wDamPct-label">Water Damage %:</label><br> <label for="wDamPct" class="idLabel" id="wDamPct-label">Water Damage %:</label><br>
@ -602,7 +626,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="fDamPct" class="idLabel" id="fDamPct-label">Fire Damage %:</label><br> <label for="fDamPct" class="idLabel" id="fDamPct-label">Fire Damage %:</label><br>
@ -613,7 +639,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="aDamPct" class="idLabel" id="aDamPct-label">Air Damage %:</label><br> <label for="aDamPct" class="idLabel" id="aDamPct-label">Air Damage %:</label><br>
@ -624,97 +652,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<div class="idWrap"> </tr>
<div> <tr>
<label for="eDefPct" class="idLabel" id="eDefPct-label">Earth Defense %:</label><br> <td>
<input type="number" id="eDefPct" name="eDefPct" value="0" class="idInput"/> <div class="idLeft">
</div>
<div id="eDefPct-base">
Original Value: 0
</div>
</div>
</div>
<div class="idCenter">
<div class="idWrap">
<div>
<label for="tDefPct" class="idLabel" id="tDefPct-label">Thunder Defense %:</label><br>
<input type="number" id="tDefPct" name="tDefPct" value="0" class="idInput"/>
</div>
<div id="tDefPct-base">
Original Value: 0
</div>
</div>
</div>
<div class="idCenter">
<div class="idWrap">
<div>
<label for="wDefPct" class="idLabel" id="wDefPct-label">Water Defense %:</label><br>
<input type="number" id="wDefPct" name="wDefPct" value="0" class="idInput"/>
</div>
<div id="wDefPct-base">
Original Value: 0
</div>
</div>
</div>
<div class="idCenter">
<div class="idWrap">
<div>
<label for="fDefPct" class="idLabel" id="fDefPct-label">Fire Defense %:</label><br>
<input type="number" id="fDefPct" name="fDefPct" value="0" class="idInput"/>
</div>
<div id="fDefPct-base">
Original Value: 0
</div>
</div>
</div>
<div class="idCenter">
<div class="idWrap">
<div>
<label for="aDefPct" class="idLabel" id="aDefPct-label">Air Defense %:</label><br>
<input type="number" id="aDefPct" name="aDefPct" value="0" class="idInput"/>
</div>
<div id="aDefPct-base">
Original Value: 0
</div>
</div>
</div>
</div>
<div class="id-edit2">
<div class="idCenter">
<div class="idWrap">
<div>
<label for="hprRaw" class="idLabel" id="hprRaw-label">Health Regen Raw:</label><br>
<input type="number" id="hprRaw" name="hprRaw" value="0" class="idInput"/>
</div>
<div id="hprRaw-base">
Original Value: 0
</div>
</div>
</div>
<div class="idCenter">
<div class="idWrap">
<div>
<label for="hprPct" class="idLabel" id="hprPct-label">Health Regen %:</label><br>
<input type="number" id="hprPct" name="hprPct" value="0" class="idInput"/>
</div>
<div id="hprPct-base">
Original Value: 0
</div>
</div>
</div>
<div class="idCenter">
<div class="idWrap">
<div>
<label for="hpBonus" class="idLabel" id="hpBonus-label">Health Bonus:</label><br>
<input type="number" id="hpBonus" name="hpBonus" value="0" class="idInput"/>
</div>
<div id="hpBonus-base">
Original Value: 0
</div>
</div>
</div>
<div class="idCenter">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="atkTier" class="idLabel" id="atkTier-label">Attack Speed Bonus:</label><br> <label for="atkTier" class="idLabel" id="atkTier-label">Attack Speed Bonus:</label><br>
@ -725,7 +667,137 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
</tr>
</table>
</div>
<div class="id-edit1">
<table>
<tr>
<th colspan="2">
<h1>Defense values:</h1>
</th>
</tr>
<tr>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="eDefPct" class="idLabel" id="eDefPct-label">Earth Defense %:</label><br>
<input type="number" id="eDefPct" name="eDefPct" value="0" class="idInput"/>
</div>
<div id="eDefPct-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="tDefPct" class="idLabel" id="tDefPct-label">Thunder Defense %:</label><br>
<input type="number" id="tDefPct" name="tDefPct" value="0" class="idInput"/>
</div>
<div id="tDefPct-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="wDefPct" class="idLabel" id="wDefPct-label">Water Defense %:</label><br>
<input type="number" id="wDefPct" name="wDefPct" value="0" class="idInput"/>
</div>
<div id="wDefPct-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="fDefPct" class="idLabel" id="fDefPct-label">Fire Defense %:</label><br>
<input type="number" id="fDefPct" name="fDefPct" value="0" class="idInput"/>
</div>
<div id="fDefPct-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="aDefPct" class="idLabel" id="aDefPct-label">Air Defense %:</label><br>
<input type="number" id="aDefPct" name="aDefPct" value="0" class="idInput"/>
</div>
<div id="aDefPct-base">
Original Value: 0
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="hprRaw" class="idLabel" id="hprRaw-label">Health Regen Raw:</label><br>
<input type="number" id="hprRaw" name="hprRaw" value="0" class="idInput"/>
</div>
<div id="hprRaw-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="hprPct" class="idLabel" id="hprPct-label">Health Regen %:</label><br>
<input type="number" id="hprPct" name="hprPct" value="0" class="idInput"/>
</div>
<div id="hprPct-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="hpBonus" class="idLabel" id="hpBonus-label">Health Bonus:</label><br>
<input type="number" id="hpBonus" name="hpBonus" value="0" class="idInput"/>
</div>
<div id="hpBonus-base">
Original Value: 0
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="id-edit1">
<table>
<tr>
<th colspan="2">
<h1>Utility values:</h1>
</th>
</tr>
<tr>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="spPct1" class="idLabel" id="spPct1-label">1st Spell Cost %:</label><br> <label for="spPct1" class="idLabel" id="spPct1-label">1st Spell Cost %:</label><br>
@ -736,7 +808,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="spPct2" class="idLabel" id="spPct2-label">2nd Spell Cost %:</label><br> <label for="spPct2" class="idLabel" id="spPct2-label">2nd Spell Cost %:</label><br>
@ -747,7 +821,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="spPct3" class="idLabel" id="spPct3-label">3rd Spell Cost %:</label><br> <label for="spPct3" class="idLabel" id="spPct3-label">3rd Spell Cost %:</label><br>
@ -758,7 +834,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="spPct4" class="idLabel" id="spPct4-label">4th Spell Cost %:</label><br> <label for="spPct4" class="idLabel" id="spPct4-label">4th Spell Cost %:</label><br>
@ -769,7 +847,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
</tr>
<tr>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="spRaw1" class="idLabel" id="spRaw1-label">1st Spell Cost Raw:</label><br> <label for="spRaw1" class="idLabel" id="spRaw1-label">1st Spell Cost Raw:</label><br>
@ -780,7 +862,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="spRaw2" class="idLabel" id="spRaw2-label">2nd Spell Cost Raw:</label><br> <label for="spRaw2" class="idLabel" id="spRaw2-label">2nd Spell Cost Raw:</label><br>
@ -791,7 +875,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="spRaw3" class="idLabel" id="spRaw3-label">3rd Spell Cost Raw:</label><br> <label for="spRaw3" class="idLabel" id="spRaw3-label">3rd Spell Cost Raw:</label><br>
@ -802,7 +888,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<td>
<div class="idLeft">
<div class="idWrap"> <div class="idWrap">
<div> <div>
<label for="spRaw4" class="idLabel" id="spRaw4-label">4th Spell Cost Raw:</label><br> <label for="spRaw4" class="idLabel" id="spRaw4-label">4th Spell Cost Raw:</label><br>
@ -813,6 +901,9 @@
</div> </div>
</div> </div>
</div> </div>
</td>
</tr>
</table>
</div> </div>
</div> </div>
<br> <br>

View file

@ -194,8 +194,8 @@ table.center{
margin: auto; margin: auto;
} }
.idCenter { .idLeft {
text-align: center; text-align: left;
padding: 1em 0px 0px 0px; padding: 1em 0px 0px 0px;
position: relative; position: relative;
display: flex; display: flex;