update to dev lol
This commit is contained in:
Restia Ashdoll
parent
a31fdf46ad
commit
f17226769e
2 changed files with 395 additions and 304 deletions
315
index.html
315
index.html
|
|
@ -194,7 +194,7 @@
|
|||
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="externalBuffs hide-container-block" id="buff-box" style="display: none;">
|
||||
<div class="externalBuffs" id="buff-box">
|
||||
<table class="externalBuffs">
|
||||
<tr>
|
||||
<p class = "buffs-title itemp title">
|
||||
|
|
@ -229,7 +229,7 @@
|
|||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class = "powder-specials" style="display: none;">
|
||||
<div class = "powder-specials">
|
||||
<div class = "powder-special-stats" style = "grid-column:1;grid-row:1">
|
||||
<div class = "center" id = "powder-special-stats">
|
||||
<p class = "itemp">Powder Specials</p>
|
||||
|
|
@ -512,7 +512,15 @@
|
|||
</div>
|
||||
<div class="id-box fade-in" id="id-edit" style="display: none">
|
||||
<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>
|
||||
<label for="sdPct" class="idLabel" id="sdPct-label">Spell Damage %:</label><br>
|
||||
|
|
@ -523,7 +531,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="sdRaw" class="idLabel" id="sdRaw-label">Spell Damage Raw:</label><br>
|
||||
|
|
@ -534,7 +544,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="mdPct" class="idLabel" id="mdPct-label">Melee Damage %:</label><br>
|
||||
|
|
@ -545,7 +557,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="mdRaw" class="idLabel" id="mdRaw-label">Melee Damage Raw:</label><br>
|
||||
|
|
@ -556,7 +570,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="poison" class="idLabel" id="poison-label">Poison:</label><br>
|
||||
|
|
@ -567,7 +583,11 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="eDamPct" class="idLabel" id="eDamPct-label">Earth Damage %:</label><br>
|
||||
|
|
@ -578,7 +598,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="tDamPct" class="idLabel" id="tDamPct-label">Thunder Damage %:</label><br>
|
||||
|
|
@ -589,7 +611,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="wDamPct" class="idLabel" id="wDamPct-label">Water Damage %:</label><br>
|
||||
|
|
@ -600,7 +624,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="fDamPct" class="idLabel" id="fDamPct-label">Fire Damage %:</label><br>
|
||||
|
|
@ -611,7 +637,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="aDamPct" class="idLabel" id="aDamPct-label">Air Damage %:</label><br>
|
||||
|
|
@ -622,97 +650,11 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
<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>
|
||||
<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">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="atkTier" class="idLabel" id="atkTier-label">Attack Speed Bonus:</label><br>
|
||||
|
|
@ -723,7 +665,137 @@
|
|||
</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>
|
||||
<label for="spPct1" class="idLabel" id="spPct1-label">1st Spell Cost %:</label><br>
|
||||
|
|
@ -734,7 +806,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="spPct2" class="idLabel" id="spPct2-label">2nd Spell Cost %:</label><br>
|
||||
|
|
@ -745,7 +819,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="spPct3" class="idLabel" id="spPct3-label">3rd Spell Cost %:</label><br>
|
||||
|
|
@ -756,7 +832,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="spPct4" class="idLabel" id="spPct4-label">4th Spell Cost %:</label><br>
|
||||
|
|
@ -767,7 +845,11 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</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>
|
||||
|
|
@ -778,7 +860,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="spRaw2" class="idLabel" id="spRaw2-label">2nd Spell Cost Raw:</label><br>
|
||||
|
|
@ -789,7 +873,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="spRaw3" class="idLabel" id="spRaw3-label">3rd Spell Cost Raw:</label><br>
|
||||
|
|
@ -800,7 +886,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="idCenter">
|
||||
</td>
|
||||
<td>
|
||||
<div class="idLeft">
|
||||
<div class="idWrap">
|
||||
<div>
|
||||
<label for="spRaw4" class="idLabel" id="spRaw4-label">4th Spell Cost Raw:</label><br>
|
||||
|
|
@ -811,6 +899,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
|
@ -879,7 +970,7 @@
|
|||
<div class = "center set-info" id = "set-info-div" style = "grid-column:1;grid-row:1; display: none;">
|
||||
<div class = "center" id = "set-info">Set info</div>
|
||||
</div>
|
||||
<div class = "center int-info hide-container-block" id = "int-info-div" style = "grid-column:4;grid-row:1; display: none;">
|
||||
<div class = "center int-info" id = "int-info-div" style = "grid-column:4;grid-row:1; display: none;">
|
||||
<div class = "center" id = "int-info">Next Spell Costs</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -191,8 +191,8 @@ table.center{
|
|||
margin: auto;
|
||||
}
|
||||
|
||||
.idCenter {
|
||||
text-align: center;
|
||||
.idLeft {
|
||||
text-align: left;
|
||||
padding: 1em 0px 0px 0px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
|
|
@ -321,7 +321,7 @@ button.toggleOn{
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.hide-container-block, .hide-container-grid, .set-info-div, .fade-in, .misc {
|
||||
.hide-container-block, .hide-container-grid, .set-info-div, .fade-in {
|
||||
animation-duration: 0.5s;
|
||||
animation-name: fadeInFromNone;
|
||||
animation-fill-mode: forwards;
|
||||
|
|
|
|||
Loading…
Reference in a new issue