+ diff --git a/SkyfallRPG/sheet.json b/SkyfallRPG/sheet.json new file mode 100644 index 0000000000..b26b2fa96f --- /dev/null +++ b/SkyfallRPG/sheet.json @@ -0,0 +1,7 @@ +{ + "html": "skyfall.html", + "css": "skyfall.css", + "authors": "David Dornelles e Cleison Ferreira, com base na ficha de Tormenta20 de Jordão Bevilaqua", + "preview": "skyfall.png", + "instructions": "Ficha de Skyfall RPG, baseada na ficha de Tormenta20 da Jambô Editora." +} \ No newline at end of file diff --git a/SkyfallRPG/skyfall.css b/SkyfallRPG/skyfall.css new file mode 100644 index 0000000000..4b0b231c33 --- /dev/null +++ b/SkyfallRPG/skyfall.css @@ -0,0 +1,2550 @@ +@import url("https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:ital,wght@0,400;0,500;0,700;1,400;1,700|PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"); +.sheet-main textarea { + overflow: auto +} + +.sheet-main progress { + vertical-align: baseline +} + +.sheet-main button, +.sheet-main input, +.sheet-main optgroup, +.sheet-main select, +.sheet-main textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0 +} + +.sheet-main button, +.sheet-main input { + overflow: visible +} + +.sheet-main img { + border-style: none +} + +.sheet-main sub, +.sheet-main sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} + +.sheet-main sub { + bottom: -0.25em +} + +.sheet-main sup { + top: -0.5em +} + +.sheet-main b, +.sheet-main strong { + font-weight: bolder +} + +.sheet-main { + margin: 0 auto; + font-family: 'PT Sans', sans-serif; + font-size: 13px; + display: grid; + width: 860px; + background-repeat: no-repeat; + background-size: cover; + column-gap: 22px; + grid-template-columns: 516px 312px; + min-height: 1200px +} + +.sheet-main * { + box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +.sheet-main *::-moz-selection { + color: #4d131a; + background: #d13235 +} + +.sheet-main *::selection { + color: #4d131a; + background: #d13235 +} + +.sheet-main input, +.sheet-main textarea, +.sheet-main select { + outline: none !important; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + border-radius: 0 !important +} + +.sheet-main input:disabled, +.sheet-main textarea:disabled, +.sheet-main select:disabled { + background-color: white +} + +.sheet-main button { + outline: none !important +} + +.sheet-main button[type=roll], +.sheet-main button[type=roll].btn, +.sheet-main button[type=roll].btn { + background-image: none; + border-radius: 0 !important; + padding: 0 !important; + margin: 0 !important; + border: 0; + box-shadow: none; + text-shadow: initial +} + +.sheet-main button[type=roll]:active, +.sheet-main button[type=roll]:hover, +.sheet-main button[type=roll]:focus, +.sheet-main button[type=roll].btn:active, +.sheet-main button[type=roll].btn:hover, +.sheet-main button[type=roll].btn:focus, +.sheet-main button[type=roll].btn:active, +.sheet-main button[type=roll].btn:hover, +.sheet-main button[type=roll].btn:focus { + background-image: none; + border-radius: 0 !important; + padding: 0 !important; + margin: 0 !important; + border: 0; + box-shadow: none; + text-shadow: initial +} + +.sheet-main button[type=roll]::before, +.sheet-main button[type=roll].btn::before, +.sheet-main button[type=roll].btn::before { + content: ''; + border-radius: 0 !important +} + +.sheet-main .repcontrol>.btn { + background-color: #0e0e0e; + font-size: 2px; + border: none; + background-image: none; + text-shadow: none; + box-shadow: none; + display: inline-block; + border-radius: 0 !important; + margin-left: 10px !important; + margin-right: 10px !important; + font-weight: normal; + min-height: 22px; + min-width: 22px !important; + margin-bottom: 10px !important; + position: relative +} + +.sheet-main .repcontrol>.btn:hover { + background-color: #202020 +} + +.sheet-main .repcontrol>.btn.repcontrol_add::before { + position: absolute; + content: "&"; + font-weight: 0; + color: white; + display: flex; + align-items: center; + justify-content: center; + font-size: 13px; + font-family: 'Pictos' !important; + line-height: 13px; + height: 13px; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) +} + +.sheet-main .repcontrol>.btn.repcontrol_edit::before { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + content: "l"; + font-weight: 0; + color: white; + font-size: 13px; + font-family: 'Pictos' !important; + line-height: 13px; + height: 13px; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) +} + +.sheet-main .repcontainer[data-groupname="repeating_attacks"]>.repitem .itemcontrol { + z-index: 99; + font-family: 'Pictos' +} + +.sheet-main .repcontainer[data-groupname="repeating_attacks"]>.repitem .repcontrol_del { + font-family: 'Pictos'; + background-color: #d13235; + background-image: none; + position: absolute; + z-index: 99 !important; + top: 0; + right: 0 +} + +.sheet-main .repcontainer[data-groupname="repeating_attacks"]>.repitem .editmode~.repcontrol_edit::before { + content: "Aplicar" +} + +.sheet-main .sheet-header-info { + display: grid; + width: 100%; + height: 120px; + grid-template-columns: 140px 140px auto; + column-gap: 10px; + grid-template-rows: 1fr 1fr +} + +.sheet-main .sheet-character-attributes { + margin-top: 10px; + width: 100%; + height: 90px; + margin-bottom: 10px; + display: grid; + grid-template-columns: repeat(6, 1fr); + column-gap: 22px +} + +.sheet-main .sheet-pseudo-attributes { + width: 100%; + height: 140px; + margin-bottom: 22px; + display: grid; + grid-template-columns: repeat(2, 1fr); + column-gap: 22px +} + +.sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner { + display: grid; + grid-template-columns: 66px auto 66px; + grid-template-rows: 16px auto 14px +} + +.sheet-sombra-catarse { + margin-top: 1em; +} + +.sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-box-title { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + border: 0; + font-weight: bold; + text-align: center; + line-height: 14px; + height: 16px; + user-select: none; + grid-column: 1/4; + text-transform: uppercase +} + +.sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-border-right { + border: 0; + border-right: 1px solid black +} + +.sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-border-right input { + width: 40px +} + +.sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-border-left { + border: 0; + border-left: 1px solid black +} + +.sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-border-left input { + width: 40px +} + +.sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner input { + background-color: transparent; + border: 0; + min-width: 40px; + max-width: 60px; + font-size: 18px; + text-align: center; + line-height: 24px; + height: 100% +} + +.sheet-main .sheet-left-container { + width: 100%; + display: flex; + flex-direction: column +} + +.sheet-main .sheet-left-container .sheet-attacks-container { + width: 100%; + display: block; + margin-bottom: 22px +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid { + display: grid; + padding-left: 10px; + padding-right: 10px; + column-gap: 7px; + grid-template-columns: 24px auto 40px 40px 60px 58px 24px; + grid-template-rows: 24px auto +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid.sheet-header { + grid-template-rows: 24px +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid input { + display: inline-block; + height: 24px; + font-size: 12px; + text-align: center; + line-height: 24px; + border: 0; + border-bottom: 2px solid black; + width: 100% +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-buttonrollataque { + background-color: transparent; + font-family: 'dicefontd20'; + color: #0e0e0e; + display: flex; + justify-content: center; + align-items: center; + font-size: 20px; + border: 0; + cursor: pointer +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-buttonrollataque:hover { + color: #242424 +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-buttonrollataque:active { + font-size: 18px +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico input.sheet-margem { + width: 24px +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico .sheet-divisor { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + display: inline-flex; + height: 24px; + text-align: center; + justify-content: center; + align-items: center; + line-height: 24px; + border: 0; + user-select: none; + border-bottom: 2px solid transparent +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico .sheet-divisor b { + font-weight: bold +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico input.sheet-multiplicador { + text-align: center; + width: 16px +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo { + position: relative; + margin-top: 7px; + grid-column: 1/8; + display: flex; + justify-content: center; + flex-wrap: wrap; + border: 1px solid #535353; + color: #535353; + box-sizing: border-box; + margin-bottom: 7px +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-containermoreinfo { + width: 100%; + display: none; + padding: 7px; + background-color: #d6d6d6; + grid-template-columns: auto auto auto; + column-gap: 7px; + row-gap: 7px; + border: 0 +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-containermoreinfo .sheet-inputtextbellow { + display: flex; + direction: column; + flex-wrap: wrap; + width: 100% +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-containermoreinfo .sheet-inputtextbellow.sheet-descricao { + grid-column: 1/3 +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-containermoreinfo .sheet-inputtextbellow .sheet-title { + width: 100%; + font-size: 10px; + line-height: 12px; + text-align: center; + text-transform: uppercase; + display: block +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-hiddencheckbox { + width: 24px; + height: 24px; + border: 0; + padding: 0; + margin: 0; + position: absolute; + top: -32px; + right: -1px; + opacity: 0; + cursor: pointer +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-hiddencheckbox:hover~span.sheet-hiddencheckboxcover { + background-color: #616161 +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo span.sheet-hiddencheckboxcover { + pointer-events: none; + display: block; + width: 24px; + height: 24px; + background-color: #535353; + border: 0; + padding: 0; + margin: 0; + top: -32px; + right: -1px; + position: absolute; + cursor: pointer +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo span.sheet-hiddencheckboxcover::before { + pointer-events: none; + width: 14px; + height: 14px; + font-size: 10px; + content: "▼"; + display: flex; + line-height: 14px; + text-align: center; + justify-content: center; + align-items: center; + position: absolute; + color: white; + top: 50%; + left: 50%; + z-index: 23; + transform: translate(-50%, -50%) +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo input:checked~span.sheet-hiddencheckboxcover::before { + content: "▲" +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-hiddencheckbox:checked~.sheet-containermoreinfo { + display: grid; + border: 1px solid #535353 +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-topline, +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-bottomline { + display: none; + background-color: #535353; + height: 2px; + width: 100% +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo input { + background-color: transparent; + border: 0; + border-bottom: 2px solid #535353; + color: black +} + +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo select { + color: black; + width: 100%; + height: 24px; + text-indent: 40px; + background-color: transparent; + border: 0; + border-bottom: 2px solid #535353 +} + +.sheet-main .sheet-left-container .sheet-attacks-container .repeating_attacks { + border: 0; + padding: 0; + margin: 0; + margin-bottom: 35px +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container { + width: 100%; + display: grid; + grid-template-columns: 294px auto; + column-gap: 22px; + min-height: 176px; + margin-bottom: 22px +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-box-proficiencies { + box-sizing: border-box +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-box-proficiencies .sheet-default-title { + font-size: 9px +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-box-proficiencies textarea { + width: 190px; + height: 150px +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield { + display: grid; + grid-template-rows: 1fr; + row-gap: 22px +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense { + height: 76px +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner { + height: 76px; + padding-left: 10px; + padding-right: 10px; + display: grid; + grid-template-columns: auto 10px 20px 7px 46px 7px 40px 7px 40px 7px 38px; + grid-template-rows: 28px auto; + row-gap: 5px +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner .sheet-signal { + font-family: Arial, Verdana; + width: 100%; + height: 26px; + display: flex; + font-weight: bold; + justify-content: center; + align-items: center; + font-size: 10px !important +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner .sheet-big-signal { + font-size: 14px !important; + font-family: Arial, Verdana; + width: 100%; + height: 26px; + display: flex; + font-weight: bold; + justify-content: center; + align-items: center +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner input { + height: 26px; + font-size: 12px; + text-align: center; + line-height: 26px; + border: 0; + border-bottom: 2px solid black; + width: 100% +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner select { + height: 26px; + margin: 0; + font-size: 10px; + padding: 2px; + padding-right: 1px; + width: 100%; + border: 0; + border-bottom: 2px solid black +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-armor-shield .sheet-inside-negative-corner { + height: 76px; + padding-left: 10px; + padding-right: 10px; + display: grid; + column-gap: 10px; + grid-template-columns: 150px auto auto; + grid-template-rows: 16px auto auto +} + +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-armor-shield .sheet-inside-negative-corner input { + height: 20px; + font-size: 12px; + text-align: center; + line-height: 20px; + border: 0; + border-bottom: 2px solid black; + width: 100% +} + +.sheet-main .sheet-left-container .sheet-spells { + width: 100%; + display: block; + margin-bottom: 22px +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-content-grid { + display: grid; + grid-template-columns: 1fr 1fr; + min-height: 200px +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-vertical-line { + width: 1px; + background-color: black; + height: 96% +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-spellcolumn { + width: 100%; + display: flex; + flex-direction: column; + padding: 7px; + padding-top: 0; + align-items: center; + justify-content: flex-start +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-cicloheader { + width: 100%; + height: 24px; + font-size: 11px; + padding: 0; + background-color: white; + color: black; + border: 0; + border-bottom: 2px solid black; + box-sizing: border-box; + font-family: "Alegreya Sans SC"; + display: grid; + margin-bottom: 7px; + grid-template-columns: auto 70px; + column-gap: 7px +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-cicloheader .sheet-ciclo-title { + height: 100%; + width: 100%; + padding-left: 80px; + font-size: 13px; + text-align: center; + line-height: 20px; + display: inline-flex; + align-items: center; + justify-content: center; + font-weight: bold +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-cicloheader .sheet-ciclo-cost { + height: 100%; + width: 100%; + text-align: center; + line-height: 20px; + font-weight: normal; + font-family: 'PT Sans', sans-serif; + font-style: italic; + display: inline-flex; + align-items: center; + justify-content: center +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist { + width: 100% +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"], +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"], +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"], +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"], +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] { + width: 100% +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] .itemcontrol, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] .itemcontrol, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] .itemcontrol, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] .itemcontrol, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] .itemcontrol { + z-index: 99; + font-family: 'Pictos' +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem { + width: 100% +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell { + position: relative; + padding-left: 3px; + padding-right: 3px; + display: grid; + margin-bottom: 5px; + column-gap: 5px; + grid-template-columns: 20px auto 1px 14px; + row-gap: 5px; + width: 100% +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell select, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell select, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell select, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell select, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell select { + width: 100%; + background-color: white; + border: 0; + font-size: 13px; + border-bottom: 2px solid black +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-buttonspell, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-buttonspell, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-buttonspell, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-buttonspell, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-buttonspell { + background-color: transparent; + font-family: 'dicefontd20'; + color: #0e0e0e; + display: flex; + justify-content: center; + align-items: center; + font-size: 20px; + border: 0; + cursor: pointer +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover { + color: #242424 +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active { + font-size: 18px +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox { + width: 20px; + height: 20px; + border: 0; + padding: 0; + margin: 0; + position: absolute; + top: 2px; + right: 2px; + opacity: 0; + z-index: 2; + cursor: pointer +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra { + display: grid +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover { + color: #202020 +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover { + color: #252525 +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover { + position: absolute; + font-family: "Pictos"; + font-size: 20px; + top: 2px; + color: black; + right: 2px; + width: 20px; + height: 22px; + display: flex; + justify-content: center; + align-items: center; + z-index: 1 +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra { + display: none; + grid-column: 1/5; + width: 100%; + padding: 4px; + font-size: 12px; + border: solid 2px #535353; + background-color: #d6d6d6; + grid-template-columns: 2fr 5fr 1fr 2fr; + column-gap: 4px; + row-gap: 4px; + color: #535353 +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra span, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra span, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra span, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra span, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra span { + display: inline-flex; + height: 100%; + align-items: center +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra select, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra select, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra select, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra select, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra input, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra select { + width: 100%; + background-color: transparent; + font-size: 12px; + height: 16px; + border: 0; + border-bottom: 2px solid #535353 +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd { + text-align: center; + justify-content: center +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline { + grid-column: 2/5 +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline { + grid-column: 1/5; + display: inline-flex; + justify-content: center; + align-items: center; + width: 100% +} + +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra textarea, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra textarea, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra textarea, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra textarea, +.sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra textarea { + font-size: 12px; + grid-column: 1/5; + width: 100%; + height: 70px; + border: 2px solid #535353 +} + +.sheet-main .sheet-left-container .sheet-powers-and-abilities { + width: 100%; + display: block; + margin-bottom: 22px +} + +.sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-content-grid { + margin-bottom: 5px; + display: grid; + grid-template-columns: 1fr 1fr +} + +.sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-content-grid .sheet-grid-title { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + border: 0; + font-weight: bold; + text-align: center; + line-height: 12px; + height: 100%; + user-select: none; + text-transform: uppercase +} + +.sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-vertical-line { + width: 1px; + background-color: black; + height: 96% +} + +.sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-container-reapeater { + box-sizing: border-box; + margin-top: 4px; + border: 0 +} + +.sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-container-reapeater:nth-child(odd) { + border-right: 1px solid black +} + +.sheet-main .sheet-right-container { + width: 100%; + display: flex; + flex-direction: column +} + +.sheet-main .sheet-right-container .sheet-logo-level { + display: flex; + width: 100%; + flex-direction: column; + justify-content: space-between; + height: 120px; + row-gap: 10px +} + +.sheet-main .sheet-right-container .sheet-logo-level .sheet-container-logo { + height: 76px +} + +.sheet-main .sheet-right-container .sheet-logo-level .sheet-container-logo .sheet-logo-tormenta { + margin-top: -12px; + width: 65%; + margin-left:65px; + user-select: none +} + +.sheet-main .sheet-right-container .sheet-logo-level .sheet-char-level-container { + display: flex; + width: 100%; + align-items: flex-end; + justify-content: center +} + +.sheet-main .sheet-right-container .sheet-logo-level .sheet-char-level-container .sheet-total-level span { + display: inline-block; + line-height: 24px; + font-size: 12px; + text-transform: uppercase; + margin-right: 5px; + font-weight: bold +} + +.sheet-main .sheet-right-container .sheet-logo-level .sheet-char-level-container .sheet-total-level input { + display: inline-block; + text-align: center; + width: 40px; + height: 24px; + border: solid 2px black; + line-height: 24px; + padding-left: 2px; + padding-right: 2px +} + +.sheet-main .sheet-right-container .sheet-skills-container { + width: 100%; + display: block; + margin-top: 10px; + margin-bottom: 22px +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner { + min-height: 780px +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template { + display: grid; + width: 100%; + padding-left: 7px; + padding-right: 7px; + grid-template-columns: 20px auto 7px 35px 7px 48px 7px 24px 7px 35px +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template.sheet-header { + height: 30px +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template.sheet-header .sheet-pericias-titulo { + grid-column: 1/3 +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template.sheet-skill-list { + height: 24px +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-signal { + font-family: Arial, Verdana; + width: 100%; + height: 24px; + display: flex; + font-weight: bold; + justify-content: center; + align-items: center; + user-select: none; + font-size: 10px !important +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template input[type=text], +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select { + height: 24px; + text-align: center; + border: 0; + border-bottom: 2px solid black; + width: 100% +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template input[type=text].sheet-total, +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select.sheet-total { + border: 2px solid black; + border-top: 1px solid black; + border-bottom: 1px solid black +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template input[type=text].sheet-total.sheet-first, +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select.sheet-total.sheet-first { + border-top: 2px solid black +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template input[type=text].sheet-total.sheet-last, +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select.sheet-total.sheet-last { + border-bottom: 2px solid black +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select { + font-size: 9px; + padding-left: 1px +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-legenda-pericias { + height: 14px; + margin-top: 4px; + padding-top: 4px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + grid-column: 1/11; + font-weight: bold; + font-style: italic; + font-size: 12px; + font-family: 'PT Sans' +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-legenda-pericias i { + display: inline; + font-family: 'Alegreya Sans SC'; + font-style: normal +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-legenda-pericias i:last-child { + margin-left: 4px +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio { + width: 100%; + display: flex; + justify-self: start; + align-items: center; + font-size: 13px; + font-family: 'Alegreya Sans SC' +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio input.sheet-nome-oficio { + width: 50px; + margin-left: 8px; + padding: 0; + padding-right: 4px; + padding-left: 4px; + text-align: left; + font-size: 11px; + line-height: 18px; + border-bottom: 1px solid black +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio .sheet-skill-button { + width: auto; + text-align: left; + font-family: inherit; + background-color: transparent; + border: 0; + cursor: pointer; + font-weight: inherit; + font-size: inherit +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio .sheet-skill-button span { + display: inline-flex; + height: 100%; + align-items: center; + padding-bottom: 1px; + width: auto; + padding-right: 2px +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio .sheet-skill-button:hover { + color: #d13235 +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name { + width: 100%; + display: flex; + justify-self: start; + align-items: center; + font-weight: 300; + font-size: 13px; + font-family: 'Alegreya Sans SC' +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button { + width: 100%; + text-align: left; + font-family: inherit; + background-color: transparent; + border: 0; + cursor: pointer; + font-weight: inherit; + font-size: inherit +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button span { + display: inline-flex; + height: 100%; + align-items: center; + padding-bottom: 1px; + width: auto +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button:hover { + color: #d13235 +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-penalidade { + position: relative +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-penalidade::after { + content: "+"; + position: absolute; + height: 20px; + top: -5px; + width: 5px; + right: -5px; + vertical-align: super +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-treinada { + position: relative +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-treinada::before { + content: "*"; + position: absolute; + height: 20px; + top: -3px; + width: 5px; + right: -5px; + vertical-align: super +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-treinada-penalidade { + position: relative +} + +.sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-treinada-penalidade::before { + content: "+*"; + position: absolute; + height: 20px; + top: -4px; + width: 5px; + right: -5px; + vertical-align: super +} + +.sheet-main .sheet-right-container .sheet-equipment-container { + width: 100%; + display: block; + margin-bottom: 22px +} + +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner { + padding: 5px +} + +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money { + width: 100%; + height: 26px; + font-weight: bold; + font-size: 12px; + display: flex; + justify-content: center; + align-items: center +} + +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money input, +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money span { + display: inline-flex; + text-align: center; + height: 26px; + line-height: 26px +} + +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money span { + text-transform: uppercase; + min-width: 20px +} + +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money input { + border: 0; + border-bottom: 1px solid black; + margin-left: 5px; + margin-right: 10px; + width: 50px +} + +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money input:read-only { + cursor: default +} + +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money .sheet-cargainput { + width: 60px +} + +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money .sheet-cargainput:read-only { + background-color: white +} + +.sheet-main .sheet-right-container .sheet-equipment-container .sheet-grid-equipment { + display: grid; + grid-template-columns: 40px auto 40px; + column-gap: 7px; + row-gap: 7px; + padding-left: 14px; + padding-right: 14px +} + +.sheet-main .sheet-right-container .sheet-equipment-container .repcontainer[data-groupname="repeating_equipment"] { + margin-top: 5px +} + +.sheet-main .sheet-right-container .sheet-equipment-container .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-grid-equipment { + width: 100%; + display: grid; + grid-template-columns: 40px auto 40px; + column-gap: 7px; + margin-bottom: 7px +} + +.sheet-main .sheet-right-container .sheet-equipment-container .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-grid-equipment input { + text-align: center; + width: 100%; + border: 0; + border-bottom: 2px solid black +} + +.sheet-main .sheet-charnotes-container { + width: 100%; + display: block; + grid-column: 1/3 +} + +.sheet-main .sheet-charnotes-container .sheet-inside-negative-corner { + padding: 7px; + padding-top: 0 +} + +.sheet-main .sheet-charnotes-container .sheet-inside-negative-corner textarea { + width: 100%; + min-height: 180px; + height: 100% +} + +.sheet-main .sheet-smaller-text { + font-size: 10px; + font-weight: bold +} + +.sheet-main .sheet-input-with-text-bellow { + display: flex; + flex-direction: column +} + +.sheet-main .sheet-input-with-text-bellow input { + width: 100%; + height: 24px; + border: 0; + border-bottom: solid 2px black; + line-height: 24px; + padding-left: 2px; + padding-right: 2px +} + +.sheet-main .sheet-input-with-text-bellow span { + display: block; + padding-top: 2px; + padding-left: 2px; + width: 100%; + font-size: 12px; + font-weight: bold; + text-transform: uppercase +} + +.sheet-main .sheet-input-with-text-bellow.sheet-char-name { + padding-top: 15px; + grid-column: 1/3 +} + +.sheet-main .sheet-input-with-text-bellow.sheet-char-player { + padding-top: 15px +} + +.sheet-main .sheet-outer-container-negative-corner { + position: relative; + width: 100%; + height: 100%; + padding-bottom: 10px +} + +.sheet-main .sheet-outer-container-negative-corner .sheet-oval { + position: absolute; + background-color: #FFF; + border: 2px solid #000; + border-radius: 50%; + width: 38px; + height: 25px; + display: flex; + justify-content: center; + align-items: center; + bottom: 0px; + left: 50%; + transform: translateX(-50%); + overflow: hidden +} + +.sheet-main .sheet-outer-container-negative-corner .sheet-oval input { + border: 0; + height: 20px; + width: 22px; + line-height: 20px; + font-size: 12px; + text-align: center; + background-color: transparent +} + +.sheet-main .sheet-outer-container-negative-corner .sheet-inside-negative-corner button.sheet-button-title-attribute { + background-color: transparent; + font-size: 12px; + border: 0; + font-weight: bold; + text-align: center; + line-height: 14px; + height: 16px; + width: 100%; + user-select: none; + cursor: pointer +} + +.sheet-main .sheet-outer-container-negative-corner .sheet-inside-negative-corner button.sheet-button-title-attribute:hover { + color: #d13235 +} + +.sheet-main .sheet-outer-container-negative-corner .sheet-inside-negative-corner input.sheet-fake-mod { + background-color: transparent; + font-size: 18px; + border: 0; + display: flex; + padding: 5px; + color: black; + justify-content: center; + align-items: center; + text-align: center; + line-height: 14px; + height: 40px; + width: 100%; + user-select: none !important +} + +.sheet-main .sheet-container-negative-corner { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + overflow: hidden +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner { + box-sizing: border-box; + position: relative; + border: 2px solid #000; + width: 100%; + height: 100% +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-content-centered { + display: flex; + justify-content: center; + align-items: center; + width: 100% +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-small-title { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + border: 0; + font-weight: bold; + text-align: center; + line-height: 10px; + height: 100%; + user-select: none +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-default-title { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + border: 0; + font-weight: bold; + text-align: center; + line-height: 14px; + height: 16px; + user-select: none; + text-transform: uppercase +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-grid-title { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + border: 0; + font-weight: bold; + text-align: center; + line-height: 12px; + height: 100%; + user-select: none; + text-transform: uppercase +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner textarea { + border: 0; + text-align: left; + padding: 5px; + resize: none; + background-color: transparent +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner { + position: absolute; + background-color: #FFF; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner.sheet-top-left { + top: -12px; + left: -12px +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner.sheet-top-right { + top: -12px; + right: -12px; + transform: rotate(90deg) +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner.sheet-bottom-left { + bottom: -12px; + left: -12px; + transform: rotate(-90deg) +} + +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner.sheet-bottom-right { + bottom: -12px; + right: -12px; + transform: rotate(180deg) +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"], +.sheet-main .repcontainer[data-groupname="repeating_powers"] { + min-height: 10px; + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: flex-start; + align-items: center +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .itemcontrol, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .itemcontrol { + z-index: 99; + font-family: 'Pictos' +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"]>.repitem, +.sheet-main .repcontainer[data-groupname="repeating_powers"]>.repitem { + display: inline-block; + width: 100%; + box-sizing: border-box; + padding: 5px; + padding-top: 2px; + padding-bottom: 2px; + border: 0 +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power { + position: relative; + padding-left: 3px; + padding-right: 3px; + display: grid; + column-gap: 5px; + grid-template-columns: 20px auto 20px; + row-gap: 5px; + width: 100% +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-buttonshowinfo, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-buttonshowinfo { + background-color: transparent; + font-family: 'Pictos'; + color: #0e0e0e; + display: flex; + justify-content: center; + align-items: center; + font-size: 20px; + border: 0; + cursor: pointer +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-buttonshowinfo:hover, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-buttonshowinfo:hover { + color: #242424 +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-buttonshowinfo:active, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-buttonshowinfo:active { + font-size: 18px +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power input, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power input { + height: 20px; + border: 0; + width: 100%; + box-sizing: border-box; + padding-left: 2px; + padding-right: 2px; + border-bottom: 2px solid black +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-hiddencheckbox, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-hiddencheckbox { + width: 20px; + height: 20px; + border: 0; + padding: 0; + margin: 0; + position: absolute; + top: 0; + right: 2px; + opacity: 0; + z-index: 2; + cursor: pointer +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~.sheet-extra, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~.sheet-extra { + display: flex +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover { + color: #202020 +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover { + color: #252525 +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power span.sheet-hiddencheckboxcover, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power span.sheet-hiddencheckboxcover { + position: absolute; + font-family: "Pictos"; + font-size: 20px; + top: 0; + color: black; + right: 2px; + width: 20px; + height: 22px; + display: flex; + justify-content: center; + align-items: center; + z-index: 1 +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-extra, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-extra { + display: none; + grid-column: 2/4; + width: 100%; + padding: 4px; + border: solid 2px black +} + +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-extra textarea, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-extra textarea { + width: 100%; + height: 100%; + min-height: 60px; + margin-bottom: 8px +} + +.sheet-main .sheet-fake-checkbox { + display: inline-flex; + justify-content: center; + align-items: center; + width: auto; + height: 100%; + margin: 0; + padding: 0 +} + +.sheet-main .sheet-fake-checkbox input[type="checkbox"] { + display: none; + visibility: hidden +} + +.sheet-main .sheet-fake-checkbox .sheet-fake-checkbox-status { + position: relative; + width: 16px; + height: 16px; + border: 2px solid black; + overflow: hidden; + box-sizing: border-box; + border-radius: 50% +} + +.sheet-main .sheet-fake-checkbox .sheet-fake-checkbox-status::before { + content: ''; + color: black; + position: absolute; + text-align: center; + font-family: "Pictos"; + font-size: 12px; + line-height: 12px; + width: 12px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) +} + +.sheet-main .sheet-fake-checkbox input[type="checkbox"]:checked~.sheet-fake-checkbox-status::before { + content: '3' +} + +.sheet-main .sheet-hide-author { + grid-column: 1/3; + width: 100%; + height: 22px; + display: flex; + align-items: center; + justify-content: space-between +} + +.sheet-main .sheet-hide-author>input { + width: 50px; + height: 12px; + font-size: 7px; + line-height: 12px; + text-align: center; + color: #969696; + padding: 0; + margin: 0; + border: 0; + outline: none +} + +.sheet-main .sheet-hide-author span { + color: #202020; + height: 12px; + font-size: 9px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + width: auto; + margin-right: 10px +} + +.sheet-rolltemplate-t20 { + font-size: 12px; + box-sizing: border-box; + width: 100%; + position: relative; + background-color: white; + overflow: hidden +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container { + width: 100%; + position: relative; + box-sizing: border-box; + border: 2px solid black +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + left: -16px; + transform: rotate(-90deg) +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + right: -16px; + transform: rotate(180deg) +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox { + padding: 5px; + font-family: 'PT Sans'; + position: relative; + width: 100%; + min-height: 40px; + display: grid; + box-sizing: border-box; + grid-template-rows: autofit auto 16px; + row-gap: 5px +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + left: -16px +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + right: -16px; + transform: rotate(90deg) +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-title { + width: 100%; + min-height: 16px; + font-weight: bold; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + text-transform: uppercase +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-result { + box-sizing: border-box; + width: 100%; + display: flex; + font-size: 20px; + align-items: center; + justify-content: center; + text-align: center; + padding: 4px +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-result span { + margin: 0 auto; + padding: 8px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 18px +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-name { + display: flex; + align-items: flex-start; + justify-content: center; + text-align: center +} + +.sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-name span { + padding: 0; + padding-left: 2px; + padding-right: 2px; + border: 0 +} + +.sheet-rolltemplate-t20-attack { + font-size: 12px; + box-sizing: border-box; + width: 100%; + position: relative; + background-color: white; + overflow: hidden +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container { + width: 100%; + position: relative; + box-sizing: border-box; + border: 2px solid black +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + left: -16px; + transform: rotate(-90deg) +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + right: -16px; + transform: rotate(180deg) +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox { + padding: 5px; + padding-bottom: 15px; + font-family: 'PT Sans'; + position: relative; + width: 100%; + min-height: 40px; + display: grid; + box-sizing: border-box; + grid-template-columns: 1fr 1px 1fr; + column-gap: 5px; + row-gap: 5px +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + left: -16px +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + right: -16px; + transform: rotate(90deg) +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll-title { + width: 100%; + font-weight: bold; + grid-column: 1/4; + min-height: 16px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + text-transform: uppercase +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll-label { + margin-top: 5px; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-weight: normal +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll-label .sheet-crit { + color: green; + margin-left: 2px; + font-weight: normal +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll { + padding-top: 5px; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + text-align: center +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll span { + margin: 0 auto; + padding: 8px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 18px +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-attack-title, +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-tipo-dano { + width: 100%; + grid-column: 1/4; + font-style: italic; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-size: 13px +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-divisor { + display: flex; + align-items: center; + justify-content: center; + text-align: center +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-divisor span { + width: 1px; + height: 70%; + background-color: black +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-descricao { + grid-column: 1/4; + box-sizing: border-box; + padding: 5px; + margin: 10px; + margin-top: 0; + margin-bottom: 0; + background-color: #fdf8ab; + max-height: 400px; + overflow-y: auto +} + +.sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-descricao span { + margin: 0; + padding: 0 3px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px +} + +.sheet-rolltemplate-t20-info { + font-size: 12px; + box-sizing: border-box; + width: 100%; + position: relative; + background-color: white; + overflow: hidden +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container { + width: 100%; + position: relative; + box-sizing: border-box; + border: 2px solid black +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + left: -16px; + transform: rotate(-90deg) +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + right: -16px; + transform: rotate(180deg) +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox { + padding: 5px; + font-family: 'PT Sans'; + position: relative; + width: 100%; + min-height: 40px; + display: grid; + box-sizing: border-box; + grid-template-columns: 1fr; + row-gap: 5px +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + left: -16px +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + right: -16px; + transform: rotate(90deg) +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox .sheet-roll-title { + font-weight: bold; + width: 100%; + min-height: 16px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + text-transform: uppercase +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox .sheet-info-title { + width: 100%; + font-style: italic; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-size: 13px +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox .sheet-descricao { + box-sizing: border-box; + width: 100%; + padding: 10px; + margin-bottom: 5px; + background-color: #fdf8ab; + max-height: 400px; + overflow-y: auto +} + +.sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox .sheet-descricao span { + margin: 0; + padding: 0 3px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px +} + +.sheet-rolltemplate-spell { + box-sizing: border-box; + font-size: 12px; + width: 100%; + position: relative; + background-color: white; + overflow: hidden +} + +.sheet-rolltemplate-spell .sheet-spell-container { + width: 100%; + position: relative; + box-sizing: border-box; + border: 2px solid black +} + +.sheet-rolltemplate-spell .sheet-spell-container::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + left: -16px; + transform: rotate(-90deg) +} + +.sheet-rolltemplate-spell .sheet-spell-container::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + right: -16px; + transform: rotate(180deg) +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox { + padding: 5px; + font-family: 'PT Sans'; + position: relative; + width: 100%; + min-height: 40px; + display: grid; + box-sizing: border-box; + grid-template-rows: 1fr; + row-gap: 5px +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + left: -16px +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + right: -16px; + transform: rotate(90deg) +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-roll-title { + width: 100%; + min-height: 16px; + font-weight: bold; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + text-transform: uppercase +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-name { + width: 100%; + font-style: italic; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-size: 13px +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid { + display: grid; + column-gap: 5px; + row-gap: 5px; + padding: 10px; + padding-top: 0; + box-sizing: border-box; + width: 100% +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid .sheet-spell-atribute { + width: 100%; + display: flex; + max-width: 220px; + justify-content: flex-start; + align-items: center; + margin-bottom: 5px +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid .sheet-spell-atribute span { + font-style: normal; + display: inline-flex; + height: 100%; + font-weight: bold; + align-items: center; + color: #000000; + margin-right: 3px +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid .sheet-descricao { + box-sizing: border-box; + width: 100%; + padding: 5px; + margin-top: 5px; + margin-top: 0; + background-color: #fdf8ab; + max-height: 400px; + overflow-y: auto +} + +.sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid .sheet-descricao span { + margin: 0; + padding: 0 3px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px +} + +.sheet-rolltemplate-custom { + box-sizing: border-box; + font-size: 12px; + width: 100%; + position: relative; + background-color: white; + overflow: hidden +} + +.sheet-rolltemplate-custom .sheet-rollbox-container { + width: 100%; + position: relative; + box-sizing: border-box; + border: 2px solid black +} + +.sheet-rolltemplate-custom .sheet-rollbox-container::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + left: -16px; + transform: rotate(-90deg) +} + +.sheet-rolltemplate-custom .sheet-rollbox-container::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + bottom: -16px; + right: -16px; + transform: rotate(180deg) +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox { + padding: 5px; + font-family: 'PT Sans'; + position: relative; + width: 100%; + min-height: 40px; + display: grid; + box-sizing: border-box; + grid-template-columns: 1fr; + row-gap: 5px +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox::before { + position: absolute; + content: ''; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + left: -16px +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox::after { + content: ''; + position: absolute; + background-color: #d3e5f5; + border-top: 2px solid transparent; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid transparent; + border-radius: 50%; + width: 20px; + height: 20px; + pointer-events: none; + top: -16px; + right: -16px; + transform: rotate(90deg) +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-roll-title { + width: 100%; + min-height: 16px; + display: flex; + align-items: center; + font-weight: bold; + justify-content: center; + text-align: center; + text-transform: uppercase +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-secondname { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-style: italic +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-props { + display: grid; + grid-template-columns: 1fr +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-props b { + font-weight: bold !important +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-props .sheet-content { + font-weight: normal !important; + margin-bottom: 2px +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox span { + margin: 0; + padding: 0 3px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-descricao { + box-sizing: border-box; + width: 100%; + padding: 5px; + margin-top: 5px; + margin-bottom: 5px; + background-color: #fdf8ab; + max-height: 400px; + overflow-y: auto +} + +.sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-descricao span { + margin: 0; + padding: 0 3px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px +} + diff --git a/SkyfallRPG/skyfall.html b/SkyfallRPG/skyfall.html new file mode 100644 index 0000000000..305431a217 --- /dev/null +++ b/SkyfallRPG/skyfall.html @@ -0,0 +1,2063 @@ +
+