mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Golden Sky Stories - new sheet (#5606)
* QoL improvements Added placeholders with styling and removed crit/fail from roll template * New Sheet: OneDice Universal New Character Sheet for OneDice Universal. * OneDice: Fixed Defence stat dropdown * Translation.json fix Removed blank strings and fixed a tag in the html. * Golden Sky Stories - New Sheet New sheet for Golden Sky Stories.
This commit is contained in:
Stephanie Bryant
committed by
Cassie Levett
Cassie Levett
parent
a8220748c2
commit
06c2c84562
@@ -0,0 +1,366 @@
|
||||
.sheet-body {
|
||||
display:grid;
|
||||
grid-gap: 10px;
|
||||
grid-template-columns: 400px 100px 300px ;
|
||||
}
|
||||
|
||||
.sheet-logo {
|
||||
grid-row: 1/1;
|
||||
grid-column: 1/4;
|
||||
}
|
||||
|
||||
.sheet-humanform {
|
||||
grid-column: 1/3;
|
||||
grid-row: 2/4;
|
||||
border: 5px solid;
|
||||
padding: 5px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sheet-humanformcontent {
|
||||
height: 150px;
|
||||
width: 470px;
|
||||
border-width: 0px;
|
||||
}
|
||||
|
||||
.sheet-bio {
|
||||
grid-column: 3/3;
|
||||
grid-row: 2/3;
|
||||
border:5px solid;
|
||||
padding: 3px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sheet-biocontents {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
input[type=text].sheet-biofields {
|
||||
width: 175px;
|
||||
}
|
||||
|
||||
.sheet-attributes {
|
||||
grid-column: 1/3;
|
||||
grid-row: 4/4;
|
||||
border:5px solid;
|
||||
padding: 3px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sheet-weaknesses {
|
||||
grid-column: 1/3;
|
||||
grid-row:5/7;
|
||||
border:5px solid;
|
||||
padding: 5px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.repcontainer[data-groupname="repeating_weaknesses"] {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sheet-weaknessrow {
|
||||
width: 210px;
|
||||
padding: 2px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sheet-additionalrow {
|
||||
width: 200px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sheet-weaknessfield {
|
||||
width: 170 px;
|
||||
}
|
||||
|
||||
.sheet-additionalfield {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.sheet-powers {
|
||||
grid-column: 3/3;
|
||||
grid-row: 4/6;
|
||||
border:5px solid;
|
||||
padding: 5px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sheet-dreams {
|
||||
grid-column: 3/3;
|
||||
border:5px solid;
|
||||
padding: 3px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sheet-dreamscontent {
|
||||
height: 50px;
|
||||
width: 265px;
|
||||
}
|
||||
|
||||
.sheet-connections {
|
||||
grid-column: 1/4;
|
||||
border:5px solid;
|
||||
padding: 10px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sheet-connectionyou {
|
||||
width: 80px;
|
||||
display:inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sheet-connectioncontents1 {
|
||||
width: 150px;
|
||||
display:inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sheet-connectionbuttons {
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.sheet-connectioncontents2 {
|
||||
width: 150px;
|
||||
display:inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sheet-connectionfield {
|
||||
width:140px;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.sheet-connectionspartnerfield {
|
||||
width:140px;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.sheet-connectionspartner {
|
||||
width: 50px;
|
||||
display:inline-block;
|
||||
text-align: center;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.sheet-connectionsheading {
|
||||
font-weight: bold;
|
||||
font-size: 14pt;
|
||||
display:inline-block;
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sheet-wonder {
|
||||
grid-column: 1/1;
|
||||
border:5px solid;
|
||||
padding: 10px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sheet-feelings {
|
||||
grid-column: 2/4;
|
||||
border:5px solid;
|
||||
padding: 10px;
|
||||
border-radius: 15px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.sheet-threads {
|
||||
grid-column: 1/2;
|
||||
border:5px solid;
|
||||
padding: 10px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sheet-threadrow {
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.sheet-partnerthreads {
|
||||
width: 150px;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.sheet-threadcontents {
|
||||
width: 150px;
|
||||
padding: 3px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sheet-memories {
|
||||
grid-column: 3/3;
|
||||
grid-row: 3/3;
|
||||
border:5px solid;
|
||||
padding: 10px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.sheet-heading {
|
||||
font-weight:bold;
|
||||
font-family: "Candal";
|
||||
}
|
||||
|
||||
.sheet-headingrow {
|
||||
font-weight:bold;
|
||||
font-family: "Candal";
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
border-bottom: 1px solid #bdbdbd;
|
||||
}
|
||||
input[type=number].sheet-powercost {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.sheet-credit {
|
||||
font-style: italic;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
/* Hide actual radio */
|
||||
input[type="radio"] {
|
||||
opacity: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
left: 6px;
|
||||
margin: -10px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
}
|
||||
/* Fake radio */
|
||||
input[type="radio"].sheet-conxyou + span::before {
|
||||
margin-right: 4px;
|
||||
border: solid 1px #a8a8a8;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
box-shadow: 0 0 2px #ccc;
|
||||
background: #f6f6f6;
|
||||
background: radial-gradient(#f6f6f6, #dfdfdf);
|
||||
content: "•";
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
font-size: 24px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Remove dot from all radios _after_ selected one */
|
||||
input[type="radio"].sheet-conxyou:checked ~ input[type="radio"] + span::before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Fake radio */
|
||||
input[type="radio"].sheet-repconxyou + span::before {
|
||||
margin-right: 4px;
|
||||
border: solid 1px #a8a8a8;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
box-shadow: 0 0 2px #ccc;
|
||||
background: #f6f6f6;
|
||||
background: radial-gradient(#f6f6f6, #dfdfdf);
|
||||
content: "•";
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
font-size: 24px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Remove dot from all radios _after_ selected one */
|
||||
input[type="radio"].sheet-repconxyou:checked ~ input[type="radio"] + span::before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Fake radio - conxpartner */
|
||||
input[type="radio"].sheet-conxpartner + span::before {
|
||||
margin-right: 4px;
|
||||
border: solid 1px #a8a8a8;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
box-shadow: 0 0 2px #ccc;
|
||||
background: #f6f6f6;
|
||||
background: radial-gradient(#f6f6f6, #dfdfdf);
|
||||
content: "";
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
font-size: 24px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Remove dot from all radios _after_ selected one - conxpartner */
|
||||
input[type="radio"].sheet-conxpartner:checked ~ input[type="radio"].sheet-conxpartner + span::before,
|
||||
input[type="radio"].sheet-conxpartner:checked + span::before{
|
||||
content: "•";
|
||||
}
|
||||
|
||||
.repcontainer[data-groupname="repeating_connections"] > .repitem {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Hide star checkbox */
|
||||
input[type="checkbox"].sheet-star {
|
||||
opacity: 0;
|
||||
width: 20px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
top: -4px;
|
||||
left: 12px;
|
||||
margin: -10px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.sheet-star {
|
||||
font-family: "Pictos";
|
||||
font-size: 30px;
|
||||
text-shadow:
|
||||
-1px -1px 0 #000,
|
||||
1px -1px 0 #000,
|
||||
-1px 1px 0 #000,
|
||||
1px 1px 0 #000;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Fake radio for star */
|
||||
input[type="checkbox"].sheet-star + span::before {
|
||||
content: "S";
|
||||
font-family: "Pictos";
|
||||
font-size: 30px;
|
||||
text-shadow:
|
||||
-1px -1px 0 #000,
|
||||
1px -1px 0 #000,
|
||||
-1px 1px 0 #000,
|
||||
1px 1px 0 #000;
|
||||
color: white;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
input[type="checkbox"].sheet-star:checked + span::before {
|
||||
content: "S";
|
||||
font-family: "Pictos";
|
||||
font-size: 30px;
|
||||
text-shadow:
|
||||
-1px -1px 0 #000,
|
||||
1px -1px 0 #000,
|
||||
-1px 1px 0 #000,
|
||||
1px 1px 0 #000;
|
||||
color:yellow;
|
||||
}
|
||||
@@ -0,0 +1,155 @@
|
||||
<div class="body">
|
||||
<div class="logo"><img src="https://s3.amazonaws.com/files.staging.d20.io/images/89154042/FgUOrDgjQ__8a1ArjHsTzg/original.png?157170440144"></div>
|
||||
|
||||
<div class="bio">
|
||||
<div class="biocontents"><span class="heading" data-i18n="name">Name</span>: <input type="text" name="attr_character_name" class="biofields" spellcheck="false" ></div>
|
||||
<div class="biocontents"><span class="heading" data-i18n="form">True Form</span>: <input type="text" name="attr_trueform" class="biofields" spellcheck="false" ></div>
|
||||
<div class="biocontents"><span class="heading" data-i18n="age">Age</span>: <input type="number" name="attr_age" class="biofields" ></div>
|
||||
<div class="biocontents"><span class="heading" data-i18n="gender">Gender</span>: <input type="text" name="attr_gender" class="biofields" spellcheck="false" ></div>
|
||||
</div>
|
||||
|
||||
<div class="humanform">
|
||||
<div class="heading">
|
||||
<span data-i18n="humanform" >Human Form</span>
|
||||
</div>
|
||||
<textarea class="humanformcontent" spellcheck="false" ></textarea>
|
||||
</div>
|
||||
|
||||
<div class="powers">
|
||||
<div class="heading"><span data-i18n="powers">Powers</span></div>
|
||||
<fieldset class="repeating_powers">
|
||||
<div class="powersrow">
|
||||
<span class="powername">
|
||||
<input class="powername" type="text" spellcheck="false" name="attr_powername" />
|
||||
</span>
|
||||
<span class="powercost">
|
||||
(<input class="powercost" type="number" name="attr_powercost">)
|
||||
</span>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="attributes">
|
||||
<div class="heading"><span data-i18n="attributes">Attributes</span></div>
|
||||
<div class="inputs">
|
||||
<span data-i18n="henge">Henge</span>: <input type="number" name="attr_hengeattribute" >
|
||||
<span data-i18n="animal">Animal</span>: <input type="number" name="attr_animalattribute">
|
||||
<span data-i18n="adult">Adult</span>: <input type="number" name="attr_adultattribute">
|
||||
<span data-i18n="child">Child</span>: <input type="number" name="attr_childattribute">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weaknesses">
|
||||
<div class="headingrow">
|
||||
<span class="weaknessrow"><span data-i18n="weakness">Weakness</span></span>
|
||||
<span class="additionalrow"><span data-i18n="additionalpower">Additional Power</span></span>
|
||||
|
||||
</div>
|
||||
<fieldset class="repeating_weaknesses">
|
||||
<span class="weaknessrow">
|
||||
<input type="text" name="attr_weakness" class="weaknessfield" spellcheck="false" >
|
||||
</span>
|
||||
<span class="additionalrow">
|
||||
<input type="text" name="attr_additional" class="additionalfield"> <input type="number" name="attr_additionalpower" spellcheck="false" >
|
||||
</span>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="dreams">
|
||||
<span class="heading"><span data-i18n="dreams">Dreams</span></span>
|
||||
<input type="number" class="dreamscontent" name="attr_dreams" spellcheck="false" >
|
||||
</div>
|
||||
|
||||
<div class="connections">
|
||||
<div class="heading">
|
||||
<span class="connectionyou"></span>
|
||||
<span class="connectioncontents1" data-i18n="contents">Contents</span>
|
||||
<span class="connectionsheading" data-i18n="connections">Connections</span>
|
||||
<span class="connectioncontents2" data-i18n="contents">Contents</span>
|
||||
<span class="connectionspartner" data-i18n="partner">Partner</span><br />
|
||||
</div>
|
||||
|
||||
<span class="connectionyou" data-i18n="you">You</span>
|
||||
<span class="connectioncontents1"><input type="text" name="attr_yourtownconnection1" class="connectionfield" spellcheck="false" ></span>
|
||||
<span class="connectionbuttons">
|
||||
<span class="conxyoubuttons">
|
||||
<input type="radio" name="attr_conxyou" class="conxyou" value="1"><span></span>
|
||||
<input type="radio" name="attr_conxyou" class="conxyou" value="2" checked="checked"><span></span>
|
||||
<input type="radio" name="attr_conxyou" class="conxyou" value="3"><span></span>
|
||||
<input type="radio" name="attr_conxyou" class="conxyou" value="4"><span></span>
|
||||
<input type="radio" name="attr_conxyou" class="conxyou" value="5"><span></span>
|
||||
</span>
|
||||
|
||||
<input type="checkbox" name="attr_starstatic" class="star" value="10"><span></span>
|
||||
|
||||
<span class="conxpartnerbuttons">
|
||||
<input type="radio" name="attr_conxpartner" class="conxpartner" value="5"><span></span>
|
||||
<input type="radio" name="attr_conxpartner" class="conxpartner" value="4"><span></span>
|
||||
<input type="radio" name="attr_conxpartner" class="conxpartner" value="3"><span></span>
|
||||
<input type="radio" name="attr_conxpartner" class="conxpartner" value="2" checked="checked"><span></span>
|
||||
<input type="radio" name="attr_conxpartner" class="conxpartner" value="1"><span></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="connectioncontents2"><input type="text" name="attr_yourtownconnection2" class="connectionfield" value="Acceptance"></span>
|
||||
<span class="connectionspartner" data-i18n="town">Town</span>
|
||||
|
||||
<fieldset class="repeating_connections">
|
||||
<span class="connectionyou" data-i18n="you">You</span>
|
||||
<span class="connectioncontents1"><input type="text" name="attr_connection1" class="connectionfield" spellcheck="false" ></span>
|
||||
<span class="connectionbuttons">
|
||||
<span class="repconxyoucontainer">
|
||||
<input type="radio" name="attr_repconxyou" class="repconxyou" value="1" checked="checked"><span></span>
|
||||
<input type="radio" name="attr_repconxyou" class="repconxyou" value="2"><span></span>
|
||||
<input type="radio" name="attr_repconxyou" class="repconxyou" value="3"><span></span>
|
||||
<input type="radio" name="attr_repconxyou" class="repconxyou" value="4"><span></span>
|
||||
<input type="radio" name="attr_repconxyou" class="repconxyou" value="5"><span></span>
|
||||
</span>
|
||||
|
||||
<input type="checkbox" name="attr_star" class="star" value="10"><span></span>
|
||||
<span class="repconxpartnercontainer">
|
||||
<input type="radio" name="attr_repconxpartner" class="conxpartner" value="5"><span></span>
|
||||
<input type="radio" name="attr_repconxpartner" class="conxpartner" value="4"><span></span>
|
||||
<input type="radio" name="attr_repconxpartner" class="conxpartner" value="3"><span></span>
|
||||
<input type="radio" name="attr_repconxpartner" class="conxpartner" value="2"><span></span>
|
||||
<input type="radio" name="attr_repconxpartner" class="conxpartner" value="1"><span></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="connectioncontents2"><input type="text" name="attr_connection2" class="connectionfield" spellcheck="false" ></span>
|
||||
<span class="connectionspartner"><input type="text" name="attr_partner" class="connectionspartnerfield" spellcheck="false" ></span>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="wonder"><span data-i18n="wonder">Wonder</span>: <input type="number" name="attr_wonder" value="@{conxyou}"></div>
|
||||
<div class="feelings"><span data-i18n="feelings">Feelings</span>: <input type="number" name="attr_feelings"> </div>
|
||||
|
||||
<div class="threads">
|
||||
<div class="heading">Threads</div>
|
||||
<div class="threadrow">
|
||||
<span class="partnerthreads" data-i18n="partner">
|
||||
Partner
|
||||
</span>
|
||||
<span class="threadcontents" data-i18n="contents">
|
||||
Contents
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="threadrow">
|
||||
<fieldset class="repeating_threads">
|
||||
<span class="partnerthreads">
|
||||
<input type="text" name="attr_threadpartner" class="partnerthreads" spellcheck="false" >
|
||||
</span>
|
||||
<span class="threadcontents">
|
||||
<input type="text" name="attr_threadcontent" class="threadcontents" spellcheck="false" >
|
||||
</span>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="memories">
|
||||
<span class="heading" data-i18n="memories">Memories</span>
|
||||
<span class="memoriesinput"><input type="number" name="attr_memories"></span>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="credit"><span data-i18n="credits">Golden Sky Stories is © 2006 by Ryo Kamiya and Tsugihago Honpo. English tranlation is © 2013 by Ewen Cluney and is published by Starline Publishing.</span></div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "goldenskystories.html",
|
||||
"css": "goldenskystories.css",
|
||||
"authors": "Stephanie Bryant",
|
||||
"roll20userid": "314",
|
||||
"preview": "gss.png",
|
||||
"instructions": "Version 1.0: does not auto-calculate any of the math."
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
{"name":"Name",
|
||||
"form":"True Form",
|
||||
"age":"Age",
|
||||
"gender":"Gender",
|
||||
"humanform":"Human Form",
|
||||
"powers":"Powers",
|
||||
"attributes":"Attributes",
|
||||
"henge":"Henge",
|
||||
"animal":"Animal",
|
||||
"adult":"Adult",
|
||||
"child":"Child",
|
||||
"weakness":"Weakness",
|
||||
"additionalpower":"Additional Power",
|
||||
"dreams":"Dreams",
|
||||
"contents":"Contents",
|
||||
"connections":"Connections",
|
||||
"partner":"Partner",
|
||||
"you":"You",
|
||||
"town":"Town",
|
||||
"wonder":"Wonder",
|
||||
"add":"Add",
|
||||
"feelings":"Feelings",
|
||||
"memories":"Memories",
|
||||
"credits":"Golden Sky Stories is © 2006 by Ryo Kamiya and Tsugihago Honpo. English tranlation is © 2013 by Ewen Cluney and is published by Starline Publishing."
|
||||
}
|
||||
@@ -56,7 +56,6 @@
|
||||
<div class="spellrange sublabel" data-i18n="Range">Rng</div>
|
||||
<div class="spelltarget sublabel" data-i18n="Target">Target</div>
|
||||
<div class="spelldamage sublabel" data-i18n="Effect">Effect</div>
|
||||
|
||||
<div class="spellroll sublabel" data-i18n="Roll">Roll</div><br />
|
||||
<fieldset class="repeating_spells">
|
||||
<input class="spellname" type="text" name="attr_spellname">
|
||||
|
||||
Reference in New Issue
Block a user