Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial check in (#6122)

Browse Source 
Added html, css, json, and png files
This commit is contained in:
trudge-nave
2020-04-13 10:10:04 -07:00
committed by GitHub
parent 9efd28306c
commit f5bf494d58
4 changed files with 360 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Heart-the-City-Beneath/Heart.css
+239
View File
@@ -0,0 +1,239 @@
.sheet-container {
background-color: #6D0000;
}
.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-midCol {
display: inline-block;
width: 40%;
margin: 0;
padding: 0;
}
.sheet-wideCol {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
}
.sheet-shortBox {
display: inline-block;
}
.sheet-tallBox {
display: inline-block;
}
.sheet-tallBox input[type="text"], .sheet-shortBox input[type="text"] {
width: 100%;
}
.sheet-narrowBox {
width: 25%;
display: inline-block;
}
.sheet-middleBox {
width: 45%;
display: inline-block;
}
.sheet-wideBox {
width: 60%;
display: inline-block;
}
.sheet-giantBox {
width: 98%;
border: 1px solid orange;
}
div.sheet-giantBox + div {
display: inline-block;
}
div.sheet-giantBox div h2 {
width: 175px;
}
div.sheet-giantBox div textarea {
width: 780px;
height: 50px;
}
div.sheet-giantBox div.repcontainer div {
display: inline-block;
margin: 0;
padding: 0;
}
div.sheet-giantBox div h2 input {
width: 700px;
color: yellow;
background: transparent;
border: 0;
box-shadow: none;
font-size: large;
}
div.sheet-giantBox div h2 input:focus {
color: yellow;
background-color: black;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
h3 {
width: 100%;
color: yellow;
}
h4 {
color: yellow;
}
span {
color:white;
}
textarea {
width: 90%;
height: 50px;
}
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;
color: white;
}
.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;
}
.sheet-auto-expand {
position: relative;
cursor: text;
word-wrap: break-word;
}
Heart-the-City-Beneath/Heart.html
+113
View File
@@ -0,0 +1,113 @@
<div class="sheet-container">
<div class="sheet-topSection">
<div class="sheet-middleBox">
<h3>Heart: the City Beneath</h3>
<div><div class="sheet-inlineText">Name</div> <input type="text" name="attr_character_name"></div>
<div><div class="sheet-inlineText">Class</div> <input type="text" name="attr_class"></div>
<div><div class="sheet-inlineText">Calling</div> <input type="text" name="attr_calling"></div>
<div><div class="sheet-inlineText">Ancestry</div> <input type="text" name="attr_ancestry"></div>
</div>
<div class="sheet-middleBox" style="text-align: right;">
<h3>Stress and Protections</h3>
<div>
<div class="sheet-inlineText">Blood: Stress </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_bloodstress"/>
<div class="sheet-inlineText">Protection </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_bloodprotection"/>
</div>
<div>
<div class="sheet-inlineText">Mind: Stress </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_mindstress"/>
<div class="sheet-inlineText">Protection </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_mindprotection"/>
</div>
<div>
<div class="sheet-inlineText">Echo: Stress </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_echostress"/>
<div class="sheet-inlineText">Protection </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_echoprotection"/>
</div>
<div>
<div class="sheet-inlineText">Fortune: Stress </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_fortunestress"/>
<div class="sheet-inlineText">Protection </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_fortuneprotection"/>
</div>
<div>
<div class="sheet-inlineText">Supplies: Stress </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_suppliesstress"/>
<div class="sheet-inlineText">Protection </div>
<input type="number" placeholder="0" min="0" style="text-align: center;" name="attr_suppliesprotection"/>
</div>
</div>
</div>
<div class="sheet-middleSection">
<div class="sheet-narrowCol">
<div class="sheet-tallBox" style="text-align: left;">
<h4>Skills</h4>
<div><input type="checkbox" name="attr_skillCompel" value="1" /><span>Compel </span></div>
<div><input type="checkbox" name="attr_skillDelve" value="1" /><span>Delve </span></div>
<div><input type="checkbox" name="attr_skillDiscern" value="1"/><span>Discern</span></div>
<div><input type="checkbox" name="attr_skillEndure" value="1" /><span>Endure </span></div>
<div><input type="checkbox" name="attr_skillEvade" value="1" /><span>Evade </span></div>
<div><input type="checkbox" name="attr_skillHunt" value="1" /><span>Hunt </span></div>
<div><input type="checkbox" name="attr_skillKill" value="1" /><span>Kill </span></div>
<div><input type="checkbox" name="attr_skillMend" value="1" /><span>Mend </span></div>
<div><input type="checkbox" name="attr_skillSneak" value="1" /><span>Sneak </span></div>
</div>
</div>
<div class="sheet-narrowCol">
<div class="sheet-tallBox" style="text-align: left;">
<h4>Domains</h4>
<div><input type="checkbox" name="attr_domainCursed" value="1" /><span>Cursed </span></div>
<div><input type="checkbox" name="attr_domainDesolate" value="1" /><span>Desolate </span></div>
<div><input type="checkbox" name="attr_domainHaven" value="1" /><span>Haven </span></div>
<div><input type="checkbox" name="attr_domainOccult" value="1" /><span>Occult </span></div>
<div><input type="checkbox" name="attr_domainReligion" value="1" /><span>Religion </span></div>
<div><input type="checkbox" name="attr_domainTechnology" value="1"/><span>Technology</span></div>
<div><input type="checkbox" name="attr_domainWarren" value="1" /><span>Warren </span></div>
<div><input type="checkbox" name="attr_domainWild" value="1" /><span>Wild </span></div>
</div>
</div>
<div class="sheet-wideCol">
<div class="sheet-tallBox">
<button type="roll" class="sheet-spireButton" title="roll dice" name="roll_normal" value="/roll ?{How many dice?|1}d10kl[[?{How many dice?|1}-?{Difficulty|Standard, 0|Risky, 1|Dangerous, 2}]]dl[[?{How many dice?|1}-?{Difficulty|Standard, 0|Risky, 1|Dangerous, 2}-1]]"></button>
</div>
<div class="sheet-tallBox">
<h3>Fallout</h3>
<textarea name="attr_fallout" spellcheck="false" placeholder="None so far..." cols="80" ></textarea>
</div>
</div>
</div>
<div class="sheet-bottomSection">
<div class="sheet-giantBox">
<div class="sheet-shortBox">
<h4>Active Beats</h4>
<textarea name="attr_beats" spellcheck="false" placeholder="None so far..." cols="80"></textarea>
</div>
<div class="sheet-shortBox">
<h4>Equipment</h4>
<textarea name="attr_equipment" spellcheck="false" placeholder="None so far..." cols="80"></textarea>
</div>
<div class="sheet-shortBox">
<h4>Resources</h4>
<textarea name="attr_resources" spellcheck="false" placeholder="None so far..." cols="80"></textarea>
</div>
<div class="sheet-shortBox">
<h4>Knacks</h4>
<textarea name="attr_knacks" spellcheck="false" placeholder="None so far..." cols="80"></textarea>
</div>
<h3 style="text-align: center;" >Abilities</h3>
<fieldset class="repeating_Abilities">
<div>
<h2><input type="text" name="attr_AbilityTitle" class="sheet-abilitytitle" placeholder="Name..."/></h2>
<textarea name="attr_AbilityDetails" rows="2" placeholder="Description..." ></textarea>
</div>
</fieldset>
</div>
</div>
</div>
Heart-the-City-Beneath/Heart.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

Heart-the-City-Beneath/sheet.json
+8
View File
@@ -0,0 +1,8 @@
{
"html": "Heart.html",
"css": "Heart.css",
"authors": "Tim Rudloff",
"roll20userid": "832737",
"preview": "Heart.png",
"instructions": "Character sheet for HEART: The City Beneath by Grant Howitt and Christopher Taylor"
}