diff --git a/DemonTheDescent/DemonTheDescent.css b/DemonTheDescent/DemonTheDescent.css new file mode 100644 index 0000000000..5eaf4c2575 --- /dev/null +++ b/DemonTheDescent/DemonTheDescent.css @@ -0,0 +1,506 @@ +.charsheet input.sheet-page1:checked ~ div.sheet-page1, .charsheet input.sheet-page2:checked ~ div.sheet-page2, .charsheet input.sheet-page3:checked ~ div.sheet-page3, .charsheet input.sheet-page4:checked ~ div.sheet-page4{ + display: block; + border-top: 1px black solid; + } + .charsheet div.sheet-page1, .charsheet div.sheet-page2, .charsheet div.sheet-page3, .charsheet div.sheet-page4{ + display: none; + } + .charsheet input.sheet-tab{ + 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; + border-radius: 10% 10% 0% 0%; + margin-bottom: -1px; + } + .charsheet input[type=radio]:hover + label{ + background: gray; + } + .charsheet input[type=radio]:checked + label{ + border-bottom: 1px white solid; + } +.charsheet div.sheet-page1,.charsheet div.sheet-page2{ + display: none; + } + .charsheet .sheet-col input[type=text]{ + width: 75%; + float: right; + border: none; + border-radius: 0%; + border-bottom: 1px black solid; + height: 1em; + } + .charsheet h2{ + text-align: center; + } + .charsheet h4{ + float: left; + } + .charsheet .sheet-dots{ + float: right; + } + .charsheet h3{ + text-align: center; + } + .charsheet .sheet-skillnote{ + text-align: center; + font-style: italic; + } +.charsheet .sheet-merits input[type="text"]{ + float: left; + width: 63%; + height: 1.5em !important; +} +/* Hide actual dot/checkbox */ +.charsheet input[type="radio"], .charsheet input[type="checkbox"] +{ + position: absolute; + opacity: 0; + width: 10px; + cursor: pointer; + z-index: 1; +} + +/* Styles common to fake dot and checkbox */ +.charsheet input[type="radio"] + span::before, .charsheet input[type="checkbox"] + span::before +{ + border: solid 1px black; + line-height: 10px; + display: inline-block; + vertical-align: middle; + background: white; +} + +/* Styles unique to fake dot (checked or left of checked) */ +.charsheet input[type="radio"] + span::before +{ + background: black; + content: ''; + width: 10px; + height: 10px; + font-size: 36px; + + border-radius: 50%; +} + +/* Styles unique to fake checkbox (unchecked) */ +.charsheet input[type="checkbox"] + span::before +{ + position:relative; + content: ""; + width: 10px; + height: 10px; +} + +/* Styles unique to fake checkbox (checked) */ +.charsheet input[type="checkbox"]:checked + span::before +{ + background: + linear-gradient(to top left, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%), + linear-gradient(to top right, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%); +} + +/* Remove dot from all radios _after_ selected one */ +.charsheet input[type="radio"]:checked ~ input[type="radio"] + span::before +{ + background: white; +} + +.charsheet input.sheet-zero:checked + span::before +{ + opacity: 0; +} + +.charsheet input.sheet-zero:hover + span::before +{ + opacity: 1; +} + +.charsheet input.sheet-zero+ span::before +{ + font-size: 12px; + content: ""; + opacity: 0.25; + background: + linear-gradient(to top left, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%), + linear-gradient(to top right, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%); +} +.charsheet .sheet-aspcon textarea{ + height: 63px; + width: 100%; + border: 1px solid black; + border-radius: 0%; + resize: none; +} +.charsheet .sheet-aspcon textarea:focus{ + outline: none; +} +.charsheet .sheet-healthboxcontainer .sheet-healthbox + span::before{ + border-radius: 0%; + display: none; + background: white; +} +.charsheet .sheet-healthboxcontainer .sheet-healthbox:checked + span::before{ + display: inline-block; +} +.charsheet .sheet-healthboxcontainer .sheet-bash + span::before{ + background: + linear-gradient(to top left, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%); +} +.charsheet .sheet-healthboxcontainer .sheet-leth + span::before{ + background: + linear-gradient(to top left, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%), + linear-gradient(to top right, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%); +} +.charsheet .sheet-healthboxcontainer .sheet-agg + span::before{ + background: + linear-gradient(to top left, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%), + linear-gradient(to top right, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%), + linear-gradient(to right, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%); +} +.charsheet .sheet-healthboxcontainer .sheet-blank + span::before{ + background: black; +} +.charsheet .sheet-healthboxcontainer .sheet-healthbox{ + z-index: 101; +} +.charsheet .sheet-healthboxcontainer .sheet-empty{ + z-index: 102; +} +input.sheet-empty:checked ~ input.sheet-bash, +input.sheet-bash:checked ~ input.sheet-leth, +input.sheet-leth:checked ~ input.sheet-agg, +input.sheet-agg:checked ~ input.sheet-blank, +input.sheet-blank:checked ~ input.sheet-empty +{ + z-index: 103; + margin-top: -10px; +} +.charsheet .sheet-healthboxcontainer{ + float: left; +} +.charsheet .sheet-willpowercontainer{ + text-align: center; +} +.charsheet .sheet-zeroh + span::before{ + background: + linear-gradient(to top left, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%), + linear-gradient(to top right, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%); +} +.charsheet .sheet-touchstone{ + float: none !important; +} +.charsheet .sheet-harmony{ + text-align: center; +} +.charsheet .sheet-triggers input[type=text]{ + width: 70%; +} +.charsheet input[type=number]{ + border: none; + border-radius: 0px; + border-bottom: 1px black solid; + height: 1em; + width: 3em !important; +} +.charsheet .sheet-hbspace{ + display: block; + float: left; + margin-right: 2.5%; + margin-left: 2.5%; +} +.charsheet .sheet-woundpen h4{ + display: block; + float: right; + margin-right: 5.5%; +} +.charsheet .sheet-page2att{ + height: 80px; +} +.charsheet .sheet-giftsrites input[type=text]{ + margin-bottom: 5px; +} +.charsheet .sheet-gift{ + border: black 1px solid; +} +.charsheet input.sheet-expander + span::before{ + border: none; + background: + linear-gradient(to right, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%), + linear-gradient(to top, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%); +} +.charsheet input.sheet-expander:checked + span::before{ + background: + linear-gradient(to top, + rgba(0,0,0,0) 0%, + rgba(0,0,0,0) calc(50% - 0.8px), + rgba(0,0,0,1) 50%, + rgba(0,0,0,0) calc(50% + 0.8px), + rgba(0,0,0,0) 100%); +} +.charsheet div.sheet-facets{ + display: none; +} +.charsheet input.sheet-facets:checked ~ div.sheet-facets{ + display: block; +} +.charsheet .sheet-facetinfo{ + float: right; +} +.charsheet .sheet-facets textarea{ + width: 98.8%; + height: 66%; + border: 1px black solid; + border-radius: 0%; + resize: none; +} +.charsheet select{ + border: 1px solid black; + width: 4em; + height: 2em; + padding: 0px; + margin-bottom: 0px; + margin-left: 1%; + border-radius: 0%; +} +.charsheet table{ + border-top: 1px solid black; + border-left: 1px solid black; + display: inline-block; +} +.charsheet tr{ + border-bottom: 1px solid black; +} +.charsheet td{ + border-right: 1px solid black; +} +.charsheet td input[type=number]{ + border:none; + border-radius: 0%; +} +.charsheet td input[type=text]{ + border:none; + border-radius: 0%; +} +.charsheet td select{ + border: none; + width: 3em; +} +.charsheet .sheet-armorinfo{ + display: inline-block; +} +.charsheet .sheet-armorinfo input[type=text]{ + border-radius: 0%; + border: none; + border-bottom: 1px solid black; + height: 1em; +} +.charsheet .sheet-page4 textarea{ + border-radius: 0%; + border: 1px solid black; + resize: none; + width: 100%; +} +.charsheet .sheet-description input[type=text]{ + width: 60%; +} +.charsheet .sheet-roll{ + border: 1px solid black; + padding: 1px; +} +.charsheet .sheet-roll input[type=text]{ + width: 100%; +} +.charsheet h5{ + display: inline-block; +} +.charsheet button{ + border: black 1px solid; + background: none; + color: black; +} +.charsheet .sheet-cipher input[type=text]{ + width: 100%; + border: none; + border-bottom: black 1px solid; + border-radius: 0%; +} +.charsheet .sheet-ciphermid{ + vertical-align: middle !important; +} +.charsheet .sheet-facets input[type=text]{ + border: none; + border-radius: 0%; + border-bottom: black 1px solid; +} +.charsheet .sheet-cost{ + width: 60% !important; + float: right !important; +} +.charsheet .sheet-boltholeinfo input[type=text]{ + border: none; + border-radius: 0%; + border-bottom: 1px black solid; + height: 1em; +} +.charsheet .sheet-boltholedesc{ + width: 74%; +} +.charsheet button[type=roll]:before{ + font-family: "dicefontd10"; + content: "K"; + color: black; + font-weight: bold; +} +.charsheet .sheet-covertext{ + width: 95% !important; + height: 5.5em; +} +.charsheet fieldset{ + margin-bottom: 5px; +} +.charsheet input:placeholder-shown{ + background-color: #fdf6ec !important; + border-top: 1px dotted #e6bb81 !important; + border-left: 1px dotted #e6bb81 !important; + border-right: 1px dotted #e6bb81 !important; + text-transform: capitalize !important; + } +.charsheet textarea:placeholder-shown { + background-color: #fdf6ec !important; + text-transform: capitalize !important; + } +.charsheet .sheet-rolltemplate-demon table { + width: 200px; + padding: 2px; + font-family: "Console", monospace; + font-weight: bold; + border-spacing: 0; + box-shadow: inset 0 0 10px #969CAB; + background: #000001; + border: 5px solid #AFAFAF; +} + +.charsheet .sheet-rolltemplate-demon th { + color: #AFAFAF; + padding: 15px 2px 2px 20px; + line-height: 1.2em; + font-size: 1.2em; + text-align: left; + border: none; +} +.charsheet .sheet-rolltemplate-demon td { + padding-left: 20px; + font-size: 1.0em; + vertical-align: top; + border: none; +} +.charsheet .sheet-rolltemplate-demon tr { + border: none; +} +.charsheet .sheet-rolltemplate-demon .sheet-result { + font-size: 1.2em; + text-align: center; + color: #AFAFAF; + padding-bottom: 20px; +} + +.charsheet .sheet-rolltemplate-demon .inlinerollresult { + background-color: transparent; + color: #AFAFAF; + border: none; +} + +.charsheet .sheet-rolltemplate-demon .inlinerollresult.fullcrit { + color: #3FB315; + border: none; +} + +.charsheet .sheet-rolltemplate-demon .inlinerollresult.fullfail { + color: #AFAFAF; + border: none; +} + +.charsheet .sheet-rolltemplate-demon .inlinerollresult.importantroll { + color: #3FB315; + border: none; +} diff --git a/DemonTheDescent/DemonTheDescent.html b/DemonTheDescent/DemonTheDescent.html new file mode 100644 index 0000000000..16c171548e --- /dev/null +++ b/DemonTheDescent/DemonTheDescent.html @@ -0,0 +1,1882 @@ +
+ + + + + + + + + +
+
+
+
+ Name: +
+
Virtue: +
+
Incarn.: +
+
+
+ Player: +
+
Vice: +
+
Agenda: +
+
+
+ Chronicle: +
+
+ Concept: +
+
Catalyst: +
+
+

Attributes

+ +
+

Intelligence

+
+ + + + +
+
+
+

Strength

+
+ + + + +
+
+

Presence

+
+ + + + +
+
+
+
+ +
+

Wits

+
+ + + + +
+
+
+

Dexterity

+
+ + + + +
+
+

Manipulation

+
+ + + + +
+
+
+ +
+

Resolve

+
+ + + + +
+
+
+

Stamina

+
+ + + + +
+
+

Composure

+
+ + + + +
+
+

+
+

Skills

+

Mental

+
(-3 Unskilled)
+
+

Academics

+
+ + + + + + +
+

Computers

+
+ + + + + + +

Crafts

+
+ + + + + + +
+

Investigation

+
+ + + + + + +
+

Medicine

+
+ + + + + + +
+

Occult

+
+ + + + + + +
+

Politics

+
+ + + + + + +
+

Science

+
+ + + + + + +
+ +
+
+

Physical

+
(-1 Unskilled)
+
+

Athletics

+
+ + + + + + +
+

Brawl

+
+ + + + + + +
+

Drive

+
+ + + + + + +
+

Firearms

+
+ + + + + + +
+

Larceny

+
+ + + + + + +
+

Stealth

+
+ + + + + + +
+

Survival

+
+ + + + + + +
+

Weaponry

+
+ + + + + + +
+

+

Social

(-1 Unskilled)
+

Animal Ken

+
+ + + + + + +
+

Empathy

+
+ + + + + + +
+

Expression

+
+ + + + + + +
+

Intimidation

+
+ + + + + + +
+

Persuasion

+
+ + + + + + +
+

Socialize

+
+ + + + + + +
+

Streetwise

+
+ + + + + + +
+

Subterfuge

+
+ + + + + + +
+
+
+

Other Traits

+
+
+

Merits

+
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+

+ + + +
+

Aspirations

+ +

Conditions

+

Specialties

+ +
+ +
+
+

Health

+ +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+ + + + + + + + + + +
+
+
+

-3

-2

-1

+ + +

+

Willpower

+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + + + + + + +
+

Primum

+
+ + + + + + + + + + + + + + + + + + + + +

Aether

+
+ + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + +
+
+

Cover

+
+ + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + +
+

Beats:

+ + + + + + + + + + +
+

Cover Beats:

+ + + + + + + + + + +
+

Experiences:

+ + +
+

Cover Experiences:

+ +

Size:

+ +
+

Defense:

+ +
+

Initiative:

+ +
+

Speed:

+ +
+

Armor:

+ +

+ +
+
+
+ + +
+ + +
+
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+ + +
+
+
+ + +
+
+
+
+
+ + +
+
+
+ +
+

Demonic Form

+ +
+
+

Embeds

+
+
+
+ +
+ + +
+ + +
+
+
+ + + +
+
+
+
+
+

Exploits

+
+
+
+ +
+ + +
+ + +
+
+
+ + + +
+
+
+
+
+

Interlocks

+
+
+
+ +
+ + +
+ + +
+
+
+ + + +
+
+
+
+
+
+
+

Expanded Merits

+
+
+

Allies

+ +

Contacts

+ +

Language

+ +

Mentor

+ +
+

Resources

+ +

Retainer

+ +

Status

+ +

Other

+ +
+

+

Possessions

+
+
+

Gear(Carried)

+ +

Gadgets

+ +
+

Equipment(Carried)

+ +

Misc

+ +
+

+
+

Boltholes

+
+ + +
+ + +
+
+ + +
+
+ + +
+
+ + +
+

+

Combat

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Weapon/AttackDamageRangeClipSizeStrengthCost
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+

Armor

+

Rating:

+ +
+

Strength:

+ +
+

Defense:

+ +
+

Speed:

+ +
+

Description:

+ +
+
+
+

Glitches

+
+

Pacts

+
+

History

+
+

Notes

+
+

Covers

+
+
+
+
+

Name:

+ +
+
+

Age:

+ +
+
+
+

Cover

+
+ + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ + +
+
+

Merits

+
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ + + + + + +
+
+
+
+ +
+
+ + + + + + +{{#desc}} + + + +{{/desc}} +
{{name}} rolls {{#roll_name}} {{roll_name}}{{/roll_name}}
+ {{#attr}} + Attribute({{attr_num}}) + {{/attr}} + {{#skill}} + + Skill({{skill_num}}) + {{/skill}} + {{#primum}} + + Primum({{rollprimum_num}}) + {{/primum}} + {{#mod_num}} + + Modifiers({{mod_num}}) + {{/mod_num}} +
{{result}} Successes
{{desc}}
+
+
+
diff --git a/DemonTheDescent/DemonTheDescent.png b/DemonTheDescent/DemonTheDescent.png new file mode 100644 index 0000000000..070fe0d545 Binary files /dev/null and b/DemonTheDescent/DemonTheDescent.png differ diff --git a/DemonTheDescent/sheet.json b/DemonTheDescent/sheet.json new file mode 100644 index 0000000000..0b2c3cc8a2 --- /dev/null +++ b/DemonTheDescent/sheet.json @@ -0,0 +1,8 @@ +{ + "html": "DemonTheDescent.html", + "css": "DemonTheDescent.css", + "authors": "Kevin J.", + "roll20userid": "129882", + "preview": "DemonTheDescent.png", + "instructions": "A simple sheet made use with Demon the Descent. /nIf you have any issues with the sheet, feel free to message me here." +} \ No newline at end of file