mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-05 14:42:31 +00:00
Merge pull request #14512 from pktome/master
[Iron Warfare - Moss, Stone & Steel] New Sheet
This commit is contained in:
Lucas Hall
@@ -0,0 +1,457 @@
|
||||
/* ========================= */
|
||||
/* TEMPLATE: RTS UNIT CARD */
|
||||
/* Author: Patrick Leo */
|
||||
/* ========================= */
|
||||
.ui-dialog .largedialog.characterviewer {
|
||||
padding: 0;
|
||||
}
|
||||
.sheet-darkmode .characterviewer label, .sheet-darkmode .options .row > span {
|
||||
color: #ffd166;
|
||||
}
|
||||
.ui-dialog .charsheet {
|
||||
padding: 0;
|
||||
}
|
||||
.sheet-darkmode .sheetform {
|
||||
background: #222;
|
||||
}
|
||||
.tcg {
|
||||
--max-width: 1170px;
|
||||
--col-width: 70px;
|
||||
--gap-width: 30px;
|
||||
--cols-total: 12;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: var(--gap-width);
|
||||
align-items: stretch;
|
||||
justify-content: center;
|
||||
background: #181818;
|
||||
border: 2px solid #2a2a2a;
|
||||
border-radius: 8px;
|
||||
padding: 16px;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
}
|
||||
.tcg * {
|
||||
box-sizing: border-box;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
.tcg fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.tcg textarea {
|
||||
resize: none;
|
||||
line-height: inherit;
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.tcg label {
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
margin: 0;
|
||||
padding: 0px;
|
||||
}
|
||||
.tcg .tcg-repeating-item, .tcg .tcg-item {
|
||||
position: relative;
|
||||
line-height: 1.25em;
|
||||
min-height: 30px;
|
||||
}
|
||||
.tcg .tcg-repeating-item span, .tcg .tcg-item span {
|
||||
display: block;
|
||||
max-height: calc(4em * 1.25 + 4px * 2);
|
||||
overflow-y: auto;
|
||||
min-height: 21px;
|
||||
width: 100%;
|
||||
}
|
||||
.tcg .repcontrol {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.tcg .repcontrol button {
|
||||
padding: 3px 6px;
|
||||
border-radius: 3px;
|
||||
margin: 0;
|
||||
background: black;
|
||||
color: white;
|
||||
border-color: #333;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tcg .repcontainer .repitem .itemcontrol {
|
||||
z-index: 1;
|
||||
}
|
||||
.tcg .repcontainer .repitem {
|
||||
padding-left: 30px;
|
||||
position: relative;
|
||||
border-left: 1px solid #ffd166;
|
||||
}
|
||||
.tcg .repcontainer .repitem:last-child {
|
||||
border-left: 1px solid transparent;
|
||||
}
|
||||
.tcg .repcontainer .repitem::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: -1px;
|
||||
width: 28px;
|
||||
height: 21px;
|
||||
border-left: 1px solid #ffd166;
|
||||
border-bottom: 1px solid #ffd166;
|
||||
}
|
||||
.tcg .repcontainer .repitem:first-child::after {
|
||||
height: 51px;
|
||||
}
|
||||
/* ----------- */
|
||||
/* COLUMNS */
|
||||
/* ----------- */
|
||||
.tcg .tcg-column {
|
||||
--qty: 1;
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--gap-width);
|
||||
align-items: stretch;
|
||||
width: calc(((var(--qty) / 12) * 100%) - ((var(--gap-width) * (var(--cols-total) - 1)) / var(--cols-total)));
|
||||
max-width: calc((var(--col-width) * var(--qty)) + (var(--gap-width) * (var(--qty) - 1)));
|
||||
}
|
||||
.tcg .tcg-flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.tcg .no-wrap {
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
.tcg .column-1 {
|
||||
--qty: 5;
|
||||
}
|
||||
.tcg .column-2 {
|
||||
--qty: 3;
|
||||
}
|
||||
.tcg .column-3 {
|
||||
--qty: 4;
|
||||
}
|
||||
.tcg .column-2 .tcg-content, .tcg .repcontainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(var(--gap-width) / 5);
|
||||
}
|
||||
/* ----------- */
|
||||
/* GROUP BLOCK */
|
||||
/* ----------- */
|
||||
.tcg .tcg-group, .tcg .tcg-section {
|
||||
background: #1f1f1f;
|
||||
border: 1px solid #333;
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-self: stretch;
|
||||
height: 100%;
|
||||
max-height: fit-content;
|
||||
}
|
||||
.tcg .tcg-header-title {
|
||||
background: linear-gradient(90deg, #3a3a3a 0%, #1a1a1a 100%);
|
||||
color: #ffd166;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.5px;
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
}
|
||||
.tcg .tcg-header-title::after {
|
||||
content: "▼";
|
||||
font-size: 10px;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.tcg .tcg-toggle {
|
||||
display: none;
|
||||
}
|
||||
.tcg .tcg-toggle:not(:checked) ~ .tcg-content {
|
||||
max-height: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
.tcg .tcg-toggle:checked ~ .tcg-content {
|
||||
opacity: 1;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
.tcg .tcg-toggle:not(:checked) + .tcg-header-title::after {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
.tcg .tcg-content {
|
||||
padding: 10px 12px;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
/* ------------- */
|
||||
/* LIST STRUCTURE */
|
||||
/* ------------- */
|
||||
.tcg .tcg-list-items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(var(--gap-width) / 5);
|
||||
}
|
||||
.tcg .tcg-list-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #262626;
|
||||
padding: 0px 6px;
|
||||
min-height: 30px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #2e2e2e;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.tcg .tcg-list-item:hover {
|
||||
background: #2f2f2f;
|
||||
}
|
||||
.tcg .tcg-label {
|
||||
min-width: 100px;
|
||||
user-select: none;
|
||||
}
|
||||
.tcg .tcg-label span {
|
||||
font-weight: 600;
|
||||
font-size: 11.5px;
|
||||
color: #f4f4f4;
|
||||
}
|
||||
.tcg .tcg-value {
|
||||
max-width: 100px;
|
||||
}
|
||||
.tcg .tcg-value input {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background: #0d0d0d;
|
||||
color: #cfcfcf;
|
||||
border: 1px solid #444;
|
||||
border-radius: 4px;
|
||||
padding: 2px 4px;
|
||||
font-size: 12px;
|
||||
transition: border-color 0.2s;
|
||||
min-height: 21px;
|
||||
}
|
||||
.tcg .tcg-value input:focus {
|
||||
border-color: #ffd166;
|
||||
outline: none;
|
||||
}
|
||||
/* ------------- */
|
||||
/* REPEATING AREA */
|
||||
/* ------------- */
|
||||
.tcg .tcg-repeating-items {
|
||||
background: #202020;
|
||||
border: 1px solid #333;
|
||||
border-radius: 4px;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.tcg .tcg-item textarea, .tcg .tcg-item span, .tcg .tcg-repeating-item textarea, .tcg .tcg-repeating-item span {
|
||||
width: 100%;
|
||||
background: #121212;
|
||||
border: 1px solid #444;
|
||||
border-radius: 4px;
|
||||
color: #e0e0e0;
|
||||
padding: 4px 6px;
|
||||
font-size: 12px;
|
||||
white-space: pre-line;
|
||||
}
|
||||
.tcg .tcg-repeating-item span {
|
||||
opacity: 0;
|
||||
user-select: none;
|
||||
z-index: 0;
|
||||
}
|
||||
.tcg .tcg-repeating-item textarea:focus {
|
||||
border-color: #ffd166;
|
||||
outline: none;
|
||||
}
|
||||
.tcg-labelvalue span {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: black;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
white-space: nowrap;
|
||||
font-size: 0.85em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tcg .repitem:not(:first-child) .tcg-labelvalue span {
|
||||
display: none
|
||||
}
|
||||
.tcg-labelvalue input {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #222;
|
||||
background: rgba(255, 255, 255, 0.125);
|
||||
color: white;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
.tcg-labelvalue input:focus, .tcg-labelvalue input:active {
|
||||
border-color: #ffd166;
|
||||
}
|
||||
.tcg-labelvalue {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.is-name {
|
||||
border: 1px solid #333;
|
||||
border-radius: 3px;
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
min-width: 33%;
|
||||
}
|
||||
/* -------- */
|
||||
/* LEGEND */
|
||||
/* -------- */
|
||||
.tcg .tcg-legend {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 11px;
|
||||
color: #aaa;
|
||||
margin-top: 6px;
|
||||
border-top: 1px solid #333;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.tcg .tcg-legend input[type="number"]::-webkit-outer-spin-button, .tcg .tcg-legend input[type="number"]::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
.tcg .tcg-legend input[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
.tcg .tcg-legend input {
|
||||
color: white;
|
||||
background: transparent;
|
||||
text-align: center;
|
||||
border-color: #333;
|
||||
}
|
||||
.tcg .tcg-legend input:hover {
|
||||
border-color: #fff;
|
||||
}
|
||||
/* ---------- */
|
||||
/* TOKEN AREA */
|
||||
/* ---------- */
|
||||
.tcg .tcg-token-image {
|
||||
background: #0f0f0f;
|
||||
border: 2px solid #333;
|
||||
border-radius: 8px;
|
||||
width: 100%;
|
||||
aspect-ratio: 1.667/1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
flex: 1;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
.no-empty:empty + div::after {
|
||||
content: "NO IMAGE";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 4em;
|
||||
font-weight: 800;
|
||||
opacity: 0.125;
|
||||
}
|
||||
/* ----------- */
|
||||
/* DESCRIPTION */
|
||||
/* ----------- */
|
||||
.tcg .tcg-item textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #121212;
|
||||
border: 1px solid #444;
|
||||
border-radius: 4px;
|
||||
color: #e0e0e0;
|
||||
padding: 6px 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.tcg .tcg-item textarea:focus {
|
||||
border-color: #ffd166;
|
||||
outline: none;
|
||||
}
|
||||
/* ----------- */
|
||||
/* RESPONSIVE */
|
||||
/* ----------- */
|
||||
@media (min-width: 901px) {
|
||||
.tcg {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
.tcg .tcg-column {
|
||||
width: calc(((var(--qty) / 12) * 100%) - ((var(--gap-width) * (var(--cols-total) - 1)) / var(--cols-total)));
|
||||
max-width: calc((var(--col-width) * var(--qty)) + (var(--gap-width) * (var(--qty) - 1)));
|
||||
}
|
||||
}
|
||||
@media (max-width: 900px) and (min-width: 561px) {
|
||||
.tcg {
|
||||
flex-wrap: wrap;
|
||||
min-width: 560px;
|
||||
}
|
||||
.tcg .tcg-column {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.tcg .column-2, .tcg .column-3 {
|
||||
width: 100%;
|
||||
max-width: calc(50% - var(--gap-width) / 2);
|
||||
}
|
||||
.tcg .column-1 > .tcg-flex {
|
||||
gap: var(--gap-width);
|
||||
}
|
||||
.tcg .is-name {
|
||||
min-width: 50%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
.tcg {
|
||||
flex-direction: column;
|
||||
gap: calc(var(--gap-width) / 1.5);
|
||||
min-width: 560px;
|
||||
}
|
||||
.tcg .tcg-column {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.tcg .tcg-header-title {
|
||||
font-size: 11px;
|
||||
padding: 3px 6px;
|
||||
}
|
||||
.tcg .tcg-label {
|
||||
min-width: auto;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.tcg .tcg-value input {
|
||||
width: 100%;
|
||||
}
|
||||
.tcg .is-name {
|
||||
min-width: 50%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,325 @@
|
||||
<div class="tcg tcg-flex-column">
|
||||
|
||||
<!-- ------ -->
|
||||
<!-- Column -->
|
||||
<!-- ------ -->
|
||||
<div class="tcg-column column-1">
|
||||
<div class="tcg-flex no-wrap">
|
||||
|
||||
<!-------------->
|
||||
<!-- Creature -->
|
||||
<!-------------->
|
||||
<div class="tcg-group">
|
||||
<input type="checkbox" name="attr_toggle-monster" class="tcg-toggle" id="toggle-monster" value="1" checked>
|
||||
<label class="tcg-header-title" for="toggle-monster"><span>Monster</span></label>
|
||||
<div class="tcg-content">
|
||||
<div class="tcg-list-items">
|
||||
<label class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Creature</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_creature" title="@{creature}">
|
||||
</div>
|
||||
</label>
|
||||
<label class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Height</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_creature_height" title="@{creature_height}">
|
||||
</div>
|
||||
</label>
|
||||
<label class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Night Sight (m)</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_creature_nightsight" title="@{creature_nightsight}">
|
||||
</div>
|
||||
</label>
|
||||
<label class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Speed (m)</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_creature_speed" title="@{creature_speed}">
|
||||
</div>
|
||||
</label>
|
||||
<label class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Level</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_creature_level" title="@{creature_level}">
|
||||
</div>
|
||||
</label>
|
||||
<label class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Cost</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_creature_cost" title="@{creature_cost}">
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!---------->
|
||||
<!-- Base -->
|
||||
<!---------->
|
||||
<div class="tcg-group">
|
||||
<input type="checkbox" name="attr_toggle-base" class="tcg-toggle" id="toggle-base" value="1" checked>
|
||||
<label class="tcg-header-title" for="toggle-base"><span>Base Attributes</span></label>
|
||||
<div class="tcg-content">
|
||||
<div class="tcg-list-items">
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Health</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_base_health_max" title="@{base_health|max}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Armour Mod</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_base_armour_mod" title="@{base_armour_mod}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Accuracy (melee)</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_base_acc_melee" title="@{base_acc_melee}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Accuracy (ranged)</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_base_acc_ranged" title="@{base_acc_ranged}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Armour</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_base_armour" title="@{base_armour}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Weapon</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_base_weapon" title="@{base_weapon}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!------------->
|
||||
<!-- Weapons -->
|
||||
<!------------->
|
||||
<div class="tcg-section">
|
||||
<input type="checkbox" name="attr_toggle-weapons" class="tcg-toggle" id="toggle-weapons" value="1" checked>
|
||||
<label class="tcg-header-title" for="toggle-weapons"><span>Weapons</span></label>
|
||||
<div class="tcg-content">
|
||||
<div class="tcg-repeating-items">
|
||||
<fieldset class="repeating_weapons">
|
||||
<div class="tcg-flex no-wrap">
|
||||
<label class="tcg-labelvalue is-name"><span>Name</span>
|
||||
<input type="text" name="attr_name" placeholder="..." value="" title="@{name}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>Stamina</span>
|
||||
<input type="text" name="attr_stamina" placeholder="..." value="" title="@{stamina}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>DMG</span>
|
||||
<input type="text" name="attr_dmg" placeholder="..." value="" title="@{dmg}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>Type</span>
|
||||
<input type="text" name="attr_type" placeholder="..." value="" title="@{type}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>Range (m)</span>
|
||||
<input type="text" name="attr_range" placeholder="..." value="" title="@{range}">
|
||||
</label>
|
||||
</div>
|
||||
<div class="tcg-repeating-item"> <span name="attr_weapon"></span>
|
||||
<textarea name="attr_weapon" title="@{weapon}" rows="1" placeholder="..."></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="tcg-legend">
|
||||
<div><span>Attack CT</span></div>
|
||||
<div>
|
||||
<input type="number" name="attr_attack_ct_1" value="2" title="@{attack_ct_1}">
|
||||
<span>—</span>
|
||||
<input type="number" name="attr_attack_ct_2" value="6" title="@{attack_ct_2}">
|
||||
<span>:</span>
|
||||
<input type="number" name="attr_attack_ct_3" value="7" title="@{attack_ct_3}">
|
||||
<span>—</span>
|
||||
<input type="number" name="attr_attack_ct_4" value="24" title="@{attack_ct_4}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!------------>
|
||||
<!-- Traits -->
|
||||
<!------------>
|
||||
<div class="tcg-section">
|
||||
<input type="checkbox" class="tcg-toggle" id="toggle-traits" value="1" checked>
|
||||
<label class="tcg-header-title" for="toggle-traits"><span>Traits</span></label>
|
||||
<div class="tcg-content">
|
||||
<div class="tcg-repeating-items">
|
||||
<fieldset class="repeating_traits">
|
||||
<div class="tcg-flex no-wrap">
|
||||
<label class="tcg-labelvalue is-name"><span>Name</span>
|
||||
<input type="text" name="attr_name" placeholder="..." value="" title="@{name}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>Type</span>
|
||||
<input type="text" name="attr_type" placeholder="..." value="" title="@{type}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>Stamina</span>
|
||||
<input type="text" name="attr_stamina" placeholder="..." value="" title="@{stamina}">
|
||||
</label>
|
||||
</div>
|
||||
<div class="tcg-repeating-item"> <span name="attr_trait"></span>
|
||||
<textarea name="attr_trait" title="@{trait}" rows="1" placeholder="..."></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!------------>
|
||||
<!-- Spells -->
|
||||
<!------------>
|
||||
<div class="tcg-section">
|
||||
<input type="checkbox" name="attr_toggle-spells" class="tcg-toggle" id="toggle-spells" value="1" checked>
|
||||
<label class="tcg-header-title" for="toggle-spells"><span>Spells</span></label>
|
||||
<div class="tcg-content">
|
||||
<div class="tcg-repeating-items">
|
||||
<fieldset class="repeating_spells">
|
||||
<div class="tcg-flex no-wrap">
|
||||
<label class="tcg-labelvalue is-name"><span>Name</span>
|
||||
<input type="text" name="attr_name" placeholder="..." value="" title="@{name}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>Type</span>
|
||||
<input type="text" name="attr_type" placeholder="..." value="" title="@{type}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>Range (m)</span>
|
||||
<input type="text" name="attr_range" placeholder="..." value="" title="@{range}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>Focus</span>
|
||||
<input type="text" name="attr_focus" placeholder="..." value="" title="@{focus}">
|
||||
</label>
|
||||
<label class="tcg-labelvalue"><span>Magic</span>
|
||||
<input type="text" name="attr_magic" placeholder="..." value="" title="@{magic}">
|
||||
</label>
|
||||
</div>
|
||||
<div class="tcg-repeating-item"> <span name="attr_spell"></span>
|
||||
<textarea name="attr_spell" title="@{spell}" rows="1" placeholder="..."></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ------ -->
|
||||
<!-- Column -->
|
||||
<!-- ------ -->
|
||||
<div class="tcg-column column-2">
|
||||
<div class="tcg-group">
|
||||
<input type="checkbox" class="tcg-toggle" id="toggle-unit" value="1" checked>
|
||||
<label class="tcg-header-title" for="toggle-unit"><span>Unit Attributes</span></label>
|
||||
<div class="tcg-content">
|
||||
<div class="tcg-list-items">
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Health</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_health_max" title="@{unit_health|max}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Armour</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_armour" title="@{unit_armour}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Accuracy (melee)</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_acc_melee" title="@{unit_acc_melee}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Accuracy (ranged)</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_acc_ranged" title="@{unit_acc_ranged}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Unit Size</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_size" title="@{unit_size}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Base Formation</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_base_formation" title="@{unit_base_formation}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Stamina</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_stamina" title="@{unit_stamina}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Ammunition</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_ammunition" title="@{unit_ammunition}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Magic</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_magic" title="@{unit_magic}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Exhausted</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_exhausted" title="@{unit_exhausted}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-list-item">
|
||||
<div class="tcg-label"><span>Wavering</span></div>
|
||||
<div class="tcg-value">
|
||||
<input type="text" name="attr_unit_wavering" title="@{unit_wavering}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-section">
|
||||
<input type="checkbox" name="attr_toggle-condition" class="tcg-toggle" id="toggle-condition" value="1" checked>
|
||||
<label class="tcg-header-title" for="toggle-condition"><span>Conditions</span></label>
|
||||
<div class="tcg-content">
|
||||
<div class="tcg-item"> <span name="attr_unit_conditions"></span>
|
||||
<textarea name="attr_unit_conditions" title="@{unit_conditions}" rows="1" placeholder="..."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ------ -->
|
||||
<!-- Column -->
|
||||
<!-- ------ -->
|
||||
<div class="tcg-column column-3">
|
||||
<div class="tcg-section">
|
||||
<input type="checkbox" name="attr_toggle-token" class="tcg-toggle" id="toggle-token" value="1" checked>
|
||||
<label class="tcg-header-title" for="toggle-token"><span>Token</span></label>
|
||||
<div class="tcg-content"> <span name="attr_character_avatar" class="no-empty"></span>
|
||||
<div class="tcg-token-image" name="attr_character_avatar"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tcg-section">
|
||||
<input type="checkbox" name="attr_toggle-desc" class="tcg-toggle" id="toggle-desc" value="1" checked>
|
||||
<label class="tcg-header-title" for="toggle-desc"><span>Description</span></label>
|
||||
<div class="tcg-content">
|
||||
<div class="tcg-item"> <span name="attr_description"></span>
|
||||
<textarea name="attr_description" title="@{description}" rows="1" placeholder="..."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"html": "_ironwarfare.html",
|
||||
"css": "_ironwarfare.css",
|
||||
"authors": "Patrick Leo (Pktome)",
|
||||
"roll20userid": "832365",
|
||||
"preview": "preview.jpg",
|
||||
"instructions": "Character sheet for the Iron Warfare (Moss, Stone & Steel System), on behalf of FantasyBound Studio\n\nVersion 1.0.0 (10/11/2025)",
|
||||
"legacy": false
|
||||
}
|
||||
Reference in New Issue
Block a user