slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New sheets - Spire, Lasers and Feelings

Browse Source 
Added basic sheet for Spire RPG and for Lasers and Feelings
This commit is contained in:
plexsoup
2018-03-05 10:05:47 -08:00
parent e552ac4f95
commit bf8e8dc313
8 changed files with 490 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Lasers and Feelings/LasersAndFeelings.css
+55
View File
@@ -0,0 +1,55 @@
div.sheet-container {
background-color: #aad2e9;
border-radius: 8px;
margin: 10px;
}
div.sheet-container, div.sheet-container div {
text-align: center;
}
div.sheet-LFTraitLine, div.sheet-LFRolls {
display: block;
vertical-align: top;
padding: 10px;
}
div.sheet-LFTraitLine {
width: 66.6%;
}
div.sheet-LFRolls {
width: calc(100% - 31px);
}
div.sheet-LFTraitLine div {
text-align: right;
}
div.sheet-LFRolls div {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.3em;
}
div.sheet-LFRolls input[type="text"] {
width: 50px;
height: 50px;
font-size: 1.3em;
text-align: center;
}
button[type="roll"] {
width: 60px;
height: 60px;
}
div.sheet-YourNumber {
display: inline-block;
width: 81px;
}
div.sheet-YourNumber div {
text-align: center;
}
Lasers and Feelings/LasersAndFeelings.html
+30
View File
@@ -0,0 +1,30 @@
<div class="sheet-container">
<div class="sheet-LFTraitLine">
<div>Style <input type="text" name="attr_Style"/></div>
<div>Role <input type="text" name="attr_Role"/></div>
<div>Cool Space Adventure Name <input type="text" name="attr_Name"/></div>
<div>Character Goal <input type="text" name="attr_Goal"/></div>
</div>
<div class="sheet-LFRolls">
<div>
<button type='roll' value='/roll [[?{number of d6?|1}]]d6<[[@{YourNumber}-1]] for Lasers (YourNumber is @{YourNumber})' name='roll_Lasers' style="font-size: 2em;"></button>
&lt;&lt;&lt; Lasers &lt;&lt;&lt;
<div class="sheet-YourNumber">
<div>Your number</div>
<div><input type=text name="attr_YourNumber" /></div>
</div>
&gt;&gt;&gt; Feelings &gt;&gt;&gt;
<button type='roll' value='/roll [[?{number of d6?|1}]]d6>[[@{YourNumber}+1]] for Feelings (YourNumber is @{YourNumber})' name='roll_Feeling' style="font-size: 2em;"></button>
</div>
</div>
</div>
Lasers and Feelings/LasersAndFeelings.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

Lasers and Feelings/sheet.json
+10
View File
@@ -0,0 +1,10 @@
{
"html": "LasersAndFeelings.html",
"css": "LasersAndFeelings.css",
"authors": "Plexsoup",
"roll20userid": "258125",
"preview": "LasersAndFeelings.png",
"compendium": "",
"instructions": "Character sheet for The Lasers and Feelings by John Harper.",
"useroptions": []
}
Spire/Spire.css
+230
View File
@@ -0,0 +1,230 @@
.sheet-container {
background-color: #dce4f0;
}
.sheet-container div {
padding: 2px;
margin: 2px;
vertical-align: top;
}
.sheet-topSection {
}
.sheet-middleSection {
}
.sheet-bottomSection {
}
.sheet-narrowCol {
display: inline-block;
width: 20%;
margin: 0;
padding: 0;
}
.sheet-wideCol {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
}
.sheet-tallBox {
/* width: 150px; */
/* height: 200px; */
display: inline-block;
}
.sheet-tallBox input[type="text"], .sheet-shortBox input[type="text"] {
width: 100%;
}
.sheet-shortBox {
/* width: 150px; */
/* height: 150px; */
display: inline-block;
}
.sheet-wideBox {
width: 60%;
/* height: 300px; */
display: inline-block;
}
.sheet-narrowBox {
width: 25%;
display: inline-block;
}
.sheet-giantBox {
width: 100%;
border: 1px solid indigo;
}
div.sheet-giantBox + div {
display: inline-block;
}
div.sheet-giantBox div h2 {
width: 175px;
}
div.sheet-giantBox div textarea {
width: 175px;
height: 100px;
}
div.sheet-giantBox div.repcontainer div {
display: inline-block;
margin: 0;
padding: 0;
}
div.sheet-giantBox div h2 input {
width: 175px;
background: transparent;
border: 0;
box-shadow: none;
font-size: large;
}
div.sheet-giantBox div h2 input:hover,
div.sheet-giantBox div h2 input:focus {
background-color: white;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
h3 {
width: 100%;
}
textarea {
width: 90%;
height: 100px;
}
button.sheet-spireButton[type="roll"] {
height:75px;
width:75px;
font-size: -webkit-xxx-large;
}
button.sheet-spireButton[type="roll"]:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
div.sheet-inlineText {
display: inline-block;
width: 100px;
}
/*
_/_/_/ _/ _/ _/_/_/_/_/ _/_/_/_/_/ _/_/ _/ _/ _/_/_/
_/ _/ _/ _/ _/ _/ _/ _/ _/_/ _/ _/
_/_/_/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/_/
_/ _/ _/ _/ _/ _/ _/ _/ _/ _/_/ _/
_/_/_/ _/_/ _/ _/ _/_/ _/ _/ _/_/_/
*/
.repcontrol {
min-height: 27px;
display: block;
}
.repcontrol .btn {
/* visibility: hidden; */ /* Doesn't work in Firefox! */
border: medium none;
color: transparent !important;
background: none;
box-shadow: none;
float: none;
display: inline-block;
text-shadow: none !important;
}
.repcontrol .btn:focus {
outline: 0;
}
.repcontrol .repcontrol_edit {
float: none;
}
.repcontrol .repcontrol_edit:after {
content: '(';
visibility: visible;
font-family: pictos;
background-color: white;
border: 1px solid black;
border-radius: 2px;
font-size: 12px;
height: 12px;
width: 12px;
padding: 2px 4px 2px 4px;
color: black;
margin-left: -10px;
}
.editmode ~ .repcontrol .repcontrol_edit:after {
content: ')';
}
.repcontrol .repcontrol_add:before {
content: '&';
visibility: visible;
font-family: pictos;
background-color: #fff;
border: 1px solid black;
border-radius: 2px;
font-size: 12px;
height: 12px;
width: 12px;
padding: 2px 4px 2px 4px;
color: black;
}
.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:before
{
background-color: #EFEFEF;
}
.sheet-resources .repcontrol {
margin-top: -10px;
}
.itemcontrol {
z-index: 10;
}
.itemcontrol .repcontrol_del {
font-size: 10px;
margin-top: 3px;
padding: 0px;
height: 18px;
width: 18px;
}
.itemcontrol .repcontrol_move {
font-size: 10px;
margin-top: 3px;
padding: 0px;
height: 18px;
width: 18px;
}
Spire/Spire.html
+155
View File
@@ -0,0 +1,155 @@
<div class="sheet-container">
<div class="sheet-topSection">
<div class="sheet-wideBox">
<div><div class="sheet-inlineText">Player Name</div> <input type="text" name="attr_playerName"></div>
<div><div class="sheet-inlineText">Character Name</div> <input type="text" name="attr_characterName"></div>
<div><div class="sheet-inlineText">Class</div> <input type="text" name="attr_class"></div>
<div><div class="sheet-inlineText">Durance</div> <input type="text" name="attr_durance"></div>
</div>
<div class="sheet-narrowBox" style="text-align: right;">
<button type="roll" class="sheet-spireButton" title="roll dice" name="roll_normal" value="/roll ?{How many d10's?|1}d10kh1sa for ?{Purpose of roll?} ... Note: extra 10s add +1 stress"></button>
</div>
</div>
<div class="sheet-middleSection">
<div class="sheet-narrowCol">
<div class="sheet-tallBox" style="text-align: right;">
<h3>Skills</h3>
<div>Compel <input type="checkbox" name="attr_skillCompel" /></div>
<div>Deceive <input type="checkbox" name="attr_skillDeceive" /></div>
<div>Fight <input type="checkbox" name="attr_skillFight" /></div>
<div>Fix <input type="checkbox" name="attr_skillFix" /></div>
<div>Investigate <input type="checkbox" name="attr_skillInvestigate" /></div>
<div>Pursue <input type="checkbox" name="attr_skillPursue" /></div>
<div>Resist <input type="checkbox" name="attr_skillResist" /></div>
<div>Sneak <input type="checkbox" name="attr_skillSneak" /></div>
<div>Steal <input type="checkbox" name="attr_skillSteal" /></div>
</div>
<div class="sheet-tallBox" style="text-align: right;">
<h3>Domains</h3>
<div>Academia <input type="checkbox" name="attr_domainAcademia"/></div>
<div>Crime <input type="checkbox" name="attr_domainCrime"/></div>
<div>Commerce <input type="checkbox" name="attr_domainCommerce"/></div>
<div>High Society <input type="checkbox" name="attr_domainHighSociety"/></div>
<div>Low Society <input type="checkbox" name="attr_domainLowSociety"/></div>
<div>Occult <input type="checkbox" name="attr_domainOccult"/></div>
<div>Order <input type="checkbox" name="attr_domainOrder"/></div>
<div>Religion <input type="checkbox" name="attr_domainReligion"/></div>
<div>Technology <input type="checkbox" name="attr_domainTechnology"/></div>
</div>
</div>
<div class="sheet-wideCol">
<div>
<div class="sheet-shortBox">
<h3>Knacks</h3>
<textarea name="attr_knacks" placeholder="knacks"></textarea>
</div>
<div class="sheet-shortBox">
<h3>Equipment</h3>
<textarea name="attr_equipment" placeholder="equipment"></textarea>
</div>
</div>
<div class="sheet-giantBox">
<h3>Abilities</h3>
<fieldset class="repeating_Abilities">
<div>
<h2>
<input type="text" name="attr_AbilityTitle" class="sheet-playbookDetailTitle" placeholder="Ability Name"/>
</h2>
<textarea name="attr_AbilityDetails" rows="2" placeholder="Ability" ></textarea>
<div>
</fieldset>
</div>
</div>
<div class="sheet-narrowCol">
<div class="sheet-shortBox">
<h3>Refresh</h3>
<textarea name="attr_refresh" placeholder="refresh"></textarea>
</div>
<div class="sheet-tallBox">
<h3>Bonds</h3>
<textarea name="attr_bonds" placeholder="bonds"></textarea>
</div>
</div>
</div>
<div class="sheet-bottomSection">
<div class="sheet-wideBox">
<h3>Free Slots, Resistances, Current Stress</h3>
<div>
<input type="checkbox" name="attr_blood1"/>
<input type="checkbox" name="attr_blood2"/>
<input type="checkbox" name="attr_blood3"/>
<input type="checkbox" name="attr_blood4"/>
<input type="checkbox" name="attr_blood5"/>
<div class="sheet-inlineText">Blood </div>
<input type="text" name="attr_stressBlood"/>
</div>
<div>
<input type="checkbox" name="attr_mind1"/>
<input type="checkbox" name="attr_mind2"/>
<input type="checkbox" name="attr_mind3"/>
<input type="checkbox" name="attr_mind4"/>
<input type="checkbox" name="attr_mind5"/>
<div class="sheet-inlineText">Mind </div>
<input type="text" name="attr_stressMind"/>
</div>
<div>
<input type="checkbox" name="attr_silver1"/>
<input type="checkbox" name="attr_silver2"/>
<input type="checkbox" name="attr_silver3"/>
<input type="checkbox" name="attr_silver4"/>
<input type="checkbox" name="attr_silver5"/>
<div class="sheet-inlineText">Silver </div>
<input type="text" name="attr_stressSilver"/>
</div>
<div>
<input type="checkbox" name="attr_Shadow1"/>
<input type="checkbox" name="attr_Shadow2"/>
<input type="checkbox" name="attr_Shadow3"/>
<input type="checkbox" name="attr_Shadow4"/>
<input type="checkbox" name="attr_Shadow5"/>
<div class="sheet-inlineText">Shadow </div>
<input type="text" name="attr_stressShadow"/>
</div>
<div>
<input type="checkbox" name="attr_reputation1"/>
<input type="checkbox" name="attr_reputation2"/>
<input type="checkbox" name="attr_reputation3"/>
<input type="checkbox" name="attr_reputation4"/>
<input type="checkbox" name="attr_reputation5"/>
<div class="sheet-inlineText">Reputation </div>
<input type="text" name="attr_stressReputation"/>
</div>
<div>
<input type="checkbox" name="attr_armour1"/>
<input type="checkbox" name="attr_armour2"/>
<input type="checkbox" name="attr_armour3"/>
<input type="checkbox" name="attr_armour4"/>
<input type="checkbox" name="attr_armour5"/>
<div class="sheet-inlineText">Armour </div>
<input type="text" name="attr_stressArmour"/>
</div>
<div>
Total Stress <input type="text" name="attr_totalStress"/>
</div>
</div>
<div class="sheet-tallBox">
<h3>Fallout</h3>
<textarea name="attr_fallout" placeholder="fallout"></textarea>
</div>
</div>
</div>
Spire/Spire.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

Spire/sheet.json
+10
View File
@@ -0,0 +1,10 @@
{
"html": "Spire.html",
"css": "Spire.css",
"authors": "Plexsoup",
"roll20userid": "258125",
"preview": "Spire.png",
"compendium": "",
"instructions": "Character sheet for Spire by Grant Howitt.",
"useroptions": []
}