Add Kult Divinity Lost Sheet
This commit is contained in:
Rats808
@@ -0,0 +1,172 @@
|
||||
.charsheet input[type="text"], textarea{
|
||||
display: inline-block;
|
||||
background: #00000000;
|
||||
border: black solid 1px;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-radius: 0%;
|
||||
}
|
||||
.charsheet textarea{
|
||||
border-left: black solid 1px;
|
||||
resize: none;
|
||||
}
|
||||
.charsheet .sheet-label{
|
||||
background: black;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
padding: 0.8%;
|
||||
margin-right: -.5%;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.charsheet .sheet-header .sheet-row{
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
.charsheet .sheet-passatt{
|
||||
border: 3px black solid;
|
||||
width: 2em;
|
||||
display: inline-block;
|
||||
}
|
||||
.charsheet .sheet-actatt{
|
||||
border: 3px black solid;
|
||||
width: 2em;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
.charsheet input[type="number"]{
|
||||
border: none;
|
||||
font-size: 1em;
|
||||
background: none;
|
||||
color: black;
|
||||
text-align: center;
|
||||
width: 3em !important;
|
||||
}
|
||||
.charsheet button{
|
||||
background: none;
|
||||
font-size: 1em !important;
|
||||
border: 1px solid black;
|
||||
font-style: italic;
|
||||
color: black;
|
||||
}
|
||||
.charsheet button:hover{
|
||||
background: #990000;
|
||||
}
|
||||
.charsheet button[type=roll]:before {
|
||||
content: none !important;
|
||||
}
|
||||
.charsheet .sheet-attlabel{
|
||||
display: inline-block;
|
||||
}
|
||||
.charsheet h4{
|
||||
text-align: center;
|
||||
}
|
||||
.charsheet .sheet-leftatt{
|
||||
float: left;
|
||||
width: 49%;
|
||||
margin-bottom: 7%;
|
||||
}
|
||||
.charsheet .sheet-rightatt{
|
||||
float: right;
|
||||
text-align: right;
|
||||
width: 49%;
|
||||
margin-bottom: 7%;
|
||||
}
|
||||
.charsheet input:focus, .charsheet textarea:focus{
|
||||
outline: none;
|
||||
}
|
||||
.charsheet input[type=radio]{
|
||||
display: none;
|
||||
float: left;
|
||||
}
|
||||
.charsheet input[type=radio] + label{
|
||||
content: '';
|
||||
border: solid 1px black;
|
||||
background: white;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
width: 10%;
|
||||
text-align: center;
|
||||
padding: 0%;
|
||||
float: left;
|
||||
}
|
||||
.charsheet input[type=radio]:hover + label{
|
||||
background: #990000;
|
||||
}
|
||||
.charsheet input[type=radio]:checked + label{
|
||||
background: black;
|
||||
color: white;
|
||||
}
|
||||
.charsheet div.sheet-page1, .charsheet div.sheet-page2{
|
||||
display: none;
|
||||
}
|
||||
.charsheet input.sheet-page1:checked ~ div.sheet-page1, .charsheet input.sheet-page2:checked ~ div.sheet-page2{
|
||||
display: block;
|
||||
}
|
||||
.charsheet .sheet-onethird{
|
||||
width: 35%;
|
||||
}
|
||||
.charsheet .sheet-label2{
|
||||
font-size: .9em;
|
||||
margin: 1%;
|
||||
}
|
||||
.charsheet .sheet-bracket{
|
||||
border: 1px black solid;
|
||||
border-top: none;
|
||||
}
|
||||
.charsheet .sheet-bracket input[type=text]{
|
||||
border: none;
|
||||
margin-right: 11%;
|
||||
}
|
||||
.charsheet .sheet-bracket input[type=text]:hover{
|
||||
border-bottom: 1px black dashed;
|
||||
}
|
||||
.charsheet input[type=checkbox]{
|
||||
opacity: 0;
|
||||
margin-right: -1.5em;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
.charsheet input[type=checkbox] + span:before{
|
||||
content: "❌";
|
||||
border: 2px solid black;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
color: #00000000;
|
||||
font-size: 1em;
|
||||
}
|
||||
.charsheet input[type=checkbox]:checked + span:before{
|
||||
color: #000000FF;
|
||||
}
|
||||
.charsheet .sheet-label3{
|
||||
font-style: italic;
|
||||
font-size: .9em;
|
||||
padding-right: 20%;
|
||||
}
|
||||
.charsheet .sheet-label4{
|
||||
font-weight: bold;
|
||||
font-size: .9em;
|
||||
}
|
||||
.charsheet .sheet-bracket input[type=radio]{
|
||||
display: block;
|
||||
opacity: 0;
|
||||
margin-left: 25%;
|
||||
margin-top: 15%;
|
||||
margin-bottom: -1.1em;
|
||||
}
|
||||
.charsheet .sheet-bracket input[type=radio] + span:before{
|
||||
content: "❌";
|
||||
border: 2px solid black;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
color: #00000000;
|
||||
font-size: 1em;
|
||||
float: left;
|
||||
margin-left: 15%;
|
||||
margin-bottom: 15%;
|
||||
}
|
||||
.charsheet .sheet-bracket input[type=radio]:checked + span:before{
|
||||
color: #000000FF;
|
||||
}
|
||||
.charsheet .sheet-twothirds{
|
||||
width: 60%;
|
||||
}
|
||||
@@ -0,0 +1,223 @@
|
||||
<div class="sheet-container">
|
||||
<input type="radio" class="sheet-page1" name="attr_page" value="1" checked="checked" id="sheet-page1"><label for="sheet-page1">Page One</label>
|
||||
<input type="radio" class="sheet-page2" name="attr_page" value="2" id="sheet-page2"><label for="sheet-page2">Page Two</label>
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
<div class="sheet-page1">
|
||||
<div class="sheet-header" style="width:66%; display: inline-block;">
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-label">• Name</div><input type="text" name="attr_charname" style="width: 90.9%;"></div>
|
||||
<div class="sheet-row"><div class="sheet-label">• Archetype</div><input type="text" name="attr_archetype" style="width: 85.8%;"></div>
|
||||
<div class="sheet-row"><div class="sheet-label">• Occupation</div><input type="text" name="attr_occupation" style="width: 84.3%;"></div>
|
||||
</div><div class="sheet-logo" style="width: 33%;display: inline-block; vertical-align: top;"><img src="Kult-Divinity-lost-logo.png"></div>
|
||||
<div class="sheet-row"><div class="sheet-label">• Appearance</div>
|
||||
<textarea name="attr_appearance" style="height: 54px;"></textarea>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<div style="width: 49%;float: left;margin-right: 1%;" class="sheet-row">
|
||||
<div style="margin-left: 33%; width: 33%; margin-bottom: 5%; display: block; text-align: center;" class="sheet-label">• Attributes</div>
|
||||
<div class="sheet-leftatt"><div class="sheet-passatt"><input type="number" name="attr_fortitude" min="-5" max="5"></div>
|
||||
<div class="sheet-attlabel"><h4>Fortitude</h4>
|
||||
<button type="roll" value="/me rolls to Endure injury! [[2d10+@{Fortitude}+?{Modifier|0}]]" class="ui-draggable">Endure injury</button></div></div>
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
<div class="sheet-attlabel"><h4>Willpower</h4>
|
||||
<button type="roll" value="/me rolls to Keep it Together! [[2d10+@{Willpower}+?{Modifier|0}]]" class="ui-draggable">Keep it Together</button></div>
|
||||
<div class="sheet-passatt"><input type="number" name="attr_willpower" min="-5" max="5"></div></div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="sheet-leftatt">
|
||||
<div class="sheet-passatt"><input type="number" name="attr_reflexes" min="-5" max="5"></div><div class="sheet-attlabel"><h4>Reflexes</h4>
|
||||
<button type="roll" value="/me rolls to Avoid Harm! [[2d10+@{Reflexes}+?{Modifier|0}]]" class="ui-draggable">Avoid Harm</button></div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
<div class="sheet-attlabel"><h4>Reason</h4>
|
||||
<button type="roll" value="/me rolls to Investigate! [[2d10+@{Reason}+?{Modifier|0}]]" class="ui-draggable">Investigate</button></div>
|
||||
<div class="sheet-actatt"><input type="number" name="attr_reason" min="-5" max="5"></div></div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="sheet-leftatt">
|
||||
<div class="sheet-actatt"><input type="number" name="attr_intuition" min="-5" max="5"></div>
|
||||
<div class="sheet-attlabel"><h4>Intuition</h4>
|
||||
<button type="roll" value="/me rolls to Read a Person! [[2d10+@{Intuition}+?{Modifier|0}]]" class="ui-draggable">Read a Person</button></div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
<div class="sheet-attlabel"><h4>Perception</h4>
|
||||
<button type="roll" value="/me rolls to Observe a Situation! [[2d10+@{Perception}+?{Modifier|0}]]" class="ui-draggable">Observe a Situation</button></div>
|
||||
<div class="sheet-actatt"><input type="number" name="attr_perception" min="-5" max="5"></div></div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="sheet-leftatt">
|
||||
<div class="sheet-actatt"><input type="number" name="attr_coolness" min="-5" max="5"></div><div class="sheet-attlabel"><h4>Coolness</h4>
|
||||
<button type="roll" value="/me rolls to Act Under Pressure! [[2d10+@{Coolness}+?{Modifier|0}]]" class="ui-draggable">Act Under Pressure</button></div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
<div class="sheet-attlabel"><h4>Violence</h4>
|
||||
<button type="roll" value="/me rolls to Engage in Combat! [[2d10+@{Violence}+?{Modifier|0}]]" class="ui-draggable">Engage in Combat</button></div>
|
||||
<div class="sheet-actatt"><input type="number" name="attr_violence" min="-5" max="5"></div></div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="sheet-leftatt">
|
||||
<div class="sheet-actatt"><input type="number" name="attr_charisma" min="-5" max="5"></div><div class="sheet-attlabel"><h4>Charisma</h4>
|
||||
<button type="roll" value="/me rolls to Influence Other! [[2d10+@{Charisma}+?{Modifier|0}]]" class="ui-draggable">Influence Other</button></div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-rightatt">
|
||||
|
||||
<div class="sheet-attlabel"><h4>Soul</h4>
|
||||
<button type="roll" value="/me rolls to See Through the Illusion! [[2d10+@{Soul}+?{Modifier|0}]]" class="ui-draggable">See Through the Illusion</button></div>
|
||||
<div class="sheet-actatt"><input type="number" name="attr_soul" min="-5" max="5"></div></div>
|
||||
</div>
|
||||
<div class="sheet-row" style="width: 49%;display: inline-block;">
|
||||
<div class="sheet-label">• Dark Secrets</div>
|
||||
<textarea name="attr_darksecrets" style="height: 90px;"></textarea>
|
||||
<div class="sheet-label">• Disadvantages</div>
|
||||
<textarea name="attr_disadvantages" style="height: 90px;"></textarea>
|
||||
<div class="sheet-label">• Advantages</div>
|
||||
<textarea name="attr_advantages" style="height: 90px;"></textarea>
|
||||
</div></div>
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-label">• Relations</div>
|
||||
<textarea name="attr_relations"></textarea></div>
|
||||
</div>
|
||||
<div class="sheet-page2"><div class="sheet-onethird" style="float:left">
|
||||
<div class="sheet-row">
|
||||
<div class="sheet-label">• Wounds</div>
|
||||
<br>
|
||||
<div class="sheet-label2" style="float:left">Serious Wounds (-1 ongoing)</div>
|
||||
<div class="sheet-label2" style="float:right">Stabilized</div>
|
||||
<div class="sheet-bracket">
|
||||
<input type="text" name="attr_swound1name">
|
||||
<input type="checkbox" name="attr_swound1" value="1">
|
||||
<span></span>
|
||||
<input type="text" name="attr_swound2name">
|
||||
<input type="checkbox" name="attr_swound2" value="1">
|
||||
<span></span>
|
||||
<input type="text" name="attr_swound3name">
|
||||
<input type="checkbox" name="attr_swound3" value="1">
|
||||
<span></span>
|
||||
<input type="text" name="attr_swound4name">
|
||||
<input type="checkbox" name="attr_swound4" value="1">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="sheet-label2" style="float:left">Critical Wound (-1 ongoing)</div>
|
||||
<div class="sheet-label2" style="float:right">Stabilized</div>
|
||||
<div class="sheet-bracket" style="margin-bottom: 5%;">
|
||||
<input type="text" name="attr_swound1name">
|
||||
<input type="checkbox" name="attr_swound1" value="1">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-label">• Stability</div>
|
||||
<table class="sheet-bracket">
|
||||
<tbody><tr style="border-bottom: 1px black solid;">
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="0">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Composed</td><td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="1">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Uneasy</td>
|
||||
|
||||
<td class="sheet-label4">Moderate stress:</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border-bottom: 1px black solid;">
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="2">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Unfocused</td>
|
||||
<td class="sheet-label2">-1 to Disadvantage rolls</td>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="3">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Shaken</td>
|
||||
<td class="sheet-label4">Serious stress:</td>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="4">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Distressed</td>
|
||||
<td class="sheet-label4 sheet-label3">-1 Keep it Together</td>
|
||||
</tr>
|
||||
<tr style="border-bottom: 1px black solid;">
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="5">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Neurotic</td>
|
||||
<td class="sheet-label2">-2 to Disadvantage rolls</td>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="6">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Anxious</td>
|
||||
<td class="sheet-label4">Critical stress:</td>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="7">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Irrational</td>
|
||||
<td class="sheet-label4 sheet-label3">-2 Keep it Together</td>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="8">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Unhinged</td>
|
||||
<td class="sheet-label2">-3 to Disadvantage rolls</td>
|
||||
</tr>
|
||||
<tr style="border-bottom: 1px black solid;">
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="sheet-label3 sheet-label4">+1 See Through the Illusion</td>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<input type="radio" name="attr_stability" value="9">
|
||||
<span></span>
|
||||
</td>
|
||||
<td class="sheet-label3">Broken</td>
|
||||
<td class="sheet-label2">The GM makes a Move</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
</div><div class="sheet-twothirds" style="float:right">
|
||||
<div class="sheet-label">• Dramatic Hooks</div>
|
||||
<textarea style="height: 485px;"></textarea>
|
||||
</div><div class="sheet-twothirds" style="float:left">
|
||||
<div class="sheet-label">• Gear</div>
|
||||
<textarea name="attr_gear"></textarea>
|
||||
<div class="sheet-label">• Weapons</div>
|
||||
<textarea name="attr_weapons"></textarea>
|
||||
</div>
|
||||
<div class="sheet-onethird" style="float:right">
|
||||
<div class="sheet-label">• Notes</div>
|
||||
<textarea name="attr_notes" style="height: 353px;"></textarea>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "KULT Divinity Lost.html",
|
||||
"css": "KULT Divinity Lost.css",
|
||||
"authors": "Kevin J.",
|
||||
"roll20userid": "129882",
|
||||
"preview": "KULT Divinity Lost.png",
|
||||
"instructions": "A character sheet for KULT Divinity Lost. The boxed-in text below the attribute names(which are also the names of the default Moves) can be clicked to roll the relevant moves. Unfortunately, I wasn't able to actually model the section after the Tree of Life, like the one on the official sheet. PM me at Rats808 on Roll20 if there are any issues with the sheet."
|
||||
}
|
||||
Reference in New Issue
Block a user