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,305 +514,396 @@
</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">
<div class="idWrap"> <tr>
<div> <th colspan="2">
<label for="sdPct" class="idLabel" id="sdPct-label">Spell Damage %:</label><br> <h1>Damage values:</h1>
<input type="number" id="sdPct" name="sdPct" value="0" class="idInput"/> </th>
</div> </tr>
<div id="sdPct-base"> <tr>
Original Value: 0 <td>
</div> <div class="idLeft">
</div> <div class="idWrap">
</div> <div>
<div class="idCenter"> <label for="sdPct" class="idLabel" id="sdPct-label">Spell Damage %:</label><br>
<div class="idWrap"> <input type="number" id="sdPct" name="sdPct" value="0" class="idInput"/>
<div> </div>
<label for="sdRaw" class="idLabel" id="sdRaw-label">Spell Damage Raw:</label><br> <div id="sdPct-base">
<input type="number" id="sdRaw" name="sdRaw" value="0" class="idInput"/> Original Value: 0
</div> </div>
<div id="sdRaw-base"> </div>
Original Value: 0 </div>
</div> </td>
</div> <td>
</div> <div class="idLeft">
<div class="idCenter"> <div class="idWrap">
<div class="idWrap"> <div>
<div> <label for="sdRaw" class="idLabel" id="sdRaw-label">Spell Damage Raw:</label><br>
<label for="mdPct" class="idLabel" id="mdPct-label">Melee Damage %:</label><br> <input type="number" id="sdRaw" name="sdRaw" value="0" class="idInput"/>
<input type="number" id="mdPct" name="mdPct" value="0" class="idInput"/> </div>
</div> <div id="sdRaw-base">
<div id="mdPct-base"> Original Value: 0
Original Value: 0 </div>
</div> </div>
</div> </div>
</div> </td>
<div class="idCenter"> <td>
<div class="idWrap"> <div class="idLeft">
<div> <div class="idWrap">
<label for="mdRaw" class="idLabel" id="mdRaw-label">Melee Damage Raw:</label><br> <div>
<input type="number" id="mdRaw" name="mdRaw" value="0" class="idInput"/> <label for="mdPct" class="idLabel" id="mdPct-label">Melee Damage %:</label><br>
</div> <input type="number" id="mdPct" name="mdPct" value="0" class="idInput"/>
<div id="mdRaw-base"> </div>
Original Value: 0 <div id="mdPct-base">
</div> Original Value: 0
</div> </div>
</div> </div>
<div class="idCenter"> </div>
<div class="idWrap"> </td>
<div> <td>
<label for="poison" class="idLabel" id="poison-label">Poison:</label><br> <div class="idLeft">
<input type="number" id="poison" name="poison" value="0" class="idInput"/> <div class="idWrap">
</div> <div>
<div id="poison-base"> <label for="mdRaw" class="idLabel" id="mdRaw-label">Melee Damage Raw:</label><br>
Original Value: 0 <input type="number" id="mdRaw" name="mdRaw" value="0" class="idInput"/>
</div> </div>
</div> <div id="mdRaw-base">
</div> Original Value: 0
<div class="idCenter"> </div>
<div class="idWrap"> </div>
<div> </div>
<label for="eDamPct" class="idLabel" id="eDamPct-label">Earth Damage %:</label><br> </td>
<input type="number" id="eDamPct" name="eDamPct" value="0" class="idInput"/> <td>
</div> <div class="idLeft">
<div id="eDamPct-base"> <div class="idWrap">
Original Value: 0 <div>
</div> <label for="poison" class="idLabel" id="poison-label">Poison:</label><br>
</div> <input type="number" id="poison" name="poison" value="0" class="idInput"/>
</div> </div>
<div class="idCenter"> <div id="poison-base">
<div class="idWrap"> Original Value: 0
<div> </div>
<label for="tDamPct" class="idLabel" id="tDamPct-label">Thunder Damage %:</label><br> </div>
<input type="number" id="tDamPct" name="tDamPct" value="0" class="idInput"/> </div>
</div> </td>
<div id="tDamPct-base"> </tr>
Original Value: 0 <tr>
</div> <td>
</div> <div class="idLeft">
</div> <div class="idWrap">
<div class="idCenter"> <div>
<div class="idWrap"> <label for="eDamPct" class="idLabel" id="eDamPct-label">Earth Damage %:</label><br>
<div> <input type="number" id="eDamPct" name="eDamPct" value="0" class="idInput"/>
<label for="wDamPct" class="idLabel" id="wDamPct-label">Water Damage %:</label><br> </div>
<input type="number" id="wDamPct" name="wDamPct" value="0" class="idInput"/> <div id="eDamPct-base">
</div> Original Value: 0
<div id="wDamPct-base"> </div>
Original Value: 0 </div>
</div> </div>
</div> </td>
</div> <td>
<div class="idCenter"> <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="tDamPct" class="idLabel" id="tDamPct-label">Thunder Damage %:</label><br>
<input type="number" id="fDamPct" name="fDamPct" value="0" class="idInput"/> <input type="number" id="tDamPct" name="tDamPct" value="0" class="idInput"/>
</div> </div>
<div id="fDamPct-base"> <div id="tDamPct-base">
Original Value: 0 Original Value: 0
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<div class="idWrap"> <td>
<div> <div class="idLeft">
<label for="aDamPct" class="idLabel" id="aDamPct-label">Air Damage %:</label><br> <div class="idWrap">
<input type="number" id="aDamPct" name="aDamPct" value="0" class="idInput"/> <div>
</div> <label for="wDamPct" class="idLabel" id="wDamPct-label">Water Damage %:</label><br>
<div id="aDamPct-base"> <input type="number" id="wDamPct" name="wDamPct" value="0" class="idInput"/>
Original Value: 0 </div>
</div> <div id="wDamPct-base">
</div> Original Value: 0
</div> </div>
<div class="idCenter"> </div>
<div class="idWrap"> </div>
<div> </td>
<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 class="idWrap">
<div id="eDefPct-base"> <div>
Original Value: 0 <label for="fDamPct" class="idLabel" id="fDamPct-label">Fire Damage %:</label><br>
</div> <input type="number" id="fDamPct" name="fDamPct" value="0" class="idInput"/>
</div> </div>
</div> <div id="fDamPct-base">
<div class="idCenter"> Original Value: 0
<div class="idWrap"> </div>
<div> </div>
<label for="tDefPct" class="idLabel" id="tDefPct-label">Thunder Defense %:</label><br> </div>
<input type="number" id="tDefPct" name="tDefPct" value="0" class="idInput"/> </td>
</div> <td>
<div id="tDefPct-base"> <div class="idLeft">
Original Value: 0 <div class="idWrap">
</div> <div>
</div> <label for="aDamPct" class="idLabel" id="aDamPct-label">Air Damage %:</label><br>
</div> <input type="number" id="aDamPct" name="aDamPct" value="0" class="idInput"/>
<div class="idCenter"> </div>
<div class="idWrap"> <div id="aDamPct-base">
<div> Original Value: 0
<label for="wDefPct" class="idLabel" id="wDefPct-label">Water Defense %:</label><br> </div>
<input type="number" id="wDefPct" name="wDefPct" value="0" class="idInput"/> </div>
</div> </div>
<div id="wDefPct-base"> </td>
Original Value: 0 </tr>
</div> <tr>
</div> <td>
</div> <div class="idLeft">
<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="fDefPct" class="idLabel" id="fDefPct-label">Fire Defense %:</label><br> <input type="number" id="atkTier" name="atkTier" value="0" class="idInput"/>
<input type="number" id="fDefPct" name="fDefPct" value="0" class="idInput"/> </div>
</div> <div id="atkTier-base">
<div id="fDefPct-base"> Original Value: 0
Original Value: 0 </div>
</div> </div>
</div> </div>
</div> </td>
<div class="idCenter"> </tr>
<div class="idWrap"> </table>
<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>
<div class="id-edit2"> <div class="id-edit1">
<div class="idCenter"> <table>
<div class="idWrap"> <tr>
<div> <th colspan="2">
<label for="hprRaw" class="idLabel" id="hprRaw-label">Health Regen Raw:</label><br> <h1>Defense values:</h1>
<input type="number" id="hprRaw" name="hprRaw" value="0" class="idInput"/> </th>
</div> </tr>
<div id="hprRaw-base"> <tr>
Original Value: 0 <td>
</div> <div class="idLeft">
</div> <div class="idWrap">
</div> <div>
<div class="idCenter"> <label for="eDefPct" class="idLabel" id="eDefPct-label">Earth Defense %:</label><br>
<div class="idWrap"> <input type="number" id="eDefPct" name="eDefPct" value="0" class="idInput"/>
<div> </div>
<label for="hprPct" class="idLabel" id="hprPct-label">Health Regen %:</label><br> <div id="eDefPct-base">
<input type="number" id="hprPct" name="hprPct" value="0" class="idInput"/> Original Value: 0
</div> </div>
<div id="hprPct-base"> </div>
Original Value: 0 </div>
</div> </td>
</div> <td>
</div> <div class="idLeft">
<div class="idCenter"> <div class="idWrap">
<div class="idWrap"> <div>
<div> <label for="tDefPct" class="idLabel" id="tDefPct-label">Thunder Defense %:</label><br>
<label for="hpBonus" class="idLabel" id="hpBonus-label">Health Bonus:</label><br> <input type="number" id="tDefPct" name="tDefPct" value="0" class="idInput"/>
<input type="number" id="hpBonus" name="hpBonus" value="0" class="idInput"/> </div>
</div> <div id="tDefPct-base">
<div id="hpBonus-base"> Original Value: 0
Original Value: 0 </div>
</div> </div>
</div> </div>
</div> </td>
<div class="idCenter"> <td>
<div class="idWrap"> <div class="idLeft">
<div> <div class="idWrap">
<label for="atkTier" class="idLabel" id="atkTier-label">Attack Speed Bonus:</label><br> <div>
<input type="number" id="atkTier" name="atkTier" value="0" class="idInput"/> <label for="wDefPct" class="idLabel" id="wDefPct-label">Water Defense %:</label><br>
</div> <input type="number" id="wDefPct" name="wDefPct" value="0" class="idInput"/>
<div id="atkTier-base"> </div>
Original Value: 0 <div id="wDefPct-base">
</div> Original Value: 0
</div> </div>
</div> </div>
<div class="idCenter"> </div>
<div class="idWrap"> </td>
<div> <td>
<label for="spPct1" class="idLabel" id="spPct1-label">1st Spell Cost %:</label><br> <div class="idLeft">
<input type="number" id="spPct1" name="spPct1" value="0" class="idInput"/> <div class="idWrap">
</div> <div>
<div id="spPct1-base"> <label for="fDefPct" class="idLabel" id="fDefPct-label">Fire Defense %:</label><br>
Original Value: 0 <input type="number" id="fDefPct" name="fDefPct" value="0" class="idInput"/>
</div> </div>
</div> <div id="fDefPct-base">
</div> Original Value: 0
<div class="idCenter"> </div>
<div class="idWrap"> </div>
<div> </div>
<label for="spPct2" class="idLabel" id="spPct2-label">2nd Spell Cost %:</label><br> </td>
<input type="number" id="spPct2" name="spPct2" value="0" class="idInput"/> <td>
</div> <div class="idLeft">
<div id="spPct2-base"> <div class="idWrap">
Original Value: 0 <div>
</div> <label for="aDefPct" class="idLabel" id="aDefPct-label">Air Defense %:</label><br>
</div> <input type="number" id="aDefPct" name="aDefPct" value="0" class="idInput"/>
</div> </div>
<div class="idCenter"> <div id="aDefPct-base">
<div class="idWrap"> Original Value: 0
<div> </div>
<label for="spPct3" class="idLabel" id="spPct3-label">3rd Spell Cost %:</label><br> </div>
<input type="number" id="spPct3" name="spPct3" value="0" class="idInput"/> </div>
</div> </td>
<div id="spPct3-base"> </tr>
Original Value: 0 <tr>
</div> <td>
</div> <div class="idLeft">
</div> <div class="idWrap">
<div class="idCenter"> <div>
<div class="idWrap"> <label for="hprRaw" class="idLabel" id="hprRaw-label">Health Regen Raw:</label><br>
<div> <input type="number" id="hprRaw" name="hprRaw" value="0" class="idInput"/>
<label for="spPct4" class="idLabel" id="spPct4-label">4th Spell Cost %:</label><br> </div>
<input type="number" id="spPct4" name="spPct4" value="0" class="idInput"/> <div id="hprRaw-base">
</div> Original Value: 0
<div id="spPct4-base"> </div>
Original Value: 0 </div>
</div> </div>
</div> </td>
</div> <td>
<div class="idCenter"> <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="hprPct" class="idLabel" id="hprPct-label">Health Regen %:</label><br>
<input type="number" id="spRaw1" name="spRaw1" value="0" class="idInput"/> <input type="number" id="hprPct" name="hprPct" value="0" class="idInput"/>
</div> </div>
<div id="spRaw1-base"> <div id="hprPct-base">
Original Value: 0 Original Value: 0
</div> </div>
</div> </div>
</div> </div>
<div class="idCenter"> </td>
<div class="idWrap"> <td>
<div> <div class="idLeft">
<label for="spRaw2" class="idLabel" id="spRaw2-label">2nd Spell Cost Raw:</label><br> <div class="idWrap">
<input type="number" id="spRaw2" name="spRaw2" value="0" class="idInput"/> <div>
</div> <label for="hpBonus" class="idLabel" id="hpBonus-label">Health Bonus:</label><br>
<div id="spRaw2-base"> <input type="number" id="hpBonus" name="hpBonus" value="0" class="idInput"/>
Original Value: 0 </div>
</div> <div id="hpBonus-base">
</div> Original Value: 0
</div> </div>
<div class="idCenter"> </div>
<div class="idWrap"> </div>
<div> </td>
<label for="spRaw3" class="idLabel" id="spRaw3-label">3rd Spell Cost Raw:</label><br> </tr>
<input type="number" id="spRaw3" name="spRaw3" value="0" class="idInput"/> </table>
</div> </div>
<div id="spRaw3-base"> <div class="id-edit1">
Original Value: 0 <table>
</div> <tr>
</div> <th colspan="2">
</div> <h1>Utility values:</h1>
<div class="idCenter"> </th>
<div class="idWrap"> </tr>
<div> <tr>
<label for="spRaw4" class="idLabel" id="spRaw4-label">4th Spell Cost Raw:</label><br> <td>
<input type="number" id="spRaw4" name="spRaw4" value="0" class="idInput"/> <div class="idLeft">
</div> <div class="idWrap">
<div id="spRaw4-base"> <div>
Original Value: 0 <label for="spPct1" class="idLabel" id="spPct1-label">1st Spell Cost %:</label><br>
</div> <input type="number" id="spPct1" name="spPct1" value="0" class="idInput"/>
</div> </div>
</div> <div id="spPct1-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="spPct2" class="idLabel" id="spPct2-label">2nd Spell Cost %:</label><br>
<input type="number" id="spPct2" name="spPct2" value="0" class="idInput"/>
</div>
<div id="spPct2-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="spPct3" class="idLabel" id="spPct3-label">3rd Spell Cost %:</label><br>
<input type="number" id="spPct3" name="spPct3" value="0" class="idInput"/>
</div>
<div id="spPct3-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="spPct4" class="idLabel" id="spPct4-label">4th Spell Cost %:</label><br>
<input type="number" id="spPct4" name="spPct4" value="0" class="idInput"/>
</div>
<div id="spPct4-base">
Original Value: 0
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="spRaw1" class="idLabel" id="spRaw1-label">1st Spell Cost Raw:</label><br>
<input type="number" id="spRaw1" name="spRaw1" value="0" class="idInput"/>
</div>
<div id="spRaw1-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="spRaw2" class="idLabel" id="spRaw2-label">2nd Spell Cost Raw:</label><br>
<input type="number" id="spRaw2" name="spRaw2" value="0" class="idInput"/>
</div>
<div id="spRaw2-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="spRaw3" class="idLabel" id="spRaw3-label">3rd Spell Cost Raw:</label><br>
<input type="number" id="spRaw3" name="spRaw3" value="0" class="idInput"/>
</div>
<div id="spRaw3-base">
Original Value: 0
</div>
</div>
</div>
</td>
<td>
<div class="idLeft">
<div class="idWrap">
<div>
<label for="spRaw4" class="idLabel" id="spRaw4-label">4th Spell Cost Raw:</label><br>
<input type="number" id="spRaw4" name="spRaw4" value="0" class="idInput"/>
</div>
<div id="spRaw4-base">
Original Value: 0
</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;