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

-