diff --git a/Golden Sky Stories/goldenskystories.css b/Golden Sky Stories/goldenskystories.css new file mode 100644 index 0000000000..5cc77edeb0 --- /dev/null +++ b/Golden Sky Stories/goldenskystories.css @@ -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; +} \ No newline at end of file diff --git a/Golden Sky Stories/goldenskystories.html b/Golden Sky Stories/goldenskystories.html new file mode 100644 index 0000000000..471773f2f4 --- /dev/null +++ b/Golden Sky Stories/goldenskystories.html @@ -0,0 +1,155 @@ +
