From 6440e88a7bb1c2787ef53d892a0d944641eaa03b Mon Sep 17 00:00:00 2001 From: tapiochre Date: Fri, 26 Mar 2021 21:18:27 +0000 Subject: [PATCH 01/10] Update sheet.json --- CortexPrime-Hammerheads/sheet.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CortexPrime-Hammerheads/sheet.json b/CortexPrime-Hammerheads/sheet.json index f51304ede6..1d3662123a 100644 --- a/CortexPrime-Hammerheads/sheet.json +++ b/CortexPrime-Hammerheads/sheet.json @@ -4,6 +4,6 @@ "authors": "Tapiochre", "roll20userid": "73532", "preview": "CortexPrime-Hammerhead.png", - "legacy": true, + "legacy": false, "instructions": "Cortex Prime: Hammerhead Character Sheet\n\n##Set up\n\n- Open the Journal tab, and add a new Character.\n- Click on save changes.\n- Open the Character Sheet Tab\n- Tick the Edit Checkbox.\n- Select One of the Portraits, or select the dot next to the word Portrait to set no portrait.\n- Set the dice values for the Attributes, Training Packages, and Relationships using the drop downs.\n- Untick the Edit check box to hide the editor\n- Enter the remaining details - Name, Description, Value statements, Relationship names, Distinctions title and description in the editable text fields.\n\n##Stress\n\nI have been using API macros to adjust Stress values. But these are simply Attributes (PhysicalStress, MentalStress, SocialStress).\nYou can add these to the Attributes and Abilities tab manually, and assign values ranging from 2 to show the character has no stress - 4,6,8,10 or 12 corresponding to the dice value, or a value of 14 indicates the character has been stressed out.\n\n###Diceroller\n\nUsing the Dice-Pool-Builder button will ask the player which traits to include and roll in a dice pool. The output to the chat panel will also indicate if the character is shaken or stricken. \n\nIf you have added a stress and its not showing check the spelling, Capitalisation, and dice value to be sure you got those all correct.\n\nAny feedback, or requests - Im happy to hear.\n\n---\n\nHammerheads is a part of the Cortex Prime Game Handbook published by Fandom Inc, and was written, designed, and developed by Cam Banks.\nHammerheads uses the Cortex system. The Cortex system and the Fandom logos are © 2020 Fandom Inc. All rights reserved. Reference to other copyrighted material in no way constitutes a challenge to the respective copyright holders of that material.\nArtwork and graphics © and ™ Fandom Inc, illustrated by Ten Ten Studios Malaysia. All rights reserved.\nCharacter Portraits sourced from https://thispersondoesnotexist.com/\n" } \ No newline at end of file From 4c8b168f27ed8bf6b92d4e7efedaa6ba8aaf9646 Mon Sep 17 00:00:00 2001 From: tapiochre Date: Tue, 30 Mar 2021 00:18:15 +0100 Subject: [PATCH 02/10] Code base change to ToX build Recoded the backend structure to match coding standards in Hammerheads Sheet Added the Cortex Roll Template and customised it to the ToX build. Added a mobile layout - which will support the Beta Mobile Character App. --- .../ToX-CortexPrime.css | 1003 +++++-- .../ToX-CortexPrime.html | 2665 ++++++++++------- CortexPrime-Tales-of-Xadia-Playtest/readme.md | 19 +- .../sheet.json | 4 +- 4 files changed, 2342 insertions(+), 1349 deletions(-) diff --git a/CortexPrime-Tales-of-Xadia-Playtest/ToX-CortexPrime.css b/CortexPrime-Tales-of-Xadia-Playtest/ToX-CortexPrime.css index 9c0129a305..7f82c5e0d8 100644 --- a/CortexPrime-Tales-of-Xadia-Playtest/ToX-CortexPrime.css +++ b/CortexPrime-Tales-of-Xadia-Playtest/ToX-CortexPrime.css @@ -1,296 +1,707 @@ - * { - font-family: cursive; - color: #444444; - border-collapse: collapse; - } - - .sheet-legal { - font-size: 10px; - line-height: 14px; - padding: 5px 0 5px 12px; - margin: 0px; - color: rgba(55, 55, 25, 0.6); - font-family: sans-serif; - } - - .sheet-preload{opacity:0;position:absolute} - .sheet-preload img{width:1px;height:1px} - select { - position: absolute; - right: 20px; - width: 90px !important; - } - input[type="text"], - textarea.sheet-value { - border: none; - background-color: rgba(255, 255, 255, 0.6) !important; - padding: 5px; - color: #000000 !important; - font-size: 14px; - line-height: 19px; - font-weight: 300; - } - - textarea.sheet-value { - resize: vertical; - max-height: 70px; - } - - .sheet-traitname { - font-size: 16px !important; - font-weight: 700 !important; - } - - .sheet-inlineTrait { - padding: 0px 5px 5px 0 !important; - color: #444444 !important; - text-transform: none !important; - font-size: 13px !important; - font-weight: 400 !important; - } - - .sheet-wrapper { - max-width: 900px; - min-width: 760px; - display: grid; - grid-gap: 10px; - grid-template-columns: repeat(2, 1fr ) ; - background-image: url(https://raw.githubusercontent.com/tapiochre/roll20-character-sheets/master/CortexPrime-Tales-of-Xadia-Playtest/assets/parchment.jpg); - background-clip: content-box - } - .sheet-fiveCol { - padding: 5px; - display: grid; - grid-gap: 5px; - grid-template-columns: repeat(5, 1fr); - } - .sheet-threeCol { - padding: 5px; - display: grid; - grid-gap: 5px; - grid-template-columns: repeat(3, 1fr); - } - .sheet-twoCol { - padding: 5px; - display: grid; - grid-gap: 5px; - grid-template-columns: repeat(2, 1fr); - } - .sheet-skills { - grid-column: auto; - display: grid; - grid-gap: 6px; - grid-template-columns: 1fr 1fr; - } - .sheet-title { - grid-row: 1; - font-weight: 800; - } - - .sheet-box { - padding: 6px; - font-size: 11px; - } - - .sheet-box .sheet-box { - background-color: rgba(255, 255, 255, 0.3) - border: 1px solid rgba(55, 55, 55, 0.3); - } - .sheet-skill { - font-size: small; - font-weight: 800; - text-align: center; - grid-column: auto; - border: 1px solid black; - } - .sheet-skill strong { - min-height: 35px; - display: block; - } - .sheet-distinctions { - display: grid; - grid-gap: 6px; - } - .sheet-distinction { - font-size: 13px; - font-weight: 300; - text-align: left; - margin-bottom: 5px; - } - .sheet-center img { - margin: 0 auto; - } - .sheet-trigger { - font-size: small; - } - - .sheet-trauma { - background-color: rgba(172, 23, 37, 0.25); - font-weight: 800 !important; - color: #ffffff !important; - } - - h1 { - font-size: 18px; - line-height: 26px; - padding: 0; - margin: 0; - color: #444444 !important; - } - h2 { - font-size: 16px; - line-height: 22px; - padding: 10px 0 10px 0; - margin: 0; - color: #444444 !important; - } - h3 { - font-size: 16px; - line-height: 20px; - padding: 0 0 5px 0; - margin: 0; - color: #444444 !important; - } - h4 { - font-size: 14px; - line-height: 16px; - padding: 9px 12px 10px 19px; - margin: 0; - color: #444444 !important; - } - /*** - Interactive styles - input[type*="radio"]:not(:checked) + label{ - display: none; - } - input[type*="radio"]:checked { - display: block; - } - ***/ - input[name="attr_Edit"][value="on"] + div { - display: block !important; - } - - button[type=roll].sheet-blank-roll-button::before { - content: ''; - } - - button[type="roll"].sheet-blank-roll-button { - color: #444444 !important; - border: 2px solid #444444 !important; - background-color: rgba(255, 255, 255, 0.6) !important; - width: 145px; - background-image: none !important; - padding: 2px 5px 2px 5px; - } - - .sheet-locked[name="attr_Portrait"][value^="PC"] + div.sheet-pc { - display: block !important; - } - .sheet-locked[name="attr_Portrait"][value^="Cat"] + div.sheet-catalyst { - display: block !important; - } - - .sheet-locked + div span, - .sheet-d0, - .sheet-d4, - .sheet-d6, - .sheet-d8, - .sheet-d10, - .sheet-d12, - .sheet-locked + div img.sheet-hide, - .sheet-locked + div .sheet-hide, - .sheet-locked + div.sheet-hide, - .sheet-locked + div span, - .sheet-locked[value="2"] + div h4, - .sheet-circle + div h4 { - display: none; - } - .sheet-locked[value="4"] + center img[alt="4"], - .sheet-locked[value="4"] + div img[alt="4"], - .sheet-locked[value="6"] + center img[alt="6"], - .sheet-locked[value="6"] + div img[alt="6"], - .sheet-locked[value="8"] + center img[alt="8"], - .sheet-locked[value="8"] + div img[alt="8"], - .sheet-locked[value="10"] + center img[alt="10"], - .sheet-locked[value="10"] + div img[alt="10"], - .sheet-locked[value="12"] + center img[alt="12"], - .sheet-locked[value="12"] + div img[alt="12"] { - display: block; - width: 35px; - height: 35px; - } - .sheet-locked[value="PC0"] + div img[alt="PC0"] { - display: block; - width: 240px; - height: 250px; - } - - .sheet-locked[value="PC1"] + div img[alt="PC1"], - .sheet-locked[value="PC2"] + div img[alt="PC2"], - .sheet-locked[value="PC3"] + div img[alt="PC3"], - .sheet-locked[value="PC4"] + div img[alt="PC4"], - .sheet-locked[value="PC5"] + div img[alt="PC5"], - .sheet-locked[value="PC6"] + div img[alt="PC6"], - .sheet-locked[value="Cat1"] + div img[alt="Cat1"], - .sheet-locked[value="Cat2"] + div img[alt="Cat2"] { - display: block; - width: 234px; - height: 244px; - } - - .sheet-locked[value="PC1"] + div.sheet-PC1, - .sheet-locked[value="PC2"] + div.sheet-PC2, - .sheet-locked[value="PC3"] + div.sheet-PC3, - .sheet-locked[value="PC4"] + div.sheet-PC4, - .sheet-locked[value="PC5"] + div.sheet-PC5, - .sheet-locked[value="PC6"] + div.sheet-PC6, - .sheet-locked[value="Cat1"] + div.sheet-Cat1, - .sheet-locked[value="Cat2"] + div.sheet-Cat2, - .sheet-locked[value="PC0"] + div div.sheet-PC0, - .sheet-locked[value="Cat1"] + div div.sheet-PC0, - .sheet-locked[value="Cat2"] + div div.sheet-PC0, - .sheet-locked[value="PC1"] + div div.sheet-PC1, - .sheet-locked[value="PC2"] + div div.sheet-PC2, - .sheet-locked[value="PC3"] + div div.sheet-PC3, - .sheet-locked[value="PC4"] + div div.sheet-PC4, - .sheet-locked[value="PC5"] + div div.sheet-PC5, - .sheet-locked[value="PC6"] + div div.sheet-PC6, - .sheet-locked[value="0"] + div[class="sheet-d0"], - .sheet-locked[value="4"] + div[class="sheet-d4"], - .sheet-locked[value="6"] + div[class="sheet-d6"], - .sheet-locked[value="8"] + div[class="sheet-d8"], - .sheet-locked[value="10"] + div[class="sheet-d10"], - .sheet-locked[value="12"] + div[class="sheet-d12"], - .sheet-locked[value="0"] + div span[class="sheet-d0"], - .sheet-locked[value="4"] + div span[class="sheet-d4"], - .sheet-locked[value="6"] + div span[class="sheet-d6"], - .sheet-locked[value="8"] + div span[class="sheet-d8"], - .sheet-locked[value="10"] + div span[class="sheet-d10"], - .sheet-locked[value="12"] + div span[class="sheet-d12"] { - display: block !important; - } - - .sheet-locked[value|="PC"] + div button.sheet-pc { - display: inline-block !important; - } - .sheet-locked[value|="Cat"] + div button.sheet-catalyst { - display: inline-block !important; - } - - .sheet-block-pc, - .sheet-block-switch:checked ~ .sheet-block-mobnpc { - display: block; - } - .sheet-block-mobpc, - .sheet-block-switch:checked ~ .sheet-block-pc { - display: none; - } - .sheet-circle[value="10"] + div h4 { - display: block; - } - - .sheet-locked[value="4"] + div.sheet-skill, - .sheet-locked[value="4"] + div.sheet-skill { - display: none; - } \ No newline at end of file + + .charsheet * { + font-family: cursive; + padding: 0; + margin: 0; + border-collapse: collapse; + font-size: 1em; + font-weight: 200; + color: #444444; + grid-gap: 1rem; + box-sizing: border-box; + } + +/* Layout */ + + sheet-template-container, + .charsheet { + background-image: url(https://raw.githubusercontent.com/tapiochre/roll20-character-sheets/master/CortexPrime-Tales-of-Xadia-Playtest/assets/parchment.jpg); + background-size: cover; + background-color: #fffbeb; + } + + .sheet-wrapper { + min-width: 750px; + padding: 25px; + display: grid; + grid-template-columns: repeat(1, 1fr ); + align-items: start; + } + + +/* Trait Blocks */ + + .sheet-traits6 { + display: grid; + grid-template-columns: repeat(6, 1fr ); + align-items: start; + } + + .sheet-traits5 { + display: grid; + grid-template-columns: repeat(5, 1fr ); + align-items: start; + } + + .sheet-traits4 { + display: grid; + grid-template-columns: repeat(4, 1fr ); + align-items: start; + } + + .sheet-traits3 { + display: grid; + grid-template-columns: repeat(3, 1fr ); + align-items: start; + } + + .sheet-traits2 { + display: grid; + grid-template-columns: repeat(2, 1fr ); + align-items: start; + } + + .sheet-traits1 { + display: grid; + grid-template-columns: repeat(1, 1fr ); + align-items: start; + } + + +/* Trait Types */ + + .sheet-info { + background-color: rgba(255, 255, 255, 0.3); + border: 1px solid rgba(55, 55, 55, 0.3); + padding: 12.5px; + } + + .sheet-Catalyst, + .sheet-Agility, + .sheet-Awareness, + .sheet-Intellect, + .sheet-Influence, + .sheet-Strength, + .sheet-Spirit, + .sheet-action { + background-color: rgba(255, 255, 255, 0.3); + border: 1px solid rgba(55, 55, 55, 0.3); + padding: 5px; + } + + .sheet-values { + text-align: left; + min-height: 92px; + background-color: rgba(255, 255, 255, 0.3); + border: 1px solid rgba(55, 55, 55, 0.3); + padding: 5px; + } + + + .sheet-specialties { + display: none; + text-align: left; + background-color: rgba(255, 255, 255, 0.3); + border: 1px solid rgba(55, 55, 55, 0.3); + padding: 5px; + } + + .sheet-distinction { + background-color: rgba(255, 255, 255, 0.3); + border: 1px solid rgba(55, 55, 55, 0.3); + padding: 5px; + margin-bottom:5px; + } + + .sheet-trigger { + padding: 5px; + border-top: 1px solid rgba(55, 55, 55, 0.3); + } + + .sheet-stress { + border: 1px dashed #bb3030; + border: 1px solid #bb3030; + padding: 5px; + display: none; + } + + .sheet-trauma { + border: 1px dashed #bb3030; + border: 1px solid #bb3030; + padding: 5px; + text-align: left; + background-color: rgba(255, 0, 0, 0.25); + display: none; + } + + .sheet-stress, .sheet-trauma { + min-height: 45px; + } + + .sheet-hide { + visibility: hidden; + display: none; + } + +/* copy */ + + .charsheet h1 { + font-size: 1.6em; + color: #444444; + text-shadow: .2em .2em .2em rgba(255, 255, 255, 0.3) + } + + .charsheet h2 { + font-size: 1.4em; + line-height: 25px; + color: #444444; + text-shadow: .2em .2em .1em rgba(255, 255, 255, 0.2) + } + + .charsheet h2 img { + padding-right: 9px; + height: 25px !important; + width: auto; + } + + .charsheet h3 { + font-size: 1.2em; + line-height: 1.3em; + color: #444444; + text-shadow: .1em .2em .2em rgba(255, 255, 255, 0.2) + } + + .charsheet h4 { + font-size: 1.1em; + color: #444444; + font-style: italic; + text-shadow: .1em .1em .2em rgba(255, 255, 255, 0.1) + } + + input[name="attr_Portrait"] + div img.sheet-portrait { + display: none; + } + + .sheet-legal, + .sheet-legal a { + font-size: 0.8em; + color: #444444; + } + +/* Portraits */ + + img[alt="Tales of Xadia"], + img[alt="PC1"], + img[alt="PC2"], + img[alt="PC3"], + img[alt="PC4"], + img[alt="PC5"], + img[alt="PC6"], + img[alt="Cat1"], + img[alt="Cat2"] { + visibility: hidden; + display: none; + } + + input[name="attr_Portrait"][value="PC0"] + div img[alt="Tales of Xadia"] { + visibility: visible; + display: block; + width: 250px; + height: auto; + position: absolute; + top: 70px; + left: 70px; + } + + + input[name="attr_Portrait"][value="PC1"] + div img[alt="PC1"], + input[name="attr_Portrait"][value="PC2"] + div img[alt="PC2"], + input[name="attr_Portrait"][value="PC3"] + div img[alt="PC3"], + input[name="attr_Portrait"][value="PC4"] + div img[alt="PC4"], + input[name="attr_Portrait"][value="PC5"] + div img[alt="PC5"], + input[name="attr_Portrait"][value="PC6"] + div img[alt="PC6"], + input[name="attr_Portrait"][value="Cat1"] + div img[alt="Cat1"], + input[name="attr_Portrait"][value="Cat2"] + div img[alt="Cat2"] { + visibility: visible; + display: block; + width: 250px; + height: auto; + } + + input[name="attr_Portrait"][value="PC0"] + img[alt="Tales of Xadia"] { + position: absolute; + width: auto !important; + height: 200px !important; + padding-left: 60px; + padding-bottom: 12px; + } + +/* Dice */ + + img[alt="d0"], + img[alt="d4"], + img[alt="d6"], + img[alt="d8"], + img[alt="d10"], + img[alt="d12"], + img[alt="stressed"] { + display: none; + } + + .sheet-stress .sheet-locked + span, + .sheet-trauma .sheet-locked + span, + .sheet-action .sheet-locked + span { + display: block; + float: left; + } + + .sheet-training .sheet-locked + span { + display: inline-block; + } + + .sheet-relationship .sheet-locked + span { + display: inline-block; + float: left; + } + + .sheet-locked[value="4"] + .sheet-specialties, + .sheet-locked[value="6"] + .sheet-specialties, + .sheet-locked[value="8"] + .sheet-specialties, + .sheet-locked[value="10"] + .sheet-specialties, + .sheet-locked[value="12"] + .sheet-specialties, + .sheet-locked[value="6"] + .sheet-stress, + .sheet-locked[value="8"] + .sheet-stress, + .sheet-locked[value="10"] + .sheet-stress, + .sheet-locked[value="12"] + .sheet-stress, + .sheet-locked[value="6"] + .sheet-trauma, + .sheet-locked[value="8"] + .sheet-trauma, + .sheet-locked[value="10"] + .sheet-trauma, + .sheet-locked[value="12"] + .sheet-trauma, + .sheet-locked[value="0"] + span img[alt="d0"], + .sheet-locked[value="4"] + span img[alt="d4"], + .sheet-locked[value="6"] + span img[alt="d6"], + .sheet-locked[value="8"] + span img[alt="d8"], + .sheet-locked[value="10"] + span img[alt="d10"], + .sheet-locked[value="12"] + span img[alt="d12"], + .sheet-locked[value="14"] + span img[alt="stressed"] { + display: block !important; + } + + .charsheet button[type="roll"].sheet-blank-roll-button::before { + content: ''; + } + + .charsheet button[type="roll"].sheet-blank-roll-button + span { + visibility: hidden; + display: none; + } + + .charsheet button[type="roll"].sheet-blank-roll-button { + color: #444444 !important; + border: 2px solid #444444 !important; + background-color: rgba(255, 255, 255, 0.6) !important; + width: 215px; + background-image: none !important; + padding: 8px 8px 8px 8px; + } + +/* halo layout */ + + + input[name="attr_Portrait"][value="PC0"] { + border: 1px solid #cccc00; + text-align: center; + background-color: rgba(255, 128, 0, 0.05); + } + + input[name="attr_Portrait"][value="PC0"] + h1.sheet-hide { + visibility: visible !important; + display: block; + } + + input[name="attr_Portrait"][value^="Cat"] ~ .sheet-Catalyst { + position: absolute; + top: 240px; + left: 284px; + line-height: 25px; + z-index: 10; + background-color: rgba(255, 255, 255, 0) !important; + } + + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Agility { + position: absolute; + top: 180px; + left: 255px; + line-height: 25px; + z-index: 10; + background-color: rgba(255, 255, 255, 0) !important; + } + + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Awareness { + position: absolute; + top: 205px; + left: 270px; + line-height: 25px; + z-index: 10; + background-color: rgba(255, 255, 255, 0) !important; + } + + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Influence { + position: absolute; + top: 230px; + left: 280px; + line-height: 25px; + z-index: 10; + background-color: rgba(255, 255, 255, 0) !important; + } + + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Intellect { + position: absolute; + top: 255px; + left: 280px; + line-height: 25px; + z-index: 10; + background-color: rgba(255, 255, 255, 0) !important; + } + + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Spirit { + position: absolute; + top: 280px; + left: 270px; + line-height: 25px; + z-index: 10; + background-color: rgba(255, 255, 255, 0) !important; + } + + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Strength { + position: absolute; + top: 305px; + left: 260px; + line-height: 25px; + z-index: 10; + background-color: rgba(255, 255, 255, 0) !important; + } + + + input[name="attr_Portrait"]:not([value="PC0"]) + .sheet-action { + border: none; + border-top: none; + padding: 0; + } + + input[name="attr_Portrait"][value^="Cat"] ~ .sheet-Agility, + input[name="attr_Portrait"][value^="Cat"] ~ .sheet-Awareness, + input[name="attr_Portrait"][value^="Cat"] ~ .sheet-Influence, + input[name="attr_Portrait"][value^="Cat"] ~ .sheet-Intellect, + input[name="attr_Portrait"][value^="Cat"] ~ .sheet-Spirit, + input[name="attr_Portrait"][value^="Cat"] ~ .sheet-Strength, + input[name="attr_Portrait"]:not([value^="Cat"]) ~ .sheet-Catalyst { + visibility: hidden !important; + display: none !important; + color: red; + } + +/* Pre-coded Distinctions */ + + .sheet-PC0 { + display: none; + visibility: hidden; + } + + input[name="attr_Portrait"][value^="Cat"] ~ div .sheet-PC0, + input[name="attr_Portrait"][value^="PC0"] ~ div .sheet-PC0 { + display: block; + visibility: visible; + } + + + input[name="attr_Portrait"]:not([value^="PC1"]) ~ div .sheet-PC1, + input[name="attr_Portrait"]:not([value^="PC2"]) ~ div .sheet-PC2, + input[name="attr_Portrait"]:not([value^="PC3"]) ~ div .sheet-PC3, + input[name="attr_Portrait"]:not([value^="PC4"]) ~ div .sheet-PC4, + input[name="attr_Portrait"]:not([value^="PC5"]) ~ div .sheet-PC5, + input[name="attr_Portrait"]:not([value^="PC6"]) ~ div .sheet-PC6 { + display: none; + visibility: hidden; + } + +/* Field style */ + + input[type="text"][name^="attr"] { + border: 1px dashed rgba(0, 0, 0, 0); + background-color: rgba(255, 255, 255, 0) !important; + padding: 0 5px; + color: #444444 !important; + font-size: 1em; + line-height: 1.2em; + } + + textarea[name^="attr"] { + border: 1px dashed rgba(0, 0, 0, 0.06); + background-color: rgba(255, 255, 255, 0) !important; + padding: 0 5px; + color: #444444 !important; + font-size: 1em; + line-height: 1.2em; + width: 95%; + height: 4em; + } + textarea.sfx { + width: 80%; + margin-left: 15px; + } + +/* Tool Tip */ +/* Tooltip container */ + +.sheet-tooltip { + position: relative; + display: inline-block; + width: 100%; +} + +/* Tooltip text */ +.sheet-tooltip .sheet-tooltiptext { + visibility: hidden; + width: 22ch; + background-color: rgba(255, 255, 255, 0.86); + color: #000; + text-align: left; + padding: 5px 5px; + border: 1px dashed black; + min-height: 60px; + max-height: 70px; + width: 100%; + line-height: 0.9em; + font-size: 0.8em; + + /* Position the tooltip text - see examples below! */ + position: absolute; + left: 0px; + top: -64px; + z-index: 3; +} + +.sheet-tooltiptext { + font-size: 0.7em; +} + +/* Show the tooltip text when you mouse over the tooltip container */ + + +input.sheet-tooltipSwitch[value="off"] { + +} + +input[name="attr_tooltipSwitch"][value="on"] ~ div h3.sheet-tooltip:hover .sheet-tooltiptext { + visibility: visible; +} + +/* Edit */ + +.sheet-editPane * { + color: #444444 !important; + font-size: 0.8em; +} + + +.sheet-editPane { + border: 1px dashed #cccccc; + background-color: rgba(255, 255, 255, 0.925); + width: 670px; + z-index: 45; + position: absolute; + top: 15px; + left: 10ch; + padding: 14px; + display: none; +} + +.sheet-editPane .sheet-traits2 h3 select { + float: right; +} + +input[name="attr_Edit"]:checked + div { + display: block !important; +} + +.sheet-editDice { + width: 60px; + color: #444444 !important; + background-color: #d6d6d6; +} + +/* Preloader */ + + .sheet-preload img { + width: 40px; + display: none; + } + +/* Roll Template */ + + .sheet-rolltemplate-Cortex * { + font-family: monospace; + font-size: 1em; + font-weight: 600; + color: #ffffff; + } + + .sheet-rolltemplate-Cortex { + background-color: #2a364e; + margin-left: -50px; + } + + .sheet-rolltemplate-container { + display: grid; + grid-template-columns: 35px 1fr; + align-items: start; + grid-gap: 1rem; + padding: 2ch; + } + + + + .sheet-rolltemplate-container div { + border-bottom: 1px solid #b6b473; + height: 45px; + } + + .sheet-rolltemplate-dice { + display: grid; + grid-template-columns: repeat(7, 35px); + align-items: start; + grid-gap: 1rem; + padding: 2ch; + } + + .sheet-rolltemplate-name { + } + + .sheet-rolltemplate-result { + background-clip: padding-box; + background-size: contain; + background-repeat: no-repeat; + height: 2em; + font-size: 1.2em; + } + + .sheet-rolltemplate-Cortex .inlinerollresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: none !important; + background-color: transparent !important; + color: #ffffff !important; + padding-top: 7px; + padding-left: 2px; + } + + .sheet-rolltemplate-Cortex .inlinerollresult.fullcrit { + + } + + .sheet-rolltemplate-Cortex .inlinerollresult.fullfail { + + } + + .sheet-rolltemplate-Cortex .inlinerollresult.importantroll { + + } + + + @media only screen and (max-width: 480px) { + + .sheet-wrapper { + min-width: 320px; + } + + .sheet-traits6 { + display: grid; + grid-template-columns: repeat(2, 1fr ); + align-items: start; + } + + .sheet-traits5 { + display: grid; + grid-template-columns: repeat(1, 1fr ); + align-items: start; + } + + .sheet-traits4 { + display: grid; + grid-template-columns: repeat(2, 1fr ); + align-items: start; + } + + .sheet-traits3 { + display: grid; + grid-template-columns: repeat(1, 1fr ); + align-items: start; + } + + .sheet-traits2 { + display: grid; + grid-template-columns: repeat(1, 1fr ); + align-items: start; + } + + .sheet-traits2 .sheet-traits2 { + display: grid; + grid-template-columns: repeat(2, 1fr ); + align-items: start; + } + + .sheet-traits1 { + display: grid; + grid-template-columns: repeat(1, 1fr ); + align-items: start; + } + + +/* halo layout */ + + .sheet-editPane { + width: 80%; + } + + input[name="attr_Portrait"][value="PC0"] { + border: 1px solid #cccc00; + text-align: center; + background-color: rgba(255, 128, 0, 0.05); + } + + h1.sheet-hide { + visibility: visible !important; + display: block; + } + + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Agility, + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Awareness, + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Intellect, + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Influence, + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Spirit, + input[name="attr_Portrait"]:not([value="PC0"]) ~ .sheet-Strength + { + position: static; + background-color: rgba(255, 255, 255, 0.3); + border: 1px solid rgba(55, 55, 55, 0.3); + padding: 5px; + } + + + input[name="attr_Portrait"]:not([value="PC0"]) + .sheet-action { + display: block; + visibility: visible; + } + + .charsheet button[type="roll"].sheet-blank-roll-button + span { + display: block !important; + visibility: visible !important; + } + + img[alt="Tales of Xadia"] { + display: none !important; + } + + } \ No newline at end of file diff --git a/CortexPrime-Tales-of-Xadia-Playtest/ToX-CortexPrime.html b/CortexPrime-Tales-of-Xadia-Playtest/ToX-CortexPrime.html index b4676e7e8a..30c1b19960 100644 --- a/CortexPrime-Tales-of-Xadia-Playtest/ToX-CortexPrime.html +++ b/CortexPrime-Tales-of-Xadia-Playtest/ToX-CortexPrime.html @@ -1,1187 +1,1766 @@ - -
-

Edit Dice Values

-
-

- Catalyst or PC - -

- -
-

- Character - -

- -
-

Attributes +
+ D4 + D6 + D8 + D10 + D12 + stressed + PP + PC0 + PC1 + PC2 + PC3 + PC4 + PC5 + PC6 + Cat1 + Cat2 +
+ +

-

- Agility - -

-
-

- Awareness - -

-
-

- Influence - -

-
-

- Intellect - -

-
-

- Spirit - -

-
-

- Strength - -


-

- Catalyst - -

+

Attributes +
+ [ + D10 + D8 + D8 + D8 + D6 + D6 + ] +

+
+

+ Catalyst + +

+

+ Agility + +

+

+ Awareness + +

+

+ Influence + +

+

+ Intellect + +

+

+ Spirit + +

+

+ Strength + +

+
+

 

Values
[ - D10 - D8 - D8 - D6 - D6 - D4 + D10 + D8 + D8 + D6 + D6 + D4 ]

-

- Devotion - -

-
-

- Liberty - -

-
-

- Glory - -

-
-

- Mastery - -

-
-

- Justice - -

-
-

- Truth - -

-
  -

Specialties -
[ - D8 - D6 - / - D6 - D6 - D6 - ] -

-

- Agriculture - -

-
-

- Animal Training - -

-
-

- Climbing - -

-
-

- Crafting - -

-
-

- Diplomacy - -

-
-

- History - -

-
-

- Politics - -

-
-

- Spear Fighting - -

-
-

- Sneaking - -

-
-

- Stewardship - -

-
-

- Strategy - -

-
-

- Swordplay - -

-
-

- Tracking - -

-
-

- Dark Magic - -

-
-

- Sky Magic - -

-
-

- Sun Magic - -

-
-

- Moon Magic - -

-
- -
- D4 - D6 - D8 - D10 - D12 - PP - PC0 - PC1 - PC2 - PC3 - PC4 - PC5 - PC6 - Cat1 - Cat2 -
-
-
-
- -
- PC0 - PC1 - PC2 - PC3 - PC4 - PC5 - PC6 - Cat1 - Cat2 -
-
- -
- 4 - 6 - 8 - 10 - 12 -

 Catalyst

-
-
-
- -
- 4 - 6 - 8 - 10 - 12 -

 Agility

-
-
-
- -
- 4 - 6 - 8 - 10 - 12 -

 Awareness

-
-
-
- -
- 4 - 6 - 8 - 10 - 12 -

 Influence

-
-
-
- -
- 4 - 6 - 8 - 10 - 12 -

 Intellect

-
-
-
- -
- 4 - 6 - 8 - 10 - 12 -

 Spirit

-
-
-
- -
- 4 - 6 - 8 - 10 - 12 -

 Strength

-
-
-
- -
+
+

+ Devotion + +

+

+ Liberty + +

+

+ Glory + +

+

+ Mastery + +

+

+ Justice + +

+

+ Truth + +

-
-
-

Name

- + +
  +

Specialities +
+ [ + D8 + D6 + + or + + D6 + D6 + D6 + ] +

+
+

+ Agriculture + +

+

+ Animal Training + +

+

+ Climbing + +

+

+ Crafting + +

+

+ Diplomacy + +

+

+ History + +

+

+ Politics + +

+

+ Spear Fighting + +

+

+ Stewardship + +

+

+ Strategy + +

+

+ Swordplay + +

+

+ Tracking + +

+

+ Dark Magic + +

+

+ Earth Magic + +

+

+ Moon Magic + +

+

+ Ocean Magic + +

+

+ Sky Magic + +

+

+ Star Magic + +

+

+ Sun Magic + +

+
+
+ + +
+
+
+ +
+ Tales of Xadia +
+ +
+ PC1 + PC2 + PC3 + PC4 + PC5 + PC6 + Cat1 + Cat2 +
+ +
+
+

Name:

+

Description:

+ +
+ + This may not work on the Roll20 Beta Mobile app. +
+
+
+ +
+
+ +

Attributes

+
+ +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Catalyst

-
-

Description

- + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Agility

+
+ +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Awareness

+
+ +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Influence

+
+ +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Intellect

+
+ +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Spirit

+
+ +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Strength

-
-
-

Values

-
-
- Devotion - -
- 4 - 6 - 8 - 10 - 12 -
-
- -
-
-
- Liberty - -
- 4 - 6 - 8 - 10 - 12 -
-
- -
-
-
- Glory - -
- 4 - 6 - 8 - 10 - 12 -
-
- -
-
-
- Mastery - -
- 4 - 6 - 8 - 10 - 12 -
-
- -
-
-
- Justice - -
- 4 - 6 - 8 - 10 - 12 -
-
- -
-
-
- Truth - -
- 4 - 6 - 8 - 10 - 12 -
-
- -
+
+ +
+
+

Values

+
+
+

+ + + d4 + d6 + d8 + d10 + d12 + + Devotion

+
+
-

Specialties

-
- -
-
- Agriculture - -
- 6 - 8 - 10 - 12 -
-
+
+

+ + + d4 + d6 + d8 + d10 + d12 + + Liberty

+
+
- -
-
- Animal Training - -
- 6 - 8 - 10 - 12 -
-
+
+
+

+ + + d4 + d6 + d8 + d10 + d12 + + Glory

+
+
- -
-
- Climbing - -
- 6 - 8 - 10 - 12 -
-
+
+
+

+ + + d4 + d6 + d8 + d10 + d12 + + Mastery

+
+
- -
-
- Crafting - -
- 6 - 8 - 10 - 12 -
-
+
+
+

+ + + d4 + d6 + d8 + d10 + d12 + + Justice

+
+
- -
-
- Diplomacy - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- History - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- Politics - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- Spear Fighting - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- Sneaking - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- Strategy - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- Swordplay - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- Tracking - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- Dark Magic - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- Moon Magic - -
- 6 - 8 - 10 - 12 -
-
-
- -
-
- Sun Magic - -
- 6 - 8 - 10 - 12 -
-
+
+
+

+ + + d4 + d6 + d8 + d10 + d12 + + Truth

+
+
-
-

Stress/Trauma [Added to your opponents pool]

-
- -
-
- Afraid Stress - -
- 6 - 8 - 10 - 12 -
-
+

Specialties

+
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Agriculture +

- -
-
- Afraid Trauma - -
- 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Animal Training +

- -
-
- Angry Stress - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Climbing +

- -
-
- Angry Trauma - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Crafting +

- -
-
- Corrupted Stress - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Diplomacy +

- -
-
- Corrupted Trauma - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + History +

- -
-
- Exhausted Stress - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Politics +

- -
-
- Exhausted Trauma - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Spear Fighting +

- -
-
- Injured Stress - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Sneaking +

- -
-
- Injured Trauma - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Strategy +

- -
-
- Insecure Stress - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Swordplay +

- -
-
- Insecure Trauma - -
- - 6 - 8 - 10 - 12 -
-
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Tracking +

+
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Dark Magic +

+
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Earth Magic +

+
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Moon Magic +

+
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Ocean Magic +

+
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Sky Magic +

+
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Star Magic +

+
+ + +
+

+ + + d4 + d6 + d8 + d10 + d12 + + Sun Magic +

-

Distinctions

+
+
+

Distinctions

-