diff --git a/Heart-the-City-Beneath-mk2/Heart-bg.png b/Heart-the-City-Beneath-mk2/Heart-bg.png new file mode 100644 index 0000000000..a873ba89ac Binary files /dev/null and b/Heart-the-City-Beneath-mk2/Heart-bg.png differ diff --git a/Heart-the-City-Beneath-mk2/Heart-logo-transparent.png b/Heart-the-City-Beneath-mk2/Heart-logo-transparent.png new file mode 100644 index 0000000000..47f00d012b Binary files /dev/null and b/Heart-the-City-Beneath-mk2/Heart-logo-transparent.png differ diff --git a/Heart-the-City-Beneath-mk2/Heart.css b/Heart-the-City-Beneath-mk2/Heart.css new file mode 100644 index 0000000000..2ae68a3b0b --- /dev/null +++ b/Heart-the-City-Beneath-mk2/Heart.css @@ -0,0 +1,191 @@ +@import url('https://fonts.googleapis.com/css?family=Staatliches&display=swap'); + +.sheet-container { + background-image: url("https://raw.githubusercontent.com/brocktopus/roll20-character-sheets/heart/Heart-the-City-Beneath-mk2/Heart-bg.png"); + background-size: cover; +} + +.sheet-container div { + padding: 2px; + margin: 2px; + vertical-align: top; +} + + +button[type="roll"] { + width: 80%; + height: 50%; +} + +img { + margin-bottom: 1em; +} + +input[type="text"] { + margin-top: .01; + line-height: .8; + margin-right: 0; + padding-right: 0; + max-width: 100%; +} + +p { + padding: .5em; +} + +textarea { + width: 100%; + height: 60px; +} + +input[type="text"], select, textarea { + vertical-align: top; +} + + +/* Adjusting repeating-item button placement */ + + +/* Font & text color-related formatting */ + +h1, h2, h3, h4, h5, h6, .sheet-redtext, .sheet-pinktext, .sheet-whiteonredtext { + text-transform: uppercase; + font-family: 'Staatliches', cursive; +} + +.sheet-redtext { + font-weight: bold; + color: #a00a03; +} + +span.sheet-redtext { + font-size: 1.1em; +} + +.sheet-redtext input[type="text"] { + background: transparent; + border: 0; + box-shadow: none; +} + +.sheet-pinktext { + color: #c33d37; +} + +.sheet-whiteonredtext { + color: white; + background-color: #a00a03; + padding: .2em; +} + +.sheet-rightalign { + text-align: right; +} + +.sheet-small-text p { + font-size: x-small; +} + + +/* Flex displays */ + +.sheet-flex { + display: flex; +} + +.sheet-flex-align-start { + align-items: flex-start; +} + +.sheet-flex-around { + justify-content: space-around; +} + +.sheet-flex-between { + justify-content: space-between; +} + +.sheet-flex-center { + justify-content: center; +} + +.sheet-flex-end { + justify-content: flex-end; +} + +.sheet-flex-even { + justify-content: space-evenly; +} + +.sheet-flex-start { + justify-content: flex-start; +} + +.sheet-flex-grow-2 { + flex-grow: 2; +} + +textarea.sheet-flex-grow-2 { + height: 15px; +} + + +/* Width-related formatting */ + +.sheet-width100 { + width: 100px; + max-width: 100px; +} + +.sheet-twentywide { + display: inline-block; + max-width: 18%; + width: 18%; +} + +.sheet-quarterwide { + display: inline-block; + max-width: 23%; + width: 23%; +} + +.sheet-thirdwide { + display: inline-block; + max-width: 33%; + width: 33%; +} + +.sheet-fortywide { + display: inline-block; + max-width: 37%; + width: 37%; +} + +.sheet-halfwide { + display: inline-block; + max-width: 46%; + width: 46%; +} + +.sheet-threequarterswide { + display: inline-block; + max-width: 80%; + width: 80%; +} + +.sheet-fullwide { + display: inline-block; + max-width: 96%; + width: 96%; +} + + +/* Miscellaneous formatting */ + +.sheet-inline-block { + display: inline-block; +} + +.sheet-no-display { + display: none; +} diff --git a/Heart-the-City-Beneath-mk2/Heart.html b/Heart-the-City-Beneath-mk2/Heart.html new file mode 100644 index 0000000000..4a0a57af32 --- /dev/null +++ b/Heart-the-City-Beneath-mk2/Heart.html @@ -0,0 +1,263 @@ +
+
+ Build dice pool: 1D + Skill + Domain + Mastery + Knack
+
Standard: use highest result
+
Risky: drop highest result, use second-highest result
+
Dangerous: drop 2 highest results, use third-highest result
+