diff --git a/Yogsquest/README.md b/Yogsquest/README.md new file mode 100644 index 0000000000..b08cb4a823 --- /dev/null +++ b/Yogsquest/README.md @@ -0,0 +1,20 @@ +## _Yogsquest_ Character Sheet + +Character sheet for _Yogsquest_ by Yogscast. + +### NOTE + +This character sheet relies on an external font, Badaboom. Roll20 has issues loading external fonts, as it tries to load them over an insecure connection despite being a secure page. Many browsers take issue with this, and block the content. + +Most browsers should be able to override this function in some way, allowing this character sheet to render correctly. The process will likely be something like this (Chrome screenshot): +![load insecure content](http://i.imgur.com/0pD2w71.png) + +### Sheet updates + +This sheet was created on request by a user unfamiliar with the game system. No further updates to this sheet are intended by the original author, but other authors are welcome to make fixes and improvements. + +### Contributors + +If you feel you've contributed to the development of this character sheet, don't forget to add your name here! + +* Brian Shields diff --git a/Yogsquest/images/cube-white.png b/Yogsquest/images/cube-white.png new file mode 100644 index 0000000000..aa5b2cd193 Binary files /dev/null and b/Yogsquest/images/cube-white.png differ diff --git a/Yogsquest/images/cube-yellow-checked.png b/Yogsquest/images/cube-yellow-checked.png new file mode 100644 index 0000000000..22c6918fb7 Binary files /dev/null and b/Yogsquest/images/cube-yellow-checked.png differ diff --git a/Yogsquest/images/cube-yellow.png b/Yogsquest/images/cube-yellow.png new file mode 100644 index 0000000000..ed6d29eade Binary files /dev/null and b/Yogsquest/images/cube-yellow.png differ diff --git a/Yogsquest/images/heart-red.png b/Yogsquest/images/heart-red.png new file mode 100644 index 0000000000..46a7edca7e Binary files /dev/null and b/Yogsquest/images/heart-red.png differ diff --git a/Yogsquest/images/heart.png b/Yogsquest/images/heart.png index b3e7db1bd3..2997abd16d 100644 Binary files a/Yogsquest/images/heart.png and b/Yogsquest/images/heart.png differ diff --git a/Yogsquest/sheet.json b/Yogsquest/sheet.json new file mode 100644 index 0000000000..1bd76d29cc --- /dev/null +++ b/Yogsquest/sheet.json @@ -0,0 +1,8 @@ +{ + "html": "yogsquest.html", + "css": "yogsquest.css", + "authors": "Brian Shields", + "preview": "yogsquest.jpg", + "roll20userid": "235259", + "instructions": "This character sheet relies on an external font, Badaboom. Rool20 has issues loading external fonts, as it tries to load them over an insecure connection despite being a secure page. Many browsers take issue with this, and block the content.\n\nMost browsers should be able to override this function in some way, allowing this character sheet to render correctly. The process will likely be something like this (Chrome screenshot): \n![load insecure content](http://i.imgur.com/0pD2w71.png)" +} diff --git a/Yogsquest/yogsquest.css b/Yogsquest/yogsquest.css index b324986747..7f18501944 100644 --- a/Yogsquest/yogsquest.css +++ b/Yogsquest/yogsquest.css @@ -46,21 +46,26 @@ h3 { input[type=number] { border-width: 2.5px; border-style: solid; + text-align: center; +} + +.sheet-width2 { + width: 2em !important; +} + +.sheet-right { + position: absolute; + right: 5px; + top: 0; } .sheet-section { + position: relative; + min-height: 26px; border-radius: 5px; - border-width: 3px; - border-style: solid; + border: 3px solid #800; padding: 5px 0 5px 10px; margin-top: 3px; -} - -.sheet-biographical, -.sheet-inventory, -.sheet-perks-derps, -.sheet-notes { - border-color: #800; background: #ccc; } @@ -77,7 +82,6 @@ input[type=number] { .sheet-health, .sheet-movement, .sheet-armour { - border-color: #800; background: #aaa; } @@ -90,10 +94,21 @@ input[type=number] { .sheet-health input { width: 34px; height: 28px; + z-index: 2; + opacity: 0; +} + +.sheet-health input + span::before { + margin-left: -34px; + content: url(http://i.imgur.com/xWdfCY4.png); + z-index: 1; +} + +.sheet-health input:checked ~ input + span::before { + content: url(http://i.imgur.com/v98a6ws.png); } .sheet-strength { - border-color: #800; background: #957; } @@ -105,7 +120,6 @@ input[type=number] { } .sheet-strength-skills { - border-color: #757; background: #878; } @@ -124,22 +138,18 @@ input[type=number] { } .sheet-dexterity { - border-color: #783; background: #ab6; } .sheet-dexterity-skills { - border-color: #894; background: #9a5; } .sheet-intelligence { - border-color: #558; background: #5ad; } .sheet-intelligence-skills { - border-color: #79e; background: #8af; } @@ -149,19 +159,40 @@ input[type=number] { } .sheet-charisma-skills { - border-color: #8b5; background: #9c6; } +.sheet-strength label, +.sheet-dexterity label, +.sheet-intelligence label, +.sheet-charisma label { + font-size: 175%; + padding-top: 5px; +} + +.sheet-strength input, +.sheet-dexterity input, +.sheet-intelligence input, +.sheet-charisma input { + border: none; + background: url(http://i.imgur.com/USMMM3q.png) no-repeat 0 0; + background-size: 40px 40px; + height: 40px; + width: 55px !important; + text-align: center; + box-shadow: none; +} + .sheet-inventory { padding-right: 10px; height: 360px; border-bottom-left-radius: 50% 30px; border-bottom-right-radius: 50% 30px; padding-bottom: 35px; + position: relative; } -.sheet-inventory input { +.sheet-inventory-content input { width: 100%; } @@ -170,6 +201,29 @@ input[type=number] { height: 100%; } +.sheet-inventory > input { + width: 40px; + height: 40px; + position: absolute; + z-index: 3; + opacity: 0; +} + +.sheet-inventory > input + span { + position: absolute; +} + +.sheet-inventory > input + span::before { + content: url(http://i.imgur.com/RD6NFfR.png?1); + width: 40px; + height: 40px; + z-index: 2; +} + +.sheet-inventory > input:checked + span::before { + content: url(http://i.imgur.com/jWx25Ey.png?1); +} + .sheet-perks-derps, .sheet-notes { margin-top: 15px; @@ -181,7 +235,6 @@ input[type=number] { width: calc(100% - 10px); margin-top: 3px; background: transparent; - border: 1px solid #888; color: black; } @@ -206,5 +259,5 @@ input[type=number] { @font-face { font-family: Badaboom; - src: url(http://u118805044184519.s.push-21.cdnsun.com/badaboom.ttf) format('truetype'); + src: url(http://static.cmdr-class.com/badaboom.ttf) format('truetype'); } \ No newline at end of file diff --git a/Yogsquest/yogsquest.html b/Yogsquest/yogsquest.html index 100fab08dc..a95b6a1c12 100644 --- a/Yogsquest/yogsquest.html +++ b/Yogsquest/yogsquest.html @@ -23,21 +23,21 @@
@@ -45,13 +45,13 @@
@@ -83,7 +83,7 @@
@@ -120,21 +120,30 @@
-
+ + + + + + + + + +
@@ -166,7 +175,7 @@
diff --git a/Yogsquest/yogsquest.jpg b/Yogsquest/yogsquest.jpg new file mode 100644 index 0000000000..ffcaffc1c2 Binary files /dev/null and b/Yogsquest/yogsquest.jpg differ