endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests Activity

minor equipment input changes

Browse source
This commit is contained in:
Restia Ashdoll 2021-01-19 18:29:58 -07:00
parent df268125d0
commit 2f56415ac0
2 changed files with 24 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
index.html
View file

@ -24,15 +24,13 @@
</div> </div>
<div class="summary"> <div class="summary">
<div class="equipment" style="grid-column:1/span 2;grid-row:1"> <div class="equipment" style="grid-column:1/span 2;grid-row:1">
<div style="grid-column:1/span 2;grid-row:1"> <div style="grid-column:1/span 2;grid-row:1;width: 40vw">
<table> <table class="center">
<tr> <tr>
<th class="center title"> <th class="center title">
<label>Equipment</label> <label>Equipment</label>
</th> </th>
<th class="center title"> <th></th>
<label>Powdering</label>
</th>
<th class="center title"> <th class="center title">
<label>Accessories</label> <label>Accessories</label>
</th> </th>
@ -46,12 +44,12 @@
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label id="helmet-slots" for="helmet-powder">X slots</label> <label id="helmet-slots" for="helmet-powder">X slots</label><br>
<input class="iteminput" type="text" id="helmet-powder" name="helmet-powder" placeholder="Example: t6t6"/> <input class="powderinput" type="text" id="helmet-powder" name="helmet-powder" placeholder="Example: t6t6"/>
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label for="ring1-choice">Ring 1:</label> <label for="ring1-choice">Ring 1:</label><br>
<input class="iteminput" list="ring1-items" id="ring1-choice" name="ring1-choice" placeholder="No Ring 1"/> <input class="iteminput" list="ring1-items" id="ring1-choice" name="ring1-choice" placeholder="No Ring 1"/>
<datalist id="ring1-items"> <datalist id="ring1-items">
</datalist> </datalist>
@ -67,12 +65,12 @@
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label id="chestplate-slots" for="chestplate-powder">X slots</label> <label id="chestplate-slots" for="chestplate-powder">X slots</label><br>
<input class="iteminput" type="text" id="chestplate-powder" name="chestplate-powder" /> <input class="powderinput" type="text" id="chestplate-powder" name="chestplate-powder" />
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label for="ring2-choice">Ring 2:</label> <label for="ring2-choice">Ring 2:</label><br>
<input class="iteminput" list="ring2-items" id="ring2-choice" name="ring2-choice" placeholder="No Ring 2" /> <input class="iteminput" list="ring2-items" id="ring2-choice" name="ring2-choice" placeholder="No Ring 2" />
<datalist id="ring2-items"> <datalist id="ring2-items">
</datalist> </datalist>
@ -88,12 +86,12 @@
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label id="leggings-slots" for="leggings-powder">X slots</label> <label id="leggings-slots" for="leggings-powder">X slots</label><br>
<input class="iteminput" type="text" id="leggings-powder" name="leggings-powder" /> <input class="powderinput" type="text" id="leggings-powder" name="leggings-powder" />
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label for="bracelet-choice">Bracelet:</label> <label for="bracelet-choice">Bracelet:</label><br>
<input class="iteminput" list="bracelet-items" id="bracelet-choice" name="bracelet-choice" placeholder="No Bracelet" /> <input class="iteminput" list="bracelet-items" id="bracelet-choice" name="bracelet-choice" placeholder="No Bracelet" />
<datalist id="bracelet-items"> <datalist id="bracelet-items">
</datalist> </datalist>
@ -109,12 +107,12 @@
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label id="boots-slots" for="boots-powder">X slots</label> <label id="boots-slots" for="boots-powder">X slots</label><br>
<input class="iteminput" type="text" id="boots-powder" name="boots-powder" /> <input class="powderinput" type="text" id="boots-powder" name="boots-powder" />
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<label for="necklace-choice">Necklace:</label> <label for="necklace-choice">Necklace:</label><br>
<input class="iteminput" list="necklace-items" id="necklace-choice" name="necklace-choice" placeholder="No Necklace"/> <input class="iteminput" list="necklace-items" id="necklace-choice" name="necklace-choice" placeholder="No Necklace"/>
<datalist id="necklace-items"> <datalist id="necklace-items">
</datalist> </datalist>
@ -132,13 +130,13 @@
</td> </td>
<td class="left"> <td class="left">
<br> <br>
<label id="weapon-slots" for="weapon-powder">X slots</label> <label id="weapon-slots" for="weapon-powder">X slots</label><br>
<input class="iteminput" type="text" id="weapon-powder" name="weapon-powder" /> <input class="powderinput" type="text" id="weapon-powder" name="weapon-powder" />
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif; white-space: nowrap;"></p>
</td> </td>
<td class="left"> <td class="left">
<br/> <br/>
<label for="level-choice">Level:</label> <label for="level-choice">Level:</label><br>
<input class="iteminput" id="level-choice" name="level-choice" placeholder="106" value=""/> <input class="iteminput" id="level-choice" name="level-choice" placeholder="106" value=""/>
<p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif;"></p> <p class="error" style="color: red; top: 30px; font-size: 10px; padding: 0; margin: 0; height: 5px; font-family: 'Nunito', sans-serif;"></p>
</td> </td>
@ -146,7 +144,7 @@
</table> </table>
</div> </div>
<div class="center" style="grid-column:1/span 3;grid-row:2"> <div class="center" style="grid-column:1/span 3;grid-row:2">
<table> <table class="center">
<tr> <tr>
<td> <td>
<br/> <br/>

6
wide.css
View file

@ -43,7 +43,11 @@
} }
.iteminput { .iteminput {
width: 15vw; width: 11vw;
}
.powderinput {
width: 4vw;
} }
.skpInput, .idInput { .skpInput, .idInput {