slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Complete Yogsquest sheet

Browse Source
This commit is contained in:
lithl
2014-12-01 00:38:14 -06:00
parent b6a53df015
commit 8a94a4db31
10 changed files with 133 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Yogsquest/README.md
+20
View File
@@ -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
Yogsquest/images/cube-white.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

Yogsquest/images/cube-yellow-checked.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

Yogsquest/images/cube-yellow.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

Yogsquest/images/heart-red.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

Yogsquest/images/heart.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 754 B

After

Width:  |  Height:  |  Size: 1.4 KiB

Yogsquest/sheet.json
+8
View File
@@ -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)"
}
Yogsquest/yogsquest.css
+73 -20
View File
@@ -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');
}
Yogsquest/yogsquest.html
+32 -23
View File
@@ -23,21 +23,21 @@
<div class="sheet-section sheet-health">
<label>
Health
<input type="radio" name="attr_health" value="1" />
<input type="radio" name="attr_health" value="2" />
<input type="radio" name="attr_health" value="3" />
<input type="radio" name="attr_health" value="4" />
<input type="radio" name="attr_health" value="5" />
<input type="radio" name="attr_health" value="6" />
<input type="radio" name="attr_health" value="7" />
<input type="radio" name="attr_health" value="8" />
<input type="radio" name="attr_health" value="9" />
<input type="radio" name="attr_health" value="10" />
<input type="radio" name="attr_health" value="11" />
<input type="radio" name="attr_health" value="12" />
<input type="radio" name="attr_health" value="13" />
<input type="radio" name="attr_health" value="14" />
<input type="radio" name="attr_health" value="15" />
<input type="radio" name="attr_health" value="1" /><span></span>
<input type="radio" name="attr_health" value="2" /><span></span>
<input type="radio" name="attr_health" value="3" /><span></span>
<input type="radio" name="attr_health" value="4" /><span></span>
<input type="radio" name="attr_health" value="5" /><span></span>
<input type="radio" name="attr_health" value="6" /><span></span>
<input type="radio" name="attr_health" value="7" /><span></span>
<input type="radio" name="attr_health" value="8" /><span></span>
<input type="radio" name="attr_health" value="9" /><span></span>
<input type="radio" name="attr_health" value="10" /><span></span>
<input type="radio" name="attr_health" value="11" /><span></span>
<input type="radio" name="attr_health" value="12" /><span></span>
<input type="radio" name="attr_health" value="13" /><span></span>
<input type="radio" name="attr_health" value="14" /><span></span>
<input type="radio" name="attr_health" value="15" checked="checked" /><span></span>
</label>
</div>
<div class="sheet-3colrow">
@@ -45,13 +45,13 @@
<div class="sheet-section sheet-movement">
<label>
Movement
<input type="number" name="attr_movement" />
<input class="sheet-width2" type="number" name="attr_movement" />
</label>
</div>
<div class="sheet-section sheet-strength">
<label>
Strength
<input type="number" name="attr_strength" min="1" max="20" />
<input class="sheet-right" type="number" name="attr_strength" min="1" max="20" /><span></span>
</label>
</div>
<div class="sheet-section sheet-strength-skills">
@@ -83,7 +83,7 @@
<div class="sheet-section sheet-dexterity">
<label>
Dexterity
<input type="number" name="attr_dexterity" min="1" max="20" />
<input class="sheet-right" type="number" name="attr_dexterity" min="1" max="20" /><span></span>
</label>
</div>
<div class="sheet-section sheet-dexterity-skills">
@@ -120,21 +120,30 @@
<fieldset class="repeating_items">
<input type="text" name="attr_item" />
</fieldset>
<!-- five checkboxes -->
</div>
<input style="left:10px;bottom:-5px" type="checkbox" name="attr_hero-die1" value="1" />
<span style="left:10px;bottom:-10px"></span>
<input style="left:60px;bottom:-13px" type="checkbox" name="attr_hero-die2" value="1" />
<span style="left:60px;bottom:-18px"></span>
<input style="left:115px;bottom:-21px" type="checkbox" name="attr_hero-die3" value="1" />
<span style="left:115px;bottom:-26px"></span>
<input style="right:60px;bottom:-13px" type="checkbox" name="attr_hero-die4" value="1" />
<span style="right:60px;bottom:-18px"></span>
<input style="right:10px;bottom:-5px" type="checkbox" name="attr_hero-die5" value="1" />
<span style="right:10px;bottom:-10px"></span>
</div>
</div>
<div class="sheet-col">
<div class="sheet-section sheet-armour">
<label>
Armour
<input type="number" name="attr_armour" />
<span style="display:inline-block;margin-top:5px;font-size:24px">Armour</span>
<input style="top:5px" class="sheet-right" type="number" name="attr_armour" />
</label>
</div>
<div class="sheet-section sheet-intelligence">
<label>
Intelligence
<input type="number" name="attr_intelligence" min="1" max="20" />
<input class="sheet-right" type="number" name="attr_intelligence" min="1" max="20" /><span></span>
</label>
</div>
<div class="sheet-section sheet-intelligence-skills">
@@ -166,7 +175,7 @@
<div class="sheet-section sheet-charisma">
<label>
Charisma
<input type="number" name="attr_charisma" min="1" max="20" />
<input class="sheet-right" type="number" name="attr_charisma" min="1" max="20" /><span></span>
</label>
</div>
<div class="sheet-section sheet-charisma-skills">
Yogsquest/yogsquest.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB