* { font-family:"Arial"; color:black; } .sheet-pictos{/*elements that should be using the pictos font*/ font-family:pictos; } .charsheet{ border: 70px solid transparent; border-image: url('https://s3.amazonaws.com/files.d20.io/images/59311754/w0IK4ij9J8KG2EnGfAcisw/max.png') 222 222 fill repeat; padding:0px !important; width:710px; } .repitem .sheet-row, .sheet-statblock .sheet-row{ justify-content:flex-start; display:flex; align-items:flex-start; } .sheet-container{ display:none; } .sheet-hide-tab{ opacity:0; z-index:10; width:100%; height:100%; } .sheet-character-sheet :focus{ outline:0px solid transparent; } .sheet-tab-button + span, .sheet-initiative-container, .sheet-label, .sheet-character-sheet button[type=roll] { font-weight:400; font-size:9pt; } .sheet-fine, .sheet-character-sheet button[type=roll].sheet-fine{ font-weight:200; } .sheet-bold, .sheet-character-sheet button[type=roll].sheet-bold{ font-weight:600; } .sheet-extra-bold, .sheet-character-sheet button[type=roll].sheet-extra-bold{ font-weight:800; } [hidden='true'] { display:none !important; } input:not([type='checkbox']):not([type=radio]):not(.sheet-mod):not(.sheet-id-label):not(.sheet-label), textarea, .sheet-input-field, .sheet-input-field *, .sheet-pc select, .sheet-in-play select{ background-color:transparent; border:0px solid black; border-bottom:1px solid black; font-size:9pt; box-shadow:none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; padding:0px; } .sheet-character-sheet input.sheet-id-label{ color:#D3D3D3; font-size:6pt; display:block; border:0px; box-shadow:none; width:100%; background:none; } 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{ resize:vertical; } select { border: 0px; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; padding:0px 0px 0px 0px; position:relative; width:auto; height:14px; margin:0px; padding:0px; text-align-last:center; line-height:14px; } .sheet-npc select{ line-height:20px; height:100%; font-weight:8pt; } button[type=roll], button[type=action], label{ background-color: transparent; border: none; line-height: normal; background-image: none; box-shadow: none; padding: 0px; margin: 0px; font-weight: bold; text-align:left; position:relative; } .sheet-character-sheet .sheet-nav{ font-size:12pt !important; color:black; grid-area:nav; place-self: end center; } input.sheet-nav{ z-index:10; } input.sheet-page-control[value=pc] ~ .sheet-container.sheet-pc, input.sheet-page-control[value=npc] ~ .sheet-container.sheet-npc{ display:grid; } input.sheet-page-control[value=npc] ~ .sheet-in-play{ display:none; } input.sheet-nav:checked + span, input.sheet-nav:checked ~ .sheet-in-play, input.sheet-nav:checked ~ .sheet-container:not(.sheet-settings), input.sheet-nav:not(:checked) + span + span, input.sheet-page-control[value=ship] ~ .sheet-in-play{ display:none; } input.sheet-nav:checked ~ .sheet-container.sheet-settings{ display:grid; } label{ cursor:pointer; display:inline-block; position:relative; } button[type=roll]::before { content: "" !important; } button[type=roll]:hover, button[type=roll]:hover *, button[type=roll]:hover input[type=text], label:hover, .btn:hover:after, .btn:hover:before{ color: black; } .sheet-character-sheet { display:grid; grid-template-columns:[name-container-start pc-start disclaimer-start settings-start] 160px [name-container-end nav-start] 20px [nav-end] 199px [in-play-start] 1fr[in-play-end pc-end disclaimer-end settings-end]; grid-template-rows:[name-container-start nav-start] auto [name-container-end settings-start nav-end pc-start in-play-start] 205px [in-play-end] auto[pc-end settings-end disclaimer-start] auto [disclaimer-end]; grid-gap:20px; /*These lines below set css variables that are used throughout the sheet*/ --wedge:7px; --backcolor:#1e4f79; --circlesize:1px; --circlebore:calc(var(--wedge) * 2 + 2px); --ringsize:calc(var(--circlesize) + var(--circlebore)); --repeat:no-repeat; var(--repeat); --box-shadow:0px 0px 10px 2px #64BAC9; --circlecolor:#470000; --borderradius:0px 4px 4px 4px; margin:-62px -41px 0px -46px; } .sheet-character-sheet .sheet-disclaimer{ grid-area:disclaimer; text-shadow:none; border:none; } .sheet-character-sheet span.sheet-disclaimer{ height:auto; } .sheet-character-sheet textarea.sheet-disclaimer{ height:100%; min-height:100%; } .sheet-character-sheet h1 { font-size:9pt; line-height:inherit; z-index:2; text-align:center; } .sheet-character-sheet .sheet-section, .sheet-char-info, .sheet-class-info, .sheet-buffs, .sheet-menus, .sheet-attribute-container, .sheet-section-container > .sheet-section-container{/*Creates the polygonal appearance of the section containers*/ position:relative; /**/ } .sheet-character-sheet .sheet-section, .sheet-button-description, .sheet-prof-gutter{ --circlebore:9.5px; --ringsize:10px; background: radial-gradient(circle at 100% 0%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) top right/52% 52% no-repeat, radial-gradient(circle at 100% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom right/52% 52% no-repeat, radial-gradient(circle at 0% 0%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) top left/52% 52% no-repeat, radial-gradient(circle at 0% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom left/52% 52% no-repeat; text-transform: uppercase; font-weight: 700; font-size: 9pt; padding: 0px calc(var(--ringsize) + 5px); text-align: center; letter-spacing: 0px; display: inline-block; margin-bottom: 0px; text-shadow:0px 0px 10px #d4162f,0px 0px 5px #d4162f,0px 0px 2.5px #d4162f; border-radius:-5px; } .sheet-character-sheet .sheet-force-uppercase{ text-transform:uppercase; } .sheet-character-sheet .sheet-section > *{ padding:0px; } .sheet-name-container { display:inline-block; grid-area:name-container; width:100%; height:100%; padding:0px; margin:0px; } .sheet-nav > div{ position:relative; grid-auto-flow:column; justify-content:start; align-content:center; grid-gap:5px; } .sheet-character-sheet > .sheet-pc { grid-area:pc; position:relative; grid-template-columns: [name-container-start tab-container-start header-start]160px [name-container-end ] 257px [header-end] 20px [in-play-start] 360px [in-play-end tab-container-end]; grid-template-rows: [header-start in-play-start] 205px [header-end in-play-end] 20px [tab-container-start] auto [tab-container-end]; } .sheet-character-sheet .sheet-section *{ color:#e1bb78; } .sheet-pc > .sheet-header-content{ grid-area:header; } .sheet-in-play{ grid-area:in-play; z-index:100; } .sheet-pc > .sheet-header-content, .sheet-in-play{ display:grid; grid-template-columns: [char-tab-start] calc(var(--circlebore)/2) [hcontent-start] auto [class-tab-start] var(--circlebore) [char-tab-end] auto [third-tab-start] var(--circlebore) [class-tab-end] auto [third-tab-end] 1fr [hcontent-end]; grid-template-rows: [char-tab-start class-tab-start third-tab-start] 19px [hcontent-start] 1px [third-tab-end char-tab-end class-tab-end] auto [hcontent-end]; justify-items:stretch; align-items:stretch; /*background: url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-thin.png") top left/15px no-repeat, url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-wide.png") bottom right/176.5px no-repeat;*/ } .sheet-header-content > .sheet-char-details, .sheet-in-play > .sheet-menu-tab{ grid-area:char-tab; text-align:center; } .sheet-header-content > .sheet-class-details, .sheet-in-play > .sheet-buff-tab{ grid-area:class-tab; text-align:center; } .sheet-in-play > .sheet-condition-tab, .sheet-header-content > .sheet-third-tab{ grid-area:third-tab; } .sheet-pc > .sheet-header-content > .sheet-char-info, .sheet-pc > .sheet-header-content > .sheet-class-info, .sheet-pc > .sheet-header-content > .sheet-spellclass-details, .sheet-in-play > .sheet-buffs, .sheet-in-play > .sheet-menus, .sheet-in-play > .sheet-conditions{ display:none; grid-area:hcontent; flex-wrap:wrap; /*overflow:hidden;*/ } .sheet-border{ position:relative; } .sheet-border.sheet-left{ align-self:start; justify-self:start; width:0px; height:calc(100% - var(--wedge) * 1.4); background-color:white; } .sheet-border.sheet-top{ align-self:start; justify-self:start; height:0px; width:calc(100% - var(--wedge) * 1.4); background-color:white; } .sheet-border.sheet-right{ align-self:end; justify-self:end; width:0px; height:calc(100% - var(--wedge) * 1.4); background-color:white; } .sheet-border.sheet-bottom{ align-self:end; justify-self:end; height:0px; width:calc(100% - var(--wedge) * 1.4); background-color:white; } .sheet-border.sheet-corner{ transform:rotate(45deg); width:calc(var(--wedge) * 2); height:0px; background-color:white; grid-column:1/-1 !important; position:absolute; } :not(.sheet-section-container) > .sheet-section-container > .sheet-border.sheet-corner{ display:none; } .sheet-border.sheet-top-right{ top:calc(var(--wedge) / 2 *1.41); left:calc(100% - var(--wedge)*1.7); height:0px; } .sheet-border.sheet-bottom-left{ top:calc(100% + var(--wedge) / 2 *-1.6); left:-2px; height:0px; background-color:red; } .sheet-border.sheet-top-left{ top:calc(var(--wedge) / 2 *1.41); left:-2px; } .sheet-border.sheet-bottom-right{ top:calc(100% + var(--wedge) / 2 *-1.6); left:calc(100% - var(--wedge)*1.7); } .sheet-always-glow{ box-shadow:var(--box-shadow); } .sheet-hide-tab:checked + .sheet-section{ z-index:11; } .sheet-hide-tab:not(:checked) + .sheet-section{ --circlecolor:black; } .sheet-pc > .sheet-header-content > .sheet-char-details:checked ~ .sheet-char-details.sheet-border, .sheet-pc > .sheet-header-content > .sheet-class-details:checked ~ .sheet-class-details.sheet-border, .sheet-in-play > .sheet-menu-tab:checked ~ .sheet-menu-tab.sheet-border, .sheet-in-play > .sheet-buff-tab:checked ~ .sheet-buff-tab.sheet-border{ z-index:11; box-shadow:var(--box-shadow); } .sheet-pc > .sheet-header-content > .sheet-char-details:checked ~ .sheet-char-info, .sheet-pc > .sheet-header-content > .sheet-class-details:checked ~ .sheet-class-info, .sheet-pc > .sheet-header-content > .sheet-spells:checked ~ .sheet-spellclass-details{ display:grid; } .sheet-spellclass-details{ overflow-x:auto; overflow-y:visible; grid-template-columns: 0px [class-1-start] auto [class-1-end class-2-start] auto [class-2-end class-3-start] auto [class-3-end class-4-start] auto [class-4-end class-5-start] auto [class-5-end] 1fr 0px; grid-template-rows:5px [class-1-start class-2-start class-3-start class-4-start class-4-start] 120px [class-1-end class-2-end class-3-end class-4-end class-4-end] 0px; grid-gap:10px; grid-auto-flow:column; justify-content:start; align-content:start; } .sheet-spellclass-details > .sheet-spellclass-container, .sheet-spellclass-details > .sheet-spellclass-container, .sheet-spellclass-details > .sheet-spellclass-container, .sheet-spellclass-details > .sheet-spellclass-container, .sheet-spellclass-details > .sheet-spellclass-container, .sheet-spellclass-details > .sheet-gutter{ grid-row:class-1-start; } .sheet-in-play > .sheet-menu-tab:checked ~ .sheet-menus{ display: flex!important; justify-content:flex-start; align-items: flex-start; flex-direction:column; } .sheet-in-play > .sheet-buff-tab:checked ~ .sheet-buffs{ display:grid!important; grid-template-columns:0px [container-start repcontrol-start] 1fr [container-end repcontrol-end] 0px; grid-template-rows:0px [container-start] 1fr [container-end repcontrol-start] 20px [repcontrol-end] 0px; grid-gap:5px; overflow:hidden; } .sheet-in-play > .sheet-condition-tab:checked ~ .sheet-conditions{ display:grid!important; grid-template-columns:repeat(4,1fr); grid-gap:5px; padding:5px; overflow-y:scroll; overflow-x:hidden; } .repcontainer[data-groupname='repeating_condition']{ display:grid; grid-template-columns:1fr 1fr; grid-gap:5px; } .repcontainer[data-groupname='repeating_condition'] .sheet-display > input{ width:100%; } .sheet-track-container .sheet-tracks{ display:grid; grid-template-columns:repeat(8,auto); margin:2px 0px; } .sheet-track-container .sheet-tracks > label{ align-self:start; width:auto; } .sheet-track-container .sheet-specific-track{ display:none; place-items:center; } .sheet-track-container .sheet-tracks > label span{ padding:0px 5px; border:1px solid black; border-radius:5px; background-color:white; } .sheet-track-container .sheet-tracks > label:hover > .sheet-healthy ~ span, .sheet-track-container .sheet-tracks > label .sheet-healthy:checked ~ span{ background-color:#65d8fa; } .sheet-track-container .sheet-tracks > label:hover > .sheet-dead ~ span, .sheet-track-container .sheet-tracks > label .sheet-dead:checked ~ span{ background-color:#fa893a; } .sheet-track-filter[value*="physical_track"] ~ .sheet-physical, .sheet-track-filter[value*="mental_track"] ~ .sheet-mental, .sheet-track-filter[value*="strength_track"] ~ .sheet-strength, .sheet-track-filter[value*="dexterity_track"] ~ .sheet-dexterity, .sheet-track-filter[value*="constitution_track"] ~ .sheet-constitution, .sheet-track-filter[value*="intelligence_track"] ~ .sheet-intelligence, .sheet-track-filter[value*="wisdom_track"] ~ .sheet-wisdom, .sheet-track-filter[value*="charisma_track"] ~ .sheet-charisma{ display:grid; } .sheet-track-container .sheet-specific-track:not(.sheet-physical), .sheet-track-container .sheet-specific-track:not(.sheet-mental){ grid-template-columns:repeat(4,1fr) } .sheet-track-container .sheet-specific-track.sheet-physical, .sheet-track-container .sheet-specific-track.sheet-mental{ grid-template-columns:repeat(6,1fr) } label.sheet-tactical-condition > span, div.sheet-tactical-condition > input[type=hidden] + span{ width:100%; height:12px; display:block; text-align:center; } div.sheet-tactical-condition{ display:grid; grid-template-columns:20px 1fr; grid-template-rows:1fr; grid-gap:5px; align-items:top; height:12px; overflow:hidden; place-items:center; place-content:center; } div.sheet-tactical-condition > input[type=number]{ width:100%; height:12px; } .sheet-tactical-condition > input:checked + span, div.sheet-tactical-condition > .sheet-encumbrance:in-range + span{ background-color:#fa893a !important; } .sheet-tactical-condition > input:checked + span:after{ content:'e'; font-family:pictos; position:absolute; } .sheet-hlabel-container span{ text-align:center; } .sheet-hlabel-container { display:flex; flex-direction:column; width:100%; } .sheet-character-sheet .sheet-hlabel-container input, .sheet-character-sheet .sheet-hlabel-container select{ text-align:center !important; } .sheet-character-sheet select{ padding:-5px; margin:0px; position:relative; top:-1px; height:20px; line-height:14px; } .charsheet .sheet-character-sheet .sheet-hlabel-container > *, .charsheet .sheet-character-sheet .sheet-hlabel-container > input{ width:100%; } .sheet-header-content .sheet-char-info{ grid-template-columns:0px [char-name-start race-start home-start language-start align-start] 1fr [race-end theme-start home-end align-end deity-start] 1fr [theme-end size-start] 0.5fr [char-name-end class-start] 0.5fr [size-end deity-end speed-start player-start] 1fr [speed-end gender-start] 0.5fr [class-end level-start] 0.5fr [level-end language-end gender-end player-end] 0px; grid-template-rows:5px [char-name-start class-start level-start] 1fr [ level-end char-name-end class-end race-start hp-start theme-start size-start speed-start gender-start] 1fr [race-end hp-end theme-end size-end speed-end gender-end home-start align-start deity-start player-start] 1fr [home-end align-end deity-end player-end language-start] 1fr [language-end] 5px; grid-column-gap:5px; } .sheet-char-info .sheet-char-name{ grid-area:char-name; } .sheet-char-info .sheet-class{ grid-area:class; } .sheet-char-info .sheet-level{ grid-area:level; } .sheet-char-info .sheet-player{ grid-area:player; } .sheet-char-info .sheet-alignment{ grid-area:align; } .sheet-char-info .sheet-race{ grid-area:race; } .sheet-char-info .sheet-theme{ grid-area:theme; } .sheet-char-info .sheet-deity{ grid-area:deity; } .sheet-char-info .sheet-size{ grid-area:size; } .sheet-char-info .sheet-speed { grid-area:speed; } .sheet-char-info .sheet-gender { grid-area:gender; } .sheet-char-info .sheet-language{ grid-area:language; } .sheet-class-info{ padding:5px; place-content:start; grid-template-columns:repeat(8,1fr); grid-template-rows:repeat(6,auto); grid-gap:5px; overflow-y:scroll; } .sheet-class-info .sheet-name{ grid-column-end:span 3; } .sheet-class-info .sheet-level-details{ grid-column-end:span 4; } .sheet-class-info .sheet-ancestry-details{ grid-row:1; } .sheet-class-info .sheet-background-details{ grid-row:2; } .sheet-class-info .sheet-class-details{ grid-row:3; } .sheet-class-info .sheet-level-details{ display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,auto); grid-gap:5px; border:1px solid black; padding:1px; } .sheet-character-sheet .sheet-class-info .sheet-span-all{ grid-column-end:-1; } .sheet-class-info .sheet-left-gutter{ grid-area:1 / left-gutter-start / span 6 / left-gutter-end; } .sheet-class-info .sheet-right-gutter{ grid-area:1 / right-gutter-start / span 6 / right-gutter-end; } .sheet-class-info .sheet-class-spells{ background:transparent; } input[type=radio].sheet-char-tab.sheet-class-details-tab:checked ~ .sheet-class-info { display:grid; } .repcontainer .sheet-filter-container{ position:relative; min-height:20px; margin-top:5px; } .sheet-character-sheet input.sheet-show-options, .sheet-show-options + span { width: 18px; height: 18px; } .sheet-show-options{ opacity: 0; position: absolute; top: -5px; right: 0px; z-index: 6; } .sheet-show-options + span{ position: absolute; top: -5px; right: 0px; white-space: nowrap; font-family: pictos; color: #A0A0A0; cursor: pointer; margin-top: 0px; opacity: 0; z-index:5; font-size:16px; } .sheet-filter-container:hover .sheet-show-options +span, .sheet-skill-container:hover .sheet-show-options +span, .sheet-statblock .sheet-spell:hover .sheet-show-options +span{ opacity: 100; } .sheet-character-sheet .sheet-filter-container .sheet-show-options:not(:checked) ~ .sheet-row-options, .sheet-character-sheet .sheet-skill-container .sheet-show-options:not(:checked) ~ .sheet-row-options, .sheet-character-sheet .sheet-spell .sheet-show-options:not(:checked) ~ .sheet-row-options{ display: none; } .sheet-button-description > *{ padding:0px; } .sheet-character-sheet .sheet-filter-container .sheet-display .sheet-button-description > *:not(button):not(.sheet-expand-button), .sheet-character-sheet .sheet-spell .sheet-display .sheet-button-description > *:not(button):not(.sheet-expand-button){ border:0px solid transparent; background-color:transparent; box-shadow:none; display:block; height:100%; width:100%; } .sheet-character-sheet .sheet-filter-container .sheet-display .sheet-button-description > *:not(:first-child):not(.sheet-expand-button), .sheet-character-sheet .sheet-spell .sheet-display .sheet-button-description > *:not(:first-child):not(.sheet-expand-button){ text-align:center; } .sheet-character-sheet .sheet-filter-container .sheet-display .sheet-button-description > button, .sheet-character-sheet .sheet-spell .sheet-display .sheet-button-description > button{ display:block; height:100%; width:100%; z-index:2; margin:0px; padding:0px; } .sheet-display .sheet-button-description .sheet-expand-button{ position:absolute; place-self:start; width:auto; z-index:10; } .repcontainer[data-groupname="repeating_ability"] .sheet-display .sheet-button-description{ grid-column:button-start; } .sheet-display .sheet-button-description:not(:hover) > label{ display:none; } .sheet-display .sheet-button-description .sheet-expand-description:not(:checked) ~ .sheet-expanded{ display:none; } .sheet-display .sheet-button-description .sheet-expand-description:checked ~ .sheet-collapsed{ display:none; } .sheet-display .sheet-expand-description:not([value*="1"]) ~ .sheet-description{ display:none; } .sheet-character-sheet .sheet-display .sheet-button-description{ grid-template-rows:18px; } .sheet-character-sheet .sheet-filter-container.sheet-condition .sheet-display .sheet-button-description{ display:grid; grid-template-columns:1fr; position:relative; } .sheet-item-container .sheet-button-description, .sheet-abilities-container .sheet-button-description, .sheet-weapons .sheet-button-description, .sheet-spell-containers .sheet-button-description{ --circlecolor:#bcc9d6; color:black; text-shadow:none; display:grid; grid-template-columns:3fr repeat(4,1fr); grid-column-gap:5px; position:relative; } .sheet-character-sheet .sheet-ability .sheet-button-description button{ grid-column:1/-1; place-self:stretch; position:absolute; } .sheet-weapons .sheet-button-description{ grid-template-columns:3fr repeat(4,1fr) repeat(3,0.5fr); } /*buff styling*/ .sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] { width:100%; max-height:100%; overflow-y:scroll!important; overflow-x:hidden; display:block; grid-area:container; } .sheet-buffs .sheet-filter-container{ width:100%; } .sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem{ display:inline-block; width:49%; margin:5px 0px 0px; } .sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem:nth-child(odd){ float:left; margin-right:5px; } .sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem:nth-child(even){ float:right; } .sheet-row-options .sheet-buff-name{ width:100% !important; margin:5px 0px; } .sheet-mod-container { position:relative; margin:0px; } .sheet-mod-container span{ position:absolute; top:0px; } textarea.sheet-buff-mod, textarea.sheet-item-mods{ width:100%; height:40px; margin:0px; max-width:100%; overflow-y:hidden; overflow-x:hidden; } .sheet-encumbered:checked ~ .sheet-encumber *{ color:#e1bb78; text-shadow:0px 0px 10px #d4162f, 0px 0px 5px #d4162f, 0px 0px 2.5px #d4162f; } .sheet-encumbered:checked ~ .sheet-encumber { background-color:var(--circlecolor); } .sheet-overburdened:checked ~ .sheet-overburden *{ color:#e1bb78; text-shadow:0px 0px 10px #d4162f, 0px 0px 5px #d4162f, 0px 0px 2.5px #d4162f; } .sheet-overburdened:checked ~ .sheet-overburden { background-color:var(--circlecolor); } .sheet-mod-buff[value*="1"] ~ .sheet-modified-attr { color:#f7b238; text-shadow:0px 0px 10px #470000,0px 0px 5px #470000,0px 0px 2.5px #470000; font-weight:900 !important; font-family:Candal; } .sheet-mod-buff[value*="1"] ~ .sheet-modified-attr:after{ font-family:Pictos; content:'{'; position:absolute; } .sheet-mod-buff[value*="-1"] ~ .sheet-modified-attr { color:#470000; text-shadow:0px 0px 10px #f7b238,0px 0px 5px #f7b238,0px 0px 2.5px #f7b238; font-weight:900 !important; font-family:Candal; } .sheet-mod-buff[value*="-1"] ~ .sheet-modified-attr:after{ font-family:Pictos; content:'{'; position:absolute; transform:rotate(180deg); transform-origin:center 45%; }/* .repcontainer:not([data-groupname='repeating_profession']) .sheet-modified-attr:after{ position:relative!important; }*/ .sheet-display .sheet-buff-name { display:block; width:145px; height:20px; float:right; } .sheet-display input[type=checkbox]:not(:checked) + .sheet-buff-name { text-shadow:none; } .sheet-display input[type=checkbox]:checked + .sheet-buff-name { color:#96ddff; text-shadow:0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff; } .repcontainer[data-groupname='repeating_buff'] .repitem textarea.sheet-buff-mod{ text-indent:37px !important; } /*Repeating styling*/ .repcontainer:not([data-groupname='repeating_profession']):not([data-groupname='repeating_condition']):not([data-groupname='repeating_buff']){ grid-area:container; max-width:100%; display:grid; grid-template-columns:1fr; grid-column-gap:5px; align-content:start; } .repcontainer:not([data-groupname='repeating_profession']) .sheet-first-row{ margin-right:30px; } .repcontrol{ --squaredim:9pt; place-self:stretch; display:grid; grid-template-columns:1fr; width:auto; font-size:var(--squaredim); min-height: 27px; margin-bottom:10px; position:relative; } .repcontrol *{ position:absolute; } .repcontrol:not([data-groupname='repeating_skill']){ grid-area:repcontrol; width:100%; } .repcontrol .btn { border: medium none; background: none; box-shadow: none; font-size: 0; width:9px; height:13px; padding:0px; } .repcontrol .btn:focus { outline: 0; } .repcontrol .repcontrol_add::before, .sheet-pseudo-repcontrol, .repcontrol .repcontrol_edit::after { visibility: visible; font-family: pictos; background-color: transparent; border: 0px solid transparent; border-radius: 2px; font-size: var(--squaredim); padding: 0px; position: relative; } .repcontrol .repcontrol_edit:after { content: '('; } .repcontrol .repcontrol_edit:after, .repcontrol .repcontrol_add:before{ top:-2px; left:0px; } .editmode ~ .repcontrol .repcontrol_edit:after { content: ')'; } .repcontrol .repcontrol_add:before{ content: '&'; } .repcontrol_add{ place-self:start; } .repcontrol_edit{ align-self:start; justify-self:end; } .repcontrol_add, .repcontrol_edit{ z-index:10; } .repcontrol .repcontrol_edit:hover, .repcontrol .repcontrol_add:hover { background-color: transparent; } .itemcontrol { z-index: 10; } .itemcontrol .repcontrol_del { font-size: 10px; margin-top: 3px; padding: 0px; height: 18px; width: 18px; font-family:pictos; content:'#'; } .itemcontrol .repcontrol_move { font-size: 10px; margin-top: 3px; padding: 0px; height: 18px; width: 18px; } .sheet-row-options textarea{ min-height:60px; height:60px; } .sheet-pc > .sheet-tab-container{ position:relative; display:grid; grid-area:tab-container; grid-template-columns:[page-start] 1fr [page-end]; grid-template-rows:[page-start] auto [page-end]; align-items:start; } .sheet-page{ display:grid; grid-area:page; } input[type=radio].sheet-tab-button.sheet-core:checked ~ .sheet-page.sheet-core, input[type=radio].sheet-tab-button.sheet-bio:checked ~ .sheet-page.sheet-bio, input[type=radio].sheet-tab-button.sheet-abilities:checked ~ .sheet-page.sheet-abilities, input[type=radio].sheet-tab-button.sheet-spells:checked ~ .sheet-page.sheet-spells, input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-options{ display:grid; } .sheet-proficiency-section .sheet-section-container{ display:grid; grid-template-columns:repeat(5,1fr); grid-template-rows:5px 20px 20px 20px 20px 20px 20px 20px 20px 20px; text-align:center; grid-column-gap:5px; place-items:center stretch; }, .sheet-proficiency-container{ display:grid; grid-template-columns:1fr; grid-template-rows:20px; text-align:center; grid-gap:5px; place-items:center stretch; } .sheet-proficiency-section .sheet-section-container > span{ background-color:black; color:#e1bb78; grid-row:3; border-bottom:1px solid black; text-shadow:0px 0px 10px #d4162f, 0px 0px 5px #d4162f, 0px 0px 2.5px #d4162f; } .sheet-proficiency-section .sheet-section-container select{ grid-row:4; border:1px solid black; } .sheet-proficiency-container select{ grid-row:4; overflow:hidden; } .sheet-proficiency-section .sheet-prof-gutter{ grid-column:1 / -1; height:100%; } .sheet-proficiency-section .sheet-prof-gutter.sheet-armor{ grid-row:2; } .sheet-proficiency-section .sheet-prof-gutter.sheet-weapon{ grid-row:5; } .sheet-proficiency-section .sheet-prof-gutter.sheet-tradition{ grid-row:8; } .sheet-proficiency-section .sheet-prof-gutter *{ display:grid; color:#e1bb78; place-items:center; place-content:center; } .sheet-proficiency-section .sheet-section-container .sheet-prof-gutter.sheet-weapon ~ span{ grid-row:6; } .sheet-proficiency-section .sheet-section-container .sheet-prof-gutter.sheet-weapon ~ textarea{ grid-row:6 / 8; grid-column:3 /-1; height:100%; resize:none; margin:0px; } .sheet-proficiency-section .sheet-section-container .sheet-prof-gutter.sheet-weapon ~ select{ grid-row:7; } .sheet-proficiency-section .sheet-section-container .sheet-prof-gutter.sheet-tradition ~ span{ grid-row:9; } .sheet-proficiency-section .sheet-section-container .sheet-prof-gutter.sheet-tradition ~ select{ grid-row:10; } .sheet-page.sheet-core { grid-template-columns:[skills-start attribute-start]1fr[skills-end attribute-end initiative-start health-start armor-start repeating-start proficiency-start resource-start] 1fr [initiative-end armor-end health-end senses-start saves-start xp-start] 1fr [resource-end xp-end senses-end saves-end proficiency-end repeating-end]; grid-template-rows:[attribute-start initiative-start xp-start] 20px [initiative-end xp-end resource-start] 20px [resource-end health-start senses-start] 104px [attribute-end skills-start health-end senses-end armor-start saves-start ] 150px [armor-end saves-end repeating-start] auto [repeating-end skills-end]; grid-gap:20px; } .sheet-page.sheet-core .sheet-resource-container{ grid-area:resource; display:grid; grid-template-columns:repeat(11,auto); place-items:center; place-content:center; } .sheet-page.sheet-core .sheet-combat{/*calc(var(--circlebore)/2)calc(150px - var(--circlebore)*2)*/ grid-area:repeating; display:grid; grid-template-columns: [equipment-tab-start proficiency-tab-start] calc(var(--circlebore)/2) [hcontent-start] calc(150px - var(--circlebore)*2) [attack-tab-start] var(--circlebore) [equipment-tab-end] calc(150px - var(--circlebore)*2) [proficiency-tab-end ability-tab-start] var(--circlebore) [attack-tab-end] calc(150px - var(--circlebore)*2) [spell-tab-start] var(--circlebore) [ability-tab-end] calc(150px - var(--circlebore)*2) [spell-tab-end] 1fr [hcontent-end]; grid-template-rows: [proficiency-tab-start] 19px [equipment-tab-start attack-tab-start ability-tab-start spell-tab-start] 1px [proficiency-tab-end] 18px [hcontent-start] 1px [equipment-tab-end attack-tab-end ability-tab-end spell-tab-end] 1fr [hcontent-end]; justify-items:stretch; align-items:stretch; align-self:start; } .sheet-spell-button-container .sheet-class-spells:not(:checked) + button{ display:none !important; } .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-items{ grid-area:equipment-tab; } .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-attacks{ grid-area:attack-tab; } .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-abilities{ grid-area:ability-tab; } .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-spells{ grid-area:spell-tab; } .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-proficiencies-tab{ grid-area:proficiency-tab; } .sheet-combat .sheet-weapons, .sheet-combat .sheet-equipment, .sheet-combat .sheet-abilities-container, .sheet-combat .sheet-spell-containers, .sheet-combat .sheet-proficiency-section{ grid-area:hcontent; display:none; } .sheet-page.sheet-core .sheet-combat .sheet-section-check{ width:100%; height:100%; opacity:0; } .sheet-page.sheet-core .sheet-combat .sheet-section-check:not(:checked){ z-index:2; } .sheet-page.sheet-core .sheet-combat .sheet-section-check:not(:checked) + .sheet-head{ --circlecolor:black; } .sheet-page.sheet-core .sheet-combat .sheet-section-check:checked + .sheet-head{ z-index:10; } .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-items:checked ~ .sheet-equipment, .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-attacks:checked ~ .sheet-weapons, .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-abilities:checked ~ .sheet-abilities-container, .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-spells:checked ~ .sheet-spell-containers{ display:grid; } .sheet-page.sheet-core .sheet-combat .sheet-section.sheet-proficiencies-tab:checked ~ .sheet-proficiency-section{ display:block; } .sheet-xp-container{ grid-area:xp; display:grid; grid-template-columns:20px 20px 10px 20px 50px 0.5fr [label-start] 20px [label-end current-start] 2fr [current-end] 0px; grid-template-rows:[label-start current-start slash-start max-start] 1fr [label-end current-end slash-end max-end]; grid-gap:5px; } .sheet-character-sheet .sheet-page .sheet-xp-container input{ width:100%; } .sheet-xp-container .sheet-label{ font-weight:700!important; } .sheet-xp-container .sheet-label ~ .sheet-label{ grid-area:label; } .sheet-character-sheet .sheet-xp-container .sheet-currxp{ grid-area:current; border-radius:5px; } .sheet-xp-container .sheet-slash{ grid-area:slash; text-shadow:var(--box-shadow); font-weight:700!important; } .sheet-character-sheet .sheet-xp-container .sheet-maxxp{ grid-area:max; width:calc(100% - 2px); border-radius:5px; } /*Initiative Styling*/ .sheet-initiative-container{ grid-area:initiative; position:relative; width:auto; justify-self:start; display:grid; grid-template-columns:[char-tab-start] minmax(155px,auto) [char-tab-end hcontent-start] 1fr [hcontent-end]; grid-template-rows:[char-tab-start hcontent-start] auto [hcontent-end char-tab-end]; grid-gap:5px; } .sheet-initiative-container > .sheet-section{ grid-area:char-tab; } .sheet-initiative-container > .sheet-section *{ font-size:9pt !important; padding:0px !important; } .sheet-initiative-container > .sheet-section-container{ grid-area:hcontent; display:grid; grid-template-columns:[select-start] auto [select-end]; grid-template-rows:[tot-start arith-start select-start] auto [tot-end arith-end select-end]; justify-items:center; } .sheet-initiative-container > .sheet-section-container .sheet-tot{ grid-area:tot; font-size:9pt; } .sheet-initiative-container > .sheet-section-container .sheet-arith{ grid-area:arith; font-size:9pt; } .sheet-initiative-container > .sheet-section-container select{ grid-area:select; justify-self:stretch; } /*End Initiative Styling */ .sheet-ship .sheet-bottom-section > .sheet-section-container, .sheet-ship > .sheet-section-container, .sheet-page > .sheet-section-container, .sheet-settings > .sheet-section-container, .sheet-spell-column > .sheet-section-container, .sheet-spell-containers > .sheet-section-container{ display:grid; grid-template-columns: [char-tab-start] calc(var(--circlebore)/2) [hcontent-start] minmax(150px,auto) [char-tab-end] 1fr [hcontent-end]; grid-template-rows: [char-tab-start class-tab-start] 19px [hcontent-start] 1px [char-tab-end class-tab-end] 1fr [hcontent-end]; justify-items:stretch; align-items:stretch; padding:5px 0px; /*background: url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-thin.png") top left/15px no-repeat, url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-wide.png") bottom right/176.5px no-repeat;*/ } .sheet-section-container .sheet-section{ grid-area:char-tab; text-align:center; } .sheet-section h1{ padding:0px var(--ringsize); } .sheet-pc .sheet-attributes{ grid-area:attribute; } .sheet-section-container > .sheet-section-container{ grid-area:hcontent; } .sheet-section-container > .sheet-section-container:not(.sheet-border) { width:100%; } .sheet-attribute-container { overflow:hidden; grid-area:hcontent; display:grid; grid-template-columns: 0px [button-start] 100px [button-end mod-start] 25px [mod-end total-start] 1fr [total-end pen-start] 1fr [pen-end drn-start] 1fr [drn-end] 0px; grid-template-rows: 0px [head-start] 1fr [head-end strength-start] 1fr [strength-end dexterity-start] 1fr [dexterity-end constitution-start] 1fr [constitution-end intelligence-start] 1fr [intelligence-end wisdom-start] 1fr [wisdom-end charisma-start] 1fr [charisma-end] 0px; grid-column-gap:5px; grid-row-gap:2px; justify-items:stretch; } .sheet-attribute-container > *:not(.sheet-always-glow){ width:100% !important; } .sheet-attribute-container button{ grid-column:button-start / button-end; } .sheet-page .sheet-attribute-container > .sheet-mod{ grid-column:mod-start / mod-end; text-align:center; border:none; } .sheet-attribute-container .sheet-label{ text-align:center; } .sheet-character-sheet .sheet-attr-base-mod-container{ grid-column:total-start / total-end; display:grid; grid-template-columns:[acontent-start]1fr[acontent-end]; grid-template-rows:[acontent-start]1fr[acontent-end]; position:relative; place-items:stretch; } .sheet-character-sheet .sheet-npc .repcontainer .sheet-attr-base-mod-container{ width:25px; } .sheet-character-sheet .sheet-npc .sheet-attr-base-mod-container{ border-bottom:1px solid black; } .sheet-character-sheet .sheet-attr-base-mod-container *{ grid-area:acontent; font-size:9pt; text-align:center; display:block; width:100%; height:100%; border:0px solid transparent !important; } .sheet-modified-attr{ position:relative; } .sheet-character-sheet .sheet-attr-base-mod-container > input[type=number]{ width:100%; } .sheet-attr-base-mod-container > .sheet-base-attr { opacity:0; z-index:2; } .sheet-attr-base-mod-container > .sheet-base-attr:focus{ opacity:100; } .sheet-base-attr:focus ~ .sheet-modified-attr{ opacity:0; } .sheet-attr-base-mod-container > .sheet-base-attr { top:0px; left:-5px; } .sheet-attribute-container .sheet-pen{ grid-column:pen-start / pen-end; } .sheet-attribute-container .sheet-drain{ grid-column:drn-start / drn-end; } .sheet-attribute-container .sheet-label{ grid-row:head-start / head-end; } .sheet-attribute-container .sheet-strength{ grid-row:strength-start / strength-end; } .sheet-attribute-container .sheet-dexterity{ grid-row:dexterity-start / dexterity-end; } .sheet-attribute-container .sheet-constitution{ grid-row:constitution-start / constitution-end; } .sheet-attribute-container .sheet-intelligence{ grid-row:intelligence-start / intelligence-end; } .sheet-attribute-container .sheet-wisdom{ grid-row:wisdom-start / wisdom-end; } .sheet-attribute-container .sheet-charisma{ grid-row:charisma-start / charisma-end; } .sheet-health{ grid-area:health; } .sheet-senses{ grid-area:senses; } .sheet-senses-container{ display:grid; grid-template-columns:[button-start] 80px [button-end tot-start] 20px [tot-end] 10px [arith-equal-end ranks-start] 10px [ranks-end arith-plus-start] 10px [arith-plus-end cs-start] 10px 10px; grid-gap:8px; place-content:start; } .sheet-span-five{ grid-column:span 5; width:100%; } .sheet-span-six{ grid-column:span 6; width:100%; } .sheet-health-resolve-container, .sheet-ac-container, .sheet-saving-container{ height:100%; } .sheet-health-resolve-container span, .sheet-ac-container span { display:block; } .sheet-no-sp:checked ~ .sheet-always-glow { --box-shadow:0px 0px 20px 2px #fa893a; } .sheet-no-hp:checked ~ .sheet-border { --box-shadow:0px 0px 40px 3px #fa893a, 0px 0px 20px 2px red; } .sheet-no-rp:checked ~ .sheet-border { --box-shadow:0px 0px 40px 3px #5e0000,0px 0px 20px 2px red; } .sheet-health-container input[readonly=true] { border-bottom:1px solid transparent; } .sheet-health-container { display:grid; grid-template-rows:0px[label-start]auto[label-end max-start]auto[max-end current-start] auto [current-end]0px; grid-template-columns:0px[label-start]auto[label-end temp-start]1fr[temp-end stamina-start]1fr[stamina-end hp-start]1fr[hp-end rp-start]1fr[rp-end]0px; grid-column-gap:10px; grid-row-gap:5px; place-items:center } .sheet-health-container .sheet-label.sheet-max, .sheet-health-container .sheet-label.sheet-current{ grid-column:label-start / label-end; overflow:hidden; place-self:center end; } .sheet-current, .sheet-slash, .sheet-health-label { text-align:center; width:100% !important; } .sheet-health-label { font-size:9pt !important; font-color:black; } .sheet-current, .sheet-max{ font-size:9pt !important; } .sheet-health-label { margin:auto 0px; grid-row-start: label-start; grid-row-end: label-end; } .sheet-current { margin:auto 0px; grid-row-start: current-start; grid-row-end: current-end; } .sheet-slash { margin:auto 0px; grid-row-start: slash-start; grid-row-end: slash-end; } .sheet-health-container .sheet-max { margin:auto 0px; grid-row-start: max-start; grid-row-end: max-end; } .sheet-stamina { grid-column-start:stamina-start; grid-column-end:stamina-end; } .sheet-hp { grid-column-start:hp-start; grid-column-end:hp-end; } .sheet-resolve { grid-column-start:rp-start; grid-column-end:rp-end; } .sheet-temp { grid-column-start:temp-start; grid-column-end:temp-end; } .sheet-section-container.sheet-ac{ grid-area:armor; } .sheet-ac-container{ display:grid; grid-template-columns:0px [type-start notes-start] 30px [type-end] 0px [tot-start] 20px [tot-end equal-start] 10px [equal-end base-ten-start] 20px [base-ten-end ten-plus-start] 10px [ten-plus-end arm-start] 10px [arm-end arm-plus-start] 10px [arm-plus-end prof-start] 10px [prof-end abi-start] 1fr [abi-end notes-end] 0px; grid-template-rows: repeat(5,auto) [notes-start] 1fr [notes-end]; grid-gap:5px; align-content:start; justify-content:start; padding:5px 0px; } .sheet-ac-container .sheet-prof{ grid-column:prof-start / prof-end; place-self:center; } .sheet-ac-container .sheet-equal{ grid-column:equal-start / equal-end; } .sheet-ac-container .sheet-base-ten{ grid-column:base-ten-start / base-ten-end; } .sheet-ac-container .sheet-ten-plus{ grid-column:ten-plus-start / ten-plus-end; } .sheet-ac-container .sheet-arm-plus{ grid-column:arm-plus-start / arm-plus-end; } .sheet-ac-container * { text-align:center !important; } .sheet-ac-type{ grid-column: type-start / type-end; } .sheet-tot{ grid-column:tot-start / tot-end; } .sheet-arm{ grid-column:arm-start / arm-end; } .sheet-abi{ grid-column:abi-start / abi-end } .sheet-dr-span{ grid-column: type-start / equal-end; justify-self:start; margin-left:0px; } input.sheet-dr{ grid-column: equal-end / abi-end; width:100%; } .sheet-ac-notes{ grid-area: notes; height:100%; resize:none; text-align:left !important; } .sheet-section-container.sheet-saves{ grid-area:saves; } .sheet-saving-container{ display:grid; grid-template-columns:0px [notes-start button-start] 40px [button-end tot-start] auto [tot-end] repeat(5,0.25fr) [abi-start] 1fr [abi-end notes-end]; grid-template-rows:0px repeat(4,20px) [notes-start] 1fr [notes-end] 0px; grid-gap:5px; align-content:start; justify-content:start; place-items:center; } .sheet-saving-container :not(textarea){ text-align:center; } .sheet-saving-container .sheet-gutter{ grid-column:notes-start / notes-end } .sheet-saving-container button{ grid-column:button-start / button-end; } .sheet-base{ grid-column:base-start / base-end; width:100%; border:none !important; } .sheet-saving-container .sheet-equal{ grid-column:equal-start / equal-end } .sheet-saving-container .sheet-base-plus{ grid-column:base-plus-start / base-plus-end } .sheet-class-skill{ grid-column:cs-start / cs-end; } .sheet-saving-container textarea{ grid-area:notes; height:100%; resize:none; } .sheet-section-container.sheet-skills{ grid-area:skills; align-self:start; } .sheet-skills-container, .sheet-bottom-section > .sheet-cargo > .sheet-section-container{ display:grid; grid-template-columns:10px [container-start] 1fr [container-end] 0px; grid-gap:5px; align-content:start; } .sheet-skill-container, .sheet-skill-fieldset{ grid-column:container-start / container-end; position:relative; } .sheet-skill-container:nth-child(1), .sheet-skill-container .sheet-display{ display:grid; grid-template-columns:[button-start] 94px [button-end tot-start] 20px [tot-end] 10px [arith-equal-end ranks-start] 10px [ranks-end arith-plus-start] 10px [arith-plus-end cs-start] 10px 10px; grid-gap:8px; align-items:center; } .sheet-skill-container *{ text-align:center; } .sheet-skills-container > .sheet-skill-container:last-child{ margin-bottom:10px; } .sheet-skills-container > .sheet-skill-container:first-child{ margin-top:10px; } .sheet-acp{ position:relative; top:3px; } .sheet-skill-container button{ overflow:hidden; } .sheet-acp:checked + button:before { content:'b'!important; font-family:Pictos Three; text-shadow:none; left:-10px; } .sheet-row-options{ border-radius:5px; border:1px solid black; z-index:2; } .sheet-row-options .sheet-row { display:flex; justify-content:flex-start; } .sheet-skill-container > .sheet-row-options > textarea{ text-align:left; height:40px; min-height:40px; } .sheet-abilities{ grid-area:abilities; } /*ability styling*/ .sheet-abilities-container .repcontrol{ width:100%; } .sheet-abi-dmg-dice, .sheet-abi-misc, .sheet-scalable-input, .sheet-row > textarea{ width:5px; flex:1 1 auto; } .sheet-row > input, .sheet-row > select{ margin-left:5px; margin-right:5px; } .sheet-ability-header .sheet-abi-name-col{ margin-left:7px; } .sheet-abi-name-col{ width:90px; text-align:center; background-color:#333398 !important; color:white; } .sheet-abi-dc-col{ width:40px; text-align:center; background-color:#333398 !important; color:white; } .sheet-abi-effect-col{ width:90px; text-align:center; background-color:#333398 !important; color:white; } .sheet-type-filter[value*="feat"] ~ .sheet-filter-container.sheet-ability, .sheet-type-filter[value*="power"] ~ .sheet-filter-container.sheet-power, .sheet-type-filter[value*="spell"] + .sheet-level-filter:not([value*="1"]):not([value*="2"]):not([value*="3"]):not([value*="4"]):not([value*="5"]):not([value*="6"]):not([value*="7"]):not([value*="8"]):not([value*="9"]):not([value*="10"]) ~ .sheet-filter-container.sheet-cantrip, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="1"]:not([value*="0"]) ~ .sheet-filter-container.sheet-level1, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="2"] ~ .sheet-filter-container.sheet-level2, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="3"] ~ .sheet-filter-container.sheet-level3, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="4"] ~ .sheet-filter-container.sheet-level4, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="5"] ~ .sheet-filter-container.sheet-level5, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="6"] ~ .sheet-filter-container.sheet-level6, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="7"] ~ .sheet-filter-container.sheet-level7, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="8"] ~ .sheet-filter-container.sheet-level8, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="9"] ~ .sheet-filter-container.sheet-level9, .sheet-type-filter[value*="spell"] + .sheet-level-filter[value*="10"] ~ .sheet-filter-container.sheet-level10{ display:block; } .sheet-ability .sheet-display, .sheet-power .sheet-display{ display:grid; grid-template-columns:[toggle-start] 20px [toggle-end button-start] 1fr [button-end]; } .sheet-ability .sheet-display .sheet-freq-check{ grid-column:toggle-start; } .sheet-ability .sheet-display .sheet-button-description{ grid-column:button-start; } .sheet-button-description ~ .sheet-description{ min-height:4em; height:4em; } .sheet-ability .sheet-display .sheet-description, .sheet-power .sheet-display .sheet-description{ grid-column:button-start; } button.sheet-summary span{ display:block; text-align:center; min-height:12px; padding:2px; } .sheet-ability .sheet-button-description .sheet-const-check:not([value*="constant"]) ~ .sheet-constant, .sheet-ability .sheet-button-description .sheet-const-check[value*="constant"] ~ .sheet-not-constant{ display:none !important; } .sheet-ability .sheet-display .sheet-summary, .sheet-ability-header{ overflow:hidden; display:flex; justify-content:space-between; } .sheet-ability .sheet-display .sheet-summary{ margin:0px; padding:0px; width:250px; } .sheet-abi-dmg-dice{ text-align:center; } .sheet-save-dc{ margin-left:5px; } .sheet-save-type{ width:6.5em; } .sheet-freq-check ~ .sheet-at-will, .sheet-freq-check ~ .sheet-daily-limit{ display:none; } .sheet-freq-check[value=at-will] ~ .sheet-at-will, .sheet-freq-check[value=daily-limit] ~ .sheet-daily-limit{ display:flex; } .sheet-at-will > .sheet-label{ width:auto; } .sheet-at-will > .sheet-scalable-input{ width:calc(100% - 45px); } textarea.sheet-abi-description{ width:100%; max-width:100% !important; min-width:100% !important; height:2.5em; min-height:2.5em; } .sheet-field-container{ position:relative; } .sheet-filter-container, .sheet-field-container .sheet-row{ display:none; } .sheet-atk-tab, .sheet-dmg-tab{ width:20px; } .sheet-save-effect-tab{ width:75px; } .sheet-mods-tab{ width:30px; } .sheet-macro-tab{ width:40px; } .sheet-field-tab + .sheet-item-mods{ position:relative; } .sheet-mods-tab:checked + .sheet-item-mods{ width:35px; position:absolute; } .sheet-mods-tab:checked{ width:35px; height:18px; } .sheet-field-tab{ z-index:10; } .sheet-field.sheet-label{ display:block; text-align:center; } .sheet-field-tab{ position:absolute; left:0px; top:0px; opacity:0; padding:1px; } .sheet-filter:checked ~ .sheet-filter-container, .sheet-filter[value*="cantrip"] + .sheet-cantrip, .sheet-filter[value*="1"] + .sheet-first, .sheet-filter[value*="2"] + .sheet-second, .sheet-filter[value*="3"] + .sheet-third, .sheet-filter[value*="4"] + .sheet-fourth, .sheet-filter[value*="5"] + .sheet-fifth, .sheet-filter[value*="6"] + .sheet-sixth, .sheet-filter[value*="7"] + .sheet-seventh, .sheet-filter[value*="8"] + .sheet-eighth, .sheet-filter[value*="9"] + .sheet-ninth{ display:block; } .sheet-field-tab:checked ~ .sheet-field.sheet-row{ display:flex; } .sheet-field-tab:checked ~ textarea{ display:inline-block; } span.sheet-field{ color:white; background-color:gray; border-radius:2px; padding:1px; width:100%; } .sheet-field-tab:checked + .sheet-field:not(.sheet-item-mods):not(.sheet-row){ display:block; text-align:center; width:100%; } .sheet-field-tab:not(.sheet-mods-tab):checked{ width:100%; height:18px; } .sheet-field-tab:checked + .sheet-row{ display:flex !important; width:100%; } /*PC Attack, Ability, Equipment shared styling*/ .sheet-filter-container.sheet-attack .sheet-row-options, .sheet-filter-container.sheet-item .sheet-row-options, .sheet-filter-container.sheet-ability .sheet-row-options, .sheet-filter-container.sheet-power .sheet-row-options, .sheet-filter-container.sheet-condition .sheet-row-options{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:5px; padding:2px 5px; grid-auto-flow:dense; } .sheet-row-options > .sheet-inherit-grid{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:5px; grid-auto-flow:dense; } /*Attack styling*/ .sheet-section-container.sheet-attacks{ grid-area:weapons; } .sheet-ability .sheet-type-filter[value*="SP"] + .sheet-type-span, .sheet-character-sheet .sheet-span-two{ grid-column-end: span 2; margin:0px; } .sheet-character-sheet .sheet-span-three{ grid-column-end: span 3; margin:0px; } .sheet-character-sheet .sheet-span-all{ grid-column:1/-1; margin:0px; } .sheet-character-sheet .sheet-display-margin{ margin-right:18px; } .sheet-filter-container .sheet-field-tab:checked + .sheet-expandable, .sheet-spell .sheet-field-tab:checked + .sheet-expandable{ grid-column:1/5; margin:0px; } .sheet-filter-container .sheet-field-tab:not(:checked) + div, .sheet-filter-container .sheet-field-tab:not(:checked) + textarea, .sheet-spell .sheet-field-tab:not(:checked) + div, .sheet-spell .sheet-field-tab:not(:checked) + textarea{ display:none; } .repcontainer[data-groupname='repeating_attack'] .repitem { position:relative; padding:0px; margin:0px; } .repcontainer[data-groupname='repeating_attack'] { width:100%; padding:0px; margin:0px; overflow-y:visible; overflow-x:hidden; } .repcontainer[data-groupname='repeating_attack'] .repitem .sheet-display { width:100%; padding:0px; margin:0px; } .sheet-proficiency{ width:50%!important; } .sheet-weapon-cat, .sheet-target{ width:40%!important; margin-left:5px; } .sheet-atk-level{ width:20px; margin-right:20px; } .sheet-character-sheet input.sheet-bab, .sheet-character-sheet span.sheet-bab, .sheet-character-sheet select.sheet-bab, .sheet-character-sheet div.sheet-bab{ width:20px; text-align:center; } .sheet-npcsummary{ display:flex; flex-wrap:wrap; } .sheet-npcsummary > *:not(:last-child) { margin-right:5px; } .sheet-pc .sheet-page .sheet-npcsummary * { height:12px !important; top:0px; } /*Equipment Styling*/ .sheet-bulk-container input, .sheet-wealth input { text-align:center; border:none; color:inherit !important; cursor:text; } .sheet-bulk-container, .sheet-credits-container{ padding:0px 2px; border: 1px solid black; border-radius:3px; position:relative; text-align:center; } .sheet-credits-container.sheet-credits{ display:grid; grid-template-columns:repeat(4,1fr); grid-gap:5px; } .sheet-bulk-container .sheet-number, .sheet-bulk-container .sheet-label, .sheet-credits-container .sheet-number, .sheet-credits-container .sheet-label { display:inline-block; width:100%; } .sheet-section-container.sheet-items{ grid-area:equipment; } .sheet-equipment{ display:grid; grid-template-columns:[items-start] 0px [carried-start credits-start] 1fr [carried-end credits-end encumber-start wealth-start] 1fr [encumber-end wealth-end over-start upb-start] 1fr [over-end upb-end] 0px [items-end]; grid-template-rows:0px [carried-start encumber-start over-start] 40px [carried-end encumber-end over-end credits-start wealth-start upb-start] 40px [credits-end wealth-end upb-end items-start] 1fr [items-end]; grid-gap:5px; } .sheet-carried{ grid-area:carried; } .sheet-encumber{ grid-area:encumber; } .sheet-overburden{ grid-area:over; } .sheet-credits{ grid-area:credits; } .sheet-wealth{ grid-area:wealth; } .sheet-upb{ grid-area:upb; } .sheet-credits-container input { width:100% !important; } .sheet-filter-container.sheet-item .sheet-row.sheet-name{ grid-column:1 / 3; } .sheet-filter-container.sheet-item .sheet-row.sheet-equip-state{ grid-column:span 2; } .sheet-filter-container.sheet-item .sheet-row.sheet-bulk-cost{ grid-column:3 / 5; } .sheet-filter-container.sheet-item .sheet-description, .sheet-filter-container.sheet-item .sheet-id{ grid-column:1 / 5; } .sheet-filter-container.sheet-item input[type=checkbox].sheet-attacher:not(:checked) ~ textarea.sheet-attacher, .sheet-filter-container.sheet-item input[type=checkbox].sheet-mods:not(:checked) ~ textarea.sheet-mods{ display:none; } .sheet-filter-container.sheet-item .sheet-attacher:checked ~ .sheet-attacher, .sheet-filter-container.sheet-item .sheet-mods:checked ~ .sheet-mods{ grid-column:1/5; display:block; margin:0px; } .sheet-filter-container.sheet-item .sheet-armor-purpose{ display:none; } .sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] + .sheet-equip-state{ grid-column:span 3; } .sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ select.sheet-armor-purpose{ display:block; } .sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ .sheet-row.sheet-armor-purpose, .sheet-filter-container.sheet-item .sheet-purpose-filter[value=shield] ~ .sheet-row.sheet-armor-purpose{ display:flex; } /*Spell Styling*/ .sheet-spell-containers{ grid-template-columns:1fr 1fr; grid-template-rows: auto auto auto; grid-gap:5px; } .sheet-spell-slots{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:5px; } .sheet-spell-slots input[type=checkbox]{ place-self:center; } .sheet-spell-slots input[type=number]{ width:20px; } .sheet-level-container{ display:flex; justify-content:space-between; } .sheet-level-container input[type=checkbox] + span{ width:85px; text-align:start; } .sheet-spell-slots input.sheet-toggle:not(:checked) + span, .sheet-spell-slots input.sheet-toggle:not(:checked) + span + input, .sheet-spell-slots input.sheet-toggle:not(:checked) + span + input + span, .sheet-spell-slots input.sheet-toggle:not(:checked) + span + input + span + input{ --tint:#D3D3D3; color:var(--tint) !important; border-color:var(--tint) !important; } .sheet-spell-containers .sheet-button-description{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:18px; grid-gap:5px; } .sheet-spell-containers .sheet-button-description button{ grid-column:1/-1; position:absolute; } .sheet-spell-containers .sheet-spell-column{ margin-top:5px; display:grid; grid-template-columns:1fr; grid-gap:5px; align-content:start; } .sheet-page.sheet-spells > div{ min-height:20px; display:grid; align-content:start; } .sheet-spell-column .sheet-section-container{ min-height:140px; } .sheet-spell-column > .sheet-section-container > .sheet-section-container{ display:grid; grid-template-columns: 5px [header-start repcontainer-start repcontrol-start] 20px [compendium-start] 1fr [compendium-end] 20px [header-end repcontainer-end repcontrol-end] 5px; grid-template-rows: 5px [repcontainer-start] auto [repcontainer-end repcontrol-start compendium-start] 20px [repcontrol-end compendium-end] 0px; grid-gap: 5px; } .sheet-spell-column > .sheet-toggle, .sheet-spell-column .sheet-section-container{ display:none; } .sheet-spell .sheet-row-options{ display:grid; grid-template-columns:1fr 1fr; grid-gap:5px; padding:2px 5px; grid-auto-flow:dense; } .sheet-spell .sheet-row-options .sheet-inherit-grid{ display:grid; grid-template-columns:1fr 1fr; grid-gap:5px; grid-auto-flow:dense; } .sheet-class-spells-day{ width:100%; display:none; } .sheet-spell .sheet-field-tab:checked + .sheet-expandable{ grid-column-end:3; margin:0px; } .sheet-character-sheet .sheet-container .repcontainer[data-groupname='repeating_spell'] > .repitem > .sheet-spell .sheet-button-description{ grid-template-columns:2fr 1fr; grid-column-gap:5px; display:grid; } .sheet-character-sheet .sheet-spell .sheet-display .sheet-button-description > button{ position:absolute; grid-column:1/3; } .sheet-spell-column > .sheet-toggle:checked + .sheet-section-container{ display:grid !important; justify-items:stretch; align-items:stretch; } .sheet-spell1:checked ~ span.sheet-aspell1, .sheet-spell2:checked ~ span.sheet-aspell1, .sheet-spell2:checked ~ span.sheet-aspell2, .sheet-spell3:checked ~ span.sheet-aspell1, .sheet-spell3:checked ~ span.sheet-aspell2, .sheet-spell3:checked ~ span.sheet-aspell3, .sheet-spell4:checked ~ span.sheet-aspell1, .sheet-spell4:checked ~ span.sheet-aspell2, .sheet-spell4:checked ~ span.sheet-aspell3, .sheet-spell4:checked ~ span.sheet-aspell4, .sheet-spell5:checked ~ span.sheet-aspell1, .sheet-spell5:checked ~ span.sheet-aspell2, .sheet-spell5:checked ~ span.sheet-aspell3, .sheet-spell5:checked ~ span.sheet-aspell4, .sheet-spell5:checked ~ span.sheet-aspell5, .sheet-spell6:checked ~ span.sheet-aspell1, .sheet-spell6:checked ~ span.sheet-aspell2, .sheet-spell6:checked ~ span.sheet-aspell3, .sheet-spell6:checked ~ span.sheet-aspell4, .sheet-spell6:checked ~ span.sheet-aspell5, .sheet-spell6:checked ~ span.sheet-aspell6, .sheet-spell7:checked ~ span.sheet-aspell1, .sheet-spell7:checked ~ span.sheet-aspell2, .sheet-spell7:checked ~ span.sheet-aspell3, .sheet-spell7:checked ~ span.sheet-aspell4, .sheet-spell7:checked ~ span.sheet-aspell5, .sheet-spell7:checked ~ span.sheet-aspell6, .sheet-spell7:checked ~ span.sheet-aspell7, .sheet-spell8:checked ~ span.sheet-aspell1, .sheet-spell8:checked ~ span.sheet-aspell2, .sheet-spell8:checked ~ span.sheet-aspell3, .sheet-spell8:checked ~ span.sheet-aspell4, .sheet-spell8:checked ~ span.sheet-aspell5, .sheet-spell8:checked ~ span.sheet-aspell6, .sheet-spell8:checked ~ span.sheet-aspell7, .sheet-spell8:checked ~ span.sheet-aspell8, .sheet-spell9:checked ~ span.sheet-aspell1, .sheet-spell9:checked ~ span.sheet-aspell2, .sheet-spell9:checked ~ span.sheet-aspell3, .sheet-spell9:checked ~ span.sheet-aspell4, .sheet-spell9:checked ~ span.sheet-aspell5, .sheet-spell9:checked ~ span.sheet-aspell6, .sheet-spell9:checked ~ span.sheet-aspell7, .sheet-spell9:checked ~ span.sheet-aspell8, .sheet-spell9:checked ~ span.sheet-aspell9, .sheet-spell1:checked ~ input.sheet-aspell1, .sheet-spell2:checked ~ input.sheet-aspell1, .sheet-spell2:checked ~ input.sheet-aspell2, .sheet-spell3:checked ~ input.sheet-aspell1, .sheet-spell3:checked ~ input.sheet-aspell2, .sheet-spell3:checked ~ input.sheet-aspell3, .sheet-spell4:checked ~ input.sheet-aspell1, .sheet-spell4:checked ~ input.sheet-aspell2, .sheet-spell4:checked ~ input.sheet-aspell3, .sheet-spell4:checked ~ input.sheet-aspell4, .sheet-spell5:checked ~ input.sheet-aspell1, .sheet-spell5:checked ~ input.sheet-aspell2, .sheet-spell5:checked ~ input.sheet-aspell3, .sheet-spell5:checked ~ input.sheet-aspell4, .sheet-spell5:checked ~ input.sheet-aspell5, .sheet-spell6:checked ~ input.sheet-aspell1, .sheet-spell6:checked ~ input.sheet-aspell2, .sheet-spell6:checked ~ input.sheet-aspell3, .sheet-spell6:checked ~ input.sheet-aspell4, .sheet-spell6:checked ~ input.sheet-aspell5, .sheet-spell6:checked ~ input.sheet-aspell6, .sheet-spell7:checked ~ input.sheet-aspell1, .sheet-spell7:checked ~ input.sheet-aspell2, .sheet-spell7:checked ~ input.sheet-aspell3, .sheet-spell7:checked ~ input.sheet-aspell4, .sheet-spell7:checked ~ input.sheet-aspell5, .sheet-spell7:checked ~ input.sheet-aspell6, .sheet-spell7:checked ~ input.sheet-aspell7, .sheet-spell8:checked ~ input.sheet-aspell1, .sheet-spell8:checked ~ input.sheet-aspell2, .sheet-spell8:checked ~ input.sheet-aspell3, .sheet-spell8:checked ~ input.sheet-aspell4, .sheet-spell8:checked ~ input.sheet-aspell5, .sheet-spell8:checked ~ input.sheet-aspell6, .sheet-spell8:checked ~ input.sheet-aspell7, .sheet-spell8:checked ~ input.sheet-aspell8, .sheet-spell9:checked ~ input.sheet-aspell1, .sheet-spell9:checked ~ input.sheet-aspell2, .sheet-spell9:checked ~ input.sheet-aspell3, .sheet-spell9:checked ~ input.sheet-aspell4, .sheet-spell9:checked ~ input.sheet-aspell5, .sheet-spell9:checked ~ input.sheet-aspell6, .sheet-spell9:checked ~ input.sheet-aspell7, .sheet-spell9:checked ~ input.sheet-aspell8, .sheet-spell9:checked ~ input.sheet-aspell9{ display:inline-block !important; text-align:center; } /* End spell styling */ .sheet-spell-button-container{ width:100%; } .sheet-spellclass-container { display:none; grid-template-columns:15px 5px 50px 5px 30px 5px 20px 5px 13px 20px 5px 20px 5px 13px 20px 5px 20px; grid-template-rows:5px 15px 15px 5px 15px 5px 10px 5px 5px 15px 5px 5px 10px; grid-template-areas:'........... ........... ........... .... .................. .................. .................. . ............. ............... ............. ........... ..... ........... ............. ........... .........' '........... ........... ........... .... .................. .................. .................. . label label label label label label label label label' 'checkbox ........... name name name .................. level . cantrip-label cantrip-current cantrip-slash cantrip-max ..... one-label one-current one-slash one-max' '........... ........... ........... .... .................. .................. .................. . ............. ............... ............. ........... ..... ........... ............. ........... .........' 'casting casting casting .... ability ability ability . two-label two-current two-slash two-max ..... three-label three-current three-slash three-max' 'casting casting casting .... ability ability ability . ............. ............... ............. ......... ..... ........... ............. ........... .........' 'casting casting casting .... ability ability ability . four-label four-current four-slash four-max ..... five-label five-current five-slash five-max' '........... ........... ........... .... .................. .................. .................. . four-label four-current four-slash four-max ..... five-label five-current five-slash five-max' 'progression progression progression .... progression-select progression-select progression-select . ............. ............... ............. ......... ..... ........... ............. ........... .........' 'progression progression progression .... progression-select progression-select progression-select . six-label six-current six-slash six-max ..... seven-label seven-current seven-slash seven-max' 'progression progression progression .... progression-select progression-select progression-select . ............. ............... ............. ......... ..... ........... ............. ........... .........' 'progression progression progression .... progression-select progression-select progression-select . eight-label eight-current eight-slash eight-max ..... nine-label nine-current nine-slash nine-max' '........... ........... ........... .... .................. .................. .................. . eight-label eight-current eight-slash eight-max ..... nine-label nine-current nine-slash nine-max'; justify-content:start; align-items:center; border:0px transparent; border-radius:5px; box-shadow:0px 0px 5px #2dafeb,0px 0px 20px #0a4ba1; } .sheet-spellclass-container *{ width:100%; } input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container, .sheet-spellclass-label-container{ display:grid; } .sheet-spellclass-container .sheet-class-show{ grid-area:checkbox; } .sheet-spellclass-container .sheet-class-name{ grid-area:name; text-align:center; overflow:hidden; } .sheet-spellclass-container .sheet-class-num-level{ grid-area:level; text-align:center; } .sheet-spellclass-container .sheet-casting-ability{ grid-area:casting; text-align:center; } .sheet-spellclass-container .sheet-class-ability{ grid-area:ability; } .sheet-spellclass-container .sheet-spell-progression{ grid-area:progression; text-align:center; } .sheet-spellclass-container .sheet-class-spell-progression{ grid-area:progression-select; } .sheet-label.sheet-daily{ grid-area:label; text-align:center; width:100%; } .sheet-num.sheet-aspell0{ grid-area:cantrip-label; } .sheet-current.sheet-aspell0{ grid-area:cantrip-current; } .sheet-slash.sheet-aspell0{ grid-area:cantrip-slash; } .sheet-max.sheet-aspell0{ grid-area:cantrip-max; } .sheet-num.sheet-aspell1{ grid-area:one-label; } .sheet-current.sheet-aspell1{ grid-area:one-current; } .sheet-slash.sheet-aspell1{ grid-area:one-slash; } .sheet-max.sheet-aspell1{ grid-area:one-max; } .sheet-num.sheet-aspell2{ grid-area:two-label; } .sheet-current.sheet-aspell2{ grid-area:two-current; } .sheet-slash.sheet-aspell2{ grid-area:two-slash; } .sheet-max.sheet-aspell2{ grid-area:two-max; } .sheet-num.sheet-aspell3{ grid-area:three-label; } .sheet-current.sheet-aspell3{ grid-area:three-current; } .sheet-slash.sheet-aspell3{ grid-area:three-slash; } .sheet-max.sheet-aspell3{ grid-area:three-max; } .sheet-num.sheet-aspell4{ grid-area:four-label; } .sheet-current.sheet-aspell4{ grid-area:four-current; } .sheet-slash.sheet-aspell4{ grid-area:four-slash; } .sheet-max.sheet-aspell4{ grid-area:four-max; } .sheet-num.sheet-aspell5{ grid-area:five-label; } .sheet-current.sheet-aspell5{ grid-area:five-current; } .sheet-slash.sheet-aspell5{ grid-area:five-slash; } .sheet-max.sheet-aspell5{ grid-area:five-max; } .sheet-num.sheet-aspell6{ grid-area:six-label; } .sheet-current.sheet-aspell6{ grid-area:six-current; } .sheet-slash.sheet-aspell6{ grid-area:six-slash; } .sheet-max.sheet-aspell6{ grid-area:six-max; } .sheet-num.sheet-aspell7{ grid-area:seven-label; } .sheet-current.sheet-aspell7{ grid-area:seven-current; } .sheet-slash.sheet-aspell7{ grid-area:seven-slash; } .sheet-max.sheet-aspell7{ grid-area:seven-max; } .sheet-num.sheet-aspell8{ grid-area:eight-label; } .sheet-current.sheet-aspell8{ grid-area:eight-current; } .sheet-slash.sheet-aspell8{ grid-area:eight-slash; } .sheet-max.sheet-aspell8{ grid-area:eight-max; } .sheet-num.sheet-aspell9{ grid-area:nine-label; } .sheet-current.sheet-aspell9{ grid-area:nine-current; } .sheet-slash.sheet-aspell9{ grid-area:nine-slash; } .sheet-max.sheet-aspell9{ grid-area:nine-max; } .sheet-section-container > .sheet-section-container > .repcontainer:not([data-groupname='repeating_profession']){ height:auto; align-self:start; } .sheet-abilities-container, .sheet-power > .sheet-section-container, .sheet-spell-column > .sheet-section-container > .sheet-section-container{ display:grid; grid-template-columns:5px [container-start compendium-container-start repcontrol-start] 15px [header-start] 1fr [ header-end container-end compendium-container-end repcontrol-end] 5px; grid-template-rows:5px [header-start] 18px [header-end container-start] auto [container-end repcontrol-start compendium-start] 20px [compendium-end repcontrol-end compendium-container-start] auto [compendium-container-end] 0px; grid-gap:5px; } .sheet-section-container .sheet-dc{ grid-area:dc; place-self:start; } .sheet-weapons, .sheet-item-container, .sheet-spell-column .sheet-section-container > .sheet-section-container{ display:grid; grid-template-columns:5px [header-start container-start compendium-container-start repcontrol-start] 20px [compendium-start] 1fr [compendium-end] 20px [header-end container-end compendium-container-end repcontrol-end] 5px; grid-template-rows:5px [header-start] 18px [header-end container-start] auto [container-end repcontrol-start compendium-start] 20px [compendium-end repcontrol-end compendium-container-start] auto [compendium-container-end] 0px; grid-gap:5px; } .sheet-item-container{ grid-area:items; } .sheet-section-container > .sheet-button-description, .sheet-item-container > .sheet-button-description{ grid-area:header; } .sheet-abilities-container > .sheet-button-description > *, .sheet-weapons > .sheet-button-description > *, .sheet-item-container > .sheet-button-description > *, .sheet-spell-column .sheet-section-container > .sheet-section-container > .sheet-button-description > *{ display:block; height:100%; width:100%; text-align:center; } .sheet-spell-column .sheet-section-container .repcontainer{ grid-area:container; } .sheet-spell-column .sheet-section-container .repcontrol, .sheet-abilities-container .repcontrol, .sheet-character-sheet .sheet-section-container .sheet-pseudo-repcontrol{ grid-area:repcontrol; } .sheet-pseudo-repcontrol ~ .repcontrol .repcontrol_add, .sheet-pseudo-repcontrol ~ .repcontrol .repcontrol_add:before{ display:none; } .sheet-spell-column .sheet-section-container .repcontrol, .sheet-abilities-container .sheet-section-container .repcontrol{ --squaredim:9pt; justify-self:end; width:auto; font-size:var(--squaredim); } .sheet-spell-column .sheet-section-container .repcontrol_edit:after, .sheet-abilities-container .sheet-section-container .repcontrol_edit:after{ top:-2px; left:0px; } .sheet-character-sheet .sheet-pseudo-repcontrol{ --squaredim:9pt; place-self:start; z-index:10; } /*settings style*/ .sheet-settings .sheet-row{ display:flex !important; justify-content:space-between; } .sheet-settings{ grid-area:settings; grid-template-columns:270px 270px 270px; grid-auto-flow:column; grid-column-gap:20px; grid-row-gap:40px; align-items:start; } .sheet-settings > .sheet-section-container > .sheet-section-container{ display:grid; grid-template-columns:[one-start]0px [row-start] 1fr [row-end] 0px; grid-column-gap:10px; grid-row-gap:5px } .sheet-settings > .sheet-section-container > .sheet-section-container > * { grid-column: row-start; } .sheet-gutter{ height:0px; } /*############################################################ NPC STYLING ############################################################*/ .sheet-character-sheet > .sheet-npc{ grid-area:settings; } .sheet-statblock .sheet-pseudo-repcontrol span, .sheet-statblock .repcontrol_edit:after, .sheet-statblock .repcontrol_add:before{ color:black; } .sheet-character-sheet .sheet-npc .sheet-row.sheet-initiative-row{ display:grid; grid-template-columns:auto 20px auto 1fr; place-items:stretch; } .sheet-character-sheet .sheet-npc .sheet-row.sheet-defense-row{ display:grid; grid-template-columns:auto 20px auto 20px auto 20px 1fr; } .sheet-character-sheet .sheet-npc .sheet-row.sheet-initiative-row > *, .sheet-character-sheet .sheet-npc .sheet-row.sheet-defense-row > *, .sheet-character-sheet .sheet-npc .sheet-row.sheet-ability-scores > *{ margin:0px !important; grid-area:initial; width:100%; text-align:center; } .sheet-character-sheet .sheet-npc .sheet-row.sheet-ability-scores{ display:grid; grid-template-columns:repeat(6,auto 20px); } .sheet-creator div.sheet-spells{ display:flex !important; flex-wrap:wrap; } .sheet-character-sheet > .sheet-container.sheet-npc{ grid-template-columns:[statblock-start] minmax(300px,1fr) [statblock-end]; grid-template-rows:[statblock-start creator-start] auto [statblock-end creator-end]; align-items:start; align-content:start; grid-gap:5px; } .sheet-statblock{ grid-area:statblock; grid-auto-rows:minmax(20px,auto); grid-auto-columns:1fr; display:grid; grid-gap:5px; margin-left:5px; } .sheet-statblock-header{ display:flex; border-bottom:2px solid #3b4f54; width:100%; } .sheet-character-sheet > .sheet-npc .sheet-statblock-header *{ font-weight:900; border:0px solid transparent !important; color:#3b4f54; background:none; } .sheet-character-sheet > .sheet-npc .sheet-statblock-header select{ text-align-last:right; } .sheet-character-sheet > .sheet-npc .sheet-statblock-header input.sheet-cr{ background-color:black !important; color:white; text-align:center; border-radius:5px 0px 0px 0px !important; width:20px; margin-left:5px; } .sheet-character-sheet > .sheet-npc .sheet-statblock-header input[type=hidden][value*="rare"] ~ input.sheet-cr{ background-color:orange !important; } .sheet-character-sheet > .sheet-npc .sheet-statblock-header input[type=hidden][value*="uncommon"] ~ input.sheet-cr{ background-color:red !important; } .sheet-statblock > .sheet-traits-gutter{ display:grid; grid-template-columns: [trait-start] 1fr [trait-end] 4fr; grid-template-rows:[trait-start] repeat(7,auto) [trait-end]; grid-column-gap:5px; } .sheet-statblock > .sheet-traits-gutter > .sheet-traits{ grid-area:trait; border:1px solid #3b4f54; border-radius:5px; background-color:#e6ebe1; color:#3b4f54; text-align:center; font-weight:900; } .sheet-statblock > .sheet-row > *{ margin-right:5px; } .sheet-statblock > .sheet-traits-gutter > .sheet-row{ grid-column:2 / 3; } .sheet-statblock > .sheet-row, .sheet-statblock > .sheet-traits-gutter > .sheet-row{ max-width:100%; overflow:hidden; position:relative; flex-wrap:wrap; } .sheet-statblock .repcontrol{ margin-bottom:0px; } .sheet-statblock .repcontainer{ width:100%; } .sheet-statblock .repcontainer .repitem{ display:flex; flex-wrap:wrap; } .sheet-statblock .sheet-toggle-view-container{ position:relative; } .sheet-statblock .sheet-toggle-view-container .sheet-show-options{ top:0px; left:0px; right:0px; bottom:0px; } .sheet-statblock .sheet-toggle-view-container .sheet-show-options + span{ opacity:100; position:relative; top:0px; left:0px; right:0px; bottom:0px; } .sheet-statblock .repcontainer .repitem:not(:first-child){ padding-top:5px; border-top:2px solid black; margin-top:5px; } .sheet-statblock .repcontainer .repitem .sheet-row{ width:100%; display:flex; } .sheet-statblock .repcontainer .repitem > *:not(select){ line-height:14px; } .sheet-statblock .repcontainer .repitem > *:not(:first-child):not(.sheet-row), .sheet-statblock .repcontainer .repitem .sheet-row *:not(:first-child){ margin-left:5px; } .sheet-statblock .repcontainer .repitem button[type=roll]:before{ content: "t"!important; background-color:#470000; border-radius:50%; color:#e1bb78; font-size:12pt; } .sheet-statblock .repcontainer[data-groupname='repeating_attack'] .repitem .sheet-range-filter:not([value=ranged]) ~ .sheet-range-field{ display:none; } .sheet-statblock .sheet-row > *:not(:first-child){ margin-left:5px; } .sheet-statblock .sheet-row > .sheet-auto-scale{ margin-bottom:5px; } .sheet-statblock .sheet-auto-scale { width: auto; min-width: 5rem; display: flex; position: relative; } .sheet-statblock .sheet-auto-scaler { opacity: 0; z-index: -10; } .sheet-statblock .sheet-auto-scaler + .sheet-scalable-input { position: absolute; width: 100%; } .sheet-statblock > .sheet-row >.sheet-pseudo-repcontrol, .sheet-statblock > .sheet-row >.sheet-pseudo-repcontrol *{ width:initial; position:relative; top:-5px; align-self:flex-end; } .sheet-attack-label{ width:60px; } .sheet-npcsummary{ display:flex; flex-wrap:wrap; } .sheet-npcsummary > *:not(:last-child) { margin-right:5px; } .sheet-statblock > .sheet-row > input[type='number']{ width:20px; } .sheet-statblock .sheet-spell-level-row{ display:flex; flex-wrap:wrap; justify-content:flex-end; } .sheet-statblock .sheet-spell-info, .sheet-statblock .sheet-innate-info{ display:none; } .sheet-statblock .sheet-toggle:not(.sheet-innate):checked ~ .sheet-spell-info, .sheet-statblock .sheet-toggle.sheet-innate:checked ~ .sheet-innate-info{ display:flex; } .sheet-statblock .sheet-toggle.sheet-cantrip:not(:checked) ~ .sheet-spell-row.sheet-cantrip, .sheet-statblock .sheet-toggle.sheet-level1:not(:checked) ~ .sheet-spell-row.sheet-level1, .sheet-statblock .sheet-toggle.sheet-level2:not(:checked) ~ .sheet-spell-row.sheet-level2, .sheet-statblock .sheet-toggle.sheet-level3:not(:checked) ~ .sheet-spell-row.sheet-level3, .sheet-statblock .sheet-toggle.sheet-level4:not(:checked) ~ .sheet-spell-row.sheet-level4, .sheet-statblock .sheet-toggle.sheet-level5:not(:checked) ~ .sheet-spell-row.sheet-level5, .sheet-statblock .sheet-toggle.sheet-level6:not(:checked) ~ .sheet-spell-row.sheet-level6, .sheet-statblock .sheet-toggle.sheet-level7:not(:checked) ~ .sheet-spell-row.sheet-level7, .sheet-statblock .sheet-toggle.sheet-level8:not(:checked) ~ .sheet-spell-row.sheet-level8, .sheet-statblock .sheet-toggle.sheet-level9:not(:checked) ~ .sheet-spell-row.sheet-level9, .sheet-statblock .sheet-toggle.sheet-level10:not(:checked) ~ .sheet-spell-row.sheet-level10, .sheet-statblock .sheet-toggle.sheet-innate.sheet-at-will:not(:checked) ~ .sheet-innate-row.sheet-at-will, .sheet-statblock .sheet-toggle.sheet-innate.sheet-constant:not(:checked) ~ .sheet-innate-row.sheet-constant, .sheet-statblock .sheet-toggle.sheet-innate.sheet-cantrip:not(:checked) ~ .sheet-innate-row.sheet-cantrip, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level1:not(:checked) ~ .sheet-innate-row.sheet-level1, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level2:not(:checked) ~ .sheet-innate-row.sheet-level2, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level3:not(:checked) ~ .sheet-innate-row.sheet-level3, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level4:not(:checked) ~ .sheet-innate-row.sheet-level4, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level5:not(:checked) ~ .sheet-innate-row.sheet-level5, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level6:not(:checked) ~ .sheet-innate-row.sheet-level6, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level7:not(:checked) ~ .sheet-innate-row.sheet-level7, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level8:not(:checked) ~ .sheet-innate-row.sheet-level8, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level9:not(:checked) ~ .sheet-innate-row.sheet-level9, .sheet-statblock .sheet-toggle.sheet-innate.sheet-level10:not(:checked) ~ .sheet-innate-row.sheet-level10{ display:none; } .sheet-statblock .sheet-spell-level-row > label, .sheet-statblock .repcontainer[data-groupname*="repeating_spell"] label{ width:auto; } .sheet-statblock .sheet-spell-level-row > label:not(:first-child){ margin-left:5px; } .sheet-statblock .sheet-spell-row .sheet-spont-spells{ display:none; width:auto; } .sheet-statblock .repcontainer[data-groupname*="repeating_spell"]{ flex:1 1 auto; } .sheet-statblock .sheet-prep-type[value=spontaneous] ~ .sheet-spell-row .sheet-spont-spells{ display:flex; } .sheet-statblock .sheet-prep-type[value=spontaneous] ~ .sheet-spell-row .sheet-prep-spells{ display:none; } .sheet-statblock .sheet-attack-flag:not(:checked) ~ .sheet-attack-row, .sheet-statblock .sheet-damage-flag:not(:checked) ~ .sheet-damage-row, .sheet-statblock .sheet-save-flag:not(:checked) ~ .sheet-save-row{ display:none; } .sheet-statblock .sheet-toggle-view-container ~ .sheet-show-options:not(:checked) ~ *{ display:none; } .sheet-statblock .sheet-row.sheet-special-abilities{ display:grid; grid-template-columns:[header-start container-start] 1fr [header-end container-end]; grid-template-rows:[header-start]20px[header-end]; } .sheet-statblock > .sheet-row > .sheet-npc-mod{ width:20px; text-align:center; } span.sheet-cr{ margin-left:5px; margin-right:5px; color:white !important; } .sheet-statblock > .sheet-row > span.sheet-xp{ margin-right:5px; } .sheet-statblock > .sheet-row > input.sheet-xp{ width:80px; } .sheet-statblock .sheet-row > textarea.sheet-scalable-input{ height:auto; min-height:50px; } .sheet-statblock .sheet-alignment{ width:20px !important; } .sheet-statblock-section-header{ border-top:2px solid black; } .sheet-defense-header{ display:grid; grid-template-columns:[label-start] auto [label-end hp-start] 1fr [hp-end]; grid-template-rows:[label-start hp-start] 20px [label-end hp-end]; grid-gap:5px; justify-items:end; align-items:end; } .sheet-hp-rp-container{ grid-area:hp; } .sheet-statblock .sheet-row span.sheet-dr{ width:auto; } .sheet-statblock .sheet-row .sheet-space{ width:50px; } .sheet-button-description{ overflow:hidden; } .sheet-statblock .sheet-skills-row{ display:grid; grid-template-columns:[header-start]1fr 1fr 1fr[header-end]; grid-column-gap:5px; grid-row-gap:5px; } .sheet-statblock .sheet-row-options{ background-color:transparent; } .sheet-statblock .sheet-skills-row .sheet-skill-container{ grid-column:initial; align-content:center; display:grid; } .sheet-statblock .sheet-skills-row > span{ grid-column:header-start / header-end; } .sheet-statblock .sheet-skill-container .sheet-display{ grid-template-columns:[button-start] 1fr [button-end tot-start] 15px [tot-end] 20px; align-items:center; } .sheet-statblock .sheet-row .sheet-skill-container select, .sheet-statblock .sheet-row .sheet-skill-container input[type='text']{ width:100%; line-height:18px; } .sheet-character-sheet .repcontainer .repitem{ overflow:hidden; } /*############################################################ ROLL TEMPLATES ############################################################*/ .sheet-rolltemplate-generic, .sheet-rolltemplate-attack, .sheet-rolltemplate-spell, .sheet-rolltemplate-ship{ --circlecolor:#470000; --wedge:7px; --backcolor:#01101c; --circlesize:1px; --circlebore:calc(var(--wedge) * 2 + 2px); --ringsize:calc(var(--circlesize) + var(--circlebore)); --repeat:no-repeat; var(--repeat); --box-shadow:0px 0px 10px 2px #64BAC9; display:grid; grid-template-rows:[header-start] auto [body-start]8px [left-start] 4px [header-end] 12px [right-start] auto [left-end] 5px [footer-start] 1px [right-end] 11px [body-end] auto [footer-end]; grid-template-columns:[left-start] 14px [body-start footer-start] 5px [header-start] 3px [left-end] 1fr [header-end] 11px [right-start] 3px [footer-end] 5px [body-end] 14px [right-end]; margin:0px 0px 0px -40px; padding:5px 0px 5px 0px; border:0px; } .sheet-rolltemplate-generic p, .sheet-rolltemplate-attack p, .sheet-rolltemplate-spell p, .sheet-rolltemplate-ship p{ margin:0px; } .sheet-rolltemplate-attack .sheet-crit-field{ display:none; } .sheet-rolltemplate-attack .sheet-crit-reveal:checked ~ .sheet-crit-field{ display:block; } .sheet-rolltemplate-generic:nth-child(5), .sheet-rolltemplate-attack:nth-child(5), .sheet-rolltemplate-spell, .sheet-rolltemplate-ship:nth-child(5){ margin-top:7px; } .sheet-rolltemplate-generic .sheet-generic-header, .sheet-rolltemplate-generic .sheet-generic-footer, .sheet-rolltemplate-attack .sheet-generic-header, .sheet-rolltemplate-attack .sheet-generic-footer, .sheet-rolltemplate-spell .sheet-generic-header, .sheet-rolltemplate-spell .sheet-generic-footer, .sheet-rolltemplate-ship .sheet-generic-header, .sheet-rolltemplate-ship .sheet-generic-footer{ z-index:2; display:grid; grid-template-columns:[border-start]0px[content-start] 1fr [content-end]0px[border-end]; grid-template-rows:[content-start border-start] 1fr [content-end border-end]; grid-gap:var(--ringsize); } .sheet-rolltemplate-generic .sheet-generic-header > div:first-child, .sheet-rolltemplate-generic .sheet-generic-footer > div:first-child, .sheet-rolltemplate-attack .sheet-generic-header > div:first-child, .sheet-rolltemplate-attack .sheet-generic-footer > div:first-child, .sheet-rolltemplate-spell .sheet-generic-header > div:first-child, .sheet-rolltemplate-spell .sheet-generic-footer > div:first-child, .sheet-rolltemplate-ship .sheet-generic-header > div:first-child, .sheet-rolltemplate-ship .sheet-generic-footer > div:first-child{ grid-area:content; margin:0px 15px; } .sheet-rolltemplate-generic .sheet-side-banner > div:first-child, .sheet-rolltemplate-attack .sheet-side-banner > div:first-child, .sheet-rolltemplate-spell .sheet-side-banner > div:first-child, .sheet-rolltemplate-ship .sheet-side-banner > div:first-child{ grid-area:content; margin:0px 15px; } .sheet-rolltemplate-generic .sheet-generic-header > div:not(:first-child), .sheet-rolltemplate-generic .sheet-generic-footer > div:not(:first-child), .sheet-rolltemplate-attack .sheet-generic-header > div:not(:first-child), .sheet-rolltemplate-attack .sheet-generic-footer > div:not(:first-child), .sheet-rolltemplate-spell .sheet-generic-header > div:not(:first-child), .sheet-rolltemplate-spell .sheet-generic-footer > div:not(:first-child), .sheet-rolltemplate-ship .sheet-generic-header > div:not(:first-child), .sheet-rolltemplate-ship .sheet-generic-footer > div:not(:first-child), .sheet-rolltemplate-generic .sheet-side-banner > div:not(:first-child), .sheet-rolltemplate-attack .sheet-side-banner > div:not(:first-child), .sheet-rolltemplate-spell .sheet-side-banner > div:not(:first-child), .sheet-rolltemplate-ship .sheet-side-banner > div:not(:first-child){ grid-area:border; } .sheet-rolltemplate-generic .sheet-generic-header, .sheet-rolltemplate-generic .sheet-generic-footer, .sheet-rolltemplate-attack .sheet-generic-header, .sheet-rolltemplate-attack .sheet-generic-footer, .sheet-rolltemplate-spell .sheet-generic-header, .sheet-rolltemplate-spell .sheet-generic-footer, .sheet-rolltemplate-ship .sheet-generic-header, .sheet-rolltemplate-ship .sheet-generic-footer{ --circlebore:9.5px; --ringsize:10px; background: radial-gradient(circle at 100% 0%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) top right/52% 52% no-repeat, radial-gradient(circle at 100% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom right/52% 52% no-repeat, radial-gradient(circle at 0% 0%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) top left/52% 52% no-repeat, radial-gradient(circle at 0% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom left/52% 52% no-repeat; text-transform: uppercase; font-weight: normal; font-size: 9pt; padding: 0px; text-align: center; letter-spacing: 0px; display: inline-block; margin-bottom: 0px; font-family:Arial; } .sheet-rolltemplate-generic .sheet-generic-header *, .sheet-rolltemplate-generic .sheet-generic-footer *, .sheet-rolltemplate-attack .sheet-generic-header *, .sheet-rolltemplate-attack .sheet-generic-footer *, .sheet-rolltemplate-spell .sheet-generic-header *, .sheet-rolltemplate-spell .sheet-generic-footer *, .sheet-rolltemplate-ship .sheet-generic-header *, .sheet-rolltemplate-ship .sheet-generic-footer *, .sheet-rolltemplate-generic .sheet-side-banner *, .sheet-rolltemplate-attack .sheet-side-banner *, .sheet-rolltemplate-spell .sheet-side-banner *, .sheet-rolltemplate-ship .sheet-side-banner *{ color:white; } .sheet-rolltemplate-generic .sheet-side-banner *, .sheet-rolltemplate-attack .sheet-side-banner *, .sheet-rolltemplate-spell .sheet-side-banner *, .sheet-rolltemplate-ship .sheet-side-banner *{ writing-mode:vertical-rl; font-size:13pt; max-width:100%; position:relative; z-index:2; display:grid; grid-template-columns:[border-start]0px[content-start] 1fr [content-end]0px[border-end]; grid-template-rows:[content-start border-start] 1fr [content-end border-end]; grid-gap:var(--ringsize); --circlebore:9.5px; --ringsize:10px; background: radial-gradient(circle at 100% 0%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) top right/52% 52% no-repeat, radial-gradient(circle at 100% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom right/52% 52% no-repeat, radial-gradient(circle at 0% 0%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) top left/52% 52% no-repeat, radial-gradient(circle at 0% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom left/52% 52% no-repeat; text-transform: uppercase; font-weight: normal; padding: 0px; text-align: center; display: inline-block; margin-bottom: 0px; color:white; font-family:Arial; } .sheet-rolltemplate-generic .sheet-side-banner > div:first-child, .sheet-rolltemplate-attack .sheet-side-banner > div:first-child, .sheet-rolltemplate-spell .sheet-side-banner > div:first-child, .sheet-rolltemplate-ship .sheet-side-banner > div:first-child{ overflow:hidden; } .sheet-rolltemplate-generic .sheet-right, .sheet-rolltemplate-attack .sheet-right, .sheet-rolltemplate-spell .sheet-right, .sheet-rolltemplate-ship .sheet-right{ grid-area:right; align-self:end; } .sheet-rolltemplate-generic .sheet-left, .sheet-rolltemplate-attack .sheet-left, .sheet-rolltemplate-spell .sheet-left, .sheet-rolltemplate-ship .sheet-left{ grid-area:left; align-self:start; transform:rotate(180deg); } .sheet-rolltemplate-generic .inlinerollresult, .sheet-rolltemplate-attack .inlinerollresult, .sheet-rolltemplate-spell .inlinerollresult, .sheet-rolltemplate-ship .inlinerollresult, .sheet-rolltemplate-ship .sheet-across.sheet-ship-crit *{ background-color:transparent; border:0px transparent !important; font-weight:700; font-size:13pt; line-height:1.4em; font-family:Arial; } .sheet-rolltemplate-generic .sheet-content-container a, .sheet-rolltemplate-attack .sheet-content-container a, .sheet-rolltemplate-spell .sheet-content-container a, .sheet-rolltemplate-ship .sheet-content-container a{ background-color:transparent !important; border:0px transparent !important; color:#f7b238; text-shadow:0px 0px 10px #470000, 0px 0px 5px #470000, 0px 0px 2.5px #470000; } .sheet-rolltemplate-generic .sheet-generic-body, .sheet-rolltemplate-attack .sheet-generic-body, .sheet-rolltemplate-spell .sheet-generic-body, .sheet-rolltemplate-ship .sheet-generic-body{ color:black; font-family:Arial; border: 15px solid transparent; border-image: url('https://s3.amazonaws.com/files.d20.io/images/60744680/NI-D50_jXZY_Kl9epRclfw/max.png') 44 43 fill repeat; background-color:transparent; grid-area:body; } .sheet-rolltemplate-generic .inlinerollresult.fullcrit, .sheet-rolltemplate-attack .inlinerollresult.fullcrit, .sheet-rolltemplate-spell .inlinerollresult.fullcrit, .sheet-rolltemplate-ship .inlinerollresult.fullcrit{ color:#f7b238; text-shadow:0px 0px 10px #470000,0px 0px 5px #470000,0px 0px 2.5px #470000; } .sheet-rolltemplate-generic .inlinerollresult.fullcrit:after, .sheet-rolltemplate-attack .inlinerollresult.fullcrit:after, .sheet-rolltemplate-spell .inlinerollresult.fullcrit:after, .sheet-rolltemplate-ship .inlinerollresult.fullcrit:after{ font-family:Pictos; content:'{'; display:inline-block; } .sheet-rolltemplate-attack a:hover, .sheet-rolltemplate-spell a:hover, .sheet-rolltemplate-ship a:hover, .sheet-rolltemplate-ship a:hover, .sheet-rolltemplate-generic .inlinerollresult.fullfail, .sheet-rolltemplate-attack .inlinerollresult.fullfail, .sheet-rolltemplate-spell .inlinerollresult.fullfail, .sheet-rolltemplate-ship .inlinerollresult.fullfail{ color:#470000; text-shadow:0px 0px 10px #f7b238,0px 0px 5px #f7b238,0px 0px 2.5px #f7b238; } .sheet-rolltemplate-generic .inlinerollresult.fullfail:after, .sheet-rolltemplate-attack .inlinerollresult.fullfail:after, .sheet-rolltemplate-spell .inlinerollresult.fullfail:after, .sheet-rolltemplate-ship .inlinerollresult.fullfail:after{ font-family:Pictos; content:'{'; display:inline-block; transform:rotate(180deg); transform-origin:center 45%; } .sheet-rolltemplate-generic .inlinerollresult.importantroll, .sheet-rolltemplate-attack .inlinerollresult.importantroll, .sheet-rolltemplate-spell .inlinerollresult.importantroll, .sheet-rolltemplate-ship .inlinerollresult.importantroll{ color:#0015ff; } .sheet-rolltemplate-generic .sheet-generic-body > .sheet-content-container, .sheet-rolltemplate-attack .sheet-generic-body > .sheet-content-container, .sheet-rolltemplate-spell .sheet-generic-body > .sheet-content-container, .sheet-rolltemplate-ship .sheet-generic-body > .sheet-content-container{ grid-template-columns:[notes-start] 1fr [notes-end]; display:grid; justify-content:center; grid-gap:2px; color:black; border:0px transparent; position:relative; height:100%; margin:0px 0px 0px 0px; } .sheet-rolltemplate-generic .sheet-generic-body > .sheet-content-container:empty, .sheet-rolltemplate-attack .sheet-generic-body > .sheet-content-container:empty, .sheet-rolltemplate-spell .sheet-generic-body > .sheet-content-container:empty, .sheet-rolltemplate-ship .sheet-generic-body > .sheet-content-container:empty{ border:0px solid transparent; background-color:white; box-shadow:0px 0px 15px 3px inset black; } .sheet-rolltemplate-generic .sheet-header, .sheet-rolltemplate-attack .sheet-header, .sheet-rolltemplate-spell .sheet-header, .sheet-rolltemplate-ship .sheet-header{ grid-area:header; } .sheet-rolltemplate-generic .sheet-footer, .sheet-rolltemplate-attack .sheet-footer, .sheet-rolltemplate-spell .sheet-footer, .sheet-rolltemplate-ship .sheet-footer{ grid-area:footer; } .sheet-rolltemplate-generic .sheet-footer, .sheet-rolltemplate-attack .sheet-footer, .sheet-rolltemplate-spell .sheet-footer, .sheet-rolltemplate-ship .sheet-footer{ grid-area:footer; } .sheet-rolltemplate-generic .sheet-footer, .sheet-rolltemplate-attack .sheet-footer, .sheet-rolltemplate-spell .sheet-footer, .sheet-rolltemplate-ship .sheet-footer{ grid-area:footer; } .sheet-rolltemplate-generic .sheet-generic-header, .sheet-rolltemplate-generic .sheet-generic-footer, .sheet-rolltemplate-attack .sheet-generic-header, .sheet-rolltemplate-attack .sheet-generic-footer, .sheet-rolltemplate-spell .sheet-generic-header, .sheet-rolltemplate-spell .sheet-generic-footer, .sheet-rolltemplate-ship .sheet-generic-header, .sheet-rolltemplate-ship .sheet-generic-footer{ max-width:100%; line-height:1.4em; font-size:13pt; } .sheet-rolltemplate-generic .sheet-generic-header, .sheet-rolltemplate-attack .sheet-generic-header, .sheet-rolltemplate-spell .sheet-generic-header, .sheet-rolltemplate-ship .sheet-generic-header{ grid-area:header; justify-self:start; } .sheet-rolltemplate-generic .sheet-generic-footer, .sheet-rolltemplate-attack .sheet-generic-footer, .sheet-rolltemplate-spell .sheet-generic-footer, .sheet-rolltemplate-ship .sheet-generic-footer{ margin-left:auto; margin-right:0px; font-style:italic; grid-area:footer; justify-self:end; } .sheet-rolltemplate-generic .sheet-split-container, .sheet-rolltemplate-attack .sheet-split-container, .sheet-rolltemplate-spell .sheet-split-container, .sheet-rolltemplate-ship .sheet-split-container{ display:grid; grid-gap:2px; grid-template-columns:[label-start] 1fr [label-end roll-start] 1fr [roll-end]; } .sheet-rolltemplate-generic .sheet-split-container > .sheet-highlighted.sheet-split.sheet-r1name, .sheet-rolltemplate-attack .sheet-split-container > .sheet-highlighted.sheet-split.sheet-r1name, .sheet-rolltemplate-spell .sheet-split-container > .sheet-highlighted.sheet-split.sheet-r1name, .sheet-rolltemplate-ship .sheet-split-container > .sheet-highlighted.sheet-split.sheet-r1name{ border:0px solid transparent; padding:10px; } .sheet-rolltemplate-generic .sheet-split-container > .sheet-highlighted.sheet-split.sheet-roll, .sheet-rolltemplate-attack .sheet-split-container > .sheet-highlighted.sheet-split.sheet-roll, .sheet-rolltemplate-spell .sheet-split-container > .sheet-highlighted.sheet-split.sheet-roll, .sheet-rolltemplate-ship .sheet-split-container > .sheet-highlighted.sheet-split.sheet-roll{ border:0px solid transparent; padding:10px; } .sheet-rolltemplate-generic .sheet-across:not(.sheet-split-container), .sheet-rolltemplate-attack .sheet-across:not(.sheet-split-container), .sheet-rolltemplate-spell .sheet-across:not(.sheet-split-container), .sheet-rolltemplate-ship .sheet-across:not(.sheet-split-container){ border:0px solid transparent; padding:10px; } .sheet-rolltemplate-generic .sheet-across:not(.sheet-split-container).sheet-label, .sheet-rolltemplate-attack .sheet-across:not(.sheet-split-container).sheet-label, .sheet-rolltemplate-spell .sheet-across:not(.sheet-split-container).sheet-label, .sheet-rolltemplate-ship .sheet-across:not(.sheet-split-container).sheet-label{ border:0px solid transparent; padding-bottom:0px; } .sheet-rolltemplate-generic .sheet-across, .sheet-rolltemplate-attack .sheet-across, .sheet-rolltemplate-spell .sheet-across, .sheet-rolltemplate-ship .sheet-across{ grid-column:notes-start / notes-end; } .sheet-rolltemplate-ship .sheet-across.sheet-ship-crit > *{ width:auto; } .sheet-rolltemplate-ship .sheet-across.sheet-ship-crit{ display:grid; place-content:center; place-items:start; } .sheet-rolltemplate-generic .sheet-r1name, .sheet-rolltemplate-attack .sheet-r1name, .sheet-rolltemplate-spell .sheet-r1name, .sheet-rolltemplate-ship .sheet-r1name{ grid-column:label-start / label-end; display:flex; align-content:center; align-items:center; } .sheet-rolltemplate-attack .sheet-attack-label, .sheet-rolltemplate-spell .sheet-attack-label, .sheet-rolltemplate-ship .sheet-attack-label{ text-align:center; } .sheet-rolltemplate-attack .sheet-attack-label:nth-child(1), .sheet-rolltemplate-spell .sheet-attack-label:nth-child(1), .sheet-rolltemplate-ship .sheet-attack-label:nth-child(1), .sheet-rolltemplate-attack .sheet-attack-label:nth-child(2), .sheet-rolltemplate-spell .sheet-attack-label:nth-child(2), .sheet-rolltemplate-ship .sheet-attack-label:nth-child(2){ margin-top:0px; } .sheet-rolltemplate-generic .sheet-roll, .sheet-rolltemplate-attack .sheet-roll, .sheet-rolltemplate-spell .sheet-roll, .sheet-rolltemplate-ship .sheet-roll{ grid-column:roll-start / roll-end; display:flex; justify-content:flex-end; align-content:center; align-items:center; } .sheet-rolltemplate-generic .sheet-r1name *:nth-child(even), .sheet-rolltemplate-attack .sheet-r1name *:nth-child(even), .sheet-rolltemplate-spell .sheet-r1name *:nth-child(even), .sheet-rolltemplate-ship .sheet-r1name *:nth-child(even), .sheet-rolltemplate-generic .sheet-roll *:nth-child(even), .sheet-rolltemplate-attack .sheet-roll *:nth-child(even), .sheet-rolltemplate-spell .sheet-roll *:nth-child(even), .sheet-rolltemplate-ship .sheet-roll *:nth-child(even){ margin-left:5px; margin-right:5px; } .sheet-rolltemplate-generic .sheet-notes-row, .sheet-rolltemplate-attack .sheet-notes-row, .sheet-rolltemplate-spell .sheet-notes-row, .sheet-rolltemplate-ship .sheet-notes-row{ max-height:200px; overflow-y:auto; overflow-x:hidden; } /* ########################################################################################################################################*/