diff --git a/SotS/Attack.png b/SotS/Attack.png new file mode 100644 index 0000000000..61639fb814 Binary files /dev/null and b/SotS/Attack.png differ diff --git a/SotS/Piazzetta_Riva_350.png b/SotS/Piazzetta_Riva_350.png new file mode 100644 index 0000000000..18bb5486f4 Binary files /dev/null and b/SotS/Piazzetta_Riva_350.png differ diff --git a/SotS/README.md b/SotS/README.md new file mode 100644 index 0000000000..fed3000f1d --- /dev/null +++ b/SotS/README.md @@ -0,0 +1,4 @@ +This is a basic character sheet for the "Swords of the Serpentine" RPG. +Other than basic dice buttons, there is no automation or build tool. The sheet must be filled in manually. + +Created on 8/6/2020 \ No newline at end of file diff --git a/SotS/Roll-20-screenshot.png b/SotS/Roll-20-screenshot.png new file mode 100644 index 0000000000..22a5e8046b Binary files /dev/null and b/SotS/Roll-20-screenshot.png differ diff --git a/SotS/SotS-logo.png b/SotS/SotS-logo.png new file mode 100644 index 0000000000..ac10d89b7f Binary files /dev/null and b/SotS/SotS-logo.png differ diff --git a/SotS/Swords of the Serpentine.css b/SotS/Swords of the Serpentine.css new file mode 100644 index 0000000000..6a271ad389 --- /dev/null +++ b/SotS/Swords of the Serpentine.css @@ -0,0 +1,321 @@ +/* Set the min-width so that when the window is resized the look will stay consistant */ + +.charsheet { + min-width: 800px; +} + +/* Universal styling applied to all elements of these types */ + +h2 { + font-size: 20px; + margin-bottom: 10px; + text-align: left; +} + +label { + display: inline-block; + vertical-align: top; + width: 31%; + min-width: 50px; +} + +input { + display: inline-block; + width: 350px; + border: solid 1px; +} + +img { + max-height: 100px; + align: center; +} + +button { + border: solid 1px; +} + +/* Targetted styling that only effects elements with these classes */ + +img.sheet-icon { + max-height: 20px; + align: center; +} + +div.sheet-colfull { + vertical-align: top; + text-align: center; + width: 99%; +} + +div.sheet-colwide { + display: inline-block; + vertical-align: top; + width: 75%; + margin-right: 10px; +} + +div.sheet-colnarrow { + display: inline-block; + vertical-align: top; + width: 20%; +} + +div.sheet-colcheckfield { + display: inline-block; + vertical-align: center; + width: 70%; +} + +div.sheet-colleft { + display: inline-block; + vertical-align: top; + width: 15%; +} + +div.sheet-colallegiances { + display: inline-block; + vertical-align: top; + width: 52%; +} + +div.sheet-colfavors { + display: inline-block; + vertical-align: top; + width: 47%; +} + +div.sheet-colthresholds { + display: inline-block; + vertical-align: top; + width: 99%; +} + +div.sheet-colhealth1 { + display: inline-block; + vertical-align: top; + width: 15%; +} + +div.sheet-colhealth2 { + display: inline-block; + vertical-align: top; + width: 22%; +} + +div.sheet-colhealth3 { + display: inline-block; + vertical-align: top; + width: 27%; +} + +div.sheet-colhealth4 { + display: inline-block; + vertical-align: top; + width: 33%; +} + +label.sheet-section1 { + display: inline-block; + vertical-align: top; + text-align: right; + width: 175px; +} + +label.sheet-section2 { + display: inline-block; + vertical-align: top; + text-align: right; + width: 175px; +} + +label.sheet-3col { + display: inline-block; + vertical-align: top; + width: 99%; +} + +label.sheet-3colred { + display: inline-block; + vertical-align: top; + width: 99%; + color: red; +} + +label.sheet-3colorange { + display: inline-block; + vertical-align: top; + width: 99%; + color: orange; +} + +label.sheet-3colgreen { + display: inline-block; + vertical-align: top; + width: 99%; + color: green; +} + +label.sheet-hitthresh { + display: inline-block; + vertical-align: middle; + text-align: right; + width: 15%; +} + +label.sheet-hits { + display: inline-block; + vertical-align: middle; + text-align: right; + width: 10%; +} + +label.sheet-health { + display: inline-block; + vertical-align: middle; + width: 5%; +} + +label.sheet-abilitiessection { + display: inline-block; + vertical-align: middle; + width: 47%; + font-size: 18px; + margin-bottom: 0px; + margin-top: 5px; +} + +label.sheet-abilities { + display: inline-block; + vertical-align: middle; + width: 44%; + font-size: 13px; + margin-bottom: 0px; + margin-top: 5px; +} + +label.sheet-lifestyle { + display: inline-block; + vertical-align: middle; + text-align: right; + width: 70px; + margin-bottom: 0px; +} + +label.sheet-wealth1 { + display: inline-block; + vertical-align: middle; + text-align: left; + width: 100px; + margin-bottom: 0px; +} + +label.sheet-wealth2 { + display: inline-block; + vertical-align: middle; + text-align: left; + width: 120px; + margin-bottom: 0px; +} + +label.sheet-number-red { + display: inline-block; + vertical-align: middle; + width: 11px; + color: red; +} + +label.sheet-number-yellow { + display: inline-block; + vertical-align: middle; + width: 10px; + color: orange; +} + +label.sheet-number-green { + display: inline-block; + vertical-align: middle; + width: 10px; + color: green; +} + +input.sheet-section1 { + width: 420px; +} + +input.sheet-section1withcheck { + width: 560px; +} + +input.sheet-medium { + width: 370px; +} + +input.sheet-wealth { + width: 20px; +} + +input.sheet-short { + width: 17%; +} + +input.sheet-health { + width: 5%; +} + +input.sheet-check { + width: 20px; +} + +input.sheet-healthcheck { + vertical-align: middle; + width: 20px; +} + +input.sheet-radio { + vertical-align: middle; + text-align: right; + width: 20px; +} + +textarea.sheet-txtarea1 { + height: 100px; + width: 410px; + resize: none; + border: solid 1px; +} + +textarea.sheet-txtarea2 { + height: 100px; + width: 99%; + resize: none; + border: solid 1px; +} + +select.sheet-dtype { + vertical-align: top; + width: 60px; +} +span.sheet-dee { + font-size: 1.4em; + font-weight: bold; + left: -36%; + padding-right: 4px; + position: relative; + top: 3px; +} + +/* Targetted styling that only effects elements contained within the stated class */ +.sheet-stats h3 { + display: inline-block; + text-align: left; +} + +.sheet-stats h3:first-child { + margin-left: 35%; + margin-right: 15%; +} + +.sheet-stats input { + margin-right: 8%; + width: 17%; +} \ No newline at end of file diff --git a/SotS/Swords of the Serpentine.html b/SotS/Swords of the Serpentine.html new file mode 100644 index 0000000000..b382f5e7f5 --- /dev/null +++ b/SotS/Swords of the Serpentine.html @@ -0,0 +1,392 @@ +
+ +
+ +
+
+
+
+
+
+
+
+  
+ +
+ +
+
+ +
+
+
+ +
+
+ + +
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+ +
+ +
+ + + + + +
+ +

+ +
+
+   +
+
+ +
+
+ +
+
+ +
+
+ +
+                   Max +           + + + + + | + + + + + + | + + + + + + + + + + + + + + + +
+ + +         + + + + + | + + + + + + | + + + + + + + + + + + + + + + +
+ + +         + + + + + | + + + + + + | + + + + + + + + + + + + + + + + +
+ + +
+ +
+ +
+

Abilities

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

 

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

Wealth

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

Gear

+ +
\ No newline at end of file diff --git a/SotS/sheet.json b/SotS/sheet.json new file mode 100644 index 0000000000..b22db4cf1f --- /dev/null +++ b/SotS/sheet.json @@ -0,0 +1,8 @@ +{ + "html": "Swords of the Serpentine.html", + "css": "Swords of the Serpentine.css", + "authors": "Ken Lignelli", + "roll20userid": "Zaodon", + "preview": "Roll-20-screenshot.png", + "instructions": "**This is a Swords of the Serpentine character sheet for Roll20.**" +} \ No newline at end of file