diff --git a/Ellipses/Ellipses.css b/Ellipses/Ellipses.css new file mode 100644 index 0000000000..003de414ba --- /dev/null +++ b/Ellipses/Ellipses.css @@ -0,0 +1,319 @@ +textarea +{ + outline: none; + resize: none; +} + +h1 +{ + color: black; +} + +.charsheet +{ + width: 844px; + background-color: white; +} + +.sheet-info +{ + display: flex; + justify-content: space-around; + margin: 10px; + margin-right: 40px; +} + +.sheet-part1 +{ + margin-left: 30px; +} + +.sheet-part2 +{ + margin-left: 20px; +} + +.sheet-justifyleft +{ + justify-content: flex-start !important; + margin-left: 32px; + margin-top: 5px; +} + +.sheet-info input[type="text"],input[type="number"] +{ + outline: none; + border: none; + border-bottom: 1px solid black; + border-radius: 0px; + width: 280px; +} +.sheet-info textarea +{ + margin: auto; + resize: vertical; +} + +.sheet-grow2 +{ + flex-grow: 2; +} + +.sheet-grow1 +{ + flex-grow: 1; +} + +.sheet-textbox +{ + margin: 10px; +} + +hr +{ + border: 0; + height: 1px; + background: #000; + background-image: linear-gradient(to right, #fff, #000, #fff); +} + +button[type=roll]::before +{ + content: '' !important + +} + +.sheet-attribute button +{ + background: none; + border: none; + font-weight: bold; + font-style: italic; + font-family: "Impact", sans-serif; + color: black; + font-size: 32px !important; + text-align: left; + position: relative; + left: 50px; + width: 220px; +} + +.sheet-attribute button:hover +{ + color: #aaa; +} + +.sheet-attribute button:first-letter +{ + font-size: 48px; +} + +.sheet-attribute +{ + margin: 10px; + display: flex; + justify-content: space-between; +} + +.sheet-attribute input[type="radio"] { + opacity: 0; + width: 40px; + height: 50px; + position: relative; + top: 0px; + left: 42px; + cursor: pointer; + z-index: 1; +} + +/* Fake radio */ +.sheet-attribute input[type="radio"] + span::before { + margin-right: 4px; + border: solid 1px #a8a8a8; + line-height: 50px; + text-align: center; + display: inline-block; + vertical-align: middle; + background: #f6f6f6; + width: 40px; + height: 50px; + font-size: 18px; + border-radius: 50%; + background-color: red; + color: white; + font-family: "Impact", sans-serif; + border: 1px solid black; +} + +.sheet-val0::before { + content: "0"; +} +.sheet-val2::before { + content: "+2"; +} +.sheet-val4::before { + content: "+4"; +} +.sheet-val6::before { + content: "+6"; +} +.sheet-val8::before { + content: "+8"; +} +.sheet-val10::before { + content: "+10"; +} + +.sheet-radios +{ + position: relative; + left: -20px; +} + +/* Remove dot from all radios _after_ selected one */ +.sheet-attribute input[type="radio"]:checked ~ input[type="radio"] + span::before { + background-color: white; + color: #a8a8a8; +} + +h1 +{ + text-align: center; +} + +.sheet-eventlog +{ + padding: 5px; +} + +div.sheet-logcolumns +{ + columns: 2; + column-rule: 1px solid #a8a8a8; + padding: 10px; + margin: 2px 0 0 5px; + height: 90px; + column-fill: balance; +} + +textarea.sheet-logtext +{ + width: 350px; + height: 50px; + margin-left: 20px; + font-size: 12px; +} + +.sheet-eventlog span +{ + margin-left: 20px; + margin-bottom: 0px; +} + +.sheet-logbutton +{ + display: flex; + justify-content: flex-end; + position: relative; + top: -20px; + font-size: 16px; +} + +.sheet-logbutton button +{ + font-family: "Pictos Three", "Pictos"; + border: none; + background: none; + color: #a8a8a8; +} + +.sheet-logbutton button:hover +{ + color: black; +} + +.sheet-rolltemplate-ellipses +{ + border: 1px solid black; + border-radius: 4px; + background: white; + width: 90%; + box-shadow: 4px 4px 5px rgba(0,0,0,0.4); +} + +.sheet-rolltemplate-ellipses table +{ + width: 100%; +} + +.sheet-rolltemplate-ellipses th +{ + text-align: center; + font-family: "Impact", sans-serif; + font-size: 24px; + color: black; + font-style: italic; + margin: 10px; + padding-top: 10px; + padding-bottom: 2px; +} + +.sheet-rolltemplate-ellipses th:first-letter +{ + font-size: 32px; +} + +.sheet-rolltemplate-ellipses td +{ + padding: 0px 5px 5px 5px; +} + +.sheet-rolltemplate-ellipses .inlinerollresult +{ + display: inline-block; + text-align: center; + font-family: "Impact", sans-serif; + font-size: 48px; + margin: 32px; + border: none; + background: none; + width: 100%; + margin: 32px auto 32px auto; + color: black; +} + +.sheet-rolltemplate-ellipses .inlinerollresult.fullcrit +{ + text-shadow: 0px 0px 10px green, 0px 0px 20px green; + border: none !important; +} + +.sheet-rolltemplate-ellipses .inlinerollresult.fullfail +{ + text-shadow: 0px 0px 10px red, 0px 0px 20px red; + border: none !important; +} + +.sheet-rolltemplate-ellipses div +{ + border: 0; + height: 1px; + background: #000; + width: 100%; + background-image: linear-gradient(to right, #fff, #000, #fff); +} + +.sheet-rolltemplate-ellipses span +{ + margin: 5px; + text-align: center; +} + +.sheet-rolltemplate-ellipses h4 +{ + font-size: 10px; + font-style: italic; + font-family: "Helvetica Neue", sans-serif; + color: #a8a8a8; + text-align: center; +} \ No newline at end of file diff --git a/Ellipses/Ellipses.html b/Ellipses/Ellipses.html new file mode 100644 index 0000000000..2084730c0b --- /dev/null +++ b/Ellipses/Ellipses.html @@ -0,0 +1,181 @@ +
+ +
+ +
+ Name: +
+ +
+ Current State: +
+ +
+ Level: +
+ +
+ Health: +
+ +
+ +
+
+ Inventory: + +
+
+ Notes: + +
+ +
+ +
+ +
+
+ +
+
+ + + + + + + +
+
+ + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ +
+
+ + + + + + + +
+
+ +
+ +
+ +
+

LOG

+
+
+ Event: + Effect: +
+
+ +
+
+
+ + + + + + + + + {{#diceroll}} + + {{/diceroll}} + + {{#event}} + + + + + + {{/event}} + +
{{name}}
{{diceroll}}

Event:

{{event}}

Effect:

{{effect}}
+ + \ No newline at end of file diff --git a/Ellipses/README.md b/Ellipses/README.md new file mode 100644 index 0000000000..31b650f01b --- /dev/null +++ b/Ellipses/README.md @@ -0,0 +1,9 @@ +# Ellipses RPG Character Sheet + +This is a character sheet for [Xalavier Nelson](https://twitter.com/WritNelson)'s excellent (and free) [Ellipses RPG system](https://xalaviermakeswords.itch.io/ellipses-rpg-tabletop-role-playing-system). + +It comes complete with roll templates for both standard rolls, as well as sharing events from the log. + +## Clearing attribute points + +To remove all points from an attribute, you'll need to click just to the left of the big 0 ellipse - this was done to mimic the look of the paper sheet, where any attribute that you don't have a point in is simply not filled in, and gives you a -2 modifier to your rolls. \ No newline at end of file diff --git a/Ellipses/ellipses.png b/Ellipses/ellipses.png new file mode 100644 index 0000000000..96181995d8 Binary files /dev/null and b/Ellipses/ellipses.png differ diff --git a/Ellipses/sheet.json b/Ellipses/sheet.json new file mode 100644 index 0000000000..924a453c2c --- /dev/null +++ b/Ellipses/sheet.json @@ -0,0 +1,8 @@ +{ + "html": "Ellipses.html", + "css": "Ellipses.css", + "authors": "Andreas Jörgensen", + "roll20userid": "25083", + "preview": "Ellipses.png", + "instructions": "Character sheet for the Ellipses RPG by Xalavier Nelson.\n*\n*To remove all points from an attribute, click in the area to the left of the 0 ellipse." +} \ No newline at end of file