Ghost Lines - Graphic character sheet

A new sheet for Ghost Lines that better matches the print character
sheet, with sheetworker to convert old attributes to the new sheet.
This commit is contained in:
timdenee
2017-08-22 09:27:06 +12:00
parent a6f08aeaba
commit 9b28db5f6f
36 changed files with 1195 additions and 521 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

-342
View File
@@ -1,342 +0,0 @@
@font-face {
font-family: 'IM Fell English SC';
font-style: normal;
font-weight: 400;
src: local('IM Fell English SC'), local('IM_FELL_English_SC'), url(http://themes.googleusercontent.com/static/fonts/imfellenglishsc/v3/h3Tn6yWfw4b5qaLD1RWvz9gX5f6-V0DImePmAcKHNfQ.ttf) format('truetype');
}
h1, h2, h3, h4, h5 {
font-family: 'IM Fell English SC', serif;
text-align: center;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 0.8em;
}
h5 {
font-size: 0.65em;
}
hr {
height: 5px;
padding: 0;
margin: 0;
border-top: 2px solid;
width: 200%;
text-align: center;
margin-left: -42px;
margin-top: 6px;
}
textarea {
height: 80px;
margin-top: 10px;
font-size: x-small;
line-height: 1.25em;
}
div.sheet-clock,
.sheet-circleBackdrop {
width: 5em;
height: 5em;
display: inline-block;
border-radius: 50%;
background-color: #394646;
border: 2px solid black;
vertical-align: middle;
margin-left: 10px;
margin-right: 10px;
}
.sheet-circleBackdrop {
background-color: white;
margin-top: 20px;
}
div.sheet-circleBackdrop input {
border: 0;
margin-top: 3px;
width: 50px;
}
input.sheet-HarmCheckbox,
input.sheet-ScarsCheckbox,
input.sheet-TraumaCheckbox,
input.sheet-HorrorCheckbox {
position: absolute;
left: -10000px;
}
div.sheet-FieldLabel {
width: 60px;
display: inline-block;
font-weight: bold;
}
input.sheet-TextFieldBio {
width: calc(33% - 21px);
}
input.sheet-HarmNumberbox,
input.sheet-ScarsNumberbox,
input.sheet-TraumaNumberbox,
input.sheet-HorrorNumberbox {
width: 1em;
height: 2em;
vertical-align: top;
}
div.sheet-HarmSection,
div.sheet-ScarsSection,
div.sheet-TraumaSection,
div.sheet-HorrorSection {
display: inline-block;
vertical-align: top;
text-align: center;
margin-top:10px;
}
div.sheet-col {
text-align: center;
}
div.sheet-wideColumn, div.sheet-narrowColumn, div.sheet-mediumColumn {
text-align: center;
display: inline-block;
vertical-align: top;
}
div.sheet-narrowColumn {
width: calc(27.5% - 21px);
}
div.sheet-mediumColumn {
width: calc(35% - 21px);
}
div.sheet-wideColumn {
width: calc(45% - 21px);
}
input[type="checkbox"][name="attr_Harm"][value="0"]:checked ~ div.sheet-clock[title="attr_Harm"],
input[type="checkbox"][name="attr_Trauma"][value="0"]:checked ~ div.sheet-clock[title="attr_Trauma"],
input[type="checkbox"][name="attr_Scars"][value="0"]:checked ~ div.sheet-clock[title="attr_Scars"],
input[type="checkbox"][name="attr_Horror"][value="0"]:checked ~ div.sheet-clock[title="attr_Horror"] {
background: white;
background-image: radial-gradient(white, white) /* no harm */
}
input[type="checkbox"][name="attr_Harm"][value="1"]:checked ~ div.sheet-clock[title="attr_Harm"],
input[type="checkbox"][name="attr_Trauma"][value="1"]:checked ~ div.sheet-clock[title="attr_Trauma"] {
background-image: linear-gradient(180deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%); /* 3oclock */
}
input[type="checkbox"][name="attr_Harm"][value="2"]:checked ~ div.sheet-clock[title="attr_Harm"],
input[type="checkbox"][name="attr_Trauma"][value="2"]:checked ~ div.sheet-clock[title="attr_Trauma"] {
background-image: linear-gradient(90deg, white 50%, transparent 50%); /* 6 oclock */
}
input[type="checkbox"][name="attr_Harm"][value="3"]:checked ~ div.sheet-clock[title="attr_Harm"],
input[type="checkbox"][name="attr_Trauma"][value="3"]:checked ~ div.sheet-clock[title="attr_Trauma"] {
background-image: linear-gradient(180deg, transparent 50%, #394646 50%), linear-gradient(90deg, white 50%, transparent 50%); /* 9 oclock */
}
input[type="checkbox"][name="attr_Harm"][value="4"]:checked ~ div.sheet-clock[title="attr_Harm"],
input[type="checkbox"][name="attr_Trauma"][value="4"]:checked ~ div.sheet-clock[title="attr_Trauma"] {
background-image: linear-gradient(210deg, transparent 50%, #394646 50%), linear-gradient(90deg, white 50%, transparent 50%); /* 10 oclock */
}
input[type="checkbox"][name="attr_Harm"][value="5"]:checked ~ div.sheet-clock[title="attr_Harm"],
input[type="checkbox"][name="attr_Trauma"][value="5"]:checked ~ div.sheet-clock[title="attr_Trauma"] {
background-image: linear-gradient(240deg, transparent 50%, #394646 50%), linear-gradient(90deg, white 50%, transparent 50%); /* 11 oclock */
}
input[type="checkbox"][name="attr_Harm"][value="6"]:checked ~ div.sheet-clock[title="attr_Harm"],
input[type="checkbox"][name="attr_Trauma"][value="6"]:checked ~ div.sheet-clock[title="attr_Trauma"] {
background-color: black; /* 12 oclock */
}
/* Scars and Horror need special treatment. They're 4 piece pies which can start filling in from the left or right */
/* div.sheet-HorrorSection input.sheet-checkboxArrowLeftRight[type="checkbox"]:checked */
div.sheet-ScarsSection input[type="checkbox"][name="attr_Scars"][value="1"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:checked ~
div.sheet-clock[title="attr_Scars"],
div.sheet-HorrorSection input[type="checkbox"][name="attr_Horror"][value="1"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:checked ~
div.sheet-clock[title="attr_Horror"]
{
background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(-45deg, white 50%, transparent 50%); /* left quad */
}
div.sheet-ScarsSection input[type="checkbox"][name="attr_Scars"][value="2"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:checked ~
div.sheet-clock[title="attr_Scars"],
div.sheet-HorrorSection input[type="checkbox"][name="attr_Horror"][value="2"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:checked ~
div.sheet-clock[title="attr_Horror"]
{
background-image: linear-gradient(-45deg, white 50%, transparent 50%); /* half */
}
div.sheet-ScarsSection input[type="checkbox"][name="attr_Scars"][value="3"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:checked ~
div.sheet-clock[title="attr_Scars"],
div.sheet-HorrorSection input[type="checkbox"][name="attr_Horror"][value="3"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:checked ~
div.sheet-clock[title="attr_Horror"]
{
background-image: linear-gradient(45deg, transparent 50%, #394646 50%), linear-gradient(-45deg, white 50%, transparent 50%); /* 3 quarters */
}
/* Show the clock segments filling in, but starting from the right */
div.sheet-ScarsSection input[type="checkbox"][name="attr_Scars"][value="1"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:not(:checked) ~
div.sheet-clock[title="attr_Scars"],
div.sheet-HorrorSection input[type="checkbox"][name="attr_Horror"][value="1"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:not(:checked) ~
div.sheet-clock[title="attr_Horror"]
{
background-image: linear-gradient(225deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%); /* left quad */
}
div.sheet-ScarsSection input[type="checkbox"][name="attr_Scars"][value="2"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:not(:checked) ~
div.sheet-clock[title="attr_Scars"],
div.sheet-HorrorSection input[type="checkbox"][name="attr_Horror"][value="2"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:not(:checked) ~
div.sheet-clock[title="attr_Horror"]
{
background-image: linear-gradient(135deg, white 50%, transparent 50%); /* half */
}
div.sheet-ScarsSection input[type="checkbox"][name="attr_Scars"][value="3"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:not(:checked) ~
div.sheet-clock[title="attr_Scars"],
div.sheet-HorrorSection input[type="checkbox"][name="attr_Horror"][value="3"]:checked ~
input.sheet-checkboxArrowLeftRight[type="checkbox"]:not(:checked) ~
div.sheet-clock[title="attr_Horror"]
{
background-image: linear-gradient(225deg, transparent 50%, #394646 50%), linear-gradient(135deg, white 50%, transparent 50%); /* 3 quarters */
}
/* --------------------- */
div.sheet-clock .sheet-ten {
background-image:
linear-gradient(126deg, transparent 50%, white 50%),
linear-gradient(90deg, white 50%, transparent 50%);
}
div.sheet-clock .sheet-3oclock {
background-image:
linear-gradient(180deg, transparent 50%, white 50%),
linear-gradient(90deg, white 50%, transparent 50%);
}
div.sheet-clock .sheet-6oclock {
background-image:
linear-gradient(90deg, white 50%, transparent 50%);
}
/* Slices greater than 50% require first gradient
to be transparent -> green */
div.sheet-clock .sheet-9oclock {
background-image:
linear-gradient(180deg, transparent 50%, green 50%),
linear-gradient(90deg, white 50%, transparent 50%);
}
div.sheet-clock .sheet-12oclock {
background-image: none;
}
/* The Scars and Horrors clocks can start on either the left or the right bubble. Need a way for player to choose. */
div.sheet-ScarsSection h3,
div.sheet-HorrorSection h3 {
display: inline;
}
/* Hide actual checkbox */
input.sheet-checkboxArrowLeftRight[type="checkbox"]
{
opacity: 0;
width: 16px;
height: 16px;
position: relative;
top: 5px;
left: 6px;
margin: -7px;
cursor: pointer;
z-index: 1;
}
/* Fake checkbox */
input.sheet-checkboxArrowLeftRight[type="checkbox"] + span::before
{
margin-right: 4px;
line-height: 14px;
text-align: center;
display: inline;
vertical-align: middle;
content: "►";
width: 14px;
height: 14px;
font-size: 12px;
}
input.sheet-checkboxArrowLeftRight[type="checkbox"]:checked + span::before
{
content: "◄";
}
/* End of Left/Right Arrow section */
div.sheet-footnote {
font-size: 0.8em;
font-weight: bold;
}
-172
View File
@@ -1,172 +0,0 @@
<div class="sheet-container">
<div class="sheet-3colrow">
<div class="sheet-narrowColumn">
<!-- <div class="sheet-clock"><div class="sheet-3oclock"></div></div> -->
<div class="sheet-HarmSection">
<input type="checkbox" value="0" name="attr_Harm" class="sheet-HarmCheckbox" />
<input type="checkbox" value="1" name="attr_Harm" class="sheet-HarmCheckbox" />
<input type="checkbox" value="2" name="attr_Harm" class="sheet-HarmCheckbox" />
<input type="checkbox" value="3" name="attr_Harm" class="sheet-HarmCheckbox" />
<input type="checkbox" value="4" name="attr_Harm" class="sheet-HarmCheckbox" />
<input type="checkbox" value="5" name="attr_Harm" class="sheet-HarmCheckbox" />
<input type="checkbox" value="6" name="attr_Harm" class="sheet-HarmCheckbox" />
<h3>
<!-- ----- -->
Harm
<!-- ----- -->
</h3>
<input type="number" name="attr_Harm" min="0" max="6" class="sheet-HarmNumberBox" / >
<hr />
<div class="sheet-clock" title="attr_Harm"></div>
</div>
<div class="sheet-ScarsSection">
<input type="checkbox" value="0" name="attr_Scars" class="sheet-ScarsCheckbox" />
<input type="checkbox" value="1" name="attr_Scars" class="sheet-ScarsCheckbox" />
<input type="checkbox" value="2" name="attr_Scars" class="sheet-ScarsCheckbox" />
<input type="checkbox" value="3" name="attr_Scars" class="sheet-ScarsCheckbox" />
<input type="checkbox" value="4" name="attr_Scars" class="sheet-ScarsCheckbox" />
<input type="checkbox" name="attr_ScarsClockFillOrigin" class="sheet-checkboxArrowLeftRight"/><span></span>
<h3>
<!-- ----- -->
Scars
<!-- ----- -->
</h3><br />
<input type="number" name="attr_Scars" min="0" max="4" class="sheet-ScarsNumberBox" />
<hr />
<div class="sheet-clock" title="attr_Scars"></div>
</div>
<textarea name="attr_Gear" rows="2" placeholder="Gear"></textarea>
<textarea name="attr_Log" rows="2" placeholder="Log: ghosts cleared, lines worked"></textarea>
</div>
<div class="sheet-wideColumn">
<div class="sheet-row">
<h2><span style="vertical-align: middle;">T</span>he <span style="font-size: 1.3em">t</span><span style="vertical-align: middle; font-size: 0.8em;"><span style="font-size:1.3em; vertical-align: sub;">H</span>1RD</span> AGE</h2>
<h1>G<span style="font-size: 1.2em; vertical-align: middle;">H</span><span style="transform: rotate(-45%)">O</span>S<span style="font-size: 1.3em; vertical-align: middle;">T</span> LINES</h1>
</div>
<div class="sheet-row">
<input type="text" title="Badge" name="attr_Badge" class="sheet-TextFieldBio" placeholder="Badge" />
<input type="text" title="Name" name="attr_characterName" class="sheet-TextFieldBio" placeholder="Name" />
<input type="text" title="Level" name="attr_level" class="sheet-TextFieldBio" placeholder="Level" />
</div>
<div class="sheet-row">
<input type="text" title="role" name="attr_role" class="sheet-TextFieldBio" placeholder="Role" />
<input type="text" title="Homeland" name="attr_homeland" class="sheet-TextFieldBio" placeholder="Homeland" />
</div>
<div class="sheet-row">
<div class="sheet-mediumColumn">
<h3>Force</h3>
<button type="roll" value="&{template:default} {{name=Force}} {{Result=[[2d6+@{force}]]}}"></button>
<input type="number" title="Force" name="attr_force" class="sheet-TextFieldStat" />
<h3>Finesse</h3>
<button type="roll" value="&{template:default} {{name=Finesse}} {{Result=[[2d6+@{finesse}]]}}"></button>
<input type="number" title="Finesse" name="attr_finesse" class="sheet-TextFieldStat" />
</div>
<div class="sheet-narrowColumn" style="margin-top: 30px;">
<h4>Impose</h4>
<button type="roll" value='&{template:default}{{name=Impose Will}}{{Result=[[2d6+?{Is your steel greater?|no, 0|yes, 1}+?{Is your level greater?|no, 0|yes, 1}+?{Are you a Noble of Akaros?|no, 0|yes, 1}+?{Are you threatening bodily harm AND your force is greater?|no, 0|yes, 1}]]}}' name="ImposeWill"></button>
<h4>Will</h4>
</div>
<div class="sheet-mediumColumn">
<h3>Insight</h3><input type="number" title="Insight" name="attr_insight" class="sheet-TextFieldStat" />
<button type="roll" value="&{template:default} {{name=Insight}} {{Result=[[2d6+@{insight}]]}}"></button>
<h3>Steel</h3><input type="number" title="Steel" name="attr_steel" class="sheet-TextFieldStat" />
<button type="roll" value="&{template:default} {{name=Steel}} {{Result=[[2d6+@{steel}]]}}"></button>
</div>
</div>
<div class="sheet-Finances sheet-3colrow">
<div class="sheet-narrowColumn"><div class="sheet-circleBackdrop"><h3>Chits</h3><input type="text" name="attr_Chits" class="sheet-TextFieldFinance" placeholder="Chits" /></div></div>
<div class="sheet-narrowColumn"><div class="sheet-circleBackdrop"><h3>Stash</h3><input type="text" name="attr_Stash" class="sheet-TextFieldFinance" placeholder="Stash" /></div></div>
<div class="sheet-narrowColumn"><div class="sheet-circleBackdrop"><h3>Favors</h3><input type="text" name="attr_Favors" class="sheet-TextFieldFinance" placeholder="Favors" /></div></div>
</div>
</div>
<div class="sheet-narrowColumn">
<div class="sheet-TraumaSection">
<input type="checkbox" value="0" name="attr_Trauma" class="sheet-TraumaCheckbox" />
<input type="checkbox" value="1" name="attr_Trauma" class="sheet-TraumaCheckbox" />
<input type="checkbox" value="2" name="attr_Trauma" class="sheet-TraumaCheckbox" />
<input type="checkbox" value="3" name="attr_Trauma" class="sheet-TraumaCheckbox" />
<input type="checkbox" value="4" name="attr_Trauma" class="sheet-TraumaCheckbox" />
<input type="checkbox" value="5" name="attr_Trauma" class="sheet-TraumaCheckbox" />
<input type="checkbox" value="6" name="attr_Trauma" class="sheet-TraumaCheckbox" />
<h3>
<!-- ----- -->
Trauma
<!-- ----- -->
</h3>
<input type="number" name="attr_Trauma" min="0" max="6" class="sheet-TraumaNumberBox" />
<hr>
<div class="sheet-clock" title="attr_Trauma"></div>
</div>
<div class="sheet-HorrorSection">
<input type="checkbox" value="0" name="attr_Horror" class="sheet-HorrorCheckbox" />
<input type="checkbox" value="1" name="attr_Horror" class="sheet-HorrorCheckbox" />
<input type="checkbox" value="2" name="attr_Horror" class="sheet-HorrorCheckbox" />
<input type="checkbox" value="3" name="attr_Horror" class="sheet-HorrorCheckbox" />
<input type="checkbox" value="4" name="attr_Horror" class="sheet-HorrorCheckbox" />
<input type="checkbox" name="attr_HorrorClockFillOrigin" class="sheet-checkboxArrowLeftRight"/><span></span>
<h3>
<!-- ----- -->
Horror
<!-- ----- -->
</h3><br/>
<input type="number" name="attr_Horror" min="0" max="4" class="sheet-HorrorNumberBox" />
<hr>
<div class="sheet-clock" title="attr_Horror"></div>
</div>
<textarea name="attr_Rumors" rows="2" placeholder="Rumors"></textarea>
<textarea name="attr_Notes" rows="2" placeholder="Notes: NPCs, Side Jobs, etc."></textarea>
</div>
</div>
<h4>Note: All bulls are responsible for care and upkeep of their own log books. Accurate record keeping is essential on the ghost lines.</h4>
<h4>Remember to track Lines worked, ghosts cleared, roles worked, ghosts silenced, lightning oil expenditures, etc.
<span style="text-align: right; font-style:italic; font-weight: normal;">---all glory to his majesty the Immortal Emperor</span></h4>
</div>
</div>
Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

+363
View File
@@ -0,0 +1,363 @@
<!-- Character Sheet -->
<div class="sheet-type-character">
<div class="sheet-ghostholder">
<div class="sheet-column1">
<div class="sheet-harmclock">
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="0" checked/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="1"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="2"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="3"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="4"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="5"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="6"/>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_harm" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-healing sheet-6clock">
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="0" checked/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="1"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="2"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="3"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="4"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="5"/>
<input type="checkbox" name="attr_harm" class="sheet-hidden" value="6"/>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_harm" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-clockpicture">
<input type="radio" name="attr_harm" value="1" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_harm" value="2" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_harm" value="3" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_harm" value="4" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_harm" value="5" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_harm" value="6" data-i18n-title="recoveryblurb" title=""/>
</div>
</div>
</div>
<div class="sheet-harmclock sheet-traumaclock">
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="0" checked/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="1"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="2"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="3"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="4"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="5"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="6"/>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_trauma" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-healing sheet-6clock">
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="0" checked/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="1"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="2"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="3"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="4"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="5"/>
<input type="checkbox" name="attr_trauma" class="sheet-hidden" value="6"/>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_trauma" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-clockpicture">
<input type="radio" name="attr_trauma" value="1" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_trauma" value="2" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_trauma" value="3" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_trauma" value="4" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_trauma" value="5" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_trauma" value="6" data-i18n-title="recoveryblurb" title=""/>
</div>
</div>
</div>
<div class="sheet-harmclock sheet-scarsclock">
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="0" checked/>
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="1"/>
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="2"/>
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="3"/>
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="4"/>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_scars" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-healing sheet-4clock">
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="0" checked/>
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="1"/>
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="2"/>
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="3"/>
<input type="checkbox" name="attr_scars" class="sheet-hidden" value="4"/>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_scars" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-clockpicture">
<input type="radio" name="attr_scars" value="1" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_scars" value="2" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_scars" value="3" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_scars" value="4" data-i18n-title="recoveryblurb" title=""/>
</div>
</div>
</div>
<div class="sheet-harmclock sheet-scarsclock sheet-horrorclock">
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="0" checked/>
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="1"/>
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="2"/>
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="3"/>
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="4"/>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_harm" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-healing sheet-4clock">
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="0" checked/>
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="1"/>
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="2"/>
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="3"/>
<input type="checkbox" name="attr_horror" class="sheet-hidden" value="4"/>
<div class="sheet-zeroholder">
<input type="radio" value="0" name="attr_horror" class="sheet-zero" checked/>
<span></span>
</div>
<div class="sheet-clockpicture">
<input type="radio" name="attr_horror" value="1" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_horror" value="2" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_horror" value="3" data-i18n-title="recoveryblurb" title=""/>
<input type="radio" name="attr_horror" value="4" data-i18n-title="recoveryblurb" title=""/>
</div>
</div>
</div>
<div class="sheet-chits"><input type="number" name="attr_chits" value="0" class="sheet-attrnum"><input type="number" name="attr_stash" value="0" class="sheet-attrnum"><input type="number" name="attr_favors" value="0" class="sheet-attrnum"></div>
<textarea spellcheck="false" class="sheet-notes" name="attr_notes" placeholder="All line bulls are expected to track lost or damaged gear and new acquisitions."></textarea>
<textarea spellcheck="false" class="sheet-notes2" name="attr_notes2" placeholder="All line bulls are responsible for the care and upkeep of their own log books. Accurate recording keep is essential on the ghost lines, and unburdens a heavy soul. "></textarea>
</div><div class="sheet-column2"><div class="sheet-topinput sheet-badgeinput"><input type="text" name="attr_name"></div><div class="sheet-topinput sheet-nameinput"><input type="text" name="attr_characterName"></div><div class="sheet-topinput sheet-levelinput"><input type="number" name="attr_level"></div><div class="sheet-topinput sheet-homeland"><input type="text" name="attr_homeland"></div><div class="sheet-actionbuttons">
<div class="sheet-ghostbuttonholder"><button type="roll" name="roll_hunt" class="sheet-imposewill sheet-rollbutton sheet-actionbutton btn ui-draggable" value='&{template:ghost} {{roll_tabledescname=@{name}}} {{roll_tabledescvalue=Impose Will}} {{roll_value1name=Dice}}{{roll_value1value=[[1d6]]+[[1d6]]}}{{roll_value2name=Bonus}}{{roll_value2value=[[(?{Is your steel greater?|Yes, 1 |No, 0})]]+[[(?{Is your level greater?|Yes, 1 |No, 0})]]+[[(?{Are you a noble of Akoros?|Yes, 1 |No, 0})]]+[[(?{Did you threaten bodily harm, and your force is greater?|Yes, 1 |No, 0})]]+[[(?{Bonus|0})]]}}'>Impose Will</button></div>
<div class="sheet-ghostbuttonholder sheet-secondrow"><button type="roll" name="roll_hunt" class="sheet-spclbtn sheet-rollbutton sheet-actionbutton btn ui-draggable" value='&{template:ghost} {{roll_tabledescname=@{name}}} {{roll_tabledescvalue=Force}} {{roll_value1name=Dice}}{{roll_value1value=[[1d6]]+[[1d6]]}}{{roll_value2name=Force}}{{roll_value2value=[[@{force}]]}}{{roll_value3name=Bonus}}{{roll_value3value=[[(?{Bonus|0})]]}}'>Force</button><div class="sheet-circlebg"></div><input type="number" name="attr_force" value="0" class="sheet-attrnum"></div>
<div class="sheet-ghostbuttonholder sheet-secondrow"><button type="roll" name="roll_hunt" class="sheet-rollbutton sheet-actionbutton btn ui-draggable" value='&{template:ghost} {{roll_tabledescname=@{name}}} {{roll_tabledescvalue=Finesse}} {{roll_value1name=Dice}}{{roll_value1value=[[1d6]]+[[1d6]]}}{{roll_value2name=Finesse}}{{roll_value2value=[[@{finesse}]]}}{{roll_value3name=Bonus}}{{roll_value3value=[[(?{Bonus|0})]]}}'>Finesse</button>
<div class="sheet-circlebg"></div><input type="number" name="attr_finesse" value="0" class="sheet-attrnum"></div>
<div class="sheet-ghostbuttonholder sheet-secondrow"><button type="roll" name="roll_hunt" class="sheet-rollbutton sheet-actionbutton btn ui-draggable" value='&{template:ghost} {{roll_tabledescname=@{name}}} {{roll_tabledescvalue=Insight}} {{roll_value1name=Dice}}{{roll_value1value=[[1d6]]+[[1d6]]}}{{roll_value2name=Insight}}{{roll_value2value=[[@{insight}]]}}{{roll_value3name=Bonus}}{{roll_value3value=[[(?{Bonus|0})]]}}'>Insight</button>
<div class="sheet-circlebg"></div><input type="number" name="attr_insight" value="0" class="sheet-attrnum"></div>
<div class="sheet-ghostbuttonholder sheet-secondrow"><button type="roll" name="roll_hunt" class="sheet-rollbutton sheet-actionbutton btn ui-draggable" value='&{template:ghost} {{roll_tabledescname=@{name}}} {{roll_tabledescvalue=Steel}} {{roll_value1name=Dice}}{{roll_value1value=[[1d6]]+[[1d6]]}}{{roll_value2name=Steel}}{{roll_value2value=[[@{steel}]]}}{{roll_value3name=Bonus}}{{roll_value3value=[[(?{Bonus|0})]]}}'>Steel</button>
<div class="sheet-circlebg"></div><input type="number" name="attr_steel" value="0" class="sheet-attrnum"></div>
</div>
<div class="sheet-homelandbox1">
<div class="sheet-homelandbox sheet-skovlan">
<div class="sheet-homelandtitle">Skovlan</div>
<div><input type="checkbox" name="attr_check_1" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Bold (+1 steel)</span></div>
<div><input type="checkbox" name="attr_check_2" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Tough (-1 harm)</span></div>
<div><input type="checkbox" name="attr_check_3" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Wild (+1 if trauma 9+)</span></div>
<div><input type="checkbox" name="attr_check_4" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Hardy (no scar effect)</span></div>
</div>
<div class="sheet-homelandbox sheet-akoros">
<div class="sheet-homelandtitle">Akoros</div>
<div><input type="checkbox" name="attr_check_5" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Sharp (+1 insight)</span></div>
<div><input type="checkbox" name="attr_check_6" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Connected (+6 favours)</span></div>
<div><input type="checkbox" name="attr_check_7" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Shrewd (+1 chit/line)</span></div>
<div><input type="checkbox" name="attr_check_8" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Noble (+1 will)</span></div>
</div>
<div class="sheet-homelandbox sheet-severos">
<div class="sheet-homelandtitle">Severos</div>
<div><input type="checkbox" name="attr_check_9" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Hard (+1 force)</span></div>
<div><input type="checkbox" name="attr_check_10" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Vicious (+1 harm)</span></div>
<div><input type="checkbox" name="attr_check_11" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Cruel (+1 if harm 9+)</span></div>
<div><input type="checkbox" name="attr_check_12" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Cold (-1 trauma)</span></div>
</div>
<div class="sheet-homelandbox sheet-iruvia">
<div class="sheet-homelandtitle">Iruvia</div>
<div><input type="checkbox" name="attr_check_13" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Nimble (+1 finesse)</span></div>
<div><input type="checkbox" name="attr_check_14" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Attuned (Assist is +2)</span></div>
<div><input type="checkbox" name="attr_check_15" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Sly (free insight Q)</span></div>
<div><input type="checkbox" name="attr_check_16" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Swift (you're faster)</span></div>
</div>
</div>
<div class="sheet-geardesc">
<span class="sheet-homelandtitle">Gear:</span>Heavy gloves, encounter suit, cloak, breather-mask, air-tank, goggles, cable and clamps, lightning-hook, magnetic boots, spirit-flares, lightning-oil canister (4 uses), and choose one loadout (at right).
</div>
<div class="sheet-lightningoil">
<span class="sheet-homelandtitle">Lightning Oil</span><div>
<input type="checkbox" name="attr_check_17" class="sheet-checkbox sheet-squarebox sheet-circlebox" checked/><span></span></div><div>
<input type="checkbox" name="attr_check_18" class="sheet-checkbox sheet-squarebox sheet-circlebox" checked/><span></span></div><div>
<input type="checkbox" name="attr_check_19" class="sheet-checkbox sheet-squarebox sheet-circlebox" checked/><span></span></div><div>
<input type="checkbox" name="attr_check_20" class="sheet-checkbox sheet-squarebox sheet-circlebox" checked/><span></span></div>
</div>
<div class="sheet-role">
<div><input type="checkbox" name="attr_check_21" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Rook: Heavy lightning-hook.</span></div>
<div><input type="checkbox" name="attr_check_22" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Spider: Lightning-web thrower, bandolier of spirit bottles (4).</span></div>
<div><input type="checkbox" name="attr_check_23" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Owl: Spirit-goggles, spare lightning-oil canister (4 uses).</span></div>
<div><input type="checkbox" name="attr_check_24" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Anchor: Heavy encounter-suit (1-armor, electro-field).</span></div>
</div>
<div class="sheet-homelandbox sheet-levels">
<div class="sheet-homelandtitle">Level 1: Apprentice</div>
<div><input type="checkbox" name="attr_check_25" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Clear 10 ghosts</span></div>
<div><input type="checkbox" name="attr_check_26" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Work 3 lines</span></div>
<div><input type="checkbox" name="attr_check_27" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Work 2 roles</span></div>
<div class="sheet-homelandtitle">Level 2: Journeyman</div>
<div><input type="checkbox" name="attr_check_29" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Clear 30 ghosts</span></div>
<div><input type="checkbox" name="attr_check_30" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Silence a ghost</span></div>
<div><input type="checkbox" name="attr_check_31" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Work 6 lines</span></div>
<div><input type="checkbox" name="attr_check_32" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Work every role</span></div>
<div class="sheet-homelandtitle">Level 3: Master</div>
<div><input type="checkbox" name="attr_check_33" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Clear 60 ghosts</span></div>
<div><input type="checkbox" name="attr_check_34" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Silence 12 ghosts</span></div>
<div><input type="checkbox" name="attr_check_35" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Work all 12 lines</span></div>
<div><input type="checkbox" name="attr_check_36" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Train a new bull</span></div>
</div>
<div class="sheet-homelandbox sheet-lines">
<div class="sheet-homelandtitle">Lines Worked</div>
<div><input type="checkbox" name="attr_check_37" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Skovlan: Upper (III)</span></div>
<div><input type="checkbox" name="attr_check_38" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Skovlan: Lower (II)</span></div>
<div><input type="checkbox" name="attr_check_39" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Akoros: Doskvol (I)</span></div>
<div><input type="checkbox" name="attr_check_40" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Akoros: Heights (II)</span></div>
<div><input type="checkbox" name="attr_check_41" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Akoros: Bayside (I)</span></div>
<div><input type="checkbox" name="attr_check_42" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Akoros: Pass (III)</span></div>
<div><input type="checkbox" name="attr_check_43" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Iruvia: Islands (II)</span></div>
<div><input type="checkbox" name="attr_check_44" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Iruvia: Cloudspire (II)</span></div>
<div><input type="checkbox" name="attr_check_45" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Iruvia: Lakewood (I)</span></div>
<div><input type="checkbox" name="attr_check_46" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Severos: Highland (III)</span></div>
<div><input type="checkbox" name="attr_check_47" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Severos: Plains (II)</span></div>
<div><input type="checkbox" name="attr_check_48" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Severos: Coast (III)</span></div>
</div>
<div class="sheet-homelandbox sheet-rolesworked">
<div class="sheet-homelandtitle">Roles Worked</div>
<div><input type="checkbox" name="attr_check_49" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Rook</span></div>
<div><input type="checkbox" name="attr_check_50" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Spider</span></div>
<div><input type="checkbox" name="attr_check_51" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Owl</span></div>
<div><input type="checkbox" name="attr_check_52" class="sheet-checkbox sheet-squarebox"/><span></span><span class="sheet-checklabel">Anchor</span></div>
</div>
<div class="sheet-homelandbox sheet-ghostkills">
<div class="sheet-homelandtitle">Ghosts Silenced</div>
<div class="sheet-circlebg"></div><input type="number" name="attr_silenced" value="0" class="sheet-attrnum">
<div class="sheet-homelandtitle">Ghosts Cleared</div>
<div class="sheet-circlebg"></div><input type="number" name="attr_cleared" value="0" class="sheet-attrnum">
</div>
</div>
</div>
<div class="sheet-reference">
<div class="sheet-rulesbox">
<span class="sheet-rulestitle">Force</span><br/>
When you employ force, roll+force and choose options. On a 12+, three. On a 10 or 11, two. On a 7-9, one.
<ul><li>You inflict great harm.</li>
<li>You suffer little harm in return.</li>
<li>You drive them back, seize something, or create an opportunity.</li></ul>
</div> <div class="sheet-rulesbox">
<span class="sheet-rulestitle">Finesse</span><br/>
When you employ finesse, roll+finesse and choose options. On a 12+, three. On a 10 or 11, two. On a 7-9, one.
<ul>
<li>You do it quickly.</li>
<li>You avoid trouble, compromise or cost.</li>
<li>You do it impressively, stylishly or to greater effect.</li>
</ul>
</div> <div class="sheet-rulesbox">
<span class="sheet-rulestitle">Insight</span><br/>
When you employ insight, roll+insight. On a 12+, hold three. On a 10 or 11, hold two. On a 7-9, hold one. Spend your hold 1-for-1 during the scene to ask the GM questions from the list:
<ul>
<li>Whats really going on here?</li>
<li>What should I be on the lookout for?</li>
<li>Whats the best way to _?</li>
<li>What are they really feeling? </li>
<li>What do they want?</li>
<li>How could I get them to _?</li>
</ul>
On a miss, you gain no hold, but may ask one right now.
</div>
<div class="sheet-rulesbox" style="top: -178px; position: relative;">
<span class="sheet-rulestitle">Assist</span><br/>
For every move above (force, finesse, insight), you may also spend one of your choices on these:
<ul>
<li>You assist someone, they take +1 to their roll.</li>
<li>You interfere with someone, they take -2.</li>
</ul>
</div>
<div class="sheet-rulesbox" style="top: -150px; position: relative;">
<span class="sheet-rulestitle">Steel</span><br/>
When you steel yourself against injury, duress, or supernatural horrors, choose an action below that you hope you dont do, and roll+steel. On a 10+, you do none of them. On a 7-9, you do one you didnt pick, GM chooses. On a miss, its the one you dont want.
<ul>
<li>Freeze up, leave myself wide open.</li>
<li>Panic, disengage, flee.</li>
<li>Collapse, let go, give up.</li>
<li>Rage, lose control, do unintended harm.</li>
<li>Suffer more trauma or harm.</li>
</ul>
You can avoid an instance of harm or trauma by choosing to mark a Scar or Horror, respectively, instead. Scars and horror are permanent. Fill them in clockwise.
</div>
<div class="sheet-rulesbox">
<span class="sheet-rulestitle">Downtime</span><br/>
When you have downtime off work, choose one:
<ul>
<li>Hit the pub. Heal trauma (if above 6 oclock, heal to 6. If 6 or below, heal all).</li>
<li>Visit the physicker. Heal harm (if above 9, heal to 9. If at 9, heal to 6. If 6 or below, heal all).</li>
<li>Work a side job. Choose: bouncer, courier, craft, crematorium, crime, distillery, docks, forge, leviathan-hunting, slaughterhouse, stables, trade. Collect 2-stash or 1-favor.</li>
</ul>
You may choose additional options by spending chits, 1-for-1. You may choose the same option twice.
</div>
<div class="sheet-rulesbox"style="top: -425px; position: relative;">
<span class="sheet-rulestitle">Impose Your Will</span><br/>
When you impose your will to get your way, roll.
<ul>
<li>If your steel is greater, take +1.</li>
<li>If your level is greater, take +1.</li>
<li>If you are a Noble of Akoros, take +1.</li>
<li>If you threaten bodily harm, and your force is greater, take +1.</li>
</ul>
On a 12+, they are so overwhelmed they do what you say without another thought. On a 10 or 11, they choose: either do what you say, or take 2-trauma. On a 7-9, its 1-trauma. If you threatened bodily harm, they can force your hand and take the threatened harm instead of trauma.
</div>
</div>
</div>
<!-- ROLL TEMPLATES -->
<rolltemplate class="sheet-rolltemplate-ghost">
<table>
<tr>
<td colspan="2">{{roll_tabledescname}}</td>
</tr>
<tr>
<th colspan="2">{{roll_tabledescvalue}}</th>
</tr>
{{#roll_value1value}}
<tr>
<td class="sheet-desc_leftcol {{#roll_value1long}}longoff{{/roll_value1long}}">{{roll_value1name}}</td>
<td class="sheet-desc_rightcol {{#roll_value1long}}longoff{{/roll_value1long}}">{{roll_value1value}}</td>
</tr>{{/roll_value1value}} {{#roll_value2value}}
<tr>
<td class="sheet-desc_leftcol">{{roll_value2name}}</td>
<td class="sheet-desc_rightcol">{{roll_value2value}}</td>
</tr>{{/roll_value2value}} {{#roll_value3value}}
<tr>
<td class="sheet-desc_leftcol {{#roll_value3long}}longoff{{/roll_value3long}}">{{roll_value3name}}</td>
<td class="sheet-desc_rightcol {{#roll_value3long}}longoff{{/roll_value3long}}">{{roll_value3value}}</td>
</tr>{{/roll_value3value}} {{#roll_value4value}}
<tr>
<td class="sheet-desc_leftcol">{{roll_value4name}}</td>
<td class="sheet-desc_rightcol">{{roll_value4value}}</td>
</tr>{{/roll_value4value}} {{#roll_value5value}}
<tr>
<td class="sheet-desc_leftcol">{{roll_value5name}}</td>
<td class="sheet-desc_rightcol">{{roll_value5value}}</td>
</tr>{{/roll_value5value}} {{#roll_value6value}}
<tr>
<td class="sheet-desc_leftcol">{{roll_value6name}}</td>
<td class="sheet-desc_rightcol">{{roll_value6value}}</td>
</tr>{{/roll_value6value}} {{#roll_value7value}}
<tr>
<td class="sheet-desc_leftcol {{#roll_value7long}}longoff{{/roll_value7long}}">{{roll_value7name}}</td>
<td class="sheet-desc_rightcol {{#roll_value7long}}longoff{{/roll_value7long}}">{{roll_value7value}}</td>
</tr>{{/roll_value7value}}
</table>
</rolltemplate>
<script type="text/worker"> on('sheet:opened', () => { const attrs = ['Badge', 'Gear', 'Rumors', 'Notes', 'Log', 'version']; getAttrs(attrs, v => { if (v.version) return; let setting = {}; if (v.Badge) { setting.name = v.Badge; setting.Badge = ''; } if (v.Gear) { setting.notes = v.Gear; setting.Gear = ''; } let notes2 = ''; if (v.Rumors) { notes2 += v.Rumors + '\n'; setting.Rumors = ''; } if (v.Notes) { notes2 += v.Notes + '\n'; if (!v.Gear) setting.notes = ''; } if (v.Log) { notes2 += v.Log; setting.Log = ''; } if (notes2) { setting.notes2 = notes2; } setting.version = 1; setAttrs(setting); }); }); </script>
+823
View File
@@ -0,0 +1,823 @@
/* Sheet container */
.charsheet {
min-width: 860px;
position: relative;
padding: 0 10px 0 0 !important;
height:auto;
background-color:#1f1f1f;
background-image:url(http://i.imgur.com/AZp4v4X.jpg);
overflow: hidden;
}
.sheet-container {
position: relative;
width: 860px;
}
input:checked + .sheet-container {
min-width: 860px;
width: initial;
}
/* GHOST HOLDER */
.sheet-ghostholder{
width:860px;
height:891px;
background-image:url(http://i.imgur.com/BIcJOGk.png);
margin-right: auto;
margin-left: auto;
}
.sheet-column1, .sheet-column2{
display:inline-block;
height:50px;
width:50%;
vertical-align: top;
}
.sheet-column1{
width: 335px;
height:891px;
}
.sheet-column2{
width: 525px;
height:891px;
}
/* BUTTONS ETC */
.sheet-circlebg{
width: 35px;
height: 35px;
border-radius: 100px;
border: 1px solid white;
display: inline-block;
vertical-align: middle;
float: right;
margin-right: 13px;
position: relative;
top: -8px;
}
.sheet-ghostbuttonholder{
width: 150px;
height: 30px;
}
.sheet-ghostbuttonholder:first-child{
margin-bottom: 27px;
}
.sheet-actionbuttons{
position: relative;
top: 72px;
left: 17px;
}
.sheet-secondrow{
margin-bottom:21px;
}
.sheet-imposewill {
margin-bottom: 52px !important;
}
.charsheet button[type=roll].sheet-actionbutton {
font-size: 13.5px;
letter-spacing: 1px;
color: #e0e0e0;
margin-top: 1px;
text-align: left;
width: auto;
}
.charsheet button[type=roll].sheet-rollbutton {
text-transform: uppercase;
border: none;
margin: 0;
padding: 0;
font-weight: 800;
line-height: 9px;
}
.charsheet button[type=roll] {
font-family: "Hoefler Text",Georgia,"Baskerville Old Face",Garamond,"Times New Roman",serif;
background: transparent;
box-shadow: none;
}
.charsheet button {
text-shadow: none!important;
}
.charsheet button[type=roll]:before {
content: ""!important;
}
/* INPUTS */
.charsheet .sheet-topinput input[type=text], .charsheet .sheet-topinput input[type=number] {
width: 100%;
border-bottom: 1px solid #3ad9ff;
border-radius: 0;
font-size: 14px;
padding: 3px 0 0;
margin: 3px 0 0;
color: #3ad9ff;
text-shadow: 0px 0px 14px rgb(0, 204, 255);
}
.charsheet .sheet-badgeinput{
position: relative;
width: 124px;
top: 114px;
left: 75px;
}
.charsheet .sheet-nameinput{
position: relative;
width: 118px;
top: 89px;
left: 263px;
}
.charsheet .sheet-levelinput{
position: relative;
width: 39px;
top: 64px;
left: 450px;
}
.charsheet .sheet-homeland{
position: relative;
width: 214px;
top: 79px;
left: 276px;
}
/* GENERALITIES */
button {
text-shadow: none !important;
}
label {
font-family: Georgia, Times, "Times New Roman", serif;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
div {
cursor: default;
box-sizing: border-box;
}
input[type=text],input[type=number] {
font-family: Georgia, Times, "Times New Roman", serif;
border: none;
background: none;
box-shadow: none;
width: 95%;
padding: 0;
color: black;
}
textarea {
box-shadow: none;
font-family: Georgia, Times, "Times New Roman", serif;
border: none;
margin: 0;
padding: 0;
background: transparent;
color: black;
}
li {
cursor: default;
}
li, li input[type=text] {
font-family: Georgia, Times, "Times New Roman", serif;
position: relative;
color: #404040;
}
li:after {
background: black;
transform: rotate(45deg);
content: '';
display: block;
position: absolute;
left: 0;
}
ul {
list-style: none;
margin: 0;
}
span {
font-family: Georgia, Times, "Times New Roman", serif;
color: black;
cursor: default;
}
input[type=checkbox], input[type=radio] {
opacity: 0;
z-index: 1;
margin: 0;
padding: 0;
position: absolute;
}
input[type=checkbox] + span, input[type=radio] + span {
cursor: pointer;
}
input[type=number] {
color: black;
box-shadow: none;
}
/*
input[type=number] {
-moz-appearance: textfield;
}
input[type=number]:hover,
input[type=number]:focus {
-moz-appearance: number-input;
}
*/
.sheet-hidden {
display: none !important;
}
.sheet-rep-block {
display: inline-block;
width: 100%;
}
span.sheet-inherit, input.sheet-inherit {
font-size: inherit;
color: inherit;
font-family: inherit;
font-weight: inherit;
text-transform: inherit;
letter-spacing: inherit;
}
/* NEW STYLES */
.charsheet input.sheet-attrnum{
position: relative;
left: 100px;
top: -21px;
width: 55px !important;
font-size: 19px;
text-align: center;
color: #3ad9ff;
text-shadow: 0px 0px 14px rgb(0, 204, 255);
}
.sheet-homelandbox1{
color:#e0e0e0;
position: relative;
left: 178px;
top: -139px;
width: 310px;
height: 200px;
}
.sheet-homelandtitle{
font-variant: small-caps;
font-family: Georgia, Times, "Times New Roman", serif;
color:#e0e0e0;
padding-right: 6px;
}
.sheet-checklabel{
color:#e0e0e0;
font-family: Georgia, Times, "Times New Roman", serif;
padding-left: 6px;
}
input.sheet-checkbox.sheet-squarebox {
height: 15px;
width: 146px;
}
input.sheet-checkbox.sheet-squarebox + span {
margin: 0;
width: 7px;
height: 7px;
}
input.sheet-checkbox.sheet-squarebox:checked + span {
background-color: #3ad9ff !important;
box-shadow: 0px 0px 14px rgb(0, 204, 255);
opacity: 1;
}
input.sheet-checkbox.sheet-squarebox:checked~span.sheet-checklabel{
color: #3ad9ff;
text-shadow: 0px 0px 14px rgb(0, 204, 255);
}
input.sheet-checkbox {
height: 12px;
width: 12px;
}
input.sheet-checkbox.sheet-circlebox-small {
margin-top: 2px;
}
input.sheet-checkbox.sheet-squarebox-small {
height: 10px;
width: 10px;
}
input.sheet-checkbox + span {
display: inline-block;
width: 10px;
height: 10px;
border: 1px solid #ffffff;
margin: 0 2px 0 0;
}
input.sheet-checkbox:hover + span {
opacity: 0.7;
}
input.sheet-checkbox.sheet-squarebox {
margin-top: 3px;
}
input.sheet-checkbox.sheet-squarebox + span {
background: transparent;
vertical-align: middle;
margin-left: 1px;
}
.sheet-homelandbox{
width: 49%;
}
.sheet-akoros{
position: relative;
top: 11px;
}
.sheet-severos{
position: relative;
top: -180px;
left: 165px;
}
.sheet-iruvia{
position: relative;
top: -169px;
left: 165px;
}
.sheet-geardesc{
font-family: Georgia, Times, "Times New Roman", serif;
color: #e0e0e0;
font-size: 12px;
position: relative;
top: -125px;
left: 15px;
width: 215px;
}
.sheet-lightningoil{
position: relative;
top: -111px;
left: 18px;
width: 199px;
font-size: 127%;
}
input.sheet-checkbox.sheet-circlebox{
width:21px;
}
input.sheet-checkbox.sheet-circlebox + span {
border-radius: 50px;
height: 12px;
width: 12px;
margin-right: 5px;
float: right;
position: relative;
top: 1px;
}
.sheet-lightningoil div{
display:inline-block;
}
.sheet-role{
position: relative;
top: -248px;
left: 253px;
width: 44%;
line-height: 15px;
}
div.sheet-role > div {
margin-bottom:10px;
}
.sheet-levels{
position: relative;
top: -240px;
left: 13px;
}
.sheet-levels .sheet-homelandtitle{
margin-top:8px;
}
.sheet-lines{
position: relative;
top: -508px;
left: 167px;
}
.sheet-lines > div {
margin-bottom:3px;
}
.sheet-rolesworked{
position: relative;
top: -781px;
left: 334px;
width: 160px;
}
.sheet-rolesworked > div {
margin-bottom:3px;
}
.sheet-ghostkills{
position: relative;
top: -771px;
left: 334px;
width: 160px;
}
.sheet-ghostkills .sheet-circlebg{
float:none;
display:block;
top:2px;
width: 50px;
height: 50px;
}
div.sheet-homelandbox.sheet-ghostkills > input {
left: 5px;
top: -43px;
font-size: 29px;
line-height: 0%;
}
div.sheet-homelandbox.sheet-ghostkills > div:nth-child(4){
position: relative;
top: -15px;
}
div.sheet-homelandbox.sheet-ghostkills > div:nth-child(5){
top: -12px;
}
div.sheet-homelandbox.sheet-ghostkills > input:nth-child(6){
top: -57px;
}
/* CLOCKS */
.sheet-harmclock{
position:relative;
top: 42px;
left: 15px;
}
.sheet-traumaclock{
top:232px !important;
}
.sheet-scarsclock{
left: 154px !important;
}
.sheet-horrorclock{
top:232px !important;
}
.sheet-clock input.sheet-label {
font-size: 11px;
letter-spacing: 1px;
font-weight: 600;
line-height: 0;
width: 100%;
}
.sheet-clockpicture {
position: absolute;
padding: 2px;
margin-top: -38px;
z-index: 1;
height: 117px;
width: 117px;
background-image: url(http://i.imgur.com/77QdOWK.png);
}
.sheet-clock .sheet-clockpicture {
margin-left: 85%;
}
.sheet-clock .sheet-4clock, .sheet-6clock, .sheet-8clock, .sheet-12clock {
/* display: none; */
margin-top: 10px;
}
/* Positioning inputs on clocks */
.sheet-clockpicture input[type=checkbox]:checked {
display: none;
}
.sheet-4clock .sheet-clockpicture input {
position: relative;
left: 38px;
top: 40px;
height: 35px !important;
width: 35px !important;
}
.sheet-4clock .sheet-clockpicture input[value="1"] {
position: relative;
top: 11px;
left: 39px;
}
.sheet-4clock .sheet-clockpicture input[value="2"] {
position: relative;
left: 31px;
}
.sheet-4clock .sheet-clockpicture input[value="3"] {
position: relative;
top: 68px;
left: -38px;
}
.sheet-4clock .sheet-clockpicture input[value="4"] {
position: relative;
top: 4px;
left: 12px;
}
.sheet-6clock .sheet-clockpicture input {
/*height: 17px;
width: 12px;*/
left: 38px;
top: 40px;
height: 35px !important;
width: 35px !important;
}
.sheet-6clock .sheet-clockpicture input[value="1"] {
position: relative;
top: 17px;
left: 55px;
}
.sheet-6clock .sheet-clockpicture input[value="2"] {
position: relative;
}
.sheet-6clock .sheet-clockpicture input[value="3"] {
position: relative;
top: 70px;
left: -23px;
}
.sheet-6clock .sheet-clockpicture input[value="4"] {
position: relative;
top: 30px;
left: 22px;
}
.sheet-6clock .sheet-clockpicture input[value="5"] {
position: relative;
top: 4px;
left: -31px;
}
.sheet-6clock .sheet-clockpicture input[value="6"] {
position: relative;
top: -20px;
left: -52px;
}
/* End positioning */
input[value="4"]:checked ~ .sheet-4clock,
input[value="6"]:checked ~ .sheet-6clock {
display: block;
}
.sheet-4clock input[value="0"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/8cImqJt.png);
}
.sheet-4clock input[value="1"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/ZaxeV1l.png);
}
.sheet-4clock input[value="2"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/LVbgk7Q.png);
}
.sheet-4clock input[value="3"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/PcVhKsv.png);
}
.sheet-4clock input[value="4"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/0XG71xP.png);
}
div.sheet-harmclock.sheet-horrorclock .sheet-4clock input[value="0"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/yRBth0u.png);
}
div.sheet-harmclock.sheet-horrorclock .sheet-4clock input[value="1"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/DQlms38.png);
}
div.sheet-harmclock.sheet-horrorclock .sheet-4clock input[value="2"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/xdF7Wqp.png);
}
div.sheet-harmclock.sheet-horrorclock .sheet-4clock input[value="3"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/2sBZFvd.png);
}
div.sheet-harmclock.sheet-horrorclock .sheet-4clock input[value="4"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/9umbkU9.png);
}
.sheet-6clock input[value="0"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/77QdOWK.png);
}
.sheet-6clock input[value="1"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/oEoEarl.png);
}
.sheet-6clock input[value="2"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/VENKtb4.png);
}
.sheet-6clock input[value="3"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/NybZx5G.png);
}
.sheet-6clock input[value="4"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/0TneIDf.png);
}
.sheet-6clock input[value="5"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/SRagNmE.png);
}
.sheet-6clock input[value="6"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/CJB1p7f.png);
}
div.sheet-harmclock.sheet-traumaclock .sheet-6clock input[value="0"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/aTqb6sN.png);
}
div.sheet-harmclock.sheet-traumaclock .sheet-6clock input[value="1"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/yRpRATi.png);
}
div.sheet-harmclock.sheet-traumaclock .sheet-6clock input[value="2"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/C2oIScD.png);
}
div.sheet-harmclock.sheet-traumaclock .sheet-6clock input[value="3"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/Xfju0t7.png);
}
div.sheet-harmclock.sheet-traumaclock .sheet-6clock input[value="4"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/V9nBIvl.png);
}
div.sheet-harmclock.sheet-traumaclock .sheet-6clock input[value="5"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/1PYixAr.png);
}
div.sheet-harmclock.sheet-traumaclock .sheet-6clock input[value="6"]:checked ~ .sheet-clockpicture {
background-image: url(http://i.imgur.com/hwvZ0IS.png);
}
.sheet-clockprogress {
margin-top: 10px;
}
.sheet-clockprogress span:first-child {
margin-right: 3px;
}
.sheet-clock {
background-color: #d6d8d9;
font-style: italic;
font-size: 10px;
line-height: 8px;
}
.sheet-clock {
width: 100%;
display: inline-block;
padding: 8px 8px 12px;
margin-bottom: 8px;
}
.sheet-healing .sheet-clockpicture {
margin: 32px 0 0 22px;
}
input.sheet-zero {
width: 13px;
height: 13px;
}
input.sheet-zero + span {
width: 10px;
height: 13px;
margin-right: 3px;
display: inline-block;
position: absolute;
vertical-align: top;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/zero.png);
}
input.sheet-zero[type=radio]:checked + span {
display: none;
}
.sheet-healing .sheet-zeroholder {
z-index: 3;
}
.sheet-zeroholder {
position: relative;
top: -4px;
left: 34px;
}
div.sheet-harmclock.sheet-traumaclock div.sheet-zeroholder{
left:19px;
}
div.sheet-harmclock.sheet-horrorclock div.sheet-zeroholder{
left:19px;
}
.sheet-chits{
position: relative;
top: 470px;
left: -45px;
}
.sheet-chits input{
font-size: 29px;
line-height: 0%;
}
div.sheet-chits > input:nth-child(2) { left: 143px;}
div.sheet-chits > input:nth-child(3) { left: 183px;}
.sheet-notes{
position: relative;
top: 531px;
left: 33px;
resize: none;
width: 269px;
height: 77px;
color: #3ad9ff;
}
.sheet-notes2{
position: relative;
top: 594px;
left: 33px;
resize: none;
width: 269px;
height: 150px;
color: #3ad9ff;
}
.sheet-reference{
width: 788px;
margin-top: 20px;
padding-bottom: 50px;
margin-right: auto;
margin-left: auto;
height: 880px;
overflow: hidden;
}
.sheet-rulesbox{
font-family: Georgia, Times, "Times New Roman", serif;
color: #e0e0e0;
font-size: 14px;
width:30%;
border-top: 1px solid white;
padding-top: 13px;
display:inline-block;
margin-right: 23px;
padding-bottom: 23px;
vertical-align: top;
}
.sheet-rulestitle{
font-variant: small-caps;
font-family: Georgia, Times, "Times New Roman", serif;
color:white;
font-size: 20px;
}
.sheet-rulesbox ul{
color:#e0e0e0;
list-style-type: disc;
padding-left: 15px;
padding-bottom: 14px;
}
.sheet-rulesbox li{
color:#e0e0e0;
padding-top: 8px;
}
/* ROLL TEMPLATE */
.sheet-rolltemplate-ghost {
margin-left: -42px;
margin-right: -1px;
}
.sheet-rolltemplate-ghost {
height: auto;
padding: 2px;
/* background: url(http://i.imgur.com/xBk4U1p.jpg) top left; */
background-color: #000000;
color: #3ad9ff;
text-shadow: 0px 0px 14px rgb(0, 204, 255);
font-family: Georgia, Times, "Times New Roman", serif;
background-image:url(http://i.imgur.com/VRNyMBT.gif);
background-size:cover;
}
.sheet-rolltemplate-ghost table {
border-collapse: separate;
border-spacing: 0;
padding: 10px;
min-width: 100%;
line-height: 32px;
font-size: 134%;
}
.sheet-rolltemplate-ghost table td.sheet-desc_leftcol {
width: 67px;
}
.sheet-rolltemplate-ghost table td.sheet-desc_rightcol {
padding-left: 14px;
line-height: 1.3em;
padding-top: 2px;
padding-bottom: 2px;
color:white;
}
.sheet-rolltemplate-ghost table td.sheet-desc_rightcol span {
font-size: 1.2em !important;
padding: 0;
font-weight: 100;
border: 0 !important;
background-color: rgba(0, 0, 0, 0);
}
.sheet-rolltemplate-ghost td {
border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.sheet-rolltemplate-ghost th {
font-size: 1.5em;
padding-top: 0px;
padding-bottom: 4px;
font-weight: 100;
text-align: left;
}
.sheet-rolltemplate-ghost table td.sheet-desc_leftcollongoff {
vertical-align: top;
padding-top: 5px;
}
.sheet-rolltemplate-ghost table td.sheet-desc_rightcollongoff {
font-size: 1.1em;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none;
letter-spacing: 0px;
}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.

After

Width:  |  Height:  |  Size: 336 KiB

+7 -7
View File
@@ -1,8 +1,8 @@
{
"html": "GhostLinesSheet.html",
"css": "GhostLinesSheet.css",
"authors": "plexsoup",
"roll20userid": "258125",
"preview": "GhostLinesSheetPreview.jpg",
"instructions": "Sheet for Ghost Lines by John Harper. Complete with fancy clocks."
}
"html": "ghostlines.html",
"css": "ghostlines.css",
"authors": "Tim Denee",
"roll20userid": "782723",
"preview": "ghostlines.jpg",
"instructions": "This sheet for Ghost Lines by John Harper is designed to look similar to the paper sheet, and includes some of the rules reference from the PDF. You can find the full copy of the Ghost Lines rules here: http://www.onesevendesign.com/ghostlines/"
}