diff --git a/Starfinder HUD/starfinder.css b/Starfinder HUD/starfinder.css new file mode 100644 index 0000000000..49af031b91 --- /dev/null +++ b/Starfinder HUD/starfinder.css @@ -0,0 +1,3437 @@ +@font-face{ + font-family:Aldrich; + src:local('Aldrich'),local('Aldrich-Regular'),url(https://kurohyou.github.io/Starfinder-Character-Sheet/Sheet%20Fonts/Aldrich-Regular.ttf); +} +* { + font-family:Aldrich,Copperplate,Monospace; +} +.sheet-pictos{ + font-family:pictos; +} +.sheet-nav label *{ + font-size:12pt !important; + color:var(--backcolor); +} +.charsheet{ + padding:0px!important; +} +.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-starfinder input[readonly=true]{ + border:0px !important; +} +input[type=radio].sheet-pc:checked ~ .sheet-pc, +input[type=radio].sheet-npc:checked ~ .sheet-npc, +input[type=radio].sheet-ship:checked ~ .sheet-ship, +input[type=radio].sheet-settings:checked ~ .sheet-settings{ + display:grid; +} +.sheet-tab-button + span, +.sheet-initiative-container, +.sheet-label, +.sheet-starfinder button[type=roll] { + font-weight:400 !important; + font-size:8pt; +} +[hidden='true'] { + display:none !important; +} +input:not([type='checkbox']):not([type=radio]), { + height:15px; +} +input:not([type='checkbox']):not([type=radio]), +textarea { + border-bottom: 1px solid white; + border-top: 0px; + border-left: 0px; + border-right: 0px; + box-shadow:none; + background: none; + -webkit-appearance: none; + -moz-appearance: none; + -webkit-border-radius: 0px; + border-radius: 0px; + font-size:8pt; + padding:0px; +} +.sheet-section-container input:not([type='checkbox']):not([type=radio]):not([readonly=true]), +.sheet-section-container textarea, +.sheet-attr-total-container > .sheet-base-attr ~ span, +.sheet-section-container select, +.sheet-initiative-container select, +.sheet-class-info input:not([type='checkbox']):not([type=radio]):not([readonly=true]), +.sheet-class-info select, +.sheet-arc-shield input{ + background-color:rgba(0, 0, 0,0.75) !important; + border-radius:5px !important; + box-shadow:0px 0px 5px #2dafeb,0px 0px 20px #0a4ba1 !important; + border-bottom:none !important; +} +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; + background: none; + 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; + font-size:7pt; + font-weight:bold; + text-align:center; + height:14px !important; + margin:0px !important; + padding:0px !important; + text-align-last:center; + line-height:14px; +} +button[type=roll], +label{ + background-color: transparent; + border: none; + line-height: 12px; + background-image: none; + box-shadow: none; + padding: 0px; + margin: 0px; + font-weight: bold; + text-align:left; + position:relative; + text-shadow:0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff; + color:#333398; +} +.sheet-nav input + span:not(:hover){ + text-shadow:none; +} +.sheet-nav input:checked + span{ + background-color:var(--backcolor); + color:white; + box-shadow:0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff;; +} +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, +.sheet-pseudo-repcontrol span:hover{ + color: #ff9335 !important; + text-shadow:0px 0px 10px #f86f1a,0px 0px 20px #fc6507 !important; +} +.sheet-starfinder { + display:grid; + grid-template-columns:[name-container-start pc-start settings-start] 160px [name-container-end nav-start]240px [nav-end] minmax(380px,1fr)[pc-end settings-end]; + grid-template-rows:[name-container-start nav-start] 60px [name-container-end settings-start nav-end pc-start]120px 0px auto[pc-end settings-end]0px; + grid-gap:20px; + --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; + --circlecolor:#707070; + margin-left:5px; +} +.sheet-starfinder .sheet-section:not(.sheet-initiative-container) { + font-size:10pt; + line-height:20px; + z-index:2; +} +.sheet-starfinder .sheet-section, +.sheet-char-info, +.sheet-class-info, +.sheet-buffs, +.sheet-menus, +.sheet-attribute-container, +.sheet-section-container > .sheet-section-container{ + position:relative; + background: + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(0% - var(--ringsize)) calc(100% + var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(100% + var(--ringsize)) calc(0% - var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + linear-gradient(135deg, var(--backcolor) var(--wedge), var(--backcolor) 0)top left/52% 52% var(--repeat) , + linear-gradient(225deg, transparent var(--wedge), var(--backcolor) 0)top right/52% 52% var(--repeat) , + linear-gradient(315deg, var(--backcolor) var(--wedge), var(--backcolor) 0)bottom right/52% 52% var(--repeat) , + linear-gradient(45deg, transparent var(--wedge), var(--backcolor) 0)bottom left/52% 52% var(--repeat) ; +} +.sheet-name-container { + display:inline-block; + grid-area:name-container; + width:100%; + height:100%; + padding:0px; + margin:0px; +} +.sheet-nav{ + grid-area:nav; + width:100%; + height:100%; + position:relative; + display:grid; + grid-auto-flow:column; + justify-content:start; + align-content:center; + grid-gap:5px; +} +.sheet-nav > div{ + position:relative; + grid-auto-flow:column; + justify-content:start; + align-content:center; + grid-gap:5px; +} +.sheet-starfinder > .sheet-pc { + grid-area:pc; + position:relative; + grid-template-columns: [name-container-start tab-container-start header-start]160px [name-container-end ] minmax(292px,1fr) [header-end] 20px [in-play-start] 375px [in-play-end tab-container-end]; + grid-template-rows: [header-start in-play-start] 160px [header-end in-play-end] 20px [tab-container-start] 1090px [tab-container-end]; +} +.sheet-starfinder > .sheet-pc *, +.sheet-starfinder > .sheet-settings * { + color:white; +} +.sheet-pc > .sheet-header-content{ + grid-area:header; +} +.sheet-pc > .sheet-in-play{ + grid-area:in-play; +} +.sheet-pc > .sheet-header-content, +.sheet-pc > .sheet-in-play{ + display:grid; + grid-template-columns: [char-tab-start] calc(var(--wedge)*1.41) [hcontent-start] calc(150px - var(--wedge)*1.41*2) [class-tab-start] calc(var(--wedge)*1.41) [char-tab-end] calc(150px - var(--wedge)*1.41) [class-tab-end] 1fr [hcontent-end]; + grid-template-rows: [char-tab-start class-tab-start] 20px [char-tab-end class-tab-end hcontent-start] 140px [hcontent-end]; + justify-items:stretch; + align-items:stretch; +} +.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-pc > .sheet-header-content > .sheet-char-info, +.sheet-pc > .sheet-header-content > .sheet-class-info, +.sheet-pc > .sheet-in-play > .sheet-buffs, +.sheet-pc > .sheet-in-play > .sheet-menus{ + 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; +} +.sheet-border.sheet-top-right{ + align-self:start; + justify-self:end; + top:calc(var(--wedge) / 2 *1.41); + left:2px; +} +.sheet-border.sheet-bottom-left{ + align-self:end; + justify-self:start; + top:calc(var(--wedge) / 2 *-1.41); + left:-2px; +} +.sheet-always-glow{ + box-shadow:var(--box-shadow); +} +.sheet-hide-tab:checked + .sheet-section{ + z-index:11; +} +.sheet-hide-tab:not(:checked) + .sheet-section{ + --backcolor:#383838; + z-index:-1; +} +.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-pc > .sheet-in-play > .sheet-menu-tab:checked ~ .sheet-menu-tab.sheet-border, +.sheet-pc > .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{ + display:grid; +} +.sheet-pc > .sheet-in-play > .sheet-menu-tab:checked ~ .sheet-menus{ + display: flex; + justify-content:flex-start; + align-items: flex-start; + flex-direction:column; +} +.sheet-pc > .sheet-in-play > .sheet-buff-tab:checked ~ .sheet-buffs{ + display:grid; + 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-hlabel-container span{ + text-align:center; +} +.sheet-hlabel-container { + display:flex; + flex-direction:column; + width:100%; +} +.sheet-hlabel-container input, +.sheet-hlabel-container select{ + background-color:rgba(0, 0, 0,0.75) !important; + border-radius:5px !important; + box-shadow:0px 0px 5px #2dafeb,0px 0px 20px #0a4ba1 !important; + border-bottom:none !important; + text-align:center !important; +} +.sheet-hlabel-container select{ + line-height:14px; +} +.sheet-hlabel-container > *{ + width:100%; +} +.sheet-hlabel-container select { + padding:-5px; + margin:0px; + position:relative; + top:-1px; + height:14px !important; +} +.sheet-header-content .sheet-char-info{ + grid-template-columns:0px [char-name-start race-start home-start language-start] calc(50%/2 - 25px) [race-end hp-start] 15px [hp-end theme-start home-end align-start] calc(50%/2 - 10px) [align-end theme-end char-name-end class-start size-start deity-start] calc(50%/3 - 10px) [size-end deity-end speed-start player-start] calc(50%/3 - 5px) [speed-end gender-start] calc(50%/3 - 5px) [language-end class-end gender-end player-end]; + grid-template-rows:5px [char-name-start class-start] 1fr [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-start align-start deity-start player-start language-start] 1fr [language-end] 5px; + grid-column-gap:5px; +} +.sheet-char-name{ + grid-area:char-name; +} +.sheet-class-level { + grid-area:class; +} +.sheet-player{ + grid-area:player; +} +.sheet-home-world{ + grid-area:home; +} +.sheet-alignment{ + grid-area:align; +} +.sheet-race{ + grid-area:race; +} +.sheet-theme{ + grid-area:theme; +} +.sheet-deity{ + grid-area:deity; +} +.sheet-size{ + grid-area:size; +} +.sheet-speed { + grid-area:speed; +} +.sheet-race-hp { + grid-area:hp; +} +.sheet-gender { + grid-area:gender; +} +.sheet-language{ + grid-area:language; +} +.sheet-class-info { + grid-template-columns:[left-gutter-start] 0px [left-gutter-end] 1fr 20px repeat(2,10px) 20px repeat(3,35px) 30px 20px 30px [right-gutter-start] 0px [right-gutter-end]; + grid-column-gap:10px; + justify-content:center; + align-items:center; + justify-items:center; + overflow:hidden; +} +.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 *{ + width:100%; + height:100%; +} +input[type=radio].sheet-char-tab.sheet-class-details-tab:checked ~ .sheet-class-info { + display:grid; +} +.repcontainer .sheet-filter-container{ + position:relative; +} +.sheet-show-options, +.sheet-show-options + span { + top:0px !important; +} +.sheet-show-options{ + opacity: 0; + position: absolute; + top: -5px; + right: 0px; + width: 18px; + height: 18px; + 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-filter-container .sheet-row-options, +.sheet-skill-container .sheet-row-options, +.sheet-spell .sheet-row-options{ + display:none; +} +.sheet-filter-container .sheet-show-options:checked ~ .sheet-row-options, +.sheet-skill-container .sheet-show-options:checked ~ .sheet-row-options, +.sheet-spell .sheet-show-options:checked ~ .sheet-row-options{ + display: inherit; +} +/*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; + background-color:black; +} +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:checked ~ .sheet-modified-attr { + color:#2dafeb; + font-weight:900 !important; + font-family:Aldrich,Copperplate !important; + text-shadow:none; +} +.sheet-mod-buff:checked ~ .sheet-modified-attr:after{ + font-family:Pictos; + position:absolute; + content:'{'; +} +.sheet-mod-debuff:checked ~ .sheet-modified-attr { + color:#fa893a; + font-weight:900 !important; + font-family:Aldrich,Copperplate !important; + text-shadow:none; +} +.sheet-mod-debuff:checked ~ .sheet-modified-attr:after{ + font-family:Pictos; + position:absolute; + content:'*' !important; +} +.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; +} +.sheet-display label:hover *{ + text-shadow:0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff !important; +} +.sheet-show-options, +.sheet-show-options + span { + top:0px !important; +} +.repcontainer[data-groupname='repeating_buff'] .repitem textarea.sheet-buff-mod{ + text-indent:37px !important; +} +/*Repeating styling*/ +label.sheet-pseudo-repcontrol input{ + display:none; +} +.sheet-pseudo-repcontrol input:checked + span{ + color:#1dc1c1; + text-shadow:0px 0px 10px #28ffff,0px 0px 20px #5bffff !important; +} +.repcontainer:not([data-groupname='repeating_profession']){ + grid-area:container; + max-width:100%; + overflow:hidden; +} +.repcontainer:not([data-groupname='repeating_profession']) .sheet-first-row{ + margin-right:30px; +} +.repcontrol { + --squaredim:10pt; + justify-self:end; + width:auto; + font-size:var(--squaredim); + min-height: 27px; + margin-bottom:10px; +} +.repcontrol:not([data-groupname='repeating_profession']){ + grid-area:repcontrol; + width:100%; +} +.repcontrol .btn { + border: medium none; + color: white !important; + 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 span, +.repcontrol .repcontrol_edit::after { + visibility: visible; + font-family: pictos; + background-color: transparent; + border: 0px solid transparent; + border-radius: 2px; + font-size: var(--squaredim); + height: var(--squaredim); + width: var(--squaredim); + padding: 0px; + color: white; + position: relative; + text-shadow: 0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff; +} +.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, +.sheet-pseudo-repcontrol span{ + content: '&'; +} +.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: none; + 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-page.sheet-core { + grid-template-columns:[attribute-start skills-start initiative-start] 245px [attribute-end initiative-end] 20px [health-start] 5px [skills-end] 20px [weapons-start equipment-start] 147px [health-end] 20px [armor-start] 93px [weapons-end equipment-end] 20px [abilities-start] 68px [armor-end] 20px [saves-start xp-start] 182px [xp-end saves-end abilities-end]; + grid-template-rows:[initiative-start xp-start] 20px [initiative-end xp-end] 20px [attribute-start armor-start saves-start health-start] 158px [health-end attribute-end armor-end saves-end] 20px [skills-start abilities-start weapons-start] minmax(20px,auto) [weapons-end] 20px [equipment-start] 1fr [abilities-end equipment-end skills-end]; + grid-gap:0px; + align-items:start; +} +.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; + color:var(--backcolor); + font-weight:700!important; +} +.sheet-xp-container .sheet-currxp{ + grid-area:current; + width:100% !important; + background-color:black !important; + border-radius:5px !important; + box-shadow:0px 0px 5px #2dafeb,0px 0px 20px #0a4ba1 !important; + border-bottom:none !important; + text-align:center !important; +} +.sheet-xp-container .sheet-slash{ + grid-area:slash; + color:var(--backcolor); + text-shadow:var(--box-shadow); + font-weight:700!important; +} +.sheet-xp-container .sheet-maxxp{ + grid-area:max; + width:100% !important; + background-color:black !important; + border-radius:5px !important; + box-shadow:0px 0px 5px #2dafeb,0px 0px 20px #0a4ba1 !important; + border-bottom:none !important; + text-align:center !important; +} +.sheet-initiative-container{ + grid-area:initiative; + position:relative; +} +.sheet-initiative-container > button[type=roll]{ + margin-left:var(--ringsize); +} +.sheet-ship .sheet-bottom-section > .sheet-section-container, +.sheet-ship > .sheet-section-container, +.sheet-page > .sheet-section-container, +.sheet-settings > .sheet-section-container, +.sheet-page.sheet-spells > div > .sheet-section-container, +.sheet-page.sheet-spells > div > .sheet-spell-column > .sheet-section-container{ + display:grid; + grid-template-columns: [char-tab-start] calc(var(--wedge)*1.41) [hcontent-start] minmax(150px,auto) [char-tab-end] 1fr [hcontent-end]; + grid-template-rows: [char-tab-start class-tab-start] 20px [char-tab-end class-tab-end hcontent-start] auto [hcontent-end]; + justify-items:stretch; + align-items:stretch; +} +.sheet-section-container .sheet-section{ + grid-area:char-tab; + text-align:center; +} +.sheet-section-container h1.sheet-section{ + 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 { + grid-area:hcontent; + height:100%; + width:100%; + display:grid; + grid-template-columns: 0px [button-start] 100px [button-end mod-start] 25px [mod-end total-start] 25px [total-end pen-start] 25px [pen-end drn-start] 25px [drn-end]; + grid-column-gap:5px; + grid-row-gap:2px; + align-content:start; + overflow:hidden; + justify-items:stretch; +} +.sheet-attribute-container > *{ + 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; + width:100%; + text-align:center; + border:none; +} +.sheet-attribute-container .sheet-label{ + text-align:center; +} +.sheet-attribute-container .sheet-attr-total-container{ + grid-column:total-start / total-end; + position:relative; + padding:0px; + width:100% !important; +} +.sheet-attribute-container .sheet-attr-total-container *{ + width:100% !important; + font-size:8pt !important; + border-bottom:1px solid; + text-align:center; + height:15px; +} +.sheet-modified-attr{ + position:relative; +} +.sheet-base-attr, +.sheet-base-attr ~ .sheet-modified-attr{ + position:absolute; +} +.sheet-attribute-container > .sheet-attr-total-container > .sheet-base-attr { + opacity:0; + z-index:2; +} +.sheet-attribute-container > .sheet-attr-total-container > .sheet-base-attr:focus{ + opacity:100; +} +.sheet-base-attr:focus ~ .sheet-modified-attr{ + opacity:0; +} +.sheet-attr-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-health{ + grid-area:health; +} +.sheet-health-resolve-container, +.sheet-ac-container, +.sheet-saving-container{ + height:138px; +} +.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-columns:[label-start]40px[label-end current-start]50px[current-end slash-start] 10px [slash-end max-start] 50px [max-end]; + grid-template-rows:[stamina-start]35px[stamina-end hp-start]35px[hp-end rp-start]35px[rp-end temp-start]35px[temp-end]; +} +.sheet-current, +.sheet-slash, +.sheet-health-label { + text-align:center; + width:100% !important; +} +.sheet-health-label { + font-size:12pt !important; + font-color:black; +} +.sheet-current, +.sheet-max, +.sheet-slash { + font-size:10pt !important; +} +.sheet-health-label { + margin:auto 0px; + grid-column-start: label-start; + grid-column-end: label-end; +} +.sheet-current { + margin:auto 0px; + grid-column-start: current-start; + grid-column-end: current-end; +} +.sheet-slash { + margin:auto 0px; + grid-column-start: slash-start; + grid-column-end: slash-end; +} +.sheet-health-container .sheet-max { + margin:auto 0px; + grid-column-start: max-start; + grid-column-end: max-end; + justify-self:start; +} +.sheet-stamina { + grid-row-start:stamina-start; + grid-row-end:stamina-end; +} +.sheet-hp { + grid-row-start:hp-start; + grid-row-end:hp-end; +} +.sheet-resolve { + grid-row-start:rp-start; + grid-row-end:rp-end; +} +.sheet-temp { + grid-row-start:temp-start; + grid-row-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] 30px [tot-end] 0px [arm-start] 20px [arm-end] 0px [abi-start] 40px [abi-end]; + grid-column-gap:5px; + grid-row-gap:0px; + align-content:start; + justify-content:start; +} +.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:40px; + resize:none; + text-align:left !important; +} +.sheet-section-container.sheet-saves{ + grid-area:saves; +} +.sheet-saving-container{ + display:grid; + grid-template-columns:0px [button-start] 40px [button-end tot-start] 30px [tot-end base-start] 40px [base-end abi-start] 40px [abi-end]; + grid-column-gap:5px; + align-content:start; + justify-content:start; +} +.sheet-saving-container :not(textarea){ + text-align:center; +} +.sheet-saving-container button{ + grid-column:button-start / button-end; +} +.sheet-base{ + grid-column:base-start / base-end; + width:100%; + border:none !important; +} +.sheet-class-skill{ + grid-column:cs-start / cs-end; +} +.sheet-saving-container textarea{ + grid-column:button-start / abi-end; + height:55px; + resize:none; +} +.sheet-section-container.sheet-skills{ + grid-area:skills; +} +.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-compendium-select{ + grid-area:compendium; + width:100%; +} +.sheet-spells .sheet-compendium-select{ + display:none; +} +.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 arith-equal-start] 7px [arith-equal-end ranks-start] 25px [ranks-end arith-plus-start] 7px [arith-plus-end cs-start] 10px [cs-end arith-plus2-start] 7px [arith-plus2-end abi-start] 30px [abi-end]; + grid-column-gap:5px; + 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; +} +span.sheet-ranks, +.sheet-skills-container .sheet-display .sheet-ranks{ + width:100%; + grid-column:ranks-start; + overflow:hidden; +} +.sheet-cs { + opacity:0; + position:absolute; +} +.sheet-class-skill { + width:10px; + display:flex; + justify-content:center; + align-content:center; +} +.sheet-acp{ + position:relative; + top:3px; +} +.sheet-acp:checked + button:before { + content:'b'!important; + font-family:Pictos Three; + position:absolute; + color:white; + text-shadow:none; + left:-10px; +} +.sheet-class-skill input[type=checkbox] { + z-index:2; +} +.sheet-class-skill input[type=checkbox]:checked { + opacity:0; +} +.sheet-class-skill input[type=checkbox]:checked ~ .sheet-cs { + opacity:100; +} +.sheet-row-options{ + background-color:rgba(0, 0, 0,0.75); + border-radius:5px; + box-shadow:0px 0px 5px #2dafeb,0px 0px 20px #0a4ba1; + z-index:2; +} +.sheet-row-options .sheet-row { + display:flex; + justify-content:flex-start; +} +.sheet-row > input, +.sheet-row > select, +.sheet-row > textarea{ + margin-left:5px !important; + margin-right:5px !important; +} +.sheet-skill-container > .sheet-row-options > textarea{ + text-align:left; + height:40px; + min-height:40px; +} +.sheet-abilities{ + grid-area:abilities; +} +/*ability styling*/ +.sheet-row-options .sheet-row{ + display:flex; +} +.sheet-ability .sheet-row .sheet-attr-total-container .sheet-ability-uses, +.sheet-ability .sheet-row .sheet-attr-total-container{ + width:100px !important; +} +.sheet-abilities-container .repcontrol{ + width:100%; +} +.sheet-abi-dmg-dice, +.sheet-abi-misc, +.sheet-scalable-input{ + width:5px; + flex:1 1 auto; +} +.repcontainer[data-groupname='repeating_ability'] .repitem{ + width:100%; + margin:5px 0px 0px; + float:left; +} +.sheet-ability .sheet-display{ + display:flex; + justify-content:flex-start; +} +.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; +} +button.sheet-summary span{ + display:block; + text-align:center; + min-height:12px; + padding:2px; +} +.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{ + display:none !important; +} +.sheet-at-will:checked ~ .sheet-at-will, +.sheet-daily-limit:checked ~ .sheet-daily-limit{ + display:block !important; +} +.sheet-at-will > .sheet-label{ + width:auto; +} +.sheet-at-will > .sheet-scalable-input{ + width:calc(100% - 45px); +} +.sheet-abi-cost{ + width:200px; +} +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, +.sheet-field-tab ~ textarea{ + 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-container{ + display:inline !important; +} +.sheet-field-tab{ + z-index:10; +} +.sheet-field.sheet-label{ + display:inline; +} +.sheet-field-tab{ + position:absolute; + left:0px; + top:0px; + opacity:0; + padding:1px; +} +.sheet-filter:checked ~ .sheet-filter-container{ + 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; +} +.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-field-container{ + display:block !important; + width:100%; +} +/*Attack styling*/ +.sheet-section-container.sheet-attacks{ + grid-area:weapons; +} +.repcontainer[data-groupname='repeating_attack'] .repitem { + position:relative; + padding:0px; + margin-left:5px; + margin-top:5px; + margin-right:5px !important; +} +.repcontainer[data-groupname='repeating_attack'] { + width:100%; + padding:0px; + margin:5px 0px 0px; + overflow-y:visible; + overflow-x:hidden; +} +.repcontainer[data-groupname='repeating_attack'] .repitem .sheet-display { + width:100%; + padding:0px; + margin:0px; + display:flex; + justify-content:space-between; +} +.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-bab { + width:20px; + border-bottom:0px !important; + 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-bottom:0px !important; + color:inherit !important; + cursor:text; +} +.sheet-bulk-container, +.sheet-credits-container{ + margin-bottom:5px; + padding:0px 2px; + border: 1px solid white; + border-radius:3px; + position:relative; + text-align:center; + background-color:rgba(0, 0, 0,0.75); +} +.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-item-container{ + grid-area:items; +} +.sheet-credits-container input { + width:100% !important; +} +/*Spell Styling*/ +.sheet-page.sheet-spells{ + grid-template-columns:[column-1-start] 2fr [column-1-end column-2-start] 1fr [column-2-end]; + grid-template-rows:[column-1-start column-2-start] auto [column-1-end column-2-end]; + grid-gap:20px; +} +.sheet-page.sheet-spells > div{ + min-height:20px; + display:grid; + align-content:start; +} +.sheet-page.sheet-spells .sheet-column-1{ + grid-area:column-1; + display:grid; + grid-template-columns:[per-day-start] 1fr 1fr [per-day-end]; + grid-template-rows:[per-day-start] 170px [per-day-end] 1fr; + grid-gap:20px; + align-items:start; +} +.sheet-section-container.sheet-spells-per-day-container{ + grid-area:per-day; + grid-template-columns: [char-tab-start] calc(var(--wedge)*1.41) [hcontent-start] calc(150px - var(--wedge)*1.41*2) [class-tab-start] calc(var(--wedge)*1.41) [char-tab-end] calc(150px - var(--wedge)*1.41) [class-tab-end] 1fr [hcontent-end] !important; + justify-items:stretch; + align-items:stretch; +} +.sheet-spells-per-day-container .sheet-section2{ + grid-area:class-tab; + background-color: black !important; + border-radius: 5px !important; + box-shadow: 0px 0px 5px #2dafeb,0px 0px 20px #0a4ba1 !important; + border-bottom: none !important; + text-align: center !important; +} +.sheet-page.sheet-spells .sheet-column-2{ + grid-area:column-2; + display:grid; + grid-template-columns:1fr; + grid-template-rows:minmax(170px,auto) repeat(3,auto); + grid-gap:20px; +} +.sheet-column-1 > .sheet-spell-column{ + display:grid; + grid-template-columns:1fr; + grid-gap:20px; +} +.sheet-spellclass-details{ + overflow-x:auto; + overflow-y:hidden; + display:grid; + 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] 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-spell-column{ + width:266px; +} +.sheet-spell-column .sheet-section-container, +.sheet-page.sheet-spells .sheet-column-2 .sheet-section-container{ + min-height:140px; +} +/* 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-weapons, +.sheet-item-container{ + display:grid; + grid-template-columns:5px [container-start repcontrol-start] 20px [compendium-start] 1fr [compendium-end] 20px [container-end repcontrol-end] 5px; + grid-template-rows:5px [container-start] auto [container-end repcontrol-start compendium-start] 20px [compendium-end repcontrol-end] 0px; + grid-gap:5px; +} +.sheet-cantrips-only ~ .sheet-section-container > .sheet-section-container{ + display:grid; + grid-template-columns:5px [repcontainer-start repcontrol-start] 20px [compendium-start] 1fr [compendium-end] 20px [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-cantrips-only ~ .sheet-section-container .repcontainer{ + grid-area:repcontainer; +} +.sheet-cantrips-only ~ .sheet-section-container .repcontrol, +.sheet-cantrips-only ~ .sheet-section-container .sheet-pseudo-repcontrol{ + grid-area:repcontrol; +} +.sheet-cantrips-only ~ .sheet-section-container .repcontrol .repcontrol_add, +.sheet-cantrips-only ~ .sheet-section-container .repcontrol .repcontrol_add:before{ + display:none; +} +.sheet-cantrips-only ~ .sheet-section-container .repcontrol{ + --squaredim:10pt; + justify-self:end; + width:auto; + font-size:var(--squaredim); +} +.sheet-cantrips-only ~ .sheet-section-container .repcontrol_edit:after{ + top:-2px; + left:0px; +} +.sheet-cantrips-only ~ .sheet-section-container .sheet-pseudo-repcontrol{ + --squaredim:10pt; + justify-self:start; + width:auto; +} +.sheet-spell1:checked ~ div.sheet-aspell1, +.sheet-spell2:checked ~ div.sheet-aspell2, +.sheet-spell3:checked ~ div.sheet-aspell3, +.sheet-spell4:checked ~ div.sheet-aspell4, +.sheet-spell5:checked ~ div.sheet-aspell5, +.sheet-spell6:checked ~ div.sheet-aspell6, +.sheet-spell7:checked ~ div.sheet-aspell7, +.sheet-spell8:checked ~ div.sheet-aspell8, +.sheet-spell9:checked ~ div.sheet-aspell9{ + display:grid !important; + grid-template-columns: [char-tab-start] calc(var(--wedge)*1.41) [hcontent-start] minmax(150px,auto) [char-tab-end] 1fr [hcontent-end]; + grid-template-rows: [char-tab-start class-tab-start] 20px [char-tab-end class-tab-end hcontent-start] auto [hcontent-end]; + 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; +} +.sheet-class-spells-day{ + width:100%; + display:none !important; +} +/*settings style*/ +.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: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-starfinder > .sheet-npc{ + grid-area:settings; +} +.sheet-statblock .sheet-pseudo-repcontrol span, +.sheet-statblock .repcontrol_edit:after, +.sheet-statblock .repcontrol_add:before{ + color:black; +} +.sheet-creator div.sheet-spells{ + display:flex !important; + flex-wrap:wrap; +} +.sheet-is-caster:not(:checked) + div.sheet-spells, +.sheet-spell-button-container .sheet-class-spells:not(:checked) + button, +.sheet-is-caster:not(:checked) + label.sheet-spells{ + display:none !important; +} +.sheet-starfinder > .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 0px; + color:white; +} +.sheet-statblock input:not([type="checkbox"]):not([type="radio"]){ + border-bottom:1px solid black; +} +.sheet-statblock-header > input.sheet-char-name{ + border-bottom:0px transparent; + color:white !important; + font-weight:900; +} +.sheet-statblock-header > input.sheet-cr{ + border-color:white !important; + color:white !important; + 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 .repcontainer[data-groupname='repeating_spell']{ + display:flex; + flex-wrap:wrap; + height:auto; +} +.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; +} +.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{ + max-height:90px; + overflow:hidden; +} +.sheet-statblock .sheet-skills-row{ + display:grid; + grid-template-columns:[header-start]1fr 1fr[header-end]; + grid-column-gap:10px; + grid-row-gap:5px; +} +.sheet-statblock .sheet-row-options{ + background-color:transparent; +} +.sheet-statblock .sheet-skills-row .sheet-skill-container{ + grid-column:initial; +} +.sheet-statblock .sheet-skills-row > span{ + grid-column:header-start / header-end; +} +.sheet-statblock .sheet-skill-container .sheet-display{ + grid-template-columns:[button-start] 80px [button-end tot-start] 15px [tot-end abi-start] 30px [abi-end] 20px +} +.sheet-statblock .sheet-row .sheet-skill-container input[type='text']{ + width:2em; +} +.sheet-creator{ + height:100%; + grid-area:creator; + position:relative; + display:grid; + grid-template-columns:[content-start menu-start] 135px [menu-end import-start] 135px [import-end create-start]135px [create-end] 1fr [content-end]; + grid-template-rows:[menu-start import-start create-start] 18px [menu-end import-end create-end content-start] 1fr [content-end]; +} +.sheet-creator .sheet-in-play-tab{ + position:initial; + width:100%; + height:100%; + z-index:20; +} +.sheet-creator .sheet-section.sheet-label{ + position:initial; + top:initial; + left:initial; + text-align:center; + color:#f86f1a; + text-shadow:none; +} +.sheet-creator .sheet-menu-head{ + grid-area:menu; +} +.sheet-creator .sheet-import-head{ + grid-area:import; +} +.sheet-creator .sheet-create-head{ + grid-area:create; +} +.sheet-creator .sheet-in-play-tab:hover + h1{ + text-shadow:0px 0px 10px #f86f1a,0px 0px 20px #fc6507; +} +.sheet-creator .sheet-in-play-tab:not(:checked) + h1{ + color:white; +} +.sheet-creator .sheet-menu-tab:not(:checked) ~ .sheet-menus, +.sheet-creator .sheet-import-tab:not(:checked) ~ .sheet-import, +.sheet-creator .sheet-create-tab:not(:checked) ~ .sheet-create{ + display:none; +} +.sheet-creator .sheet-menus{ + height:140px; + flex-direction:column; + display:flex; +} +.sheet-creator .sheet-menus button[type=roll]{ + color:white !important; +} +.sheet-creator .sheet-in-play{ + grid-area:content; +} +.sheet-import-checkbox{ + display:none; +} +.sheet-import{ + display:grid; + grid-template-columns:[import-start warning-start statblock-start]55px[import-end export-start] 55px [export-end] repeat(2,auto) 1fr [warning-end statblock-end]; + grid-template-rows:[warning-start] 20px [warning-end import-start export-start] 18px [import-end export-end statblock-start] 1fr [statblock-end]; + grid-gap:5px; + padding-top:5px; + height:100%; +} +.sheet-experimental{ + grid-area:warning; + background: repeating-linear-gradient( + 45deg, + #ff8100, + #ff8100 10px, + #000000 10px, + #000000 20px + ); + text-align:center; + color:white; + font-size:13px !important; + font-weight:700; +} +.sheet-import label{ + width:auto; + height:auto; + text-shadow:none; + color:black; +} +.sheet-import-checkbox + span{ + background-color: #EFEFEF; + border: 1px solid black; + border-radius: 2px; + font-size: 12px; + padding:2px; +} +.sheet-import-checkbox:checked + span{ + color:white; + background-color:black; +} +.sheet-import-label{ + grid-area:import; +} +.sheet-export-label{ + grid-area:export; + opacity:0; + cursor:default; +} +.sheet-statblock-text{ + width:100%; + height:100%; + grid-area:statblock; +} +/*Ship Styling*/ +.sheet-starfinder > .sheet-ship{ + grid-area:settings; + grid-template-columns:[critical-start bottom-start weapon-start type-start crew-start] 1fr [shields-start] 152px [type-end crew-end] 153px [defenses-start menu-start] 152px [shields-end] 1fr [weapon-end defenses-end menu-end bottom-end critical-end]; + grid-template-rows:[type-start defenses-start] 0px [shields-start] 268px [type-end defenses-end crew-start menu-start] 209px [shields-end] 0px [crew-end menu-end weapon-start] auto [weapon-end bottom-start] auto [bottom-end critical-start] auto [critical-end]; + grid-gap:20px; +} +.sheet-ship .sheet-label-container > *{ + width:100%; +} +.sheet-ship .sheet-section-container *{ + color:white; +} +.sheet-ship .sheet-starship-type{ + grid-area:type; +} +.sheet-ship .sheet-starship-type > .sheet-section-container{ + display:grid; + grid-template-columns:5px [size-start name-start model-start speed-start maneuver-start drift-start] 1fr 20px [size-end frame-start] 1fr [speed-end maneuver-end drift-end] 20px [frame-end] 42px [model-end] 0px [name-end tier-start] 40px [tier-end] 40px; + grid-gap:5px; + align-content:start; +} +.sheet-starship-type .sheet-top-gutter{ + grid-column:name-start / tier-end; + height:5px; +} +.sheet-starship-type .sheet-ship-name{ + grid-column:name-start / name-end; +} +.sheet-starship-type .sheet-ship-tier{ + grid-column:tier-start / tier-end; +} +.sheet-starship-type .sheet-ship-make-model{ + grid-column:model-start / model-end; +} +.sheet-starship-type .sheet-ship-size{ + grid-column:size-start / size-end; +} +.sheet-starship-type .sheet-ship-frame{ + grid-column:frame-start / frame-end; +} +.sheet-starship-type .sheet-ship-speed{ + grid-column:speed-start / speed-end; +} +.sheet-starship-type .sheet-ship-maneuverability{ + grid-column:maneuver-start / maneuver-end; +} +.sheet-starship-type .sheet-ship-drift-rating{ + grid-column:drift-start / drift-end; +} +.sheet-ship .sheet-shields{ + grid-area:shields; + border-radius:50%; + background-color:white; + z-index:2; + box-shadow:var(--box-shadow); + position:relative; + overflow:hidden; + display:grid; + grid-template-columns:[hex-start port-start] 100px [port-end] 1fr [forward-start aft-start] 100px [forward-end aft-end] 1fr [starboard-start] 100px [starboard-end hex-end]; + grid-template-rows:[hex-start forward-start] 60px [forward-end] 1fr [port-start starboard-start] 60px [port-end starboard-end] 1fr [aft-start] 60px [aft-end hex-end]; + justify-items:center; + align-items:center; + align-content:center; + justify-content:center; +} +.sheet-arc-shield{ + z-index:20; + height:100%; + width:100%; + display:grid; + grid-template-columns:0px [content-start] 1fr [content-end]0px; + grid-gap:5px; + align-content:center; +} +.sheet-arc-shield *{ + grid-column:content-start / content-end; + width:100% !important; + text-align:center; + color:white; +} +.sheet-forward-shield{ + grid-area:forward; + background:radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(0% - var(--ringsize)) calc(100% + var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(100% + var(--ringsize)) calc(100% + var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + linear-gradient(135deg, var(--backcolor) var(--wedge), var(--backcolor) 0)top left/52% 52% var(--repeat) , + linear-gradient(225deg, var(--backcolor) var(--wedge), var(--backcolor) 0)top right/52% 52% var(--repeat) , + linear-gradient(315deg, transparent var(--wedge), var(--backcolor) 0)bottom right/52% 52% var(--repeat) , + linear-gradient(45deg, transparent var(--wedge), var(--backcolor) 0)bottom left/52% 52% var(--repeat) ; +} +.sheet-port-shield{ + grid-area:port; + background:radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(100% + var(--ringsize)) calc(100% + var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(100% + var(--ringsize)) calc(0% - var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + linear-gradient(135deg, var(--backcolor) var(--wedge), var(--backcolor) 0)top left/52% 52% var(--repeat) , + linear-gradient(225deg, transparent var(--wedge), var(--backcolor) 0)top right/52% 52% var(--repeat) , + linear-gradient(315deg, transparent var(--wedge), var(--backcolor) 0)bottom right/52% 52% var(--repeat) , + linear-gradient(45deg, var(--backcolor) var(--wedge), var(--backcolor) 0)bottom left/52% 52% var(--repeat) ; +} +.sheet-aft-shield{ + grid-area:aft; + background:radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(100% + var(--ringsize)) calc(0% - var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(0% - var(--ringsize)) calc(0% - var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + linear-gradient(135deg, transparent var(--wedge), var(--backcolor) 0)top left/52% 52% var(--repeat) , + linear-gradient(225deg, transparent var(--wedge), var(--backcolor) 0)top right/52% 52% var(--repeat) , + linear-gradient(315deg, var(--backcolor) var(--wedge), var(--backcolor) 0)bottom right/52% 52% var(--repeat) , + linear-gradient(45deg, var(--backcolor) var(--wedge), var(--backcolor) 0)bottom left/52% 52% var(--repeat) ; +} +.sheet-starboard-shield{ + grid-area:starboard; + background:radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(0% - var(--ringsize)) calc(100% + var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(0% - var(--ringsize)) calc(0% - var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + linear-gradient(135deg, transparent var(--wedge), var(--backcolor) 0)top left/52% 52% var(--repeat) , + linear-gradient(225deg, var(--backcolor) var(--wedge), var(--backcolor) 0)top right/52% 52% var(--repeat) , + linear-gradient(315deg, var(--backcolor) var(--wedge), var(--backcolor) 0)bottom right/52% 52% var(--repeat) , + linear-gradient(45deg, transparent var(--wedge), var(--backcolor) 0)bottom left/52% 52% var(--repeat) ; +} +.sheet-ship .sheet-shields .sheet-hex-container{ + width:100%; + height:100%; + position:absolute; + top:0px; + left:0px; + display:grid; + grid-template-rows:repeat(7,70.45px); + align-items:center; + justify-items:center; + transform:rotate(90deg); + grid-area:hex; +} +.sheet-ship .sheet-shields .sheet-hex-row{ + display:flex; +} +.sheet-ship .sheet-shields .sheet-hex-row:nth-child(even){ + position:relative; + left:-42px; +} +.sheet-center-container .sheet-center-hex{ + z-index:10; + display:grid; + align-items:center; + justify-items:center; +} +.sheet-center-hex span{ + font-size:50pt; + z-index:20; + font-family:Pictos; + transform:rotate(-45deg); + position:relative; + top:2px; + left:3px; + color:white; +} +.sheet-dual-arc{ + background-color:#64BAC9!important; +} +.sheet-line-left, +.sheet-line-right{ + position:absolute; + width:500px; + height:2px; + background-color:#01101c; + z-index:5; + grid-row:1 / -1 +} +.sheet-line-right{ + transform:rotate(29.25deg); +} +.sheet-line-left{ + transform:rotate(-29.25deg); +} +.sheet-ship .sheet-shields .sheet-hexagon { + position: relative; + width: 82.8333px; + height: 47.82px; + background-color: #ffffff; + margin: 23.91px 0; + margin-left:-1px; + border-left: solid 1px #01101c; + border-right: solid 1px #01101c; +} +.sheet-ship .sheet-shields .sheet-hexagon.sheet-even{ + position:relative; + top:-41px; +} +.sheet-ship .sheet-shields .sheet-hexagon:before, +.sheet-ship .sheet-shields .sheet-hexagon:after { + content: ""; + position: absolute; + z-index: 1; + width: 58.57px; + height: 58.57px; + -webkit-transform: scaleY(0.5774) rotate(-45deg); + -ms-transform: scaleY(0.5774) rotate(-45deg); + transform: scaleY(0.5774) rotate(-45deg); + background-color: inherit; + left: 11.1307px; +} +.sheet-ship .sheet-shields .sheet-hexagon:before { + top: -29.2860px; + border-top: solid 1.4142px #01101c; + border-right: solid 1.4142px #01101c; +} +.sheet-ship .sheet-shields .sheet-hexagon:after { + bottom: -29.2860px; + border-bottom: solid 1.4142px #01101c; + border-left: solid 1.4142px #01101c; +} +.sheet-ship .sheet-starship-defense{ + grid-area:defenses; + grid-template-columns: [hcontent-start] 1fr [char-tab-start] calc(150px - var(--wedge)*1.41) [hcontent-end] calc(var(--wedge)*1.41) [char-tab-end]; + grid-template-rows: [char-tab-start class-tab-start] 20px [char-tab-end class-tab-end hcontent-start] auto [hcontent-end]; + justify-items: stretch; + align-items: stretch; +} +.sheet-ship .sheet-starship-defense > .sheet-section, +.sheet-ship .sheet-starship-defense > .sheet-section-container, +.sheet-ship .sheet-crew > .sheet-section-container, +.sheet-ship .sheet-crew > .sheet-section,{ + background: + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(100% + var(--ringsize)) calc(100% + var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(0% - var(--ringsize)) calc(0% - var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + linear-gradient(135deg, transparent var(--wedge), var(--backcolor) 0)top left/52% 52% var(--repeat) , + linear-gradient(225deg, var(--backcolor) var(--wedge), var(--backcolor) 0)top right/52% 52% var(--repeat) , + linear-gradient(315deg, transparent var(--wedge), var(--backcolor) 0)bottom right/52% 52% var(--repeat) , + linear-gradient(45deg, var(--backcolor) var(--wedge), var(--backcolor) 0)bottom left/52% 52% var(--repeat) ; +} +.sheet-ship .sheet-starship-defense > .sheet-section-container{ + display:grid;/*157*/ + grid-template-columns:85px [ac-start] 40px [hp-start] 35px [threshold-start modifiers-start shields-start] 1fr [modifiers-end shields-end threshold-end hp-end ac-end] 5px; + grid-gap:5px; + align-content:start; +} +.sheet-starship-defense .sheet-top-gutter{ + grid-column:ac-start / ac-end; + height:5px; +} +.sheet-ship .sheet-starship-defense > .sheet-section-container > *{ +} +.sheet-starship-defense .sheet-ac-container{ + grid-column: ac-start / ac-end; + display:grid; + grid-template-columns:[row-start] 20px [row-end total-start] 40px [total-end equal-start] 10px [equal-end piloting-start] 1fr [piloting-end plus-start] 10px [plus-end armor-start] 30px [armor-end]; + grid-template-rows:[label-start] 18px [label-end ac-start] 18px [ac-end tl-start] 18px [tl-end]; + grid-gap:5px; + justify-content:end; + height:auto; +} +.sheet-starship-defense input{ + width:100%; +} +.sheet-starship-defense .sheet-ac-container .sheet-row-label{ + grid-column:row-start / row-end; +} +.sheet-starship-defense .sheet-ac-container .sheet-total{ + grid-column:total-start / total-end; +} +.sheet-starship-defense .sheet-ac-container .sheet-equal{ + grid-column:equal-start / equal-end; +} +.sheet-starship-defense .sheet-ac-container .sheet-piloting{ + grid-column:piloting-start / piloting-end; +} +.sheet-starship-defense .sheet-ac-container .sheet-plus{ + grid-column:plus-start / plus-end; +} +.sheet-starship-defense .sheet-ac-container .sheet-armor{ + grid-column:armor-start / armor-end; +} +.sheet-starship-defense .sheet-ac-container .sheet-labels{ + grid-row:label-start / label-end; +} +.sheet-starship-defense .sheet-ac-container .sheet-ac{ + grid-row:ac-start / ac-end; +} +.sheet-starship-defense .sheet-ac-container .sheet-tl{ + grid-row:tl-start / tl-end; +} +.sheet-armor.sheet-label{ + font-family:Pictos Three; +} +.sheet-starship-defense .sheet-hp-container{ + grid-column:hp-start / hp-end; + display:grid; + grid-template-columns: 0px [row-label-start] 20px [row-label-end current-start] 1fr [current-end slash-start] 5px [slash-end total-start] 1fr [total-end]; + grid-template-rows: 0px [label-start] 20px [label-end value-start] 20px [value-end]; + grid-gap:5px; +} +.sheet-starship-defense .sheet-hp-container .sheet-labels, +.sheet-starship-defense .sheet-threshold-container .sheet-labels, +.sheet-starship-defense .sheet-shields-container .sheet-labels{ + grid-row:label-start / label-end; + text-align:center; +} +.sheet-starship-defense .sheet-hp-container .sheet-value, +.sheet-starship-defense .sheet-threshold-container .sheet-value, +.sheet-starship-defense .sheet-shields-container .sheet-value{ + grid-row:value-start / value-end; + text-align:center; +} +.sheet-starship-defense .sheet-hp-container .sheet-row-label{ + grid-column:row-label-start / row-label-end; + align-self:center; + text-align:center; +} +.sheet-starship-defense .sheet-hp-container .sheet-current{ + grid-column:current-start / current-end; +} +.sheet-starship-defense .sheet-hp-container .sheet-slash{ + grid-column:slash-start / slash-end; +} +.sheet-starship-defense .sheet-hp-container .sheet-total{ + grid-column:total-start / total-end; + width:100%; +} +.sheet-ship .sheet-starship-defense .sheet-threshold-container{ + display:grid; + grid-column:threshold-start / threshold-end; + grid-template-columns:[over-label-start damage-start] 1fr [damage-end critical-start] 1fr [critical-end over-label-end]; + grid-template-rows: 0px [over-label-start] 20px [over-label-end label-start] 20px [label-end value-start] 20px [value-end]; + grid-gap:5px; +} +.sheet-ship .sheet-starship-defense .sheet-threshold-container .sheet-over-label{ + grid-area:over-label; + text-align:center; +} +.sheet-ship .sheet-starship-defense .sheet-threshold-container .sheet-damage{ + grid-column:damage-start / damage-end; +} +.sheet-ship .sheet-starship-defense .sheet-threshold-container .sheet-critical{ + grid-column:critical-start / critical-end; +} +.sheet-ship .sheet-starship-defense .sheet-shields-container{ + grid-column:shields-start / shields-end; + display:grid; + grid-template-columns:[label-start current-start]1fr [current-end slash-start] 20px [slash-end max-start] 1fr [max-end label-end]; + grid-template-rows:[label-start] 20px [label-end current-start slash-start max-start] 20px [current-end slash-end max-end]; + grid-gap:5px; + grid-auto-flow:row; +} +.sheet-ship .sheet-starship-defense .sheet-shields-container .sheet-label{ + grid-area:label; +} +.sheet-ship .sheet-starship-defense .sheet-shields-container .sheet-current{ + grid-area:current; +} +.sheet-ship .sheet-starship-defense .sheet-shields-container .sheet-max{ + grid-area:max; +} +.sheet-ship .sheet-starship-defense .sheet-shields-container .sheet-slash{ + grid-area:slash; +} +.sheet-ship .sheet-starship-defense .sheet-shields-container *{ + width:100%; + text-align:center; +} +.sheet-ship .sheet-starship-defense .sheet-modifiers-container{ + grid-column:modifiers-start / modifiers-end; + display:none; +} +.sheet-ship .sheet-starship-defense .sheet-border.sheet-left, +.sheet-ship .sheet-crew .sheet-border.sheet-left{ + align-self:end; + justify-self:start; + width:0px; + height:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-ship .sheet-starship-defense .sheet-border.sheet-top, +.sheet-ship .sheet-crew .sheet-border.sheet-top{ + align-self:start; + justify-self:end; + height:0px; + width:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-ship .sheet-starship-defense .sheet-border.sheet-right, +.sheet-ship .sheet-crew .sheet-border.sheet-right{ + align-self:start; + justify-self:end; + width:0px; + height:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-ship .sheet-starship-defense .sheet-border.sheet-bottom, +.sheet-ship .sheet-crew .sheet-border.sheet-bottom{ + align-self:end; + justify-self:start; + height:0px; + width:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-ship .sheet-starship-defense .sheet-border.sheet-corner, +.sheet-ship .sheet-crew .sheet-border.sheet-corner{ + transform:rotate(-45deg); + width:calc(var(--wedge) * 2); + height:0px; + background-color:white; +} +.sheet-border.sheet-top-left{ + align-self:start; + justify-self:start; + top:calc(var(--wedge) / 2 *1.41); + left:-2px; +} +.sheet-border.sheet-bottom-right{ + align-self:end; + justify-self:end; + top:calc(var(--wedge) / 2 *-1.41); + left:2px; +} +.sheet-ship .sheet-ship-weapons{ + grid-area:weapon; + display:grid; + grid-template-columns:[forward-start] 1fr [forward-end port-start] 1fr [port-end aft-start] 1fr [aft-end starboard-start] 1fr [starboard-end turret-start] 1fr [turret-end]; + grid-template-rows:[forward-start turret-start port-start starboard-start aft-start] minmax(60px,auto) [forward-end turret-end port-end starboard-end aft-end]; + grid-gap:5px; + align-items:start; +} +.sheet-ship .sheet-ship-weapons > .sheet-section-container{ + display:grid; + grid-template-columns: [char-tab-start] calc(var(--wedge)*1.41) [hcontent-start] calc(150px - var(--wedge)*1.41) [char-tab-end] 1fr [hcontent-end]; + grid-template-rows: [char-tab-start class-tab-start] 20px [char-tab-end class-tab-end hcontent-start] minmax(60px,auto) [hcontent-end]; + justify-items:stretch; + align-items:stretch; +} +.sheet-ship .repcontrol_add{ + display:none !important; +} +.sheet-ship .sheet-ship-weapons .sheet-forward-weapon{ + grid-area:forward; +} +.sheet-ship .sheet-ship-weapons .sheet-port-weapon{ + grid-area:port; +} +.sheet-ship .sheet-ship-weapons .sheet-aft-weapon{ + grid-area:aft; +} +.sheet-ship .sheet-ship-weapons .sheet-starboard-weapon{ + grid-area:starboard; +} +.sheet-ship .sheet-ship-weapons .sheet-turret-weapon{ + grid-area:turret; +} +.sheet-ship .sheet-crew{ + display:grid; + grid-area:crew; + grid-template-columns: [char-tab-start] calc(var(--wedge)*1.41) [hcontent-start] calc(150px - var(--wedge)*1.41) [char-tab-end] 1fr [hcontent-end]; + grid-template-rows: [hcontent-start] auto [hcontent-end char-tab-start class-tab-start] 20px [char-tab-end class-tab-end]; + justify-items: stretch; + align-items: stretch; +} +.sheet-ship .sheet-crew > .sheet-section-container{ + display:grid; + grid-template-columns:0px [captain-start gunner-start engineer-start pilot-start science-officer-start] 1fr [captain-end] 5px [engineer-end] 10px [pilot-end] 24px [science-officer-end] 35px [gunner-end] 50px ; + grid-column-gap:5px; +} +.sheet-ship .sheet-crew .sheet-top-gutter{ + grid-column:captain-start; + height:5px; +} +.sheet-ship .sheet-crew .sheet-captain{ + grid-column:captain-start; +} +.sheet-ship .sheet-crew .sheet-engineer{ + grid-column:captain-start / engineer-end; +} +.sheet-ship .sheet-crew .sheet-pilot{ + grid-column:captain-start / pilot-end; +} +.sheet-ship .sheet-crew .sheet-science-officer{ + grid-column:captain-start / science-officer-end; +} +.sheet-ship .sheet-crew .sheet-gunner{ + grid-column:captain-start / gunner-end; +} +.sheet-ship .sheet-ship-menus{ + display:grid; + grid-area:menu; + grid-template-columns: [hcontent-start] 1fr [char-tab-start] minmax(calc(150px - var(--wedge)*1.41),auto) [hcontent-end] calc(var(--wedge)*1.41) [char-tab-end]; + grid-template-rows: [hcontent-start] auto [hcontent-end char-tab-start class-tab-start] 20px [char-tab-end class-tab-end]; + justify-items: stretch; + align-items: stretch; +} +.sheet-ship .sheet-ship-menus > .sheet-section-container{ + display:grid; + grid-template-columns: 125px [power-label-start power-current-start computer-label-start computer-bonus-start] 1fr [power-current-end power-slash-start] 20px [power-slash-end power-max-start] 1fr [power-max-end power-label-end computer-label-start computer-bonus-end] 0px; + grid-template-rows:1fr [power-label-start] 20px [power-label-end power-current-start power-slash-start power-max-start] 20px [power-current-end power-slash-end power-max-end computer-label-start] 20px [computer-label-end computer-bonus-start] 20px [computer-bonus-end] 2fr; + grid-gap:5px; +} +.sheet-ship .sheet-ship-menus > .sheet-section-container .sheet-label.sheet-power{ + grid-area:power-label; + justify-self:center; +} +.sheet-ship .sheet-ship-menus > .sheet-section-container .sheet-current.sheet-power{ + grid-area:power-current; + text-align:center; + width:100%; +} +.sheet-ship .sheet-ship-menus > .sheet-section-container .sheet-slash.sheet-power{ + grid-area:power-slash; + text-align:center; + width:100%; +} +.sheet-ship .sheet-ship-menus > .sheet-section-container .sheet-max.sheet-power{ + grid-area:power-max; + text-align:center; + width:100%; +} +.sheet-ship .sheet-ship-menus > .sheet-section-container .sheet-label.sheet-computer{ + grid-area:computer-label; + justify-self:center; +} +.sheet-ship .sheet-ship-menus > .sheet-section-container .sheet-current.sheet-computer{ + grid-area:computer-bonus; + text-align:center; + width:100%; +} +.sheet-ship .sheet-bottom-section{ + grid-area:bottom; + display:grid; + grid-template-columns:[systems-start] 1fr [systems-end expansion-start] 1fr [expansion-end cargo-start] 1fr [cargo-end]; + grid-template-rows:[systems-start expansion-start cargo-start] auto [systems-end expansion-end cargo-end]; + grid-gap:20px; + align-items:start; +} +.sheet-ship .sheet-bottom-section .sheet-curr-power{ + color:white; + grid-template-columns: [char-tab-start] calc(var(--wedge)*1.41) [hcontent-start] auto [char-tab-end] 1fr [hcontent-end]; + grid-area:power; + height:100%; +} +.sheet-curr-power .sheet-section-container{ + display:grid; + grid-template-columns:0px [current-start] 1fr [current-end slash-start] 5px [slash-end max-start] 1fr [max-end] 0px; + grid-template-rows:0px [current-start slash-start max-start] 20px [current-end slash-end max-end]0px; + grid-gap:5px; + align-content:center; +} +.sheet-curr-power .sheet-section-container .sheet-current{ + grid-area:current; + width:100%; +} +.sheet-curr-power .sheet-section-container .sheet-slash{ + grid-area:slash; +} +.sheet-curr-power .sheet-section-container .sheet-max{ + grid-area:max; + width:100%; +} +.sheet-ship .sheet-systems{ + grid-area:systems; +} +.sheet-ship .sheet-expansion{ + grid-area:expansion; +} +.sheet-ship .sheet-cargo{ + grid-area:cargo; +} +.sheet-ship .sheet-critical{ + grid-area:critical; +} +.sheet-bottom-section .sheet-section-container:not(.sheet-cargo):not(.sheet-curr-power) > .sheet-section-container, +.sheet-ship-weapons .sheet-section-container > .sheet-section-container{ + display:grid; + grid-gap:5px; + grid-template-columns:5px [container-start control-start] 1fr [container-end control-end] 0px; + grid-template-rows:5px [container-start] auto [container-end control-start] 20px [control-end] 0px; +} +.sheet-bottom-section .sheet-section-container:not(.sheet-cargo) > .sheet-section-container .sheet-pseudo-repcontrol, +.sheet-ship-weapons .sheet-section-container > .sheet-section-container > .sheet-pseudo-repcontrol{ + grid-area:control; + justify-self:start; + width:auto; +} +.sheet-bottom-section .sheet-section-container:not(.sheet-cargo) > .sheet-section-container .repcontrol, +.sheet-ship-weapons .sheet-section-container > .sheet-section-container > .repcontrol{ + grid-area:control; +} +.sheet-bottom-section .sheet-section-container:not(.sheet-cargo) > .sheet-section-container .repcontainer, +.sheet-ship-weapons .sheet-section-container > .sheet-section-container > .repcontainer{ + grid-area:container; +} +.sheet-bottom-section .sheet-cargo > .sheet-section-container > *{ + grid-column:container-start / container-end; +} +.sheet-ship .sheet-cargo > .sheet-section-container > textarea{ + height:5em; + min-height:5em; +} +.sheet-ship .sheet-critical > .sheet-section-container{ + display:grid; + grid-template-columns:0px [life-support-start sensors-start weapons-start weapon-background-start engines-start power-start] 1fr [life-support-end sensors-end weapons-end engines-end power-end weapon-details-start] 1.2fr [weapon-details-end weapon-background-end] 0px; + grid-template-rows:5px [life-support-start] 45px [life-support-end sensors-start weapon-details-start] 45px [sensors-end weapons-start weapon-background-start] 20px [weapons-end weapon-background-end engines-start] 45px [engines-end power-start] 45px [power-end weapon-details-end] 5px; + grid-gap:5px; +} +.sheet-ship .sheet-critical .sheet-life-support{ + grid-area:life-support; + border-bottom:1px solid; +} +.sheet-ship .sheet-critical .sheet-sensors{ + grid-area:sensors; + border-bottom:1px solid; +} +.sheet-ship .sheet-critical .sheet-weapons{ + grid-area:weapons; + background:black; + border-bottom:1px solid; +} +.sheet-ship .sheet-critical .sheet-weapon-background{ + grid-area:weapon-background; + background:black; +} +.sheet-ship .sheet-critical .sheet-engines{ + grid-area:engines; + border-bottom:1px solid; +} +.sheet-ship .sheet-critical .sheet-power{ + grid-area:power; +} +.sheet-ship .sheet-critical .sheet-weapon-details{ + grid-area:weapon-details; + background:black; +} +.sheet-ship .sheet-critical > .sheet-section-container > div:not(.sheet-weapons):not(.sheet-weapon-details){ + display:grid; + grid-template-columns:[label-start nominal-start] 1fr [nominal-end glitch-start] 1fr [glitch-end malfunction-start] 1fr [malfunction-end wrecked-start] 1fr [label-end wrecked-end]; + grid-template-rows:[label-start] 1fr [label-end nominal-start glitch-start malfunction-start wrecked-start] 1fr [nominal-end glitch-end malfunction-end wrecked-end]; + grid-column-gap:10px; + grid-row-gap:5px; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapons{ + display:grid; + grid-template-columns:[label-start] 1fr[label-end]; + grid-template-rows:[label-start] 1fr [label-end]; + grid-column-gap:10px; + grid-row-gap:5px; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details{ + display:grid; + grid-template-columns:0px[nominal-start] 1fr[nominal-end glitch-start] 1fr [glitch-end malfunction-start] 1fr [malfunction-end wreck-start] 1fr [wreck-end] 0px; + grid-template-rows:5px[label-start] 20px [label-end status-start] 1fr [status-end] 5px; + grid-column-gap:10px; + grid-row-gap:5px; + align-items:center; + justify-items:center; +} +.sheet-ship .sheet-critical > .sheet-section-container > div:not(.sheet-weapons):not(.sheet-weapon-details) > .sheet-label{ + grid-area:label; +} +.sheet-ship .sheet-critical > .sheet-section-container > div:not(.sheet-weapons):not(.sheet-weapon-details) > .sheet-nominal{ + grid-area:nominal; + justify-self:center; + align-self:center; + width:auto; + height:auto; +} +.sheet-ship .sheet-critical > .sheet-section-container > div:not(.sheet-weapons):not(.sheet-weapon-details) > .sheet-glitch{ + grid-area:glitch; + justify-self:center; + align-self:center; + width:auto; + height:auto; +} +.sheet-ship .sheet-critical > .sheet-section-container > div:not(.sheet-weapons):not(.sheet-weapon-details) > .sheet-malfunction{ + grid-area:malfunction; + justify-self:center; + align-self:center; + width:auto; + height:auto; +} +.sheet-ship .sheet-critical > .sheet-section-container > div:not(.sheet-weapons):not(.sheet-weapon-details) > .sheet-wreck{ + grid-area:wrecked; + justify-self:center; + align-self:center; + width:auto; + height:auto; +} +.sheet-ship .sheet-on{ + color:#00ffb3; + text-shadow:0px 0px 10px #46fcc6,0px 0px 20px #00b27d; +} +.sheet-ship .sheet-critical .sheet-nominal > input:checked + span{ + color:#00ffb3; + text-shadow:0px 0px 10px #46fcc6,0px 0px 20px #00b27d; +} +.sheet-ship .sheet-critical .sheet-glitch > input:checked + span{ + color:#faff00; + text-shadow:0px 0px 10px #fcfc46,0px 0px 20px #b29d00; +} +.sheet-ship .sheet-critical .sheet-malfunction > input:checked + span{ + color:#ffaa00; + text-shadow:0px 0px 10px #fca746,0px 0px 20px #b25600; +} +.sheet-ship .sheet-critical .sheet-wreck > input:checked + span{ + color:#ff0000; + text-shadow:0px 0px 10px #fc4646,0px 0px 20px #b20000; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details > .sheet-label{ + grid-row:label-start /label-end; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details > .sheet-status{ + grid-row:status-start /status-end; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details > .sheet-nominal{ + grid-column:nominal-start /nominal-end; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details > .sheet-glitch{ + grid-column:glitch-start /glitch-end; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details > .sheet-malfunction{ + grid-column:malfunction-start /malfunction-end; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details > .sheet-wreck{ + grid-column:wreck-start /wreck-end; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details .sheet-status{ + display:grid; + grid-template-columns:repeat(2,50px); + grid-template-rows:repeat(2,50px); + grid-gap:1px; + transform:rotate(45deg); + border-radius:50%; + overflow:hidden; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details .sheet-status label{ + display:flex; + background:white; + align-content:center; + align-items:center; + flex-wrap:wrap; +} +.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details .sheet-status label span{ + color:black; + text-shadow:none; + transform:rotate(-45deg); + width:41px; +} +.sheet-weapon-details .sheet-port span{ + position:relative; + left:10px; + top:0px; + text-align:center; +} +.sheet-weapon-details .sheet-starboard span{ + position:relative; + left:5px; + top:5px; + text-align:center; +} +.sheet-weapon-details .sheet-forward span{ + position:relative; + left:10px; + top:5px; + text-align:center; +} +.sheet-weapon-details .sheet-status div{ + position:absolute; + top:0px; + left:0px; + width:100%; + height:100%; +} +.sheet-weapon-details .sheet-nominal input:checked + div{ + background:#00ffb3; +} +.sheet-weapon-details .sheet-glitch input:checked + div{ + background:#faff00; +} +.sheet-weapon-details .sheet-malfunction input:checked + div{ + background:#ffaa00; +} +.sheet-weapon-details .sheet-wreck input:checked + div{ + background:#ff0000; +} +.sheet-weapon-details .sheet-aft span{ + position:relative; + left:0px; + top:-5px; + text-align:center; +} +/*############################################################ ROLL TEMPLATES ############################################################*/ +.sheet-rolltemplate-sf_generic, +.sheet-rolltemplate-sf_attack, +.sheet-rolltemplate-sf_spell, +.sheet-rolltemplate-sf_ship_attack{ + --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; + --circlecolor:#707070; + display:grid; + grid-template-columns:[left-start] calc(24px - var(--wedge) * 1.41) [header-start] calc(var(--wedge) * 1.41) [left-end body-start footer-start] calc(var(--wedge) * 1.41) minmax(calc(120px - var(--wedge) * 2 * 1.41),1fr) [header-end] calc(var(--wedge) * 1.41) [body-end right-start] calc(var(--wedge) * 1.41) [footer-end] calc(24px - var(--wedge) * 1.41) [right-end]; + grid-template-rows:[header-start] auto [left-start] calc(var(--wedge) * 1.41) [header-end body-start] calc(var(--wedge) * 1.41) [right-start] auto [left-end] calc(var(--wedge) * 1.41) [body-end footer-start] calc(var(--wedge) * 1.41) [right-end] auto [footer-end]; + margin:0px 0px 0px -42px; + padding:10px 0px 0px 0px; + border:0px; +} +.sheet-rolltemplate-sf_generic .sheet-always-glow, +.sheet-rolltemplate-sf_attack .sheet-always-glow, +.sheet-rolltemplate-sf_spell .sheet-always-glow, +.sheet-rolltemplate-sf_ship_attack .sheet-always-glow{ + box-shadow:var(--box-shadow); + position:relative; +} +.sheet-rolltemplate-sf_generic .sheet-border-left, +.sheet-rolltemplate-sf_attack .sheet-border-left, +.sheet-rolltemplate-sf_spell .sheet-border-left, +.sheet-rolltemplate-sf_ship_attack .sheet-border-left{ + align-self:start; + justify-self:start; + width:0px; + height:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-rolltemplate-sf_generic .sheet-border-top, +.sheet-rolltemplate-sf_attack .sheet-border-top, +.sheet-rolltemplate-sf_spell .sheet-border-top, +.sheet-rolltemplate-sf_ship_attack .sheet-border-top{ + align-self:start; + justify-self:start; + height:0px; + width:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-rolltemplate-sf_generic .sheet-border-right, +.sheet-rolltemplate-sf_attack .sheet-border-right, +.sheet-rolltemplate-sf_spell .sheet-border-right, +.sheet-rolltemplate-sf_ship_attack .sheet-border-right{ + align-self:end; + justify-self:end; + width:0px; + height:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-rolltemplate-sf_generic .sheet-border-bottom, +.sheet-rolltemplate-sf_attack .sheet-border-bottom, +.sheet-rolltemplate-sf_spell .sheet-border-bottom, +.sheet-rolltemplate-sf_ship_attack .sheet-border-bottom{ + align-self:end; + justify-self:end; + height:0px; + width:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-rolltemplate-sf_generic .sheet-border-top-right, +.sheet-rolltemplate-sf_attack .sheet-border-top-right, +.sheet-rolltemplate-sf_spell .sheet-border-top-right, +.sheet-rolltemplate-sf_ship_attack .sheet-border-top-right{ + align-self:start; + justify-self:end; + top:calc(var(--wedge) / 2 *1.41); + left:2px; +} +.sheet-rolltemplate-sf_generic .sheet-border-bottom-left, +.sheet-rolltemplate-sf_attack .sheet-border-bottom-left, +.sheet-rolltemplate-sf_spell .sheet-border-bottom-left, +.sheet-rolltemplate-sf_ship_attack .sheet-border-bottom-left{ + align-self:end; + justify-self:start; + top:calc(var(--wedge) / 2 *-1.41); + left:-2px; +} +/*side bar css*/ +.sheet-rolltemplate-sf_generic .sheet-side-banner .sheet-border-left, +.sheet-rolltemplate-sf_attack .sheet-side-banner .sheet-border-left, +.sheet-rolltemplate-sf_spell .sheet-side-banner .sheet-border-left, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner .sheet-border-left{ + align-self:start; + justify-self:end; + width:0px; + height:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-rolltemplate-sf_generic .sheet-side-banner .sheet-border-top, +.sheet-rolltemplate-sf_attack .sheet-side-banner .sheet-border-top, +.sheet-rolltemplate-sf_spell .sheet-side-banner .sheet-border-top, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner .sheet-border-top{ + align-self:start; + justify-self:end; + height:0px; + width:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-rolltemplate-sf_generic .sheet-side-banner .sheet-border-right, +.sheet-rolltemplate-sf_attack .sheet-side-banner .sheet-border-right, +.sheet-rolltemplate-sf_spell .sheet-side-banner .sheet-border-right, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner .sheet-border-right{ + align-self:end; + justify-self:start; + height:0px; + width:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-rolltemplate-sf_generic .sheet-side-banner .sheet-border-bottom, +.sheet-rolltemplate-sf_attack .sheet-side-banner .sheet-border-bottom, +.sheet-rolltemplate-sf_spell .sheet-side-banner .sheet-border-bottom, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner .sheet-border-bottom{ + align-self:start; + justify-self:end; + height:0px; + width:calc(100% - var(--wedge) * 1.4); + background-color:white; +} +.sheet-rolltemplate-sf_generic .sheet-side-banner .sheet-border-top-right, +.sheet-rolltemplate-sf_attack .sheet-side-banner .sheet-border-top-right, +.sheet-rolltemplate-sf_spell .sheet-side-banner .sheet-border-top-right, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner .sheet-border-top-right{ + align-self:start; + justify-self:start; + top:calc(var(--wedge) / 2 *1.41); + left:2px; +} +.sheet-rolltemplate-sf_generic .sheet-side-banner .sheet-border-bottom-left, +.sheet-rolltemplate-sf_attack .sheet-side-banner .sheet-border-bottom-left, +.sheet-rolltemplate-sf_spell .sheet-side-banner .sheet-border-bottom-left, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner .sheet-border-bottom-left{ + align-self:end; + justify-self:end; + top:calc(var(--wedge) / 2 *-1.41); + left:-2px; +} +/*end sidebar css*/ +.sheet-rolltemplate-sf_generic .sheet-always-glow.sheet-corner, +.sheet-rolltemplate-sf_attack .sheet-always-glow.sheet-corner, +.sheet-rolltemplate-sf_spell .sheet-always-glow.sheet-corner, +.sheet-rolltemplate-sf_ship_attack .sheet-always-glow.sheet-corner{ + transform:rotate(45deg); + width:calc(var(--wedge) * 2); + height:0px; + background-color:white; +} +.sheet-rolltemplate-sf_generic .sheet-generic-header, +.sheet-rolltemplate-sf_generic .sheet-generic-footer, +.sheet-rolltemplate-sf_attack .sheet-generic-header, +.sheet-rolltemplate-sf_attack .sheet-generic-footer, +.sheet-rolltemplate-sf_spell .sheet-generic-header, +.sheet-rolltemplate-sf_spell .sheet-generic-footer, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-header, +.sheet-rolltemplate-sf_ship_attack .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-sf_generic .sheet-generic-header > div:first-child, +.sheet-rolltemplate-sf_generic .sheet-generic-footer > div:first-child, +.sheet-rolltemplate-sf_attack .sheet-generic-header > div:first-child, +.sheet-rolltemplate-sf_attack .sheet-generic-footer > div:first-child, +.sheet-rolltemplate-sf_spell .sheet-generic-header > div:first-child, +.sheet-rolltemplate-sf_spell .sheet-generic-footer > div:first-child, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-header > div:first-child, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-footer > div:first-child, +.sheet-rolltemplate-sf_generic .sheet-side-banner > div:first-child, +.sheet-rolltemplate-sf_attack .sheet-side-banner > div:first-child, +.sheet-rolltemplate-sf_spell .sheet-side-banner > div:first-child, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner > div:first-child{ + grid-area:content; +} +.sheet-rolltemplate-sf_generic .sheet-generic-header > div:not(:first-child), +.sheet-rolltemplate-sf_generic .sheet-generic-footer > div:not(:first-child), +.sheet-rolltemplate-sf_attack .sheet-generic-header > div:not(:first-child), +.sheet-rolltemplate-sf_attack .sheet-generic-footer > div:not(:first-child), +.sheet-rolltemplate-sf_spell .sheet-generic-header > div:not(:first-child), +.sheet-rolltemplate-sf_spell .sheet-generic-footer > div:not(:first-child), +.sheet-rolltemplate-sf_ship_attack .sheet-generic-header > div:not(:first-child), +.sheet-rolltemplate-sf_ship_attack .sheet-generic-footer > div:not(:first-child), +.sheet-rolltemplate-sf_generic .sheet-side-banner > div:not(:first-child), +.sheet-rolltemplate-sf_attack .sheet-side-banner > div:not(:first-child), +.sheet-rolltemplate-sf_spell .sheet-side-banner > div:not(:first-child), +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner > div:not(:first-child){ + grid-area:border; +} +.sheet-rolltemplate-sf_generic .sheet-generic-body, +.sheet-rolltemplate-sf_attack .sheet-generic-body, +.sheet-rolltemplate-sf_spell .sheet-generic-body, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-body, +.sheet-rolltemplate-sf_generic .sheet-generic-header, +.sheet-rolltemplate-sf_generic .sheet-generic-footer, +.sheet-rolltemplate-sf_attack .sheet-generic-header, +.sheet-rolltemplate-sf_attack .sheet-generic-footer, +.sheet-rolltemplate-sf_spell .sheet-generic-header, +.sheet-rolltemplate-sf_spell .sheet-generic-footer, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-header, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-footer, +.sheet-rolltemplate-sf_generic .sheet-side-banner, +.sheet-rolltemplate-sf_attack .sheet-side-banner, +.sheet-rolltemplate-sf_spell .sheet-side-banner, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner{ + background: + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(0% - var(--ringsize)) calc(100% + var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + radial-gradient(circle,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),transparent 0) calc(100% + var(--ringsize)) calc(0% - var(--ringsize))/calc(var(--ringsize) * 2) calc(var(--ringsize) * 2) var(--repeat) , + linear-gradient(135deg, var(--backcolor) var(--wedge), var(--backcolor) 0)top left/52% 52% var(--repeat) , + linear-gradient(225deg, transparent var(--wedge), var(--backcolor) 0)top right/52% 52% var(--repeat) , + linear-gradient(315deg, var(--backcolor) var(--wedge), var(--backcolor) 0)bottom right/52% 52% var(--repeat) , + linear-gradient(45deg, transparent var(--wedge), var(--backcolor) 0)bottom left/52% 52% var(--repeat) ; +} +.sheet-rolltemplate-sf_generic *, +.sheet-rolltemplate-sf_attack *, +.sheet-rolltemplate-sf_spell *, +.sheet-rolltemplate-sf_ship_attack *{ + font-family:Aldrich; + color:white; +} +.sheet-rolltemplate-sf_generic .sheet-side-banner, +.sheet-rolltemplate-sf_attack .sheet-side-banner, +.sheet-rolltemplate-sf_spell .sheet-side-banner, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner{ + writing-mode:vertical-rl; + line-height:1.4em; + 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); +} +.sheet-rolltemplate-sf_generic .sheet-side-banner > div:first-child, +.sheet-rolltemplate-sf_attack .sheet-side-banner > div:first-child, +.sheet-rolltemplate-sf_spell .sheet-side-banner > div:first-child, +.sheet-rolltemplate-sf_ship_attack .sheet-side-banner > div:first-child{ + overflow:hidden; +} +.sheet-rolltemplate-sf_generic .sheet-right, +.sheet-rolltemplate-sf_attack .sheet-right, +.sheet-rolltemplate-sf_spell .sheet-right, +.sheet-rolltemplate-sf_ship_attack .sheet-right{ + grid-area:right; + align-self:end; +} +.sheet-rolltemplate-sf_generic .sheet-left, +.sheet-rolltemplate-sf_attack .sheet-left, +.sheet-rolltemplate-sf_spell .sheet-left, +.sheet-rolltemplate-sf_ship_attack .sheet-left{ + grid-area:left; + align-self:start; + transform:rotate(180deg); +} +.sheet-rolltemplate-sf_generic .inlinerollresult, +.sheet-rolltemplate-sf_attack .inlinerollresult, +.sheet-rolltemplate-sf_spell .inlinerollresult, +.sheet-rolltemplate-sf_ship_attack .inlinerollresult{ + background-color:transparent; + border:0px transparent !important; + font-weight:700; + font-size:13pt; + text-shadow:0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff; + line-height:1.4em; +} +.sheet-rolltemplate-sf_generic a[href^="!"], +.sheet-rolltemplate-sf_attack a[href^="!"], +.sheet-rolltemplate-sf_spell a[href^="!"], +.sheet-rolltemplate-sf_ship_attack a[href^="!"], +.sheet-rolltemplate-sf_generic a[href^="~"], +.sheet-rolltemplate-sf_attack a[href^="~"], +.sheet-rolltemplate-sf_spell a[href^="~"], +.sheet-rolltemplate-sf_ship_attack a[href^="~"], +.sheet-rolltemplate-sf_generic a[href^="https"], +.sheet-rolltemplate-sf_attack a[href^="https"], +.sheet-rolltemplate-sf_spell a[href^="https"], +.sheet-rolltemplate-sf_ship_attack a[href^="https"]{ + background-color:transparent !important; + border:0px transparent !important; + color:white; + text-shadow:0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff; +} +.sheet-rolltemplate-sf_generic a[href^="!"]:hover, +.sheet-rolltemplate-sf_attack a[href^="!"]:hover, +.sheet-rolltemplate-sf_spell a[href^="!"]:hover, +.sheet-rolltemplate-sf_ship_attack a[href^="!"]:hover, +.sheet-rolltemplate-sf_generic a[href^="~"]:hover, +.sheet-rolltemplate-sf_attack a[href^="~"]:hover, +.sheet-rolltemplate-sf_spell a[href^="~"]:hover, +.sheet-rolltemplate-sf_ship_attack a[href^="~"]:hover, +.sheet-rolltemplate-sf_generic a[href^="https"]:hover, +.sheet-rolltemplate-sf_attack a[href^="https"]:hover, +.sheet-rolltemplate-sf_spell a[href^="https"]:hover, +.sheet-rolltemplate-sf_ship_attack a[href^="https"]:hover{ + text-shadow:0px 0px 10px #f86f1a,0px 0px 20px #fc6507; +} +.sheet-rolltemplate-sf_generic .inlinerollresult.fullcrit, +.sheet-rolltemplate-sf_attack .inlinerollresult.fullcrit, +.sheet-rolltemplate-sf_spell .inlinerollresult.fullcrit, +.sheet-rolltemplate-sf_ship_attack .inlinerollresult.fullcrit{ + color:#00ffb3; + text-shadow:0px 0px 10px #46fcc6,0px 0px 20px #00b27d; +} +.sheet-rolltemplate-sf_generic .inlinerollresult.fullcrit:after, +.sheet-rolltemplate-sf_attack .inlinerollresult.fullcrit:after, +.sheet-rolltemplate-sf_spell .inlinerollresult.fullcrit:after, +.sheet-rolltemplate-sf_ship_attack .inlinerollresult.fullcrit:after{ + font-family:Pictos; + content:'{'; +} +.sheet-rolltemplate-sf_generic .inlinerollresult.fullfail, +.sheet-rolltemplate-sf_attack .inlinerollresult.fullfail, +.sheet-rolltemplate-sf_spell .inlinerollresult.fullfail, +.sheet-rolltemplate-sf_ship_attack .inlinerollresult.fullfail{ + color:#ff0000; + text-shadow:0px 0px 10px #ff8c8c,0px 0px 20px #c66d6d; +} +.sheet-rolltemplate-sf_generic .inlinerollresult.fullfail:before, +.sheet-rolltemplate-sf_attack .inlinerollresult.fullfail:before, +.sheet-rolltemplate-sf_spell .inlinerollresult.fullfail:before, +.sheet-rolltemplate-sf_ship_attack .inlinerollresult.fullfail:before{ + font-family:Pictos; + content:'*'; +} +.sheet-rolltemplate-sf_generic .inlinerollresult.importantroll, +.sheet-rolltemplate-sf_attack .inlinerollresult.importantroll, +.sheet-rolltemplate-sf_spell .inlinerollresult.importantroll, +.sheet-rolltemplate-sf_ship_attack .inlinerollresult.importantroll{ + color:#0015ff; +} +.sheet-rolltemplate-sf_generic .sheet-generic-body, +.sheet-rolltemplate-sf_attack .sheet-generic-body, +.sheet-rolltemplate-sf_spell .sheet-generic-body, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-body{ + grid-template-columns:[label-start notes-start] 1fr [label-end roll-start] 1fr [roll-end notes-end]; + display:grid; + justify-content:center; + padding:12px 6px; + margin:0px; + color:#d3fdff; + border:0px transparent; + grid-area:body; + position:relative; +} +.sheet-rolltemplate-sf_generic .sheet-header, +.sheet-rolltemplate-sf_attack .sheet-header, +.sheet-rolltemplate-sf_spell .sheet-header, +.sheet-rolltemplate-sf_ship_attack .sheet-header{ + grid-area:header; +} +.sheet-rolltemplate-sf_generic .sheet-body, +.sheet-rolltemplate-sf_attack .sheet-body, +.sheet-rolltemplate-sf_spell .sheet-body, +.sheet-rolltemplate-sf_ship_attack .sheet-body{ + grid-area:body; +} +.sheet-rolltemplate-sf_generic .sheet-footer, +.sheet-rolltemplate-sf_attack .sheet-footer, +.sheet-rolltemplate-sf_spell .sheet-footer, +.sheet-rolltemplate-sf_ship_attack .sheet-footer{ + grid-area:footer; +} +.sheet-rolltemplate-sf_generic .sheet-footer, +.sheet-rolltemplate-sf_attack .sheet-footer, +.sheet-rolltemplate-sf_spell .sheet-footer, +.sheet-rolltemplate-sf_ship_attack .sheet-footer{ + grid-area:footer; +} +.sheet-rolltemplate-sf_generic .sheet-footer, +.sheet-rolltemplate-sf_attack .sheet-footer, +.sheet-rolltemplate-sf_spell .sheet-footer, +.sheet-rolltemplate-sf_ship_attack .sheet-footer{ + grid-area:footer; +} +.sheet-rolltemplate-sf_generic .sheet-generic-header, +.sheet-rolltemplate-sf_generic .sheet-generic-footer, +.sheet-rolltemplate-sf_attack .sheet-generic-header, +.sheet-rolltemplate-sf_attack .sheet-generic-footer, +.sheet-rolltemplate-sf_spell .sheet-generic-header, +.sheet-rolltemplate-sf_spell .sheet-generic-footer, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-header, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-footer{ + border:0px transparent; + max-width:100%; + line-height:1.4em; + font-size:13pt; +} +.sheet-rolltemplate-sf_generic .sheet-generic-header, +.sheet-rolltemplate-sf_attack .sheet-generic-header, +.sheet-rolltemplate-sf_spell .sheet-generic-header, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-header{ + font-weight:700; + grid-area:header; + justify-self:start; +} +.sheet-rolltemplate-sf_generic .sheet-generic-footer, +.sheet-rolltemplate-sf_attack .sheet-generic-footer, +.sheet-rolltemplate-sf_spell .sheet-generic-footer, +.sheet-rolltemplate-sf_ship_attack .sheet-generic-footer{ + margin-left:auto; + margin-right:0px; + font-style:italic; + grid-area:footer; + justify-self:end; +} +.sheet-rolltemplate-sf_generic .sheet-highlighted, +.sheet-rolltemplate-sf_attack .sheet-highlighted, +.sheet-rolltemplate-sf_spell .sheet-highlighted, +.sheet-rolltemplate-sf_ship_attack .sheet-highlighted{ + border:0px transparent; + box-shadow:0px 0px 5px #d3fdff,0px 0px 10px #91f9ff; + padding:3px; +} +.sheet-rolltemplate-sf_generic .sheet-highlighted.sheet-split.sheet-r1name, +.sheet-rolltemplate-sf_attack .sheet-highlighted.sheet-split.sheet-r1name, +.sheet-rolltemplate-sf_spell .sheet-highlighted.sheet-split.sheet-r1name, +.sheet-rolltemplate-sf_ship_attack .sheet-highlighted.sheet-split.sheet-r1name{ + border-radius:5px 0px 0px 5px; +} +.sheet-rolltemplate-sf_generic .sheet-highlighted.sheet-split.sheet-roll, +.sheet-rolltemplate-sf_attack .sheet-highlighted.sheet-split.sheet-roll, +.sheet-rolltemplate-sf_spell .sheet-highlighted.sheet-split.sheet-roll, +.sheet-rolltemplate-sf_ship_attack .sheet-highlighted.sheet-split.sheet-roll{ + border-radius:0px 5px 5px 0px; +} +.sheet-rolltemplate-sf_generic .sheet-across, +.sheet-rolltemplate-sf_attack .sheet-across, +.sheet-rolltemplate-sf_spell .sheet-across, +.sheet-rolltemplate-sf_ship_attack .sheet-across{ + grid-column:notes-start / notes-end; +} +.sheet-rolltemplate-sf_generic .sheet-r1name, +.sheet-rolltemplate-sf_attack .sheet-r1name, +.sheet-rolltemplate-sf_spell .sheet-r1name, +.sheet-rolltemplate-sf_ship_attack .sheet-r1name{ + grid-column:label-start / label-end; + display:flex; + align-content:center; + align-items:center; +} +.sheet-rolltemplate-sf_attack .sheet-attack-label, +.sheet-rolltemplate-sf_spell .sheet-attack-label, +.sheet-rolltemplate-sf_ship_attack .sheet-attack-label{ + text-align:center; + margin-top:10px; +} +.sheet-rolltemplate-sf_attack .sheet-attack-label:nth-child(1), +.sheet-rolltemplate-sf_spell .sheet-attack-label:nth-child(1), +.sheet-rolltemplate-sf_ship_attack .sheet-attack-label:nth-child(1), +.sheet-rolltemplate-sf_attack .sheet-attack-label:nth-child(2), +.sheet-rolltemplate-sf_spell .sheet-attack-label:nth-child(2), +.sheet-rolltemplate-sf_ship_attack .sheet-attack-label:nth-child(2){ + margin-top:0px; +} +.sheet-rolltemplate-sf_generic .sheet-roll, +.sheet-rolltemplate-sf_attack .sheet-roll, +.sheet-rolltemplate-sf_spell .sheet-roll, +.sheet-rolltemplate-sf_ship_attack .sheet-roll{ + grid-column:roll-start / roll-end; + display:flex; + justify-content:flex-end; + align-content:center; + align-items:center; +} +.sheet-rolltemplate-sf_generic .sheet-r1name *:nth-child(even), +.sheet-rolltemplate-sf_attack .sheet-r1name *:nth-child(even), +.sheet-rolltemplate-sf_spell .sheet-r1name *:nth-child(even), +.sheet-rolltemplate-sf_ship_attack .sheet-r1name *:nth-child(even), +.sheet-rolltemplate-sf_generic .sheet-roll *:nth-child(even), +.sheet-rolltemplate-sf_attack .sheet-roll *:nth-child(even), +.sheet-rolltemplate-sf_spell .sheet-roll *:nth-child(even), +.sheet-rolltemplate-sf_ship_attack .sheet-roll *:nth-child(even){ + margin-left:5px; + margin-right:5px; +} +.sheet-rolltemplate-sf_generic .sheet-notes-row, +.sheet-rolltemplate-sf_attack .sheet-notes-row, +.sheet-rolltemplate-sf_spell .sheet-notes-row, +.sheet-rolltemplate-sf_ship_attack .sheet-notes-row{ + border-radius: 5px; + max-height:200px; + overflow-y:auto; + overflow-x:hidden; +} +/* ########################################################################################################################################*/