Skip to content

Commit

Permalink
Merge pull request #13615 from eGellman89/master
Browse files Browse the repository at this point in the history 
# Table Top Defined - New Features and adjustments
  • Loading branch information
@kfroll20
kfroll20 authored Dec 17, 2024
2 parents 6287d4b + 9f554c5 commit f318623
Show file tree
Hide file tree
Showing 2 changed files with 171 additions and 27 deletions.
48 changes: 43 additions & 5 deletions Table Top Defined/Table_Top_Defined.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -311,7 +311,7 @@
.ui-dialog .charsheet .Small-Button{
width: 16px;
height: 12px;
padding: 0;
padding: 0 0 1px 0;
margin: 0;
border: 1px black solid;
transition-duration: 0.4s;
Expand Down Expand Up @@ -397,13 +397,27 @@
margin: 0;
}

.ui-dialog .charsheet .die-select{
width: 24px;
height: 21px;
font-weight: bold;
text-align: center;
padding: 0;
font-size: 12px;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
vertical-align: middle;
}

.ui-dialog .charsheet .fixed-select{
width: 52px;
height: 18px;
width: 60px;
height: 21px;
text-align: center;
padding: 0;
font-size: 12px;
margin: 0;
vertical-align: middle;
}

/*General Grid*/
Expand Down Expand Up @@ -799,6 +813,22 @@
padding-bottom: 8px;
}

.charsheet .sheet-abilities .repcontainer[data-groupname="repeating_abilities"] .grc1,
.charsheet .sheet-abilities .repcontainer[data-groupname="repeating_abilities"] .grc2,
.charsheet .sheet-abilities .repcontainer[data-groupname="repeating_abilities"] .grc3,
.charsheet .sheet-abilities .repcontainer[data-groupname="repeating_abilities"] .grc4{
width: auto;
}

.sheet-abilities .grc1 > div,
.sheet-abilities .grc2 > div,
.sheet-abilities .grc3 > div,
.sheet-abilities .grc4 > div{
align-items: center;
min-height: 20px;
height: auto;
}

.ui-dialog .charsheet .sheet-abilities .Ability-name{
background-color: #000000;
color: #FFFFFF;
Expand All @@ -808,16 +838,21 @@
font-size: medium;
}

.charsheet .sheet-abilities .ability_description{
background-color: #D0D0D0;
}

.ui-dialog .charsheet .sheet-abilities textarea{
vertical-align: top;
text-align: left;
height: 54px;
min-height: 54px;
width: 94%;
width: 96%;
border: 1px solid black;
border-radius: 5px 5px 5px 5px;
resize: vertical;
padding: 0;
padding: 2px;
color: #000000;
}

.sheet-abilities .ggrid .grr4.ggridc .ability-toggle[value="1"] ~ div.ability_description.ggrid{
Expand Down Expand Up @@ -851,6 +886,7 @@
width: 20%;
border-radius: 12px 12px 0 0;
overflow: clip;
background: #D0D0D0;
}

/*</editor-fold>*/
Expand Down Expand Up @@ -978,6 +1014,7 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{

.minimizable-repeat-spells .spells-toggle[value="1"] ~ div.spells_description{
display: grid;
background: #D0D0D0;
}

.minimizable-repeat-spells .spells_description input[type=number]{
Expand Down Expand Up @@ -1023,6 +1060,7 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
}



.minimizable-repeat-spells .spells_description .Details-2 {
grid-area: Details-2;
padding: 3px;
Expand Down
150 changes: 128 additions & 22 deletions Table Top Defined/Table_Top_Defined.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -676,23 +676,24 @@
<input type="text" class="Ability-name" name="attr_abilityname" placeholder="<Ability Name Here>"/>
<button type="roll" name="roll_ability_card" value="@{abilityroll}"></button>
</div>
<div class="grr2 titleblock" style="font-size: small; font-weight: normal">
Uses Remaining: <input class="standard-input" type="text" name="attr_userdescription" placeholder="per day"/>
<div class="grr2 titleblock" style="font-size: small; font-weight: normal; margin-bottom: 2px">
Use(s): <input class="standard-input" type="text" name="attr_userdescription" placeholder="per day"/>
Max Uses: <input class="standard-input" type="text" name="attr_uses"/>
Resource: <input title="Resource Name" class="standard-input" type="text" name="attr_resourceNameCard"/>
<input type="hidden" name="attr_abilityroll"/>
</div>
</div>
<input type="hidden" class="ability-toggle" name="attr_minimizeability" value="0"/>
<div class="ability_description ggrid">
<div class="grr1 ggridc">
<div class="grr1 ggridc" style="margin-top: 2px">
<div class="grc1">
<div>Target:</div>
<div>Target/Effect:</div>
<div>Duration:</div>
<div>DC:</div>
<div>Ability Type?</div>
<div>Dice Rolled?</div>
<div>Spell Resistance?</div>
</div>
<div>Dice Rolled?</div>
<div>Spell Resistance?</div>
</div>
<div class="grc2">
<div><input class="standard-input" type="text" name="attr_abilitytarget"/></div>
<div><input class="standard-input" type="text" name="attr_abilityduration" placeholder="Rounds"/></div>
Expand All @@ -706,9 +707,15 @@
</select>
</div>
<div>
<span>
<input class="small-input" type="text" name="attr_abilitydicenum" placeholder="#"/><input class="small-input" type="text" name="attr_abilitydicetype" placeholder="d#"/>
</span>
<input class="standard-input" type="text" name="attr_abilitydicenum" placeholder="#"/>
<select class="die-select" name="attr_abilitydicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select>
</div>
<div><input type="checkbox" name="attr_abilitysrconfirm" value="1"/></div>
</div>
Expand Down Expand Up @@ -830,7 +837,19 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:
<span style="float: right; background: #D0D0D0">
<input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select>
</span>
</div>
<div>
<div style="float:left"><div style="float:left">On Success:</div></div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -921,7 +940,15 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:<span style="float: right; background: #D0D0D0"><input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select></span></div>
<div>
<div style="float:left">On Success:</div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -1012,7 +1039,15 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:<span style="float: right; background: #D0D0D0"><input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select></span></div>
<div>
<div style="float:left">On Success:</div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -1103,7 +1138,15 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:<span style="float: right; background: #D0D0D0"><input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select></span></div>
<div>
<div style="float:left">On Success:</div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -1194,7 +1237,15 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:<span style="float: right; background: #D0D0D0"><input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select></span></div>
<div>
<div style="float:left">On Success:</div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -1287,7 +1338,15 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:<span style="float: right; background: #D0D0D0"><input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select></span></div>
<div>
<div style="float:left">On Success:</div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -1378,7 +1437,15 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:<span style="float: right; background: #D0D0D0"><input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select></span></div>
<div>
<div style="float:left">On Success:</div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -1469,7 +1536,15 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:<span style="float: right; background: #D0D0D0"><input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select></span></div>
<div>
<div style="float:left">On Success:</div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -1560,7 +1635,15 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:<span style="float: right; background: #D0D0D0"><input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select></span></div>
<div>
<div style="float:left">On Success:</div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -1651,7 +1734,15 @@ <h3 style="color:white">Spell Casting</h3>
<div>Components: <input type="text" name="attr_components"/></div>
<div>Range: <input type="text" name="attr_range"/></div>
<div>Duration: <input type="text" name="attr_duration"/></div>
<div>Dice Rolled:<span style="float: right; background-color: #FFFFFF"><input style="float:none" type="text" name="attr_dicenum" placeholder="#"><input style="float:none" type="text" name="attr_dicetype" placeholder="d#"></span></div>
<div>Dice Rolled:<span style="float: right; background: #D0D0D0"><input style="float:none" type="text" name="attr_dicenum" placeholder="#">
<select class="die-select" name="attr_dicetype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select></span></div>
<div>
<div style="float:left">On Success:</div>
<select name="attr_savesucces" class="spellselect">
Expand Down Expand Up @@ -2408,7 +2499,15 @@ <h3 style="color:white">Spell Casting</h3>
</div>
<div>
<input type="text" name="attr_dnum" class="small-input" placeholder="#"/>
<input type="text" name="attr_dtype" class="small-input" placeholder="d#"/>
<select class="die-select" name="attr_dtype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select>
<!--<input type="text" name="attr_dtype" class="small-input" placeholder="d#"/>-->
</div>
<div><input type="text" name="attr_bonustodamage" class="standard-input" value="0"/></div>
<div><input type="text" name="attr_enchdamagedice" class="standard-input" value=""/></div>
Expand Down Expand Up @@ -2577,7 +2676,14 @@ <h3 style="color:white">Spell Casting</h3>
</div>
<div>
<input type="text" name="attr_dnum" class="small-input" placeholder="#"/>
<input type="text" name="attr_dtype" class="small-input" placeholder="d#"/>
<select class="die-select" name="attr_dtype">
<option value="d3">d3</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select>
</div>
<div><input type="text" name="attr_bonustodamage" class="standard-input" value="0"/></div>
<div><input type="text" name="attr_enchdamagedice" class="standard-input" value=""/></div>
Expand Down

0 comments on commit f318623

Please sign in to comment.