.sheet-rolltemplate-general, .sheet-whole{ --hexagon:polygon(100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0%); --polygon-border-width:2px; --pentagon:polygon(50% 0%,100% 41.2%,80.9% 100%,19.1% 100%,0% 41.2%); --spanPolygon:polygon(100% calc(100% - 5px), 100% 5px, calc(100% - 5px) 0%, 5px 0%, 0% 5px, 0% calc(100% - 5px), 5px 100%, calc(100% - 5px) 100%); --spanBorderPolygon:polygon(100% calc(100% - 4px), 100% 4px, calc(100% - 4px) 0%, 4px 0%, 0% 4px, 0% calc(100% - 4px), 4px 100%, calc(100% - 4px) 100%); --headerStartPolygon:polygon(0% 0%, 100% 0%, 100% 100%, 5px 100%); --headerEndPolygon:polygon(0% 0%, 100% 0%, calc(100% - 5px) 100%, 0px 100%); --headerBackground:black; --headerFontColor:white; --sectionBackground:lightgrey; --injectionImage:url('https://s3.amazonaws.com/files.d20.io/images/152964504/c1jgaOXBuiQy7o1hkCK0DA/max.png'); --gadgetImage:url('https://s3.amazonaws.com/files.d20.io/images/152964512/jEEaeKYAHoI3lXrmHGEdzQ/max.png'); --crafttechImage:url('https://s3.amazonaws.com/files.d20.io/images/152964506/dDgkgiyNPC2mNA19AZYEkQ/max.png'); --craftexplosiveImage:url('https://s3.amazonaws.com/files.d20.io/images/152964508/m1lFLUfbVjQ1SdYSuzWoPQ/max.png'); --botImage:url('https://s3.amazonaws.com/files.d20.io/images/152964507/hWNr6S11Gv5v8s01mq_sjQ/max.png'); --mindImage:url('https://s3.amazonaws.com/files.d20.io/images/152964510/vHPnpSbkF2w17SMFcsg9FQ/max.png'); --softwareImage:url('https://s3.amazonaws.com/files.d20.io/images/152964505/BaIpocrjOA6ZgdM9j7p3Aw/max.png'); } .sheet-master-display-controller:not([value*='character_type:pc']) ~ .sheet-pc, .sheet-master-display-controller:not([value*='character_type:npc']) ~ .sheet-npc, .sheet-master-display-controller:not([value*='sheet_view:core']) ~ .sheet-pc > .sheet-core, .sheet-master-display-controller:not([value*='sheet_view:hacks']) ~ .sheet-pc > .sheet-hacks, .sheet-master-display-controller[value*='sheet_view:settings'] ~ .sheet-npc > .sheet-npc-info .sheet-in-play, .sheet-master-display-controller[value*='sheet_view:in-play'] ~ .sheet-npc > .sheet-npc-info .sheet-settings, .sheet-master-display-controller:not([value*='import:import']) ~ .sheet-npc > .sheet-npc-info > .sheet-statblock > .sheet-settings > .sheet-import, .sheet-master-display-controller[value*='import:import'] ~ .sheet-npc > .sheet-npc-info > .sheet-statblock > .sheet-settings > .sheet-import ~ *, .sheet-master-display-controller[value*='import:import'] ~ .sheet-npc > .sheet-npc-info > .sheet-repeating-container, .sheet-pc > .sheet-settings, .sheet-master-display-controller:not([value*='sheet_view:settings']) ~ .sheet-statblock > .sheet-settings{ display:none; } .sheet-master-display-controller[value*='sheet_view:settings'] ~ div > .sheet-settings{ display:grid; } .sheet-master-display-controller[value*='advantage_state:2d20kh1'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-advantage > span, .sheet-master-display-controller[value*='advantage_state:1d20'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-normal > span, .sheet-master-display-controller[value*='advantage_state:2d20kl1'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-disadvantage > span, .sheet-master-display-controller[value*='advantage_state:?{'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-query > span, .sheet-master-display-controller[value*='sheet_view:hacks'] ~ .sheet-pc > .sheet-toggles > .sheet-toggle-row > .sheet-hacks > span, .sheet-master-display-controller[value*='sheet_view:core'] ~ .sheet-pc > .sheet-toggles > .sheet-toggle-row > .sheet-core > span, .sheet-master-display-controller[value*='sheet_view:settings'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-settings > span, .sheet-master-display-controller[value*='whisper_state:/w gm'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-whisper > span, .sheet-master-display-controller[value*='character_type:pc'] ~ div .sheet-pc-checkbox > span, .sheet-master-display-controller[value*='character_type:npc'] ~ div .sheet-npc-checkbox > span{ color:white; } .sheet-master-display-controller[value*='advantage_state:2d20kh1'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-advantage:before, .sheet-master-display-controller[value*='advantage_state:1d20'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-normal:before, .sheet-master-display-controller[value*='advantage_state:2d20kl1'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-disadvantage:before, .sheet-master-display-controller[value*='advantage_state:?{'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-query:before, .sheet-master-display-controller[value*='sheet_view:hacks'] ~ .sheet-pc > .sheet-toggles > .sheet-toggle-row > .sheet-hacks:before, .sheet-master-display-controller[value*='sheet_view:core'] ~ .sheet-pc > .sheet-toggles > .sheet-toggle-row > .sheet-core:before, .sheet-master-display-controller[value*='sheet_view:settings'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-settings:before, .sheet-master-display-controller[value*='whisper_state:/w gm'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-whisper:before, .sheet-master-display-controller[value*='character_type:pc'] ~ div .sheet-pc-checkbox:before, .sheet-master-display-controller[value*='character_type:npc'] ~ div .sheet-npc-checkbox:before{ background-color:black; } .sheet-toggles > .sheet-toggle-row > div > span{ z-index:10; } .sheet-toggles > .sheet-toggle-row > div > input{ z-index:20; } .sheet-pc > .sheet-toggles > .sheet-toggle-row >*:before{ margin:0; } .sheet-pc{ display:grid; grid-template-columns:300px minmax(521px,1fr); grid-template-rows:3em auto auto; grid-gap:1em 1em; grid-template-areas: "logo toggles" "logo basic-info" "page page"; } .sheet-pc > .sheet-core, .sheet-pc > .sheet-hacks, .sheet-pc > .sheet-settings{ grid-area:page; } .sheet-pc > .sheet-core{ display:grid; grid-template-columns:300px minmax(271px,1fr) minmax(250px,1fr); grid-template-rows:auto; grid-template-areas: "col1 col2 col3"; grid-gap:1em 1em; } .sheet-whole > div > div:not(.sheet-name-logo-container){ align-content:start; } .sheet-toggles{ grid-area:toggles; display:grid; grid-template-columns:auto; grid-template-rows: repeat(2,auto); } .sheet-toggles > .sheet-toggle-row{ display:grid; grid-auto-columns:auto; grid-template-rows:auto; grid-auto-flow:column; place-content:center end; place-items:center; grid-column-gap:1em; } .sheet-bordered-checkbox > span{ color:black; -webkit-text-stroke-width: 0px; font-weight: 700; } .sheet-bordered-checkbox:hover > span{ color:#159ccf!important; } .sheet-genefunk-logo{ width:250px; } .sheet-hidden{ display:none!important; } .sheet-italics{ font-style:italic; } *{ line-height:normal; text-transform:capitalize; } h1,h2,h3,h4,h5, .sheet-h1,.sheet-h2,.sheet-h3,.sheet-h4,.sheet-h5{ text-transform:uppercase; } h1,.sheet-whole .sheet-h1,button[type='roll'].sheet-h1,button[type='action'].sheet-h1{ font-size:3em; } h2,.sheet-whole .sheet-h2,button[type='roll'].sheet-h2,button[type='action'].sheet-h2{ font-size:2em; } h3,.sheet-whole .sheet-h3,button[type='roll'].sheet-h3,button[type='action'].sheet-h3{ font-size:18px; } h4,.sheet-whole .sheet-h4,button[type='roll'].sheet-h4,button[type='action'].sheet-h4{ font-size:1em; } h5,.sheet-whole .sheet-h5,button[type='roll'].sheet-h5,button[type='action'].sheet-h5{ font-size:1em; } .sheet-pictos{ font-family:pictos; text-transform:initial; } input[type=checkbox]{ border-radius:50%; } select,textarea,input,.uneditable-input{ display: initial; width: initial; height: initial; padding: initial; margin-bottom: initial; font-size: initial; line-height: initial; color: initial; border: initial; -webkit-border-radius: initial; -moz-border-radius: initial; border-radius: initial; background-color:initial; } textarea{ resize:vertical; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number]{ -moz-appearance: textfield !important; text-align:center; } textarea.sheet-fixed{ resize:none; overflow:auto; } .sheet-whole button[type=roll]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5), .sheet-whole button[type=action]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5), .sheet-whole button[type=compendium]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5), .sheet-whole button[type=cancel]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5), .sheet-whole button[type=submit]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5), .sheet-whole button[type=finish]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5), .sheet-whole button[type=back]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5){ font-size:1em; } .sheet-whole button[type=roll], .sheet-whole button[type=action], .sheet-whole button[type=compendium], .sheet-whole button[type=cancel], .sheet-whole button[type=submit], .sheet-whole button[type=finish], .sheet-whole button[type=back]{ background-color: transparent; border: none; line-height: 12px; background-image: none; box-shadow: none; padding: 0px; margin: 0px; font-weight: bold; text-align:left; } .sheet-whole label{ line-height: 12px; } .sheet-whole button[type=roll], .sheet-whole button[type=action], .sheet-whole button[type=compendium], .sheet-whole button[type=cancel], .sheet-whole button[type=submit], .sheet-whole button[type=finish], .sheet-whole button[type=back]{ text-shadow: 0px 0px 1px #159ccf; } .sheet-whole button:hover{ color:#159ccf !important; } button[type=roll]::before{ content: "" !important; } .sheet-checkbox-container, .sheet-bordered-checkbox{ position:relative; padding:0; display:grid; justify-items:center; align-items:center; margin:0; } .sheet-checkbox-container > input, .sheet-bordered-checkbox > input{ opacity:0; position:absolute; z-index:10; width:100%; height:100%; } .sheet-checkbox-container:not(.sheet-expertise-check-label) > span{ color:white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; } label:hover .sheet-checkbox-container > span:not(.sheet-check-label), .sheet-whole .sheet-checkbox-container:hover > span:not(.sheet-check-label){ color:#159ccf; } .sheet-checkbox-container > .sheet-true-hexagon:hover:before, .sheet-checkbox-container > .sheet-true-pentagon:hover:before{ background-color:#159ccf; } .sheet-hexagon:after{ content:"⬢"; } .sheet-pentagon:after{ content:"⬟"; } .sheet-expertise:checked ~ .sheet-pentagon, .sheet-expertise:checked ~ .sheet-hexagon, .sheet-proficiency:checked ~ .sheet-hexagon, .sheet-checkbox-container > input:checked + span{ color:#000000; } .sheet-name-logo-container{ grid-area:logo; display:grid; } .sheet-name-logo-container > .sheet-input-label-container{ align-self:end; } .sheet-character-basic-container{ grid-area:basic-info; display:grid; grid-template-columns:1.7fr 1.1fr repeat(2,1fr); grid-gap:1em; } .sheet-character-basic-container > *:last-child, .sheet-character-basic-container > *:nth-last-child(2){ grid-column-end:span 2; } .sheet-ability-skill-container{ grid-area:col1; display:grid; grid-template-columns:127px 1fr; grid-gap:1em; } .sheet-input-label-container{ display:grid; } .sheet-input-label-container span{ text-transform:uppercase; font-size:0.75em; } .sheet-input-label-container > :not(span):not(div){ width:100%; border:1px solid black; } .sheet-input-label-container label{ width:auto; } .sheet-input-label-container > input{ height:1.25em; } .sheet-input-label-container > textarea{ height:3em; } .sheet-input-label-container > div{ display:flex; justify-content:flex-start; } .sheet-input-label-container > div *{ margin-right:1em; } .sheet-input-label-container.sheet-pseudo-number > input{ text-align:center; width:3.5em; } .sheet-attribute-container{ display:grid; grid-template-columns:[score-label-start mod-label-start save-label-start] 0.5fr [save-check-start] 1em [save-check-end score-start mod-start save-start header-start] 0.25fr [score-label-end mod-label-end save-label-end] 0.75fr [score-end mod-end save-end header-end]; grid-template-rows:[header-start] 19px [header-end score-label-start score-start] 18px [score-label-end score-end mod-label-start mod-start] 19px [mod-label-end mod-end save-label-start save-check-start save-start] 1.5em [save-label-end save-check-end save-end]; grid-row-gap:1px; position:relative; margin: 0 0 17px; } .sheet-attribute-container:first-of-type{ margin-top:2.2em; } .sheet-attribute-container:last-of-type{ margin-bottom:25px; } .sheet-attribute-container > .sheet-h3{ grid-area:header; align-self:center; justify-self:center; text-transform:uppercase; position:relative; left:-2px; } .sheet-attribute-container > .sheet-score-label{ grid-area:score-label; text-transform:capitalize; background-color:black; color:white; z-index:-10; } .sheet-attribute-container > .sheet-mod-label{ grid-area:mod-label; text-transform:capitalize; background-color:black; color:white; z-index:-10; } .sheet-ability-scores-container > .sheet-attribute-container > .sheet-save-label:not(.sheet-background){ grid-area:save-label; text-transform:capitalize; color:white; place-self:center start; } .sheet-attribute-container > .sheet-save-label.sheet-background{ grid-area:save-label; z-index:-10; background-color:black; } .sheet-attribute-container > .sheet-proficiency{ grid-area:save-check; } .sheet-attribute-container > .sheet-proficiency.sheet-check-label{ position:relative; bottom:-3em; color:grey; text-transform:uppercase; font-size:0.5em; justify-self:center } .sheet-attribute-container > .sheet-score{ grid-area:score; align-self:center; justify-self:center; } .sheet-attribute-container > .sheet-mod{ grid-area:mod; align-self:center; justify-self:center; } .sheet-attribute-container > .sheet-save{ grid-area:save; align-self:center; justify-self:center; } .sheet-attribute-container > .sheet-black-extend{ background-color:black; grid-area:black-extend; } .sheet-calc-container{ display:grid; grid-template-columns:1fr; grid-template-rows:1fr; grid-areas:"value"; align-items:center; } .sheet-calc-container > .sheet-base-value, .sheet-calc-container > .sheet-mod-value{ grid-area:value; text-align:center; font-size:16px; } .sheet-calc-container:not(:hover) > .sheet-base-value:not(:focus){ opacity:0; } .sheet-calc-container:hover > .sheet-mod-value, .sheet-base-value:focus ~ .sheet-mod-value{ opacity:0; z-index:-10; } .sheet-ability-scores-container{ position:relative; } .sheet-helix-image{ position:absolute; height:608px; right:0px; } .sheet-ability-scores-container .sheet-checkbox-container{ background-color:black; } .sheet-ability-scores-container .sheet-checkbox-container > span{ transform:rotate(90deg); -webkit-text-stroke-color: transparent; } .sheet-ability-scores-container .sheet-checkbox-container > input:checked ~ span{ -webkit-text-stroke-color: white; } .sheet-hexagon-label-container{ display: grid; grid-template-columns: [hexagon-start]55px [label-start] 0.4256px [hexagon-end] auto [label-end]; grid-template-rows: [hexagon-start] 16px [label-start] 32px [label-end] 16px [hexagon-end]; position: relative; } .sheet-hexagon-label-container > .sheet-hexagon-label{ grid-area:label; background-color:black; display:grid; place-items:center; } .sheet-hexagon-label-container > .sheet-hexagon-label > *{ color:white; font-weight:bold; text-align:center; overflow:hidden; line-height:normal; } .sheet-rolltemplate-general > .sheet-roll-display .sheet-true-hexagon, .sheet-true-hexagon{ grid-area:hexagon; clip-path:var(--hexagon); background-color:black; position:relative; width:100%; height:100%; } .sheet-true-hexagon:before{ height: calc(100% - calc(var(--polygon-border-width) * 2)); width: calc(100% - calc(var(--polygon-border-width) * 2)); } .sheet-rolltemplate-general > .sheet-roll-display .sheet-true-hexagon:before, .sheet-true-hexagon:before{ content: ""; display: block; position: relative; background-color: white; clip-path: var(--hexagon); place-self: center; } .sheet-rolltemplate-general > .sheet-roll-display .sheet-true-hexagon:before{ height: calc(100% - var(--polygon-border-width)); width: calc(100% - var(--polygon-border-width)); } .sheet-true-pentagon{ grid-area:hexagon; clip-path:var(--pentagon); background-color:black; position:relative; } .sheet-true-pentagon:before{ content: ""; display: block; position: relative; height: calc(100% - calc(var(--polygon-border-width) * 2)); width: calc(100% - calc(var(--polygon-border-width) * 2)); background-color: white; clip-path: var(--pentagon); place-self: center; } .sheet-plus-container{ display:grid; place-items:center; } .sheet-plus-control:not(:out-of-range) + .sheet-plus-display:before{ content:"+"; } .sheet-mod-control[value*='+'] ~ span, .sheet-mod-control[value*='-'] ~ span{ color:#159ccf; font-weight:bold; } .sheet-mod-control[value*='+'] ~ span:after, .sheet-mod-control[value*='-'] ~ span:after{ content:'*'; } .sheet-ability-footer{ grid-column: 1 / span 2; display:grid; grid-template-columns:1fr 1fr; grid-gap:1em; } .sheet-senses-container{ grid-column-end:span 2; display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:auto; grid-template-areas:'header header header'; border:1px solid black; background-color:var(--sectionBackground); } .sheet-senses-container > h4{ grid-area:header; place-self:center; } .sheet-hexagon-check-label{ display: grid; grid-template-columns: auto 1fr; grid-gap:1px; } .sheet-hexagon-check-label > span{ font-size:13px; place-self:center stretch; } .sheet-skills-container{ display: grid; position: relative; grid-template-columns: 13px 2em 1fr; grid-auto-rows:minmax(13px,auto); grid-row-gap:5px; } .sheet-skills-container > h4{ grid-column:1 / -1; place-self:center; margin-top:0.5em; } .sheet-skills-container > .sheet-plus-display{ place-self:center; } .sheet-skills-container > .sheet-skill-label{ place-self:center start; } .sheet-expertise-check-label{ display: grid; place-items: end; grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "check"; transform:scale(.7); } .sheet-expertise-check-label > *{ grid-area:check; } .sheet-polygon, .sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon{ display:grid; grid-template-columns:auto; grid-template-areas:"content"; place-items:center; } .sheet-polygon.sheet-locked:before{ background-color:#F0F0F0; } .sheet-polygon input{ line-height:4em; } .sheet-polygon > *{ font-size:16px; } .sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon > *, .sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon:before, .sheet-polygon > *, .sheet-polygon:before{ grid-area:content; font-weight:700; } .sheet-polygon > input[type=text]{ width:100%; text-align:center; } .sheet-polygon > input[type=radio]{ width:100%; height:100%; position:absolute; opacity:0; top:0; left:0; } .sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon:before, .sheet-polygon:before{ z-index:-10; } .sheet-expertise-check-label > .sheet-true-hexagon, .sheet-expertise-check-label > .sheet-true-pentagon{ grid-area:check; place-self:stretch; } .sheet-expertise-check-label > .sheet-polygon > input:first-of-type{ z-index:5; } .sheet-expertise-check-label > .sheet-polygon input[type=radio]:checked + input[type='radio']{ z-index:10; } .sheet-expertise-check-label > .sheet-true-pentagon{ position: relative; top: -9px; left: -4px; transform: rotate(45deg) scale(0.85); } .sheet-prof-control[value*="proficiency"] ~ .sheet-prof-display:before{ background-color:transparent; } .sheet-prof-control[value*="2"] ~ .sheet-expertise-display:before{ background-color:transparent; } .sheet-expertise-check-label > .sheet-check-label{ position: absolute; color: darkgrey; text-align: center; place-self: center; text-transform:uppercase; font-size:0.71em; } .sheet-expertise-check-label > .sheet-proficiency{ top: 15px; } .sheet-expertise-check-label > .sheet-expertise{ top: -17px; left: -6px; } .sheet-mid-column{ grid-area:col2; } .sheet-mid-column > div{ margin-bottom:1.5em; } .sheet-armor-speed-container{ margin:16px 0px; display:grid; background-color:var(--sectionBackground); border:2px solid black; grid-template-columns:[initiative-start]27.7128px [speed-start] 1fr [initiative-end speed-end] 8.7128px [dr-start] 27.7128px [ac-start] 1fr [dr-end ac-end]; grid-template-rows: [initiative-start dr-start] 30px [speed-start ac-start] 16px [initiative-end dr-end] 32px [speed-end ac-end]; } .sheet-armor-speed-container > .sheet-initiative{ grid-area:initiative; top:-16px; } .sheet-armor-speed-container > .sheet-dr{ grid-area:dr; top:-16px; } .sheet-armor-speed-container > .sheet-speed{ grid-area:speed; } .sheet-armor-speed-container > .sheet-ac{ grid-area:ac; } .sheet-armor-speed-container > div{ position:relative; margin-left:-2px; } .sheet-hp-resistance-container{ display:grid; grid-template-columns:[current-start max-start] 20px [temp-start] 1.25fr [max-end temp-end resistance-start] 1fr [resistance-end current-end]; grid-template-rows:[current-start] 8em [current-end max-start resistance-start] 32px [max-end temp-start] 48px [temp-end resistance-end]; grid-column-gap:0.5em; margin-bottom:16px; } .sheet-current-death{ grid-area:current; border:2px solid black; display:grid; justify-items:center; grid-template-columns:[current-start] 2fr [current-end hd-start] 1fr [hd-end death-start] 1fr [death-end]; grid-template-rows:[current-start hd-start death-start] 1fr [current-end hd-end death-end]; } .sheet-current-health{ grid-area:current; border-right:1px solid black; display:grid; justify-items:center; grid-template-columns:[header-start] 1fr [header-end]; grid-template-rows:[header-start] auto [header-end] 1fr; } .sheet-current-health > h4{ text-align: center; } .sheet-current-health > input[type=number]{ align-self:center; width:100%; line-height:2.7em; } .sheet-hd{ grid-area:hd; border-right:1px solid black; display:grid; align-items:center; grid-template-columns:[header-start input-start] 1fr [input-end label-start] 3em [header-end label-end]; grid-template-rows:[header-start] auto [header-end d8-start] auto [d8-end d10-start] auto [d10-end d12-start] auto [d12-end]; } .sheet-hd > .sheet-h4{ grid-area:header; place-self:center; } .sheet-hd > input{ justify-self:center; border-bottom:1px solid black; } .sheet-hd > input{ z-index:10; } .sheet-death{ grid-area:death; display:grid; place-items:center; grid-row-gap: 0.75em; align-self: start; grid-template-columns:[header-start bar-start bar2-start] repeat(4,auto) [bar2-end bar-end header-end]; grid-template-rows:[header-start] auto [header-end bar-start] auto [bar-end bar2-start] auto [bar2-end]; } .sheet-current-death button.sheet-h4{ grid-area:header; text-align:center; white-space: pre-wrap; } .sheet-current-death span{ text-transform:lowercase; } .sheet-death-label{ width:1em; height:1em; } .sheet-death > .sheet-first > input:first-child{ z-index:-20; opacity:0; } .sheet-success-control:not([value='0']) ~ .sheet-first.sheet-success > input:first-child, .sheet-failure-control:not([value='0']) ~ .sheet-first.sheet-failure > input:first-child{ z-index:20; } .sheet-success-control[value='2'] ~ .sheet-first.sheet-success > .sheet-hexagon, .sheet-failure-control[value='2'] ~ .sheet-first.sheet-failure > .sheet-hexagon{ color:#000000 } .sheet-success-control[value='3'] ~ .sheet-first.sheet-success > .sheet-hexagon, .sheet-failure-control[value='3'] ~ .sheet-first.sheet-failure > .sheet-hexagon, .sheet-success-control[value='3'] ~ .sheet-second.sheet-success > .sheet-hexagon, .sheet-failure-control[value='3'] ~ .sheet-second.sheet-failure > .sheet-hexagon{ color:#000000; } .sheet-hp-resistance-container > .sheet-max{ grid-area:max; position:relative; top:-16px; } .sheet-hp-resistance-container > .sheet-temp{ grid-area:temp; position:relative; top:-2px; } .sheet-resistances{ grid-area:resistance; } .sheet-bordered-textarea{ border:2px solid black; display:grid; grid-template-rows:auto auto; grid-template-columns:1fr; grid-template-areas: "header" "text"; place-content:stretch; } .sheet-resistances{ margin-top:1em; } .sheet-bordered-textarea > h4{ place-self:center; } .sheet-bordered-textarea > textarea{ width:100%; height:100%; } .sheet-id{ font-size:0.75em; color:lightgrey; } .sheet-expand-control[value="0"] ~ .sheet-expanded-view, .sheet-expand-control:not([value="0"]) ~ .sheet-collapsed-view{ display:none; } .sheet-expandable-section:not(:hover) > .sheet-expand-button{ opacity:0; } .sheet-expand-control:not([value="0"]) ~ .sheet-expanded-view{ border-top:1px solid black; border-bottom:1px solid black; margin-bottom:0.5em; } .sheet-expandable-section > .sheet-expand-button{ display:grid; grid-column:1 / 2; position:absolute; left:-1em; grid-template-columns:auto; grid-template-rows:auto; grid-template-areas:"button"; place-items:center; width:auto; height:auto; } .sheet-expandable-section > .sheet-expand-button > input[type=checkbox]{ opacity:0; z-index:10; width:100%; height:100%; grid-area:button; } .sheet-expandable-section > :not(.sheet-expand-button){ grid-column:1 / -1; } .sheet-collapsed-view{ display:grid; margin-bottom:0.5em; clip-path:var(--spanPolygon); min-height:15px; } .sheet-expandable-section > .sheet-expand-button > .sheet-expand-state{ grid-area:button; } .sheet-expand-button > input:checked ~ .sheet-expand-state{ transform:rotate(90deg); } .sheet-collapsed-view > button{ grid-column:1/-1; position:absolute; place-self:stretch; opacity:0; z-index:10; width:100%; height:100%; } .sheet-expanded-view > .sheet-enable-holder{ grid-area:toggles; display:flex; flex-wrap:wrap; align-items:center; } .sheet-enable-section{ min-height:1em; } .sheet-enable-section > label{ margin-left:-0.8em; width:auto; } .sheet-enable-controller[value="0"] + .sheet-enable-section > label{ margin-right:1.5em; } .sheet-enable-controller:not([value="0"]) + .sheet-enable-section{ width:100%; } .sheet-enable-controller[value="0"] + .sheet-enable-section > .sheet-enabled-section{ display:none; } .sheet-enable-controller:not([value="0"]) + .sheet-enable-section > .sheet-enabled-section{ padding-bottom:0.25em; border-bottom:1px solid grey; } .sheet-enable-controller:not([value="0"]) + .sheet-enable-section > .sheet-hexagon-check-label > span{ background-color:var(--sectionBackground); text-align:center; clip-path:var(--spanPolygon); } .sheet-enabled-section{ display:grid; } /*default repeating section styling*/ .itemcontrol{ z-index:10; } .repcontrol, .sheet-pseudo-control{ --squaredim:10pt; justify-self:end; width:auto; font-size:var(--squaredim); min-height: 1em; } .repcontrol, .sheet-pseudo-control{ grid-area:repcontrol; width:100%; } .repcontrol .btn, .sheet-whole .sheet-pseudo-control .sheet-repcontrol_add { border: medium none; background: none; box-shadow: none; font-size: 0; width:9px; height:13px; padding:0px; text-shadow:none; } .repcontrol .btn:focus { outline: 0; } .repcontrol .repcontrol_add::before, .sheet-pseudo-control .sheet-repcontrol_add::before, .sheet-pseudo-repcontrol span, .repcontrol .repcontrol_edit::after { visibility: visible; font-family: pictos; background-color: transparent; border: 0px solid transparent; border-radius: 2px; font-size: var(--squaredim); height: var(--squaredim); width: var(--squaredim); padding: 0px; position: relative; } .repcontrol .repcontrol_edit:after { content: '('; } .repcontrol .repcontrol_edit:after, .repcontrol .repcontrol_add:before, .sheet-pseudo-control .sheet-repcontrol_add:before{ top:-2px; left:0px; } .editmode ~ .repcontrol .repcontrol_edit:after { content: ')'; } .editmode ~ .sheet-pseudo-control{ display:none; } .repcontrol .repcontrol_add:before, .sheet-pseudo-control .sheet-repcontrol_add:before, .sheet-pseudo-repcontrol span{ content: '&'; } .repcontrol_add, .sheet-pseudo-control .sheet-repcontrol_add, .repcontrol_edit{ z-index:10; } .repcontrol .repcontrol_edit:hover, .repcontrol .repcontrol_add:hover, .sheet-pseudo-control .sheet-repcontrol_add:hover{ background-color: transparent; } .itemcontrol { z-index: 10; } .itemcontrol .repcontrol_del, .itemcontrol .repcontrol_move{ font-size: 10px; margin-top: 0px; padding: 3px; background-color:transparent; color:black; height: auto; width: auto; border:0px solid transparent; text-shadow:none; box-shadow:none; } /*End default repeating section styling*/ .sheet-bordered-checkbox, .sheet-bordered-container{ display:grid; background-color:black; clip-path:var(--spanBorderPolygon); padding:0.1em 1.1em; position:relative; margin-bottom:0.5em; } .sheet-bordered-checkbox:before, .sheet-bordered-container:before{ background-color:white; clip-path:var(--spanPolygon); height:100%; width:calc(100% + 2em); content:""; grid-row:1/-1; grid-column:1/-1; position:absolute; z-index:-1; } .sheet-bordered-container:before{ margin-left:-1em; } .sheet-bordered-container > h4{ grid-area:section-header; margin-bottom:-0.4em; text-align:center; z-index:10; background-color:var(--headerBackground); color:var(--headerFontColor); } .sheet-bordered-container > h5{ text-align:center; background-color:var(--headerBackground); color:var(--headerFontColor); z-index:10; } .sheet-bordered-container > h5:first-of-type{ clip-path:var(--headerStartPolygon); } .sheet-bordered-container > h5:last-of-type{ clip-path:var(--headerEndPolygon); } .sheet-action-container{ display:grid; grid-template-rows:repeat(4,auto); grid-template-areas: "section-header section-header section-header" "name mod damage" "container container container" "repcontrol repcontrol repcontrol"; grid-row-gap:0.5em; } .sheet-description > textarea{ min-height:2em; } .sheet-action-container, .repcontainer[data-groupname="repeating_action"] .sheet-collapsed-view{ grid-template-columns:2fr 3em 1fr; grid-column-gap:0.1em; } .repcontainer[data-groupname="repeating_action"] .sheet-collapsed-view{ grid-row-gap:0.1em; } .repcontainer{ grid-area:container; } .repcontainer[data-groupname="repeating_action"] .sheet-expand-control[value="1"] ~ .sheet-expanded-view{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(5,auto); grid-gap:0.25em 0.5em; grid-template-areas: "name proficiency" "toggles toggles" "range properties" "description description" "id id"; } .repcontainer[data-groupname="repeating_action"] .sheet-enabled-section{ grid-template-columns:repeat(2,1fr); grid-gap:0.25em 0.5em; } .repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-name{ grid-area:name; } .repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-range{ grid-area:range; } .repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-properties{ grid-area:properties; } .repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-description{ grid-area:description; } .repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-id{ grid-area:id; } .sheet-collapsed-view > span{ background-color:var(--headerBackground); color:var(--headerFontColor); text-align:center; width:100%; height:100%; } .sheet-mosaic-satoshi-container{ display:grid; grid-template-columns:10em 1fr; grid-template-rows:auto; grid-template-areas:"mosaic satoshi"; grid-column-gap:0.5em; align-items:center; } .sheet-mosaic-satoshi-container > .sheet-mosaic{ grid-area:mosaic; } .sheet-mosaic-satoshi-container > .sheet-satoshi{ grid-area:satoshi; } .sheet-inventory-container{ grid-template-rows:repeat(4,auto); grid-template-areas: "section-header section-header section-header" "name cost mass" "container container container" "repcontrol repcontrol repcontrol"; grid-row-gap:0.5em; } .sheet-inventory-container, .repcontainer[data-groupname="repeating_equipment"] .sheet-collapsed-view{ grid-template-columns:1fr 4em 4em; grid-column-gap:0.1em; } .repcontainer[data-groupname="repeating_equipment"] .sheet-expand-control[value="1"] ~ .sheet-expanded-view{ display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:repeat(5,auto); grid-gap:0.25em 0.5em; grid-template-areas: "name name name" "qty weight cost" "mods mods mods" "description description description" "id id id"; } .repcontainer[data-groupname="repeating_equipment"] .sheet-name{ grid-area:name; } .repcontainer[data-groupname="repeating_equipment"] .sheet-quantity{ grid-area:qty; } .repcontainer[data-groupname="repeating_equipment"] .sheet-weight{ grid-area:weight; } .repcontainer[data-groupname="repeating_equipment"] .sheet-cost{ grid-area:cost; } .repcontainer[data-groupname="repeating_equipment"] .sheet-mods{ grid-area:mods; } .repcontainer[data-groupname="repeating_equipment"] .sheet-description{ grid-area:description; } .sheet-trait-column{ grid-area:col3; } .sheet-pc .sheet-trait-container{ margin-top:16px; min-height:40.7em; } .sheet-trait-container{ grid-row-gap:0.5em; grid-template-rows:repeat(2,auto) 1fr auto; grid-template-areas: "section-header section-header" "name source" "container container" "repcontrol repcontrol"; } .sheet-trait-container, .repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view{ grid-template-columns:2fr 1fr; grid-column-gap:0.1em; } /*hacks styling*/ .sheet-pc > .sheet-hacks{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:1.5em; } .sheet-hack-container{ grid-area:container; grid-template-rows:repeat(1,18px) 1fr auto; grid-template-columns: 1fr 1fr; grid-template-areas: "section-header section-header" "container container" "repcontrol repcontrol"; grid-row-gap:0.5em; position:relative; } .sheet-hack-container > h4{ position:relative; left:13px; padding-top: 3px; } .sheet-hack-container > .repcontrol > .repcontrol_add{ display:none; } .sheet-hack-master-container{ margin-top:1.5em; display:grid; grid-template-columns:[container-start header-start] 1fr 1fr[header-end container-end]; grid-template-rows:[header-start] 20.7846px [container-start] 20.7846px [header-end] auto [container-end]; } .sheet-hack-master-container > .sheet-hack-header{ grid-area:header; display:grid; z-index:10; position:relative; grid-template-columns: [hexagon-start pentagon-start] 41.25px [label-start] 0.3192px [pentagon-end hexagon-end] auto [label-end]; grid-template-rows: [hexagon-start pentagon-start] 12px [label-start] 24px [label-end] 5.5692px [pentagon-end] 6.4308px [hexagon-end]; } .sheet-hack-master-container > .sheet-hack-header > .sheet-label{ color:darkgrey; z-index:10; place-self:center; position:relative; font-size:0.7em; text-align:center; } .sheet-hack-master-container > .sheet-hack-header > .sheet-current{ grid-area:hexagon; transform: rotate(-60deg); left: -2.5em; top: -1.3em; } .sheet-hack-master-container > .sheet-hack-header > .sheet-max{ grid-area:pentagon; transform: rotate(20deg); left: 4.7em; top: -3.9em; } .sheet-hack-master-container > .sheet-hack-header > .sheet-true-hexagon{ transform:rotate(90deg); } .sheet-hack-master-container > .sheet-hack-header > .sheet-true-hexagon > input{ transform:rotate(-90deg); } .sheet-hack-master-container > .sheet-hack-header > .sheet-true-pentagon{ grid-area: pentagon; position: relative; top: -39%; left: 83%; --rotation:59deg; transform: rotate(var(--rotation)); place-self: center; width: 100%; height: 100%; grid-template-rows: 100%; grid-template-columns: 100%; } .sheet-hack-master-container > .sheet-hack-header input{ width: 2.5em; line-height: 3em; } .sheet-hack-master-container > .sheet-hack-header > .sheet-true-pentagon > input{ transform:rotate(calc(var(--rotation) * -1)); } .repcontainer[data-groupname="repeating_hack"] .sheet-collapsed-view{ grid-template-columns:1fr 2em; grid-column-gap:0.1em; } .repcontainer[data-groupname="repeating_hack"] .sheet-collapsed-view{ grid-row-gap:0.1em; } .repcontainer[data-groupname="repeating_hack"] .sheet-expand-control[value="1"] ~ .sheet-expanded-view{ display:grid; --levelWidth:3em; grid-template-columns:50% calc(50% - var(--levelWidth)) var(--levelWidth); grid-template-rows:repeat(7,auto); grid-gap:0.25em 0.5em; grid-template-areas: "name name level" "launch duration duration" "type source source" "toggles toggles toggles" "range properties properties" "description description description" "id id id"; } .repcontainer[data-groupname="repeating_hack"] .sheet-enabled-section{ grid-template-columns:repeat(2,1fr); grid-gap:0.25em 0.5em; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-name{ grid-area:name; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-level{ grid-area:level; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-range{ grid-area:range; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-launch-time{ grid-area:launch; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-duration{ grid-area:duration; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-hack-type{ grid-area:type; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-source{ grid-area:source; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-properties{ grid-area:properties; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-description{ grid-area:description; } .repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-id{ grid-area:id; } .sheet-collapsed-view > span.sheet-hack-type{ color:transparent; position:relative; background-size:contain; background-repeat:no-repeat; background-position:center; white-space:nowrap; background-color:transparent; } .sheet-collapsed-view > input.sheet-hack-type[value='injection'] ~ span.sheet-hack-type{ background-image:var(--injectionImage); } .sheet-collapsed-view > input.sheet-hack-type[value='gadget'] ~ span.sheet-hack-type{ background-image:var(--gadgetImage); } .sheet-collapsed-view > input.sheet-hack-type[value='craft tech'] ~ span.sheet-hack-type{ background-image:var(--crafttechImage); } .sheet-collapsed-view > input.sheet-hack-type[value='craft explosive'] ~ span.sheet-hack-type{ background-image:var(--craftexplosiveImage); } .sheet-collapsed-view > input.sheet-hack-type[value='bot'] ~ span.sheet-hack-type{ background-image:var(--botImage); } .sheet-collapsed-view > input.sheet-hack-type[value='mind'] ~ span.sheet-hack-type{ background-image:var(--mindImage); } .sheet-collapsed-view > input.sheet-hack-type[value='software'] ~ span.sheet-hack-type{ background-image:var(--softwareImage); } .sheet-hack-container.sheet-1st-level > .repcontainer > .repitem > .sheet-level-display:not([value="1"]) ~ .sheet-expandable-section{ display:none; } .sheet-hack-container.sheet-2nd-level > .repcontainer > .repitem > .sheet-level-display:not([value="2"]) ~ .sheet-expandable-section{ display:none; } .sheet-hack-container.sheet-3rd-level > .repcontainer > .repitem > .sheet-level-display:not([value="3"]) ~ .sheet-expandable-section{ display:none; } .sheet-hack-container.sheet-4th-level > .repcontainer > .repitem > .sheet-level-display:not([value="4"]) ~ .sheet-expandable-section{ display:none; } .sheet-hack-container.sheet-5th-level > .repcontainer > .repitem > .sheet-level-display:not([value="5"]) ~ .sheet-expandable-section{ display:none; } /*End hacks styling*/ /*Settings styling*/ .sheet-pc > .sheet-settings{ grid-template-columns:repeat(3,1fr); grid-gap:1em 1em; } .sheet-settings > .sheet-column > .sheet-bordered-container > div{ display:grid; grid-gap:1em 1em; } .sheet-settings .sheet-grid-container{ display:grid; place-content:space-evenly; place-items:center; grid-auto-flow: column; } .sheet-statblock-section > .sheet-grid-container{ margin-top:6.5px; } /*End Settings styling*/ /*NPC styling*/ .sheet-ability-row{ margin-top:0.5em; margin-bottom:0.5em; display:grid; grid-template-rows:repeat(3,auto); grid-template-columns:repeat(6,1fr); grid-template-areas: "str dex con int wis cha" "header header header header header header" "str-save dex-save con-save int-save wis-save cha-save"; grid-gap:1em; } .sheet-ability-row > :is(h1,h2,h3,h4,h5){ grid-area:header; place-self:center; } .sheet-ability-row > .sheet-input-label-container{ margin:0; } .sheet-ability-row > .sheet-input-label-container > *{ justify-self:center; } .sheet-master-display-controller[value*='import:import-process'] ~ .sheet-npc > .sheet-npc-info .sheet-settings > .sheet-import .sheet-grid-container > .sheet-import:before{ background-color:#00ff73; } .sheet-master-display-controller:not([value*='import:import-process']) ~ .sheet-npc > .sheet-npc-info .sheet-settings > .sheet-import > .sheet-import-area > .sheet-import-confirm{ display:none; } .sheet-import-confirm{ place-self:center; text-align:center; } .sheet-import-cancel:before{ background-color:#ff002f; } .sheet-statblock-section.sheet-import-area{ display:grid; grid-gap:1em; --importMin:30em; padding-top:1em; } .sheet-statblock-section.sheet-import-area > textarea{ display:grid; min-height:var(--importMin); } .sheet-npc-info > div{ width:calc(513px - 2em); margin-right:1em; } .sheet-npc > .sheet-toggles{ display:inline-block; } .sheet-npc > .sheet-toggles .sheet-settings input:checked, .sheet-npc > .sheet-toggles .sheet-settings input:checked + span, .sheet-npc > .sheet-toggles .sheet-whisper input:checked, .sheet-npc > .sheet-toggles .sheet-whisper input:checked + span{ display:none; } .sheet-npc-info{ display:flex; flex-wrap:wrap; align-items:flex-start; } .sheet-npc-info > div{ margin-bottom:1em; } .sheet-npc-info .sheet-row > *{ margin-right:1em; margin-bottom:1em; } .sheet-statblock-section > .sheet-row:first-of-type { margin-top: 0.5em; } .sheet-statblock-section{ border-bottom:2px solid black; } .sheet-npc-info .sheet-row{ display:flex; flex-wrap:wrap; } .sheet-parens-control:not([value]) ~ .sheet-parens{ display:none; } .sheet-npc-ability-label{ display:grid; grid-template-columns: repeat(2,auto); grid-template-rows:repeat(3,auto); grid-template-areas: "header header" "score mod" "label save"; grid-gap:1em 0.5em; place-items:center; } .sheet-npc-ability-label > .sheet-h4{ grid-area:header; } .sheet-npc-ability-label > .sheet-score{ grid-area:score; } .sheet-npc-ability-label > .paren-container{ grid-area:mod; } .sheet-npc-ability-label > .sheet-save-label{ grid-area:label; } .sheet-npc-ability-label > .sheet-save{ grid-area:save; } .sheet-skill-display > span:first-child{ margin-right:0.5em; } .sheet-skill-control:not([value]) + .sheet-skill-display{ display:none; } .sheet-skill-control:not([value*='-']) + .sheet-skill-display > span:nth-child(2):before{ content:'+'; } .sheet-statblock-section.sheet-hack-display > div > h4{ display:inline; } .sheet-statblock-section.sheet-hack-display, .sheet-hack-display-control.sheet-level1[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level1, .sheet-hack-display-control.sheet-level2[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level2, .sheet-hack-display-control.sheet-level3[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level3, .sheet-hack-display-control.sheet-level4[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level4, .sheet-hack-display-control.sheet-level5[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level5, .sheet-statblock-section.sheet-hack-display .repcontrol, .sheet-statblock-section.sheet-hack-display > .sheet-level1 .sheet-button-control:not([value="1"]) + button, .sheet-statblock-section.sheet-hack-display > .sheet-level2 .sheet-button-control:not([value="2"]) + button, .sheet-statblock-section.sheet-hack-display > .sheet-level3 .sheet-button-control:not([value="3"]) + button, .sheet-statblock-section.sheet-hack-display > .sheet-level4 .sheet-button-control:not([value="4"]) + button, .sheet-statblock-section.sheet-hack-display > .sheet-level5 .sheet-button-control:not([value="5"]) + button{ display:none; } .sheet-hack-display-control:not([value='']) ~ .sheet-statblock-section.sheet-hack-display{ display:block; } .sheet-statblock-section.sheet-hack-display .repcontainer[data-groupname="repeating_hack"]{ display:inline; flex-wrap:wrap; } .sheet-statblock-section.sheet-hack-display .repcontainer[data-groupname="repeating_hack"] .repitem{ display:inline; } .sheet-statblock-section.sheet-hack-display .repitem > button:after{ content:","; } .sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view{ display:block; } .sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view span{ color:black; background-color:transparent; } .sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view > *{ display:inline; position:relative; width:auto; opacity:100; } .sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view > .sheet-description{ margin-left:1em; white-space:pre-wrap; } .sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-expand-control:not([value="0"]) ~ .sheet-collapsed-view{ display:none; } /*End NPC styling*/ /*Rolltemplate styling*/ .sheet-rolltemplate-general{ --hexagon:polygon(0% 50%,25% 0%,75% 0%, 100% 50%, 75% 100%,25% 100%); margin:0 5px 0px -40px; } .sheet-rolltemplate-general h4{ line-height:normal; height:auto; display:inline; } .sheet-rolltemplate-general > .sheet-roll-display{ display:grid; position:relative; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-bordered-container{ display:grid; background-color:black; clip-path:var(--spanBorderPolygon); position:relative; grid-template-columns: 4px 1fr 4px; grid-template-rows:4px 1fr 4px; grid-template-areas: ". . ." ". text ." ". . ."; } .sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon > *, .sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon:before{ font-size:12px; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-bordered-container:before{ background-color:white; clip-path:var(--spanPolygon); height: calc(100% - 2px); width: calc(100% - 2px); content:""; grid-row:1/-1; grid-column:1/-1; place-self:center; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-bordered-container > *{ grid-area:text; z-index:10; white-space: pre-wrap; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-polygon{ z-index:10; grid-template-areas:initial; grid-template-columns: [content-start result-start label-start] auto [content-end result-end label-end]; grid-template-rows:[content-start result-start] 3fr [result-end label-start] 2fr [label-end] 1fr [content-end]; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-polygon > span:first-of-type{ grid-area:result; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-polygon > span:last-of-type{ grid-area:label; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-1234{ grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start] 72px [hex1-start hex4-start] 24px [hex2-end] 1px [range-end] 46px [properties-start] 1px [hex3-start] 24px [hex1-end hex4-end] 72px [hex3-end] minmax(4px,1fr) [properties-end header-end description-end]; grid-template-rows: [header-start] auto [hex1-start] 41.5692px [hex2-start hex3-start] 1px [header-end] 40.5692px [hex1-end hex4-start] 40.5692px [description-start range-start properties-start] 1px [hex2-end hex3-end] 41.5692px [hex4-end] 4px [range-end properties-end] auto [description-end]; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-123, .sheet-rolltemplate-general > .sheet-roll-display.sheet-124, .sheet-rolltemplate-general > .sheet-roll-display.sheet-134, .sheet-rolltemplate-general > .sheet-roll-display.sheet-234{ grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start] 72px [hex1-start hex4-start] 24px [hex2-end] 1px [range-end] 46px [properties-start] 1px [hex3-start] 24px [hex1-end hex4-end] 72px [hex3-end] minmax(4px,1fr) [properties-end header-end description-end]; grid-template-rows: [header-start] auto [hex2-start hex3-start] 41.5692px [hex4-start] 1px [header-end] 39.5692px [description-start range-start properties-start] 1px [hex2-end hex3-end] 41.5692px [hex4-end] 4px [range-end properties-end] auto [description-end]; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-12, .sheet-rolltemplate-general > .sheet-roll-display.sheet-13, .sheet-rolltemplate-general > .sheet-roll-display.sheet-14, .sheet-rolltemplate-general > .sheet-roll-display.sheet-23, .sheet-rolltemplate-general > .sheet-roll-display.sheet-24, .sheet-rolltemplate-general > .sheet-roll-display.sheet-34{ grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start] 72px [hex1-start hex4-start] 24px [hex2-end] 1px [range-end] 46px [properties-start] 1px [hex3-start] 24px [hex1-end hex4-end] 72px [hex3-end] minmax(4px,1fr) [properties-end header-end description-end]; grid-template-rows: [header-start] auto [hex2-start hex3-start] 41.5692px [hex4-start] 1px [header-end] 39.5692px [description-start range-start properties-start] 1px [hex2-end hex3-end] 41.5692px [hex4-end] 4px [range-end properties-end] auto [description-end]; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-1, .sheet-rolltemplate-general > .sheet-roll-display.sheet-2, .sheet-rolltemplate-general > .sheet-roll-display.sheet-3, .sheet-rolltemplate-general > .sheet-roll-display.sheet-4{ grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start] 72px [hex1-start hex4-start] 24px [hex2-end] 1px [range-end] 46px [properties-start] 1px [hex3-start] 24px [hex1-end hex4-end] 72px [hex3-end] minmax(4px,1fr) [properties-end header-end description-end]; grid-template-rows: [header-start] auto [hex4-start] 41.0692px [description-start range-start properties-start] 1px [header-end] 41.0692px [hex4-end] 4px [range-end properties-end] auto [description-end]; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-polygon.sheet-rollValue{ grid-area:hex1; position:relative; top:1px; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-polygon.sheet-rollValue, .sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-polygon.sheet-rollValue, .sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-polygon.sheet-rollValue, .sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-polygon.sheet-rollValue, .sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-polygon.sheet-rollValue, .sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-polygon.sheet-damage1, .sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-polygon.sheet-damage1, .sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-polygon.sheet-damage1, .sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-polygon.sheet-damage1, .sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-polygon.sheet-damage1, .sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-polygon.sheet-damage2{ grid-area:hex2; position:relative; left:1px; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-polygon.sheet-damage1, .sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-polygon.sheet-damage2, .sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-polygon.sheet-damage2, .sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-polygon.sheet-damage2, .sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-polygon.sheet-damage2, .sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-polygon.sheet-damage2, .sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-polygon.sheet-save, .sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-polygon.sheet-save, .sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-polygon.sheet-save, .sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-polygon.sheet-save, .sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-polygon.sheet-save{ grid-area:hex3; position:relative; left:-1px; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-1 > .sheet-polygon.sheet-rollValue, .sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-polygon.sheet-rollValue, .sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-polygon.sheet-damage1, .sheet-rolltemplate-general > .sheet-roll-display.sheet-2 > .sheet-polygon.sheet-damage1, .sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-polygon.sheet-damage2, .sheet-rolltemplate-general > .sheet-roll-display.sheet-3 > .sheet-polygon.sheet-damage2, .sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-polygon.sheet-save, .sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-polygon.sheet-save, .sheet-rolltemplate-general > .sheet-roll-display.sheet-4 > .sheet-polygon.sheet-save{ grid-area:hex4; position:relative; top:-1px; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-character_name{ grid-area:header; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-1 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-2 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-3 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-character_name, .sheet-rolltemplate-general > .sheet-roll-display.sheet-4 > .sheet-character_name{ grid-template-rows:4px auto 41.5692px; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-1 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-2 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-3 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-range, .sheet-rolltemplate-general > .sheet-roll-display.sheet-4 > .sheet-range{ grid-template-columns: 4px 1fr 24px; } .sheet-rolltemplate-general > .sheet-roll-display.sheet-1 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-2 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-3 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-properties, .sheet-rolltemplate-general > .sheet-roll-display.sheet-4 > .sheet-properties{ grid-template-columns: 24px 1fr 4px; } .sheet-rolltemplate-general > .sheet-roll-display > :not(.sheet-character_name) ~ .sheet-description{ grid-template-columns: 4px 1fr 4px; grid-template-rows:50.563px auto 4px; grid-template-areas: ". . ." ". text ." ". . ."; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-properties > *{ place-self:center right; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-range{ grid-area:range; z-index:1; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-range > *{ place-self:center left; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-range > *, .sheet-rolltemplate-general > .sheet-roll-display > .sheet-properties > *{ overflow-y:auto; overflow-x:hidden; max-height:100%; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-properties > *{ place-self:center right; text-align:right; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-properties{ grid-area:properties; z-index:1; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-description{ grid-area:description; } .sheet-rolltemplate-general > .sheet-roll-display > .sheet-description > span{ max-height:4em; min-height:1em; overflow:auto; } .sheet-rolltemplate-general .inlinerollresult{ background-color:transparent; border-color:transparent; font-size:16px; font-weight:700; } .sheet-rolltemplate-general .inlinerollresult.fullfail{ color:red; border-color:transparent; filter:brightness(175%); } .sheet-rolltemplate-general .inlinerollresult.fullcrit{ color:green; border-color:transparent; filter:brightness(175%); }