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 @@
+
+
+
+
One
+
+
Two
+
+
Three
+
Four
+
+
+
+
+
Attributes
+
+
+
Skills
+
Mental
+
(-3 Unskilled)
+
+
+
Physical
+
(-1 Unskilled)
+
+
Social (-1 Unskilled)
+
+
Other Traits
+
+
+
Merits
+
+
+
+
+
+
Aspirations
+
+ Conditions
+ Specialties
+
+
+
+
+
+
+
+
+
+
+
Demonic Form
+
+
+
+
Embeds
+
+
+
+
+
+
+
+
+
+
+ N/A
+Intelligence
+Wits
+Resolve
+Strength
+Dexterity
+Stamina
+Presence
+Manipulation
+Composure
+Academics
+Computers
+Crafts
+Investigation
+Medicine
+Occult
+Politics
+Science
+Athletics
+Brawl
+Drive
+Firearms
+Larceny
+Stealth
+Survival
+Weaponry
+Animal Ken
+Empathy
+Expression
+Intimidation
+Persuasion
+Socialize
+Streetwise
+Subterfuge
+Primum
+Cover
+
+
+
+ N/A
+Intelligence
+Wits
+Resolve
+Strength
+Dexterity
+Stamina
+Presence
+Manipulation
+Composure
+Academics
+Computers
+Crafts
+Investigation
+Medicine
+Occult
+Politics
+Science
+Athletics
+Brawl
+Drive
+Firearms
+Larceny
+Stealth
+Survival
+Weaponry
+Animal Ken
+Empathy
+Expression
+Intimidation
+Persuasion
+Socialize
+Streetwise
+Subterfuge
+Primum
+Cover
+ +
+
+ N/A
+Intelligence
+Wits
+Resolve
+Strength
+Dexterity
+Stamina
+Presence
+Manipulation
+Composure
+Academics
+Computers
+Crafts
+Investigation
+Medicine
+Occult
+Politics
+Science
+Athletics
+Brawl
+Drive
+Firearms
+Larceny
+Stealth
+Survival
+Weaponry
+Animal Ken
+Empathy
+Expression
+Intimidation
+Persuasion
+Socialize
+Streetwise
+Subterfuge
+Primum
+Cover
+
+
+ 10-again
+ 9-again
+ 8-again
+ Rote
+ None
+
+
+
+
+
+
+
+
+
+
Expanded Merits
+
+
+
Allies
+
+ Contacts
+
+ Language
+
+ Mentor
+
+
+
Resources
+
+ Retainer
+
+ Status
+
+ Other
+
+
+
+
Possessions
+
+
+
Gear(Carried)
+
+ Gadgets
+
+
+
Equipment(Carried)
+
+ Misc
+
+
+
+
+
Combat
+
+
Armor
+ Rating:
+
+
+ Strength:
+
+
+ Defense:
+
+
+ Speed:
+
+
+ Description:
+
+
+
+
+
Glitches
+
+
Pacts
+
+
History
+
+
Notes
+
+
Covers
+
+
+
+
+
+
+
+ {{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}}
+
+ {{desc}}
+
+{{/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