From 53cd81a2dea8f42d68639ccdceb11a64a06367e9 Mon Sep 17 00:00:00 2001 From: Kurohyou Date: Tue, 7 Aug 2018 17:10:22 -0500 Subject: [PATCH] Create PFPlaytest.css --- Pathfinder Playtest/PFPlaytest.css | 3035 ++++++++++++++++++++++++++++ 1 file changed, 3035 insertions(+) create mode 100644 Pathfinder Playtest/PFPlaytest.css diff --git a/Pathfinder Playtest/PFPlaytest.css b/Pathfinder Playtest/PFPlaytest.css new file mode 100644 index 0000000000..1c40f903f1 --- /dev/null +++ b/Pathfinder Playtest/PFPlaytest.css @@ -0,0 +1,3035 @@ +* { + font-family:"Patrick Hand"; + 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; +} +.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 !important; + font-size:10pt; +} +[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:10pt; + box-shadow:none; + -webkit-appearance: none; + -moz-appearance: none; + -webkit-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 !important; + padding:0px !important; + 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, +input.sheet-page-control[value=ship] ~ .sheet-container.sheet-ship{ + display:grid; +} +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; + 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:10pt; + 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{ + --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: 10pt; + 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(4,1fr) repeat(3,1fr) 1fr; + grid-template-rows:repeat(6,auto); + grid-gap:5px; + overflow-y:scroll; +} +.sheet-class-info .sheet-name{ + 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; + top: -5px; + right: 0px; +} +.sheet-show-options + span{ + position: absolute; + top: -5px; + right: 0px; + white-space: nowrap; + width: 18px; + height: 18px; + font-size: 20px; + font-family: pictos; + color: #A0A0A0; + cursor: pointer; + margin-top: 0px; + display: none; + z-index:5; +} +.sheet-filter-container:hover .sheet-show-options +span, +.sheet-filter-container:hover .sheet-show-options, +.sheet-skill-container:hover .sheet-show-options +span, +.sheet-skill-container:hover .sheet-show-options, +.sheet-statblock .sheet-spell:hover .sheet-show-options +span, +.sheet-statblock .sheet-spell:hover .sheet-show-options{ + display: block; +} +.sheet-show-options{ + display:none; +} +.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; +} +.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*/ +.repcontainer[data-groupname='repeating_buff'] { + width:100%; + max-height:100%; + overflow-y:scroll!important; + overflow-x:hidden; +} +.sheet-buffs .sheet-filter-container{ + width:100%; +} +.repcontainer[data-groupname='repeating_buff'] .repitem{ + width:50%; + margin:5px 0px 0px; + float:left; +} +.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:white !important; + background-color:#333398; +} +.sheet-overburdened:checked ~ .sheet-overburden { + color:white !important; + background-color:#333398; +} +.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']){ + 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:10pt; + 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(25,1fr); + grid-template-rows:5px 20px 20px 5px 20px 20px 5px; + text-align:center; + grid-column-gap:5px; + place-items:center stretch; +}, +.sheet-proficiency-container{ + display:grid; + grid-template-columns:repeat(5,1fr); + grid-template-rows:20px; + text-align:center; + grid-gap:5px; + place-items:center stretch; +} +.sheet-proficiency-section .sheet-section-container > span, +.sheet-proficiency-container > span{ + grid-column:span 5; + grid-row:2; + display:block; + border-bottom:1px solid black; +} +.sheet-proficiency-section .sheet-section-container label, +.sheet-proficiency-container label{ + grid-row:3; + border:1px solid black; + overflow:hidden; + display:grid; + grid-template-columns:1fr; + grid-template-rows:1fr; + place-items:center; + place-content:center; + border-radius:50%; + position:relative; +} +.sheet-proficiency-section .sheet-section-container label div, +.sheet-proficiency-container label div{ + width:100%; + height:100%; + position:absolute; +} +.sheet-proficiency-section .sheet-section-container label input:checked + div, +.sheet-proficiency-container label input:checked + div{ + background-color:#470000; +} +.sheet-proficiency-section .sheet-section-container label input:checked + div + span, +.sheet-proficiency-container label input:checked + div + span{ + color:#e1bb78; + text-align:center; + z-index:2; +} +.sheet-proficiency-section .sheet-prof-gutter{ + background-color:black; + grid-row:4; + grid-column:1 / -1; + height:5px; +} +.sheet-proficiency-section .sheet-section-container .sheet-prof-gutter ~ span{ + grid-row:5; +} +.sheet-proficiency-section .sheet-section-container .sheet-prof-gutter ~ label{ + grid-row:6; +} +.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] 1fr [initiative-end armor-end health-end senses-start saves-start xp-start] 1fr [xp-end senses-end saves-end proficiency-end repeating-end]; + grid-template-rows:[attribute-start initiative-start xp-start] 20px [initiative-end xp-end health-start senses-start] 104px [health-end senses-end armor-start saves-start] 30px [attribute-end skills-start] 132px [armor-end saves-end repeating-start] auto [repeating-end skills-end]; + grid-gap:20px; +} +.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:0px [label-start] 30px [label-end current-start] 1fr [current-end slash-start] 20px [slash-end max-start] 1fr [max-end] 0px; + grid-template-rows:[label-start current-start slash-start max-start] 1fr [label-end current-end slash-end max-end]; +} +.sheet-xp-container .sheet-label{ + grid-area:label; + font-weight:700!important; +} +.sheet-character-sheet .sheet-xp-container .sheet-currxp{ + grid-area:current; + width:calc(100% - 2px); + 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:10pt !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:10pt; +} +.sheet-initiative-container > .sheet-section-container .sheet-arith{ + grid-area:arith; + font-size:10pt; +} +.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:10pt; + 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-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:10pt !important; + font-color:black; +} +.sheet-current, +.sheet-max{ + font-size:10pt !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] 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] 20px [arm-end arm-plus-start] 10px [arm-plus-end abi-start] 1fr [abi-end] 0px; + grid-column-gap:5px; + grid-row-gap:5px; + align-content:start; + justify-content:start; +} +.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 / tot-end; + justify-self:start; + margin-left:0px; +} +input.sheet-dr{ + grid-column: tot-end / abi-end; + width:100%; +} +.sheet-ac-notes{ + grid-column: type-start / abi-end; + height:65px; + 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] 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; + 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-acp:checked + button:before { + content:'b'!important; + font-family:Pictos Three; + position:absolute; + 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 !important; + margin-right:5px !important; +} +.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"] ~ .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 .repcontainer .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{ + margin-bottom:5px; + padding:0px 2px; + border: 1px solid black; + border-radius:3px; + position:relative; + text-align:center; +} +.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:1 / 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-end:4; +} +.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ .sheet-armor-purpose{ + display:block; +} +/*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,12px auto 20px 10px 20px 5px); + grid-gap:5px; +} +.sheet-spell-slots input[type=checkbox]{ + place-self:center; +} +.sheet-spell-slots input[type=number]{ + width:100%; +}/**/ +.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{ + 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:10pt; + 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:10pt; + place-self:start; +} +/*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-character-sheet > .sheet-npc > .sheet-statblock > .sheet-row.sheet-ability-scores .sheet-attr-base-mod-container input.sheet-base-attr{ + border-bottom:0px solid transparent; +} +.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; + grid-area:initial; + width:100%; +} +.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 creator-start] minmax(300px,1fr) [creator-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; +} +.sheet-statblock-header{ + background-color:black; + display:flex; + padding:2px 5px 2px 5px; + color:white; +} +.sheet-character-sheet > .sheet-npc .sheet-statblock-header input:not([type='checkbox']):not([type=radio]):not(.sheet-mod):not(.sheet-id-label):not(.sheet-label){ + border:0px 0px 1px 0px; + border-bottom-color:white; + color:white; + font-weight:900; +} +.sheet-statblock > .sheet-row > *{ + margin-right:5px; +} +.sheet-statblock > .sheet-row{ + max-width:100%; + overflow:hidden; + position:relative; + flex-wrap:wrap; +} +.sheet-statblock > .sheet-attack-row{ + display:grid; + grid-template-columns:[label-start repcontrol-start] 60px [label-end repcontrol-end repeating-start] 1fr [repeating-end]; + grid-template-rows:[label-start repeating-start] 20px [label-end repcontrol-start] minmax(20px,auto) [repeating-end repcontrol-end]; +} +.sheet-statblock > .sheet-attack-row > .sheet-attack-label{ + grid-area:label; +} +.sheet-statblock > .sheet-attack-row > .repcontainer[data-groupname='repeating_attack']{ + grid-area:repeating; + max-height:initial; +} +.sheet-statblock > .sheet-attack-row > .repcontrol, +.sheet-statblock > .sheet-attack-row > .sheet-pseudo-repcontrol{ + grid-area:repcontrol; + width:initial; + position:relative; + top:-5px; +} +.sheet-statblock > .sheet-attack-row > .repcontrol{ + justify-self:center; +} +.sheet-statblock > .sheet-attack-row > .sheet-pseudo-repcontrol{ + justify-self:start; +} +.sheet-statblock > .sheet-attack-row .repcontainer[data-groupname='repeating_attack']{ + width:auto; + height:auto; + display:flex; + justify-content:flex-start; + align-items:flex-start; + flex-wrap:wrap; + margin:0px; +} +.sheet-statblock > .sheet-attack-row .repcontainer[data-groupname='repeating_attack'] .repitem{ + width:auto; + margin:0px; + margin-right:5px; +} +.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-statblock .repcontrol[data-groupname='repeating_attack'] .repcontrol_add{ + display:none !important; +} +.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-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; +} +.sheet-statblock .sheet-special-abilities-header{ + grid-area:header; +} +.sheet-statblock .repcontrol[data-groupname='repeating_ability']{ + grid-area:header; + justify-self:end; + align-self:stretch; + width:40px; + z-index:2; + position:relative; + overflow:hidden; +} +.sheet-statblock .repcontrol[data-groupname='repeating_ability'] .repcontrol_edit, +.sheet-statblock .repcontrol[data-groupname='repeating_ability'] .repcontrol_add{ + padding:0px 5px; + position:relative; +} +.sheet-statblock .repcontrol[data-groupname='repeating_ability'] .repcontrol_edit:after, +.sheet-statblock .repcontrol[data-groupname='repeating_ability'] .repcontrol_add:before{ + padding:0px; + position:relative; + left:-5px; +} +.sheet-statblock .repcontrol[data-groupname='repeating_spell'], +.sheet-statblock .repcontainer[data-groupname='repeating_spell']{ + width:100%; +} +.sheet-statblock .sheet-field-container .sheet-attr-total-container{ + width:40px; + position:relative; + overflow:hidden; +} +.sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-modified-attr{ + width:100%; + border-bottom:1px solid black; + line-height:14px; + font-size:10pt; + text-align:center; +} +.sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-base-attr{ + width:100%; + z-index:5; + opacity:0; +} +.sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-base-attr:focus{ + opacity:100; +} +.sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-base-attr:focus ~ .sheet-modified-attr{ + opacity:0; +} +.sheet-statblock .repcontainer[data-groupname='repeating_spell'] .repitem{ + width:auto; +} +span.sheet-cr{ + margin-left:5px; + margin-right:5px; + color:white !important; +} +input.sheet-cr{ + width:20px; + margin-right:5px; +} +.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:60px; +} +.sheet-statblock .sheet-alignment{ + width:20px !important; +} +.sheet-statblock-section-header{ + background-color:#ededed; + min-width:100%; + max-height:20px; + padding:0px 5px 2px 5px; +} +.sheet-statblock-section-header > span{ + font-weight:900; +} +.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]17px [left-start] 4px [header-end] 12px [right-start] auto [left-end] 5px [footer-start] 1px [right-end] 21px [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: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: 10pt; + padding: 0px; + text-align: center; + letter-spacing: 0px; + display: inline-block; + margin-bottom: 0px; + font-family:Patrick Hand; +} +.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:Patrick Hand; +} +.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:Patrick Hand; +} +.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:black; + text-shadow:0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff; +} +.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:Patrick Hand; + border: 70px solid transparent; + border-image: url('https://s3.amazonaws.com/files.d20.io/images/59311754/w0IK4ij9J8KG2EnGfAcisw/max.png') 222 222 fill repeat; + background-color:transparent; + grid-area:body; +} +.sheet-rolltemplate-attack a:hover, +.sheet-rolltemplate-spell a:hover, +.sheet-rolltemplate-ship a:hover, +.sheet-rolltemplate-ship a:hover{ + text-shadow:0px 0px 10px #f86f1a,0px 0px 20px #fc6507; +} +.sheet-rolltemplate-generic .inlinerollresult.fullcrit, +.sheet-rolltemplate-attack .inlinerollresult.fullcrit, +.sheet-rolltemplate-spell .inlinerollresult.fullcrit, +.sheet-rolltemplate-ship .inlinerollresult.fullcrit{ + color:#f7b238; +} +.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-generic .inlinerollresult.fullfail, +.sheet-rolltemplate-attack .inlinerollresult.fullfail, +.sheet-rolltemplate-spell .inlinerollresult.fullfail, +.sheet-rolltemplate-ship .inlinerollresult.fullfail{ + color:#470000; +} +.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:-49px -38px -42px -36px; +} +.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, +.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; +} +/* ########################################################################################################################################*/