added a couple background options

This commit is contained in:
Vince
2021-10-10 21:21:44 -07:00
parent d31b66a847
commit cccff10842
2 changed files with 61 additions and 31 deletions
+19
View File
@@ -31,6 +31,13 @@ div.sheet-abilities tr td:nth-child(2) {
div.sheet-abilities tr td:nth-child(2) input.sheet-input-small {
width: 50%;
}
.sheet-options {
display: flex;
}
.sheet-options label {
font-size: 1em;
}
/* background toggle */
.sheet-wrapper {
@@ -49,6 +56,16 @@ div.sheet-abilities tr td:nth-child(2) input.sheet-input-small {
background-position: center top;
}
.sheet-useBackground input[value="3"]:checked~.sheet-background {
background-image: none;
background-color: #f4d74f;
}
.sheet-useBackground input[value="4"]:checked~.sheet-background {
background-image: none;
background-color: #b5dcb3;
}
/* converting from tables */
.sheet-table {
justify-content: center;
@@ -86,6 +103,7 @@ div.sheet-abilities tr td:nth-child(2) input.sheet-input-small {
border: 1px solid gray;
border-radius: 10px;
border-collapse: separate;
box-sizing: border-box;
margin: 2px 0 2px 0;
padding: 2px;
}
@@ -240,6 +258,7 @@ input[readonly] {
select {
background-color: transparent;
cursor: pointer;
}
button[type=roll].sheet-button-url {
+42 -31
View File
@@ -1,9 +1,13 @@
<div class="sheet-useBackground">
<!--background hidden inputs-->
<input type="checkbox" class="sheet-useBackground" style="display:none;" name="attr_background" value="1" checked />
<input type="checkbox" class="sheet-useBackground" style="display:none;" name="attr_background" value="2" />
<input type="checkbox" class="sheet-useBackground" style="display:none;" name="attr_background" value="3" />
<input type="checkbox" class="sheet-useBackground" style="display:none;" name="attr_background" value="4" />
<div class="sheet-background">
<div class="sheet-wrapper">
<span class="sheet-announcements-title">Announcements</span>
<input type="checkbox" class="sheet-sect-show" name="attr_toggle_announcements" value="1" style="width: 135px; margin: 0 -20px 0 -110px;" checked /><span></span>
<div class="sheet-sect sheet-announcements">
@@ -35,10 +39,9 @@
<button type="roll" class="sheet-button-url" value="https://app.roll20.net/forum/post/8460127/ad-and-d-1e-update">Old AD&D1e sheet thread discussions.</button><br /><br />
A "beta" game has been made available for testing the latest updates prior to going live as well;
<button type="roll" class="sheet-button-url" value="https://app.roll20.net/join/731454/6RYNIQ">Join link here.</button>
Feel free to import characters and review the latest changes. Please report any bugs and/or suggestions to the 1e discussion thread linked above.<br />
Sincerely.<br />
~ Vince
Feel free to import characters and review the latest changes. Please report any bugs and/or suggestions to the 1e discussion thread linked above.<br /><br />
</li>
<li>Added a couple new background options.(Goldenrod and Moldvay)</li>
</ul>
</div>
@@ -129,13 +132,13 @@
<td class="sheet-right">Gender:</td>
<td><input type="text" class="sheet-input-medium" name="attr_gender" title="@{gender}" placeholder="N/A" /></td>
<td class="sheet-right">Age:</td>
<td><input type="text" class="sheet-input-small" name="attr_age" title="@{age}" value="0" /></td>
<td><input type="text" class="sheet-input-medium" name="attr_age" title="@{age}" value="0" /></td>
</tr>
<tr>
<td class="sheet-right">Ht:</td>
<td><input type="text" class="sheet-input-small" name="attr_height" title="@{height}" value="0" /></td>
<td><input type="text" class="sheet-input-medium" name="attr_height" title="@{height}" value="0" /></td>
<td class="sheet-right">Wt:</td>
<td><input type="text" class="sheet-input-small" name="attr_weight" title="@{weight}" value="0" /></td>
<td><input type="text" class="sheet-input-medium" name="attr_weight" title="@{weight}" value="0" /></td>
</tr>
<tr>
<td class="sheet-right">Eyes:</td>
@@ -847,32 +850,40 @@
<hr>
</div>
<h4>Settings</h4>
<div class="sheet-options sheet-text-small">
<span style="margin-right: 2em;">
Background:
<input type="radio" class="sheet-useBackground" name="attr_background" value="1" title="No background image." checked="">Off
<input type="radio" class="sheet-useBackground" name="attr_background" value="2" title="Enable background image.">On
<div class="sheet-options">
<span>
<label>
Background:
<select class="sheet-useBackground" name="attr_background" style="width:8em;">
<option value="1">Nothing</option>
<option value="2">Parchment</option>
<option value="3">Goldenrod</option>
<option value="4">Moldvay</option>
</select>
</label>
</span>
<span>
Roll Template Color:
<select name="attr_color_option" title="@{color_option}" style="width: 8em;">
<option value="black" selected>black</option>
<option value="grey">grey</option>
<option value="darkgrey">darkgrey</option>
<option value="white">white</option>
<option value="red">red</option>
<option value="darkred">darkred</option>
<option value="orange">orange</option>
<option value="darkorange">darkorange</option>
<option value="yellow">yellow</option>
<option value="darkyellow">darkyellow</option>
<option value="green">green</option>
<option value="darkgreen">darkgreen</option>
<option value="blue">blue</option>
<option value="darkblue">darkblue</option>
<option value="purple">purple</option>
<option value="darkpurple">darkpurple</option>
</select>
<label>
Roll Template Color:
<select name="attr_color_option" title="@{color_option}" style="width: 8em;">
<option value="black" selected>black</option>
<option value="grey">grey</option>
<option value="darkgrey">darkgrey</option>
<option value="white">white</option>
<option value="red">red</option>
<option value="darkred">darkred</option>
<option value="orange">orange</option>
<option value="darkorange">darkorange</option>
<option value="yellow">yellow</option>
<option value="darkyellow">darkyellow</option>
<option value="green">green</option>
<option value="darkgreen">darkgreen</option>
<option value="blue">blue</option>
<option value="darkblue">darkblue</option>
<option value="purple">purple</option>
<option value="darkpurple">darkpurple</option>
</select>
</label>
</span>
</div>
<div class="sheet-footer sheet-text-small">