Add Spell: the RPG
This commit is contained in:
Layl
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"html": "spell.html",
|
||||
"css": "spell.css",
|
||||
"authors": "Layl B.",
|
||||
"preview": "spellpreview.png",
|
||||
"instructions": "The Spell system's character sheet optimized for Roll20."
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
.sheet-fullwidth-table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-fullwidth-table input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-fullwidth-table textarea {
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
textarea.sheet-shortheight {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
select {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.sheet-impulse-container {
|
||||
margin-top: 4px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.sheet-impulse-container label {
|
||||
margin-bottom: 0px;
|
||||
margin-top: 4px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.sheet-impulse-container select {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
/* Ugly Tabbing Hack */
|
||||
div[class^="sheet-section"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.sheet-tab-base:checked ~ div.sheet-section-base,
|
||||
input.sheet-tab-spells:checked ~ div.sheet-section-spells {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,234 @@
|
||||
<h2 style="text-align:center">Spell: The RPG</h2>
|
||||
|
||||
<!-- Navigation -->
|
||||
<input type="radio" name="attr_tab" class="sheet-tab-base" value="1" title="Core Stats" checked="checked"/>
|
||||
<span>Base Info</span>
|
||||
<input type="radio" name="attr_tab" class="sheet-tab-spells" value="2"/>
|
||||
<span>Spells</span>
|
||||
|
||||
<br />
|
||||
|
||||
<!-- Basic Information -->
|
||||
<div class="sheet-section-base">
|
||||
<div class="sheet-2colrow">
|
||||
<div class='sheet-col'>
|
||||
<h2>Info</h2>
|
||||
<table class="sheet-fullwidth-table">
|
||||
<tr>
|
||||
<td>Age</td>
|
||||
<td><input type="text" name="attr_Age" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Style</td>
|
||||
<td><textarea type="text" name="attr_Style" class="sheet-shortheight"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Interests</td>
|
||||
<td><textarea type="text" name="attr_Interests" class="sheet-shortheight"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Looks</td>
|
||||
<td><textarea type="text" name="attr_Looks" class="sheet-shortheight"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Notes</td>
|
||||
<td><textarea type="text" name="attr_Notes"></textarea></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class='sheet-col'>
|
||||
<h2>Impulses</h2>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Ardor</label>
|
||||
<select name="attr_ArdorLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
<p style="margin-bottom:0px">Ardor requires a subject</p>
|
||||
<input type="text" name="attr_ArdorSubject" />
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Clout</label>
|
||||
<select name="attr_CloutLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Daring</label>
|
||||
<select name="attr_DaringLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Faith</label>
|
||||
<select name="attr_FaithLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
<p style="margin-bottom:0px">Faith requires a subject</p>
|
||||
<input type="text" name="attr_FaithSubject" />
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Flair</label>
|
||||
<select name="attr_FlairLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Mood</label>
|
||||
<select name="attr_MoodLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Nerve</label>
|
||||
<select name="attr_NerveLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Peace</label>
|
||||
<select name="attr_PeaceLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Smarts</label>
|
||||
<select name="attr_SmartsLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Trust</label>
|
||||
<select name="attr_TrustLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Vigor</label>
|
||||
<select name="attr_VigorLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-impulse-container">
|
||||
<label>Vision</label>
|
||||
<select name="attr_VisionLevel">
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Spells -->
|
||||
<div class="sheet-section-spells">
|
||||
<h2>Spells</h2>
|
||||
<span style="display:inline-block;width:80px">Impulse</span> <span style="display:inline-block;width:200px">Spell Name</span> <span style="display:inline-block;width:50px">Level</span>
|
||||
<fieldset class="repeating_spells">
|
||||
<select name="attr_SpellImpulse" style="margin-bottom:0px;width:80px">
|
||||
<option value="ardor">Ardor</option>
|
||||
<option value="clout">Clout</option>
|
||||
<option value="daring">Daring</option>
|
||||
<option value="faith">Faith</option>
|
||||
<option value="flair">Flair</option>
|
||||
<option value="mood">Mood</option>
|
||||
<option value="nerve">Nerve</option>
|
||||
<option value="peace">Peace</option>
|
||||
<option value="smarts">Smarts</option>
|
||||
<option value="trust">Trust</option>
|
||||
<option value="vigor">Vigor</option>
|
||||
<option value="vision">Vision</option>
|
||||
</select>
|
||||
<input type="text" name="attr_SpellName" style="width:200px" />
|
||||
<select name="attr_SpellLevel" style="margin-bottom:0px;width:50px">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Reference in New Issue
Block a user