mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
5145 lines
161 KiB
CSS
5145 lines
161 KiB
CSS
* {
|
|
font-family:Contrail One;
|
|
color:black;
|
|
}
|
|
.sheet-pictos{/*elements that should be using the pictos font*/
|
|
font-family:pictos;
|
|
}
|
|
.charsheet{
|
|
padding:0px!important;
|
|
}
|
|
.repitem .sheet-row,
|
|
.sheet-statblock .sheet-row{
|
|
justify-content:flex-start;
|
|
display:flex;
|
|
}
|
|
.sheet-container{
|
|
display:none;
|
|
}
|
|
input.sheet-hide-tab{
|
|
opacity:0;
|
|
z-index:10;
|
|
width:100%;
|
|
height:21px;
|
|
}
|
|
.sheet-starfinder :focus{
|
|
outline:0px solid transparent;
|
|
}
|
|
.sheet-tab-button + span,
|
|
.sheet-initiative-container,
|
|
.sheet-label,
|
|
.sheet-starfinder button[type=roll],
|
|
.sheet-starfinder button[type=action],
|
|
.sheet-starfinder button[type=compendium],
|
|
.charsheet button[type=cancel],
|
|
.charsheet button[type=submit],
|
|
.charsheet button[type=finish],
|
|
.charsheet button[type=back]{
|
|
font-weight:400 !important;
|
|
font-size:8pt;
|
|
}
|
|
.sheet-hover-react:hover span {
|
|
color: white;
|
|
}
|
|
.sheet-hover-react:hover{
|
|
background-color: #215277;
|
|
}
|
|
.sheet-starfinder .sheet-hover-react{
|
|
padding: 0px 3px;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-starfinder button[type=compendium]{
|
|
display:flex;
|
|
align-items: center;
|
|
justify-content:center;
|
|
padding:0px;
|
|
}
|
|
.sheet-starfinder button[type=compendium]:before {
|
|
margin-right: 5px;
|
|
}
|
|
[hidden='true'] {
|
|
display:none !important;
|
|
}
|
|
input:not([type='checkbox']):not([type=radio]):not(.sheet-mod):not(.sheet-id-label):not(.sheet-label):not(.sheet-class-input),
|
|
textarea,
|
|
.sheet-input-field,
|
|
.sheet-input-field *,
|
|
.sheet-pc select,
|
|
.sheet-in-play select{
|
|
border:0px solid black;
|
|
box-shadow:none;
|
|
background-color:#d7dbe0;
|
|
color:#112d42;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 5px;
|
|
padding:0px;
|
|
font-size:8pt;
|
|
font-family:Lucida Console,Monaco;
|
|
}
|
|
.sheet-starfinder input.sheet-id-label{
|
|
color:#D3D3D3;
|
|
font-size:6pt;
|
|
display:block;
|
|
border:0px;
|
|
box-shadow:none;
|
|
width:100%;
|
|
background:none;
|
|
}
|
|
.sheet-starfinder input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-starfinder 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;
|
|
margin:0px;
|
|
}
|
|
select {
|
|
border: 0px;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
padding:0px 0px 0px 0px;
|
|
position:relative;
|
|
width:auto;
|
|
height:14px;
|
|
margin:0px;
|
|
padding:0px;
|
|
text-align-last:center;
|
|
line-height:14px;
|
|
}
|
|
.sheet-npc select{
|
|
line-height:20px;
|
|
height:100%;
|
|
font-weight:8pt;
|
|
}
|
|
button[type=roll],
|
|
button[type=action],
|
|
button[type=compendium],
|
|
button[type=cancel],
|
|
button[type=submit],
|
|
button[type=finish],
|
|
button[type=back],
|
|
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;
|
|
}
|
|
.sheet-starfinder .sheet-nav{
|
|
font-size:12pt !important;
|
|
color:black;
|
|
grid-area:nav;
|
|
place-self:center;
|
|
}
|
|
input.sheet-nav{
|
|
z-index:10;
|
|
}
|
|
input.sheet-page-control[value=pc] ~ .sheet-container.sheet-pc,
|
|
input.sheet-page-control[value=npc] ~ .sheet-container.sheet-npc,
|
|
input.sheet-page-control[value=ship] ~ .sheet-container.sheet-ship{
|
|
display:grid;
|
|
}
|
|
input.sheet-nav:checked + span,
|
|
input.sheet-nav:checked ~ .sheet-in-play,
|
|
input.sheet-nav:checked ~ .sheet-container:not(.sheet-settings),
|
|
input.sheet-nav:not(:checked) + span + span,
|
|
input.sheet-page-control[value=ship] ~ .sheet-in-play{
|
|
display:none;
|
|
}
|
|
input.sheet-nav:checked ~ .sheet-container.sheet-settings{
|
|
display:grid;
|
|
}
|
|
label{
|
|
cursor:pointer;
|
|
display:inline;
|
|
position:relative;
|
|
width:auto;
|
|
}
|
|
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: black;
|
|
}
|
|
.sheet-starfinder {
|
|
display:grid;
|
|
grid-template-columns:[name-container-start pc-start disclaimer-start settings-start] 160px [name-container-end nav-start] 20px [nav-end] minmax(199px,1fr) [in-play-start] 415px[in-play-end pc-end disclaimer-end settings-end];
|
|
grid-template-rows:0px[name-container-start nav-start] auto [name-container-end settings-start nav-end pc-start in-play-start] 185px [in-play-end] auto[pc-end settings-end disclaimer-start] auto [disclaimer-end] 0px;
|
|
grid-gap:20px;
|
|
/*These lines below set css variables that are used throughout the sheet*/
|
|
--wedge:7px;
|
|
--backcolor:#1e4f79;
|
|
--circlesize:1px;
|
|
--circlebore:calc(var(--wedge) * 2 + 2px);
|
|
--ringsize:calc(var(--circlesize) + var(--circlebore));
|
|
--repeat:no-repeat; var(--repeat);
|
|
--box-shadow:0px 0px 10px 2px #64BAC9;
|
|
--circlecolor:#707070;
|
|
--borderradius:0px 4px 4px 4px;
|
|
margin-left:5px;
|
|
}
|
|
.sheet-starfinder .sheet-disclaimer{
|
|
grid-area:disclaimer;
|
|
text-shadow:none;
|
|
border:none;
|
|
}
|
|
.sheet-starfinder span.sheet-disclaimer{
|
|
z-index:-5;
|
|
height:auto;
|
|
}
|
|
.sheet-starfinder textarea.sheet-disclaimer{
|
|
height:100%;
|
|
min-height:100%;
|
|
}
|
|
.sheet-starfinder h1,
|
|
.sheet-h1 {
|
|
font-size:10pt;
|
|
line-height:inherit;
|
|
z-index:2;
|
|
text-align:center;
|
|
}
|
|
.sheet-starfinder .sheet-section,
|
|
.sheet-char-info,
|
|
.sheet-class-info,
|
|
.sheet-buffs,
|
|
.sheet-menus,
|
|
.sheet-starfinder .sheet-attribute-container,
|
|
.sheet-section-container > .sheet-section-container{/*Creates the polygonal appearance of the section containers*/
|
|
position:relative;
|
|
/**/
|
|
}
|
|
.sheet-starfinder .sheet-section{
|
|
border: 10px solid transparent;
|
|
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Starfinder%20by%20Roll20/Assets/SF_header.png') 17 27 fill repeat;
|
|
text-transform: uppercase;
|
|
font-weight: normal;
|
|
font-size: 10pt;
|
|
height: 0px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
letter-spacing: 0px;
|
|
display: inline-block;
|
|
margin-bottom: 0px;
|
|
line-height: 0px;
|
|
}
|
|
.sheet-starfinder .sheet-force-uppercase{
|
|
text-transform:uppercase;
|
|
}
|
|
.sheet-starfinder .sheet-section > *{
|
|
padding:0px;
|
|
color:white;
|
|
}
|
|
.sheet-name-container {
|
|
display:inline-block;
|
|
grid-area:name-container;
|
|
width:100%;
|
|
height:100%;
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
.sheet-nav > div{
|
|
position:relative;
|
|
grid-auto-flow:column;
|
|
justify-content:start;
|
|
align-content:center;
|
|
grid-gap:5px;
|
|
}
|
|
.sheet-starfinder > .sheet-pc {
|
|
grid-area:pc;
|
|
position:relative;
|
|
grid-template-columns: [name-container-start tab-container-start header-start]160px [name-container-end ] minmax(257px,1fr) [header-end] 20px [in-play-start] 415px [in-play-end tab-container-end];
|
|
grid-template-rows: [header-start in-play-start] 185px [header-end in-play-end] 20px [tab-container-start] auto [tab-container-end];
|
|
}
|
|
.sheet-pc > .sheet-header-content{
|
|
grid-area:header;
|
|
}
|
|
.sheet-in-play{
|
|
grid-area:in-play;
|
|
z-index:100;
|
|
}
|
|
.sheet-pc > .sheet-header-content,
|
|
.sheet-in-play{
|
|
display:grid;
|
|
grid-template-columns: [char-tab-start] 5px [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*2) [third-tab-start] calc(var(--wedge)*1.41) [class-tab-end] calc(150px - var(--wedge)*1.41*2) [third-tab-end] 1fr [hcontent-end];
|
|
grid-template-rows: [char-tab-start class-tab-start third-tab-start] 19px [hcontent-start] 1px [third-tab-end char-tab-end class-tab-end] auto [hcontent-end];
|
|
justify-items:stretch;
|
|
align-items:stretch;
|
|
position:relative;
|
|
/*background:
|
|
url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-thin.png") top left/15px no-repeat,
|
|
url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-wide.png") bottom right/176.5px no-repeat;*/
|
|
}
|
|
.sheet-header-content > .sheet-char-details,
|
|
.sheet-in-play > .sheet-menu-tab{
|
|
grid-area:char-tab;
|
|
text-align:center;
|
|
}
|
|
.sheet-header-content > .sheet-class-details,
|
|
.sheet-in-play > .sheet-buff-tab{
|
|
grid-area:class-tab;
|
|
text-align:center;
|
|
}
|
|
.sheet-in-play > .sheet-condition-tab,
|
|
.sheet-header-content > .sheet-third-tab{
|
|
grid-area:third-tab;
|
|
}
|
|
.sheet-pc > .sheet-header-content > .sheet-char-info,
|
|
.sheet-pc > .sheet-header-content > .sheet-class-info,
|
|
.sheet-pc > .sheet-header-content > .sheet-spellclass-details,
|
|
.sheet-starfinder .sheet-in-play > .sheet-buffs,
|
|
.sheet-starfinder .sheet-in-play > .sheet-menus,
|
|
.sheet-starfinder .sheet-in-play > .sheet-conditions{
|
|
display:none;
|
|
grid-area:hcontent;
|
|
flex-wrap:wrap;
|
|
border:black solid 1px;
|
|
border-radius:var(--borderradius);
|
|
/*overflow:hidden;*/
|
|
}
|
|
.sheet-border{
|
|
position:relative;
|
|
}
|
|
.sheet-border.sheet-left{
|
|
align-self:start;
|
|
justify-self:start;
|
|
width:0px;
|
|
height:calc(100% - var(--wedge) * 1.4);
|
|
background-color:white;
|
|
}
|
|
.sheet-border.sheet-top{
|
|
align-self:start;
|
|
justify-self:start;
|
|
height:0px;
|
|
width:calc(100% - var(--wedge) * 1.4);
|
|
background-color:white;
|
|
}
|
|
.sheet-border.sheet-right{
|
|
align-self:end;
|
|
justify-self:end;
|
|
width:0px;
|
|
height:calc(100% - var(--wedge) * 1.4);
|
|
background-color:white;
|
|
}
|
|
.sheet-border.sheet-bottom{
|
|
align-self:end;
|
|
justify-self:end;
|
|
height:0px;
|
|
width:calc(100% - var(--wedge) * 1.4);
|
|
background-color:white;
|
|
}
|
|
.sheet-border.sheet-corner{
|
|
transform:rotate(45deg);
|
|
width:calc(var(--wedge) * 2);
|
|
height:0px;
|
|
background-color:white;
|
|
grid-column:1/-1 !important;
|
|
position:absolute;
|
|
}
|
|
.sheet-hide-tab:checked + .sheet-section{
|
|
z-index:11;
|
|
}
|
|
.sheet-hide-tab:not(:checked):not(:hover) + .sheet-section{
|
|
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Starfinder%20by%20Roll20/Assets/SF_header_unselected.png') 17 27 fill repeat;
|
|
z-index:-1;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section-check:not(:checked) + .sheet-head{
|
|
z-index:-1;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section-check:not(:checked):not(:hover) + .sheet-head{
|
|
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Starfinder%20by%20Roll20/Assets/SF_header_unselected.png') 17 27 fill repeat;
|
|
z-index:-4;
|
|
}
|
|
.sheet-pc > .sheet-header-content > .sheet-char-details:checked ~ .sheet-char-details.sheet-border,
|
|
.sheet-pc > .sheet-header-content > .sheet-class-details:checked ~ .sheet-class-details.sheet-border,
|
|
.sheet-in-play > .sheet-menu-tab:checked ~ .sheet-menu-tab.sheet-border,
|
|
.sheet-in-play > .sheet-buff-tab:checked ~ .sheet-buff-tab.sheet-border{
|
|
z-index:11;
|
|
box-shadow:var(--box-shadow);
|
|
}
|
|
.sheet-pc > .sheet-header-content > .sheet-char-details:checked ~ .sheet-char-info,
|
|
.sheet-pc > .sheet-header-content > .sheet-class-details:checked ~ .sheet-class-info,
|
|
.sheet-pc > .sheet-header-content > .sheet-spells:checked ~ .sheet-spellclass-details{
|
|
display:grid;
|
|
}
|
|
.sheet-spellclass-details{
|
|
overflow-x:auto;
|
|
overflow-y:visible;
|
|
grid-template-columns: 0px [class-1-start] auto [class-1-end class-2-start] auto [class-2-end class-3-start] auto [class-3-end class-4-start] auto [class-4-end class-5-start] auto [class-5-end] 1fr 0px;
|
|
grid-template-rows:5px [class-1-start class-2-start class-3-start class-4-start class-4-start] 120px [class-1-end class-2-end class-3-end class-4-end class-4-end] 0px;
|
|
grid-gap:10px;
|
|
grid-auto-flow:column;
|
|
justify-content:start;
|
|
align-content:start;
|
|
}
|
|
.sheet-spellclass-details > .sheet-spellclass-container,
|
|
.sheet-spellclass-details > .sheet-spellclass-container,
|
|
.sheet-spellclass-details > .sheet-spellclass-container,
|
|
.sheet-spellclass-details > .sheet-spellclass-container,
|
|
.sheet-spellclass-details > .sheet-spellclass-container,
|
|
.sheet-spellclass-details > .sheet-gutter{
|
|
grid-row:class-1-start;
|
|
}
|
|
.sheet-in-play > .sheet-menu-tab:checked ~ .sheet-menus{
|
|
display: flex!important;
|
|
justify-content:flex-start;
|
|
align-items: flex-start;
|
|
flex-direction:column;
|
|
}
|
|
.sheet-in-play > .sheet-buff-tab:checked ~ .sheet-buffs{
|
|
display:grid!important;
|
|
grid-template-columns:0px [container-start repcontrol-start] 1fr [container-end repcontrol-end] 0px;
|
|
grid-template-rows:0px [container-start] 1fr [container-end repcontrol-start] 20px [repcontrol-end] 0px;
|
|
grid-gap:5px;
|
|
overflow:hidden;
|
|
}
|
|
.sheet-in-play > .sheet-condition-tab:checked ~ .sheet-conditions{
|
|
display:grid;
|
|
grid-template-columns:repeat(4,1fr);
|
|
grid-gap:5px;
|
|
padding:5px;
|
|
overflow-y:scroll;
|
|
overflow-x:hidden;
|
|
}
|
|
.sheet-starfinder .sheet-in-play > .sheet-conditions .repcontainer[data-groupname='repeating_condition']{
|
|
display:grid;
|
|
grid-template-columns:1fr 1fr;
|
|
grid-gap:5px;
|
|
}
|
|
.sheet-span-all{
|
|
grid-column:1/-1;
|
|
}
|
|
.repcontainer[data-groupname='repeating_condition'] .sheet-display > input{
|
|
width:100%;
|
|
}
|
|
.sheet-track-container .sheet-tracks{
|
|
display:grid;
|
|
grid-template-columns:repeat(8,auto);
|
|
margin:2px 0px;
|
|
}
|
|
.sheet-track-container .sheet-tracks > label{
|
|
align-self:start;
|
|
width:auto;
|
|
}
|
|
.sheet-track-container .sheet-specific-track{
|
|
display:none;
|
|
place-items:center;
|
|
}
|
|
.sheet-track-container .sheet-tracks > label span{
|
|
padding:0px 5px;
|
|
border:1px solid black;
|
|
border-radius:5px;
|
|
background-color:white;
|
|
}
|
|
.sheet-track-container .sheet-tracks > label:hover > .sheet-healthy ~ span,
|
|
.sheet-track-container .sheet-tracks > label .sheet-healthy:checked ~ span{
|
|
background-color:#65d8fa;
|
|
}
|
|
.sheet-track-container .sheet-tracks > label:hover > .sheet-dead ~ span,
|
|
.sheet-track-container .sheet-tracks > label .sheet-dead:checked ~ span{
|
|
background-color:#fa893a;
|
|
}
|
|
.sheet-track-filter[value*="physical_track"] ~ .sheet-physical,
|
|
.sheet-track-filter[value*="mental_track"] ~ .sheet-mental,
|
|
.sheet-track-filter[value*="strength_track"] ~ .sheet-strength,
|
|
.sheet-track-filter[value*="dexterity_track"] ~ .sheet-dexterity,
|
|
.sheet-track-filter[value*="constitution_track"] ~ .sheet-constitution,
|
|
.sheet-track-filter[value*="intelligence_track"] ~ .sheet-intelligence,
|
|
.sheet-track-filter[value*="wisdom_track"] ~ .sheet-wisdom,
|
|
.sheet-track-filter[value*="charisma_track"] ~ .sheet-charisma{
|
|
display:grid;
|
|
}
|
|
.sheet-track-container .sheet-specific-track:not(.sheet-physical),
|
|
.sheet-track-container .sheet-specific-track:not(.sheet-mental){
|
|
grid-template-columns:repeat(4,1fr)
|
|
}
|
|
.sheet-track-container .sheet-specific-track.sheet-physical,
|
|
.sheet-track-container .sheet-specific-track.sheet-mental{
|
|
grid-template-columns:repeat(6,1fr)
|
|
}
|
|
label.sheet-tactical-condition > span,
|
|
div.sheet-tactical-condition > input[type=hidden] + span{
|
|
width:100%;
|
|
height:12px;
|
|
display:block;
|
|
text-align:center;
|
|
}
|
|
div.sheet-tactical-condition{
|
|
display:grid;
|
|
grid-template-columns:20px 1fr;
|
|
grid-template-rows:1fr;
|
|
grid-gap:5px;
|
|
align-items:top;
|
|
height:12px;
|
|
overflow:hidden;
|
|
place-items:center;
|
|
place-content:center;
|
|
}
|
|
|
|
div.sheet-tactical-condition > input[type=number]{
|
|
width:100%;
|
|
height:12px;
|
|
}
|
|
.sheet-tactical-condition > input:checked + span,
|
|
div.sheet-tactical-condition > .sheet-encumbrance:in-range + span{
|
|
background-color:#fa893a !important;
|
|
}
|
|
.sheet-tactical-condition > input:checked + span:after{
|
|
content:'e';
|
|
font-family:pictos;
|
|
position:absolute;
|
|
}
|
|
.sheet-hlabel-container span{
|
|
text-align:center;
|
|
}
|
|
.sheet-hlabel-container {
|
|
display:flex;
|
|
flex-direction:column;
|
|
width:100%;
|
|
}
|
|
.sheet-starfinder .sheet-hlabel-container input,
|
|
.sheet-starfinder .sheet-hlabel-container select{
|
|
text-align:center !important;
|
|
}
|
|
.sheet-starfinder .sheet-header-content .sheet-hlabel-container select{
|
|
padding:-5px;
|
|
margin:0px;
|
|
position:relative;
|
|
top:-1px;
|
|
height:20px;
|
|
line-height:14px;
|
|
}
|
|
.charsheet .sheet-starfinder .sheet-hlabel-container > *,
|
|
.charsheet .sheet-starfinder .sheet-hlabel-container > input{
|
|
width:100%;
|
|
}
|
|
.sheet-header-content .sheet-char-info{
|
|
grid-template-columns:0px [char-name-start race-start home-start language-start] 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] 1fr;
|
|
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-end align-end deity-end player-end 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;
|
|
grid-row-gap:10px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
justify-items:center;
|
|
}
|
|
.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 :not(div){
|
|
width:100% !important;
|
|
height:100%;
|
|
}
|
|
.sheet-class-info .sheet-class-spells{
|
|
background:transparent;
|
|
}
|
|
input[type=radio].sheet-char-tab.sheet-class-details-tab:checked ~ .sheet-class-info {
|
|
display:grid;
|
|
}
|
|
.repcontainer .repitem:not(:last-child) .sheet-filter-container,
|
|
.repcontainer .repitem:not(:last-child) .sheet-spell{
|
|
margin-bottom:5px;
|
|
}
|
|
.sheet-starfinder input.sheet-show-options,
|
|
.sheet-show-options + span {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.sheet-show-options{
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: -5px;
|
|
right: 0px;
|
|
z-index: 6;
|
|
top: -5px;
|
|
right: 0px;
|
|
}
|
|
.sheet-show-options + span{
|
|
position: absolute;
|
|
top: -5px;
|
|
right: 0px;
|
|
white-space: nowrap;
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 20px;
|
|
font-family: pictos;
|
|
color: #A0A0A0;
|
|
cursor: pointer;
|
|
margin-top: 0px;
|
|
opacity: 0;
|
|
z-index:5;
|
|
}
|
|
.sheet-filter-container:hover .sheet-show-options +span,
|
|
.sheet-skill-container:hover .sheet-show-options +span,
|
|
.sheet-statblock .sheet-spell:hover .sheet-show-options +span{
|
|
opacity:100;
|
|
}
|
|
.sheet-starfinder .sheet-filter-container .sheet-show-options:not(:checked) ~ .sheet-row-options,
|
|
.sheet-starfinder .sheet-skill-container .sheet-show-options:not(:checked) ~ .sheet-row-options,
|
|
.sheet-starfinder .sheet-spell .sheet-show-options:not(:checked) ~ .sheet-row-options{
|
|
display: none;
|
|
}
|
|
.sheet-starfinder .sheet-filter-container .sheet-display .sheet-button-description > *:not(button):not(.sheet-expand-button),
|
|
.sheet-starfinder .sheet-spell .sheet-display .sheet-button-description > *:not(button):not(.sheet-expand-button){
|
|
background-color:#bcc9d6;
|
|
display:block;
|
|
height:100%;
|
|
width:100%;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-starfinder .sheet-filter-container .sheet-display .sheet-button-description > *:not(:first-child):not(.sheet-expand-button),
|
|
.sheet-starfinder .sheet-spell .sheet-display .sheet-button-description > *:not(:first-child):not(.sheet-expand-button){
|
|
text-align:center;
|
|
}
|
|
.sheet-starfinder .sheet-filter-container .sheet-display .sheet-button-description > button,
|
|
.sheet-starfinder .sheet-spell .sheet-display .sheet-button-description > button{
|
|
display:block;
|
|
height:100%;
|
|
width:100%;
|
|
z-index:2;
|
|
}
|
|
.sheet-display .sheet-button-description .sheet-expand-button{
|
|
position:absolute;
|
|
place-self:start;
|
|
width:auto;
|
|
z-index:10;
|
|
}
|
|
.sheet-display .sheet-button-description:not(:hover) > label{
|
|
display:none;
|
|
}
|
|
.sheet-display .sheet-button-description .sheet-expand-description:not(:checked) ~ .sheet-expanded{
|
|
display:none;
|
|
}
|
|
.sheet-display .sheet-button-description .sheet-expand-description:checked ~ .sheet-collapsed{
|
|
display:none;
|
|
}
|
|
.sheet-display .sheet-expand-description:not([value*="1"]) ~ .sheet-description{
|
|
display:none;
|
|
}
|
|
.sheet-starfinder .sheet-filter-container.sheet-condition .sheet-display .sheet-button-description{
|
|
display:grid;
|
|
grid-template-columns:1fr;
|
|
grid-template-rows:23px;
|
|
position:relative;
|
|
}
|
|
.sheet-starfinder .sheet-filter-container:not(.sheet-condition) .sheet-display .sheet-button-description,
|
|
.sheet-item-container > .sheet-button-description,
|
|
.sheet-abilities-container > .sheet-button-description,
|
|
.sheet-weapons > .sheet-button-description{
|
|
display:grid;
|
|
grid-template-columns:3fr repeat(4,1fr);
|
|
grid-column-gap:5px;
|
|
position:relative;
|
|
}
|
|
.sheet-starfinder .sheet-filter-container .sheet-display .sheet-button-description > button{
|
|
position:absolute;
|
|
grid-column:1/6;
|
|
}
|
|
/*buff styling*/
|
|
.sheet-starfinder .sheet-in-play .repcontainer[data-groupname='repeating_buff'] {
|
|
width:100%;
|
|
max-height:100%;
|
|
overflow-y:scroll!important;
|
|
overflow-x:hidden;
|
|
display:block;
|
|
grid-template-columns:1fr 1fr;
|
|
}
|
|
.sheet-buffs .sheet-filter-container{
|
|
width:100%;
|
|
}
|
|
.sheet-starfinder .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem{
|
|
display:inline-block;
|
|
width:49%;
|
|
margin:5px 0px 0px;
|
|
}
|
|
.sheet-starfinder .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem:nth-child(odd){
|
|
float:left;
|
|
margin-right:5px;
|
|
}
|
|
.sheet-starfinder .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem:nth-child(even){
|
|
float:right;
|
|
}
|
|
.sheet-row-options .sheet-buff-name{
|
|
width:100% !important;
|
|
margin:5px 0px;
|
|
}
|
|
.sheet-mod-container {
|
|
position:relative;
|
|
margin:0px;
|
|
}
|
|
.sheet-mod-container > span{
|
|
position:absolute;
|
|
top:0px;
|
|
}
|
|
textarea.sheet-buff-mod,
|
|
textarea.sheet-item-mods{
|
|
width:100%;
|
|
height:40px;
|
|
margin:0px;
|
|
max-width:100%;
|
|
overflow-y:hidden;
|
|
overflow-x:hidden;
|
|
}
|
|
.sheet-encumbered:checked ~ .sheet-encumber {
|
|
color:white !important;
|
|
background-color:#333398;
|
|
}
|
|
.sheet-overburdened:checked ~ .sheet-overburden {
|
|
color:white !important;
|
|
background-color:#333398;
|
|
}
|
|
.sheet-mod-buff[value*="1"] ~ .sheet-modified-attr {
|
|
color:#2dafeb;
|
|
font-weight:900 !important;
|
|
text-shadow:none;
|
|
font-family:Contrail One;
|
|
}
|
|
.sheet-mod-buff[value*="1"] ~ .sheet-modified-attr:after{
|
|
font-family:Pictos;
|
|
content:'{';
|
|
position:absolute;
|
|
}
|
|
.sheet-mod-buff[value*="-1"] ~ .sheet-modified-attr {
|
|
color:#fa893a;
|
|
font-weight:900 !important;
|
|
text-shadow:none;
|
|
font-family:Contrail One;
|
|
}
|
|
.sheet-mod-buff[value*="-1"] ~ .sheet-modified-attr:after{
|
|
font-family:Pictos;
|
|
content:'{';
|
|
position:absolute;
|
|
transform:rotate(180deg);
|
|
transform-origin:center 45%;
|
|
}/*
|
|
.repcontainer:not([data-groupname='repeating_profession']) .sheet-modified-attr:after{
|
|
position:relative!important;
|
|
}*/
|
|
.sheet-display .sheet-buff-name {
|
|
display:block;
|
|
width:145px;
|
|
height:20px;
|
|
float:right;
|
|
}
|
|
.sheet-display input[type=checkbox]:not(:checked) + .sheet-buff-name {
|
|
text-shadow:none;
|
|
}
|
|
.sheet-display input[type=checkbox]:checked + .sheet-buff-name {
|
|
color:#96ddff;
|
|
text-shadow:0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff;
|
|
}
|
|
.repcontainer[data-groupname='repeating_buff'] .repitem textarea.sheet-buff-mod{
|
|
text-indent:37px !important;
|
|
}
|
|
/*Repeating styling*/
|
|
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']):not([data-groupname='repeating_condition']){
|
|
grid-area:container;
|
|
max-width:100%;
|
|
grid-template-columns:1fr;
|
|
grid-gap:5px;
|
|
align-content:start;
|
|
}
|
|
.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;
|
|
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;
|
|
position: relative;
|
|
}
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: '(';
|
|
}
|
|
.repcontrol .repcontrol_edit:after,
|
|
.repcontrol .repcontrol_add:before{
|
|
top:-2px;
|
|
left:0px;
|
|
}
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ')';
|
|
}
|
|
.repcontrol .repcontrol_add:before,
|
|
.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-row-options > textarea{
|
|
width:100%;
|
|
}
|
|
.sheet-pc > .sheet-tab-container{
|
|
position:relative;
|
|
display:grid;
|
|
grid-area:tab-container;
|
|
grid-template-columns:[page-start] 1fr [page-end];
|
|
grid-template-rows:[page-start] auto [page-end];
|
|
align-items:start;
|
|
}
|
|
.sheet-page{
|
|
display:grid;
|
|
grid-area:page;
|
|
}
|
|
input[type=radio].sheet-tab-button.sheet-core:checked ~ .sheet-page.sheet-core,
|
|
input[type=radio].sheet-tab-button.sheet-bio:checked ~ .sheet-page.sheet-bio,
|
|
input[type=radio].sheet-tab-button.sheet-abilities:checked ~ .sheet-page.sheet-abilities,
|
|
input[type=radio].sheet-tab-button.sheet-spells:checked ~ .sheet-page.sheet-spells,
|
|
input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-options{
|
|
display:grid;
|
|
}
|
|
.sheet-proficiency-section .sheet-section-container{
|
|
display:grid;
|
|
grid-template-columns:0px repeat(5,1fr)0px;
|
|
grid-template-rows:5px 20px 20px 5px 20px 20px 5px;
|
|
grid-template-areas:". . . . . . ."/*top gutter*/
|
|
". light-label heavya-label power-label basic-label advanced-label ."/*top label*/
|
|
". light-select heavya-select power-select basic-select advanced-select ."/*top select*/
|
|
"gutter gutter gutter gutter gutter gutter gutter"/*middle gutter*/
|
|
". small-label longarm-label heavyw-label grenade-label sniper-label ."/*bottom label*/
|
|
". small-select longarm-select heavyw-select grenade-select sniper-select ."/*bottom select*/
|
|
". . . . . . ."/*bottom gutter*/;
|
|
text-align:center;
|
|
grid-column-gap:5px;
|
|
position:relative;
|
|
}
|
|
.sheet-proficiency-section span.sheet-light-armor{
|
|
grid-area:light-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-light-armor{
|
|
grid-area:light-select;
|
|
}
|
|
.sheet-proficiency-section span.sheet-heavy-armor{
|
|
grid-area:heavya-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-heavy-armor{
|
|
grid-area:heavya-select;
|
|
}
|
|
.sheet-proficiency-section span.sheet-power-armor{
|
|
grid-area:power-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-power-armor{
|
|
grid-area:power-select;
|
|
}
|
|
.sheet-proficiency-section span.sheet-basic-melee{
|
|
grid-area:basic-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-basic-melee{
|
|
grid-area:basic-select;
|
|
}
|
|
.sheet-proficiency-section span.sheet-advanced-melee{
|
|
grid-area:advanced-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-advanced-melee{
|
|
grid-area:advanced-select;
|
|
}
|
|
.sheet-proficiency-section .sheet-prof-gutter{
|
|
grid-area:gutter;
|
|
}
|
|
.sheet-proficiency-section span.sheet-small-arms{
|
|
grid-area:small-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-small-arms{
|
|
grid-area:small-select;
|
|
}
|
|
.sheet-proficiency-section span.sheet-longarms{
|
|
grid-area:longarm-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-longarms{
|
|
grid-area:longarm-select;
|
|
}
|
|
.sheet-proficiency-section span.sheet-heavy-weapons{
|
|
grid-area:heavyw-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-heavy-weapons{
|
|
grid-area:heavyw-select;
|
|
}
|
|
.sheet-proficiency-section span.sheet-grenades{
|
|
grid-area:grenade-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-grenades{
|
|
grid-area:grenade-select;
|
|
}
|
|
.sheet-proficiency-section span.sheet-snipers{
|
|
grid-area:sniper-label;
|
|
}
|
|
.sheet-proficiency-section select.sheet-snipers{
|
|
grid-area:sniper-select;
|
|
}
|
|
.sheet-page.sheet-core {
|
|
grid-template-columns:[skills-start attribute-start]1fr[skills-end attribute-end initiative-start health-start armor-start repeating-start proficiency-start] 1fr [initiative-end armor-end saves-start xp-start] 1fr [xp-end health-end saves-end proficiency-end repeating-end];
|
|
grid-template-rows:[attribute-start initiative-start xp-start] 20px [initiative-end xp-end health-start] 94px [health-end armor-start saves-start] 26px [attribute-end skills-start] 136px [armor-end saves-end repeating-start] auto [repeating-end skills-end];
|
|
grid-gap:20px;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat{
|
|
grid-area:repeating;
|
|
display:grid;
|
|
grid-template-columns: [equipment-tab-start proficiency-tab-start] 5px [hcontent-start] calc(140px - var(--wedge)*1.41*2) [attack-tab-start] calc(var(--wedge)*1.41) [equipment-tab-end] calc(140px - var(--wedge)*1.41*2) [proficiency-tab-end ability-tab-start] calc(var(--wedge)*1.41) [attack-tab-end] calc(140px - var(--wedge)*1.41*2) [spell-tab-start] calc(var(--wedge)*1.41) [ability-tab-end] calc(140px - var(--wedge)*1.41) [spell-tab-end] 1fr [hcontent-end];
|
|
grid-template-rows: [proficiency-tab-start] 19px [equipment-tab-start attack-tab-start ability-tab-start spell-tab-start] 1px [proficiency-tab-end] 19px [hcontent-start] 1px [equipment-tab-end attack-tab-end ability-tab-end spell-tab-end] 1fr [hcontent-end];
|
|
justify-items:stretch;
|
|
align-items:stretch;
|
|
align-self:start;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-items{
|
|
grid-area:equipment-tab;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-attacks{
|
|
grid-area:attack-tab;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-abilities{
|
|
grid-area:ability-tab;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-spells{
|
|
grid-area:spell-tab;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-proficiencies-tab{
|
|
grid-area:proficiency-tab;
|
|
}
|
|
.sheet-combat .sheet-weapons,
|
|
.sheet-combat .sheet-equipment,
|
|
.sheet-combat .sheet-abilities-container,
|
|
.sheet-combat .sheet-spell-containers,
|
|
.sheet-combat .sheet-proficiency-section{
|
|
grid-area:hcontent;
|
|
border-radius:var(--borderradius);
|
|
display:none;
|
|
}
|
|
.sheet-combat .sheet-weapons,
|
|
.sheet-combat .sheet-equipment,
|
|
.sheet-combat .sheet-abilities-container{
|
|
border:black solid 1px;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section-check{
|
|
width:100%;
|
|
height:100%;
|
|
opacity:0;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section-check:checked + .sheet-head{
|
|
z-index:10;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-items:checked ~ .sheet-equipment,
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-attacks:checked ~ .sheet-weapons,
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-abilities:checked ~ .sheet-abilities-container,
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-spells:checked ~ .sheet-spell-containers{
|
|
display:grid;
|
|
}
|
|
.sheet-page.sheet-core .sheet-combat .sheet-section.sheet-proficiencies-tab:checked ~ .sheet-proficiency-section{
|
|
display:block;
|
|
}
|
|
.sheet-xp-container{
|
|
grid-area:xp;
|
|
display:grid;
|
|
grid-template-columns:0px [label-start] 30px [label-end current-start] 1fr [current-end slash-start] 20px [slash-end max-start] 1fr [max-end] 0px;
|
|
grid-template-rows:[label-start current-start slash-start max-start] 1fr [label-end current-end slash-end max-end];
|
|
}
|
|
.sheet-xp-container .sheet-label{
|
|
grid-area:label;
|
|
font-weight:700!important;
|
|
}
|
|
.sheet-starfinder .sheet-xp-container .sheet-currxp{
|
|
grid-area:current;
|
|
width:calc(100% - 2px);
|
|
border-radius:5px;
|
|
}
|
|
.sheet-xp-container .sheet-slash{
|
|
grid-area:slash;
|
|
text-shadow:var(--box-shadow);
|
|
font-weight:700!important;
|
|
}
|
|
.sheet-starfinder .sheet-xp-container .sheet-maxxp{
|
|
grid-area:max;
|
|
width:calc(100% - 2px);
|
|
border-radius:5px;
|
|
}
|
|
/*Initiative Styling*/
|
|
.sheet-initiative-container{
|
|
grid-area:initiative;
|
|
position:relative;
|
|
width:auto;
|
|
justify-self:start;
|
|
display:grid;
|
|
grid-template-columns:[char-tab-start] minmax(155px,auto) [char-tab-end hcontent-start] 1fr [hcontent-end];
|
|
grid-template-rows:[char-tab-start hcontent-start] auto [hcontent-end char-tab-end];
|
|
grid-gap:5px;
|
|
}
|
|
.sheet-initiative-container > .sheet-section{
|
|
grid-area:char-tab;
|
|
}
|
|
.sheet-initiative-container > .sheet-section *,
|
|
.sheet-image-button-holder > .sheet-section *{
|
|
line-height:0px;
|
|
font-size:10pt !important;
|
|
padding:0px !important;
|
|
}
|
|
.sheet-starfinder .sheet-page .sheet-initiative-container .sheet-section button {
|
|
line-height: normal !important;
|
|
height: auto !important;
|
|
margin-top: -7px !important;
|
|
color: white;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.sheet-initiative-container > .sheet-section-container{
|
|
grid-area:hcontent;
|
|
display:grid;
|
|
grid-template-columns:[tot-start]20px [tot-end arith-start] 10px [arith-end select-start] 40px [select-end];
|
|
grid-template-rows:[tot-start arith-start select-start] auto [tot-end arith-end select-end];
|
|
justify-items:center;
|
|
position:relative;
|
|
}
|
|
.sheet-initiative-container > .sheet-section-container .sheet-tot{
|
|
grid-area:tot;
|
|
font-size:10pt;
|
|
}
|
|
.sheet-initiative-container > .sheet-section-container .sheet-arith{
|
|
grid-area:arith;
|
|
font-size:10pt;
|
|
}
|
|
.sheet-initiative-container > .sheet-section-container select{
|
|
grid-area:select;
|
|
justify-self:stretch;
|
|
}
|
|
.sheet-initiative-container .sheet-section button[type=roll],
|
|
.sheet-image-button-holder > .sheet-section button{
|
|
height:0px;
|
|
top:-2px;
|
|
text-shadow:none;
|
|
}
|
|
/*End Initiative Styling */
|
|
.sheet-ship .sheet-bottom-section > .sheet-section-container,
|
|
.sheet-ship > .sheet-section-container,
|
|
.sheet-page > .sheet-section-container,
|
|
.sheet-settings > .sheet-section-container,
|
|
.sheet-spell-column > .sheet-section-container{
|
|
display:grid;
|
|
grid-template-columns: [char-tab-start] 5px [hcontent-start] minmax(150px,auto) [char-tab-end] 1fr [hcontent-end];
|
|
grid-template-rows: [char-tab-start class-tab-start] 19px [hcontent-start] 1px [char-tab-end class-tab-end] 1fr [hcontent-end];
|
|
justify-items:stretch;
|
|
align-items:stretch;
|
|
position:relative;
|
|
/*background:
|
|
url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-thin.png") top left/15px no-repeat,
|
|
url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-wide.png") bottom right/176.5px no-repeat;*/
|
|
}
|
|
.sheet-section-container .sheet-section{
|
|
grid-area:char-tab;
|
|
text-align:center;
|
|
}
|
|
.sheet-section h1{
|
|
padding:0px var(--ringsize);
|
|
}
|
|
.sheet-pc .sheet-attributes{
|
|
grid-area:attribute;
|
|
}
|
|
.sheet-section-container > .sheet-section-container{
|
|
grid-area:hcontent;
|
|
border:black solid 1px;
|
|
border-radius:var(--borderradius);
|
|
}
|
|
.sheet-section-container > .sheet-section-container:not(.sheet-border) {
|
|
width:100%;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container {
|
|
overflow:hidden;
|
|
grid-area:hcontent;
|
|
display:grid;
|
|
grid-template-columns: 0px [button-start] 100px [button-end mod-start] 25px [mod-end total-start] 1fr [total-end pen-start] 1fr [pen-end drn-start] 1fr [drn-end] 0px;
|
|
grid-template-rows: 0px [head-start] 1fr [head-end strength-start] 1fr [strength-end dexterity-start] 1fr [dexterity-end constitution-start] 1fr [constitution-end intelligence-start] 1fr [intelligence-end wisdom-start] 1fr [wisdom-end charisma-start] 1fr [charisma-end] 0px;
|
|
grid-column-gap:5px;
|
|
grid-row-gap:2px;
|
|
justify-items:stretch;
|
|
border:black solid 1px;
|
|
border-radius:var(--borderradius);
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container > *:not(.sheet-always-glow){
|
|
width:100% !important;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container button{
|
|
grid-column:button-start / button-end;
|
|
}
|
|
.sheet-page .sheet-attribute-container > .sheet-mod{
|
|
grid-column:mod-start / mod-end;
|
|
text-align:center;
|
|
border:none;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-label{
|
|
text-align:center;
|
|
}
|
|
.sheet-starfinder .sheet-attr-base-mod-container{
|
|
grid-column:total-start / total-end;
|
|
display:grid;
|
|
grid-template-columns:[acontent-start]1fr[acontent-end];
|
|
grid-template-rows:[acontent-start]1fr[acontent-end];
|
|
position:relative;
|
|
place-items:stretch;
|
|
}
|
|
.sheet-starfinder .sheet-npc .repcontainer .sheet-attr-base-mod-container{
|
|
width:25px;
|
|
}
|
|
.sheet-starfinder .sheet-npc .sheet-attr-base-mod-container{
|
|
border-bottom:1px solid black;
|
|
}
|
|
.sheet-starfinder .sheet-attr-base-mod-container *{
|
|
grid-area:acontent;
|
|
font-size:8pt;
|
|
text-align:center;
|
|
display:block;
|
|
width:100%;
|
|
height:100%;
|
|
border:0px solid transparent !important;
|
|
}
|
|
.sheet-modified-attr{
|
|
position:relative;
|
|
}
|
|
.sheet-starfinder .sheet-attr-base-mod-container > input[type=number]{
|
|
width:100%;
|
|
}
|
|
.sheet-attr-base-mod-container > .sheet-base-attr {
|
|
opacity:0;
|
|
z-index:2;
|
|
}
|
|
.sheet-attr-base-mod-container > .sheet-base-attr:focus{
|
|
opacity:100;
|
|
}
|
|
.sheet-base-attr:focus ~ .sheet-modified-attr{
|
|
opacity:0;
|
|
}
|
|
.sheet-attr-base-mod-container > .sheet-base-attr {
|
|
top:0px;
|
|
left:-5px;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-pen{
|
|
grid-column:pen-start / pen-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-tot{
|
|
grid-column:total-start / total-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-pen{
|
|
grid-column:pen-start / pen-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-drain{
|
|
grid-column:drn-start / drn-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-label{
|
|
grid-row:head-start / head-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-strength{
|
|
grid-row:strength-start / strength-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-dexterity{
|
|
grid-row:dexterity-start / dexterity-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-constitution{
|
|
grid-row:constitution-start / constitution-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-intelligence{
|
|
grid-row:intelligence-start / intelligence-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-wisdom{
|
|
grid-row:wisdom-start / wisdom-end;
|
|
}
|
|
.sheet-starfinder .sheet-attribute-container .sheet-charisma{
|
|
grid-row:charisma-start / charisma-end;
|
|
}
|
|
.sheet-health{
|
|
grid-area:health;
|
|
}
|
|
.sheet-health-resolve-container,
|
|
.sheet-ac-container,
|
|
.sheet-saving-container{
|
|
height:100%;
|
|
}
|
|
.sheet-health-resolve-container span,
|
|
.sheet-ac-container span {
|
|
display:block;
|
|
}
|
|
.sheet-no-sp:checked ~ .sheet-always-glow {
|
|
--box-shadow:0px 0px 20px 2px #fa893a;
|
|
}
|
|
.sheet-no-hp:checked ~ .sheet-border {
|
|
--box-shadow:0px 0px 40px 3px #fa893a, 0px 0px 20px 2px red;
|
|
}
|
|
.sheet-no-rp:checked ~ .sheet-border {
|
|
--box-shadow:0px 0px 40px 3px #5e0000,0px 0px 20px 2px red;
|
|
}
|
|
.sheet-health-container input[readonly=true] {
|
|
border-bottom:1px solid transparent;
|
|
}
|
|
.sheet-health-container {
|
|
display:grid;
|
|
grid-template-rows:0px[label-start]auto[label-end max-start]auto[max-end current-start] auto [current-end]0px;
|
|
grid-template-columns:0px[label-start]auto[label-end temp-start]1fr[temp-end stamina-start]1fr[stamina-end hp-start]1fr[hp-end rp-start]1fr[rp-end]0px;
|
|
grid-column-gap:10px;
|
|
grid-row-gap:5px;
|
|
place-items:center
|
|
}
|
|
.sheet-health-container .sheet-label.sheet-max,
|
|
.sheet-health-container .sheet-label.sheet-current{
|
|
grid-column:label-start / label-end;
|
|
overflow:hidden;
|
|
place-self:center end;
|
|
}
|
|
.sheet-current,
|
|
.sheet-slash,
|
|
.sheet-health-label {
|
|
text-align:center;
|
|
width:100% !important;
|
|
}
|
|
.sheet-health-label {
|
|
font-size:8pt !important;
|
|
font-color:black;
|
|
}
|
|
.sheet-current,
|
|
.sheet-max{
|
|
font-size:10pt !important;
|
|
}
|
|
.sheet-health-label {
|
|
margin:auto 0px;
|
|
grid-row-start: label-start;
|
|
grid-row-end: label-end;
|
|
}
|
|
.sheet-current {
|
|
margin:auto 0px;
|
|
grid-row-start: current-start;
|
|
grid-row-end: current-end;
|
|
}
|
|
.sheet-slash {
|
|
margin:auto 0px;
|
|
grid-row-start: slash-start;
|
|
grid-row-end: slash-end;
|
|
}
|
|
.sheet-health-container .sheet-max {
|
|
margin:auto 0px;
|
|
grid-row-start: max-start;
|
|
grid-row-end: max-end;
|
|
}
|
|
.sheet-stamina {
|
|
grid-column-start:stamina-start;
|
|
grid-column-end:stamina-end;
|
|
}
|
|
.sheet-hp {
|
|
grid-column-start:hp-start;
|
|
grid-column-end:hp-end;
|
|
}
|
|
.sheet-resolve {
|
|
grid-column-start:rp-start;
|
|
grid-column-end:rp-end;
|
|
}
|
|
.sheet-temp {
|
|
grid-column-start:temp-start;
|
|
grid-column-end:temp-end;
|
|
}
|
|
.sheet-section-container.sheet-ac{
|
|
grid-area:armor;
|
|
}
|
|
.sheet-ac-container{
|
|
display:grid;
|
|
grid-template-columns:0px [type-start] 30px [type-end] 0px [tot-start] 20px [tot-end equal-start] 10px [equal-end base-ten-start] 20px [base-ten-end ten-plus-start] 10px [ten-plus-end arm-start] 20px [arm-end arm-plus-start] 10px [arm-plus-end abi-start] 1fr [abi-end] 0px;
|
|
grid-column-gap:5px;
|
|
grid-row-gap:5px;
|
|
align-content:start;
|
|
justify-content:start;
|
|
}
|
|
.sheet-ac-container .sheet-equal{
|
|
grid-column:equal-start / equal-end;
|
|
}
|
|
.sheet-ac-container .sheet-base-ten{
|
|
grid-column:base-ten-start / base-ten-end;
|
|
}
|
|
.sheet-ac-container .sheet-ten-plus{
|
|
grid-column:ten-plus-start / ten-plus-end;
|
|
}
|
|
.sheet-ac-container .sheet-arm-plus{
|
|
grid-column:arm-plus-start / arm-plus-end;
|
|
}
|
|
.sheet-ac-container * {
|
|
text-align:center !important;
|
|
}
|
|
.sheet-ac-type{
|
|
grid-column: type-start / type-end;
|
|
}
|
|
.sheet-tot{
|
|
grid-column:tot-start / tot-end;
|
|
}
|
|
.sheet-arm{
|
|
grid-column:arm-start / arm-end;
|
|
}
|
|
.sheet-abi{
|
|
grid-column:abi-start / abi-end
|
|
}
|
|
.sheet-dr-span{
|
|
grid-column: type-start / tot-end;
|
|
justify-self:start;
|
|
margin-left:0px;
|
|
}
|
|
input.sheet-dr{
|
|
grid-column: tot-end / abi-end;
|
|
width:100%;
|
|
}
|
|
.sheet-ac-notes{
|
|
grid-column: type-start / abi-end;
|
|
height:40px;
|
|
resize:none;
|
|
text-align:left !important;
|
|
}
|
|
.sheet-section-container.sheet-saves{
|
|
grid-area:saves;
|
|
}
|
|
.sheet-saving-container{
|
|
display:grid;
|
|
grid-template-columns:0px [notes-start button-start] 40px [button-end tot-start] auto [tot-end equal-start] 10px [equal-end base-start] auto [base-end base-plus-start] 10px [base-plus-end abi-start] 1fr [abi-end notes-end];
|
|
grid-template-rows:0px repeat(4,20px) [notes-start] 1fr [notes-end] 0px;
|
|
grid-gap:5px;
|
|
align-content:start;
|
|
justify-content:start;
|
|
}
|
|
.sheet-saving-container :not(textarea){
|
|
text-align:center;
|
|
}
|
|
.sheet-saving-container .sheet-gutter{
|
|
grid-column:notes-start / notes-end
|
|
}
|
|
.sheet-saving-container button{
|
|
grid-column:button-start / button-end;
|
|
}
|
|
.sheet-base{
|
|
grid-column:base-start / base-end;
|
|
width:100%;
|
|
border:none !important;
|
|
}
|
|
.sheet-saving-container .sheet-equal{
|
|
grid-column:equal-start / equal-end
|
|
}
|
|
.sheet-saving-container .sheet-base-plus{
|
|
grid-column:base-plus-start / base-plus-end
|
|
}
|
|
.sheet-class-skill{
|
|
grid-column:cs-start / cs-end;
|
|
}
|
|
.sheet-saving-container textarea{
|
|
grid-area:notes;
|
|
height:100%;
|
|
resize:none;
|
|
}
|
|
.sheet-section-container.sheet-skills{
|
|
grid-area:skills;
|
|
align-self:start;
|
|
}
|
|
.sheet-skills-container,
|
|
.sheet-bottom-section > .sheet-cargo > .sheet-section-container{
|
|
display:grid;
|
|
grid-template-columns:10px [container-start] 1fr [container-end] 0px;
|
|
grid-gap:5px;
|
|
align-content:start;
|
|
}
|
|
.sheet-skill-container,
|
|
.sheet-skill-fieldset{
|
|
grid-column:container-start / container-end;
|
|
position:relative;
|
|
}
|
|
.sheet-skill-container.sheet-gutter{
|
|
height:10px;
|
|
}
|
|
.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-npc .sheet-skill-container:nth-child(1),
|
|
.sheet-npc .sheet-skill-container .sheet-display{
|
|
grid-template-columns:[button-start] 80px [button-end total-start] 20px [total-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];
|
|
}
|
|
.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;
|
|
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{
|
|
border-radius:5px;
|
|
border:1px solid black;
|
|
z-index:2;
|
|
}
|
|
.sheet-row-options .sheet-row {
|
|
display:flex;
|
|
justify-content:flex-start;
|
|
flex:1 1;
|
|
}
|
|
.sheet-starfinder .sheet-row-options span,
|
|
.sheet-starfinder .sheet-row-options input,
|
|
.sheet-starfinder .sheet-row-options select{
|
|
margin-right: 5px;
|
|
}
|
|
.sheet-group,
|
|
.sheet-filter-container .sheet-field-tab:checked + .sheet-expandable,
|
|
.sheet-spell .sheet-field-tab:checked + .sheet-expandable{
|
|
display:flex;
|
|
width:100%;
|
|
align-items:center;
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-group > span{
|
|
display:block;
|
|
}
|
|
.sheet-group label{
|
|
width:auto;
|
|
}
|
|
.sheet-width-scaled,
|
|
.sheet-width-scaler{
|
|
width:auto;
|
|
position:relative;
|
|
}
|
|
.sheet-height-scaled,
|
|
.sheet-height-scaler{
|
|
height:auto;
|
|
position:relative;
|
|
}
|
|
.sheet-large-input{
|
|
flex:4 4 200px;
|
|
width:200px;
|
|
}
|
|
.sheet-medium-input{
|
|
flex:2 2 100px;
|
|
width:100px;
|
|
}
|
|
.sheet-small-input{
|
|
flex:1 1 50px;
|
|
width:50px;
|
|
}
|
|
.sheet-tiny-input{
|
|
flex:0.5 0.5 25px;
|
|
width:25px;
|
|
}
|
|
.sheet-bab-input{
|
|
width:20px !important;
|
|
text-align:center;
|
|
}
|
|
.sheet-skill-container > .sheet-row-options > textarea{
|
|
text-align:left;
|
|
height:40px;
|
|
min-height:40px;
|
|
}
|
|
.sheet-abilities{
|
|
grid-area:abilities;
|
|
}
|
|
/*ability styling*/
|
|
.sheet-abilities-container .repcontrol{
|
|
width:100%;
|
|
}
|
|
.sheet-abi-dmg-dice,
|
|
.sheet-abi-misc,
|
|
.sheet-scalable-input,
|
|
.sheet-row > textarea{
|
|
width:5px;
|
|
flex:1 1 auto;
|
|
}
|
|
.sheet-row > input,
|
|
.sheet-row > select{
|
|
margin-left:5px !important;
|
|
margin-right:5px !important;
|
|
}
|
|
.sheet-ability-header .sheet-abi-name-col{
|
|
margin-left:7px;
|
|
}
|
|
.sheet-abi-name-col{
|
|
width:90px;
|
|
text-align:center;
|
|
background-color:#333398 !important;
|
|
color:white;
|
|
}
|
|
.sheet-abi-dc-col{
|
|
width:40px;
|
|
text-align:center;
|
|
background-color:#333398 !important;
|
|
color:white;
|
|
}
|
|
.sheet-abi-effect-col{
|
|
width:90px;
|
|
text-align:center;
|
|
background-color:#333398 !important;
|
|
color:white;
|
|
}
|
|
.sheet-ability .sheet-row .sheet-type-filter:not([value*="SP"]) ~ .sheet-type-level{
|
|
display:none;
|
|
}
|
|
.sheet-ability .sheet-display{
|
|
display:grid;
|
|
grid-template-columns:[toggle-start] 20px [toggle-end button-start] 1fr [button-end];
|
|
}
|
|
.sheet-ability .sheet-display .sheet-freq-check{
|
|
grid-column:toggle-start;
|
|
}
|
|
.sheet-ability .sheet-display .sheet-button-description{
|
|
grid-column:button-start;
|
|
}
|
|
.sheet-button-description ~ .sheet-description{
|
|
min-height:4em;
|
|
height:4em;
|
|
}
|
|
.sheet-ability .sheet-display .sheet-description{
|
|
grid-column:button-start;
|
|
}
|
|
button.sheet-summary span{
|
|
display:block;
|
|
text-align:center;
|
|
min-height:12px;
|
|
padding:2px;
|
|
}
|
|
.sheet-ability .sheet-button-description .sheet-const-check:not([value*="constant"]) ~ .sheet-constant,
|
|
.sheet-ability .sheet-button-description .sheet-const-check[value*="constant"] ~ .sheet-not-constant{
|
|
display:none !important;
|
|
}
|
|
.sheet-ability .sheet-display .sheet-summary,
|
|
.sheet-ability-header{
|
|
overflow:hidden;
|
|
display:flex;
|
|
justify-content:space-between;
|
|
}
|
|
.sheet-ability .sheet-display .sheet-summary{
|
|
margin:0px;
|
|
padding:0px;
|
|
width:250px;
|
|
}
|
|
.sheet-abi-dmg-dice{
|
|
text-align:center;
|
|
}
|
|
.sheet-save-dc{
|
|
margin-left:5px;
|
|
}
|
|
.sheet-save-type{
|
|
width:6.5em;
|
|
}
|
|
.sheet-freq-check:not([value=at-will]):not([value=daily-limit]) ~ .sheet-at-will,
|
|
.sheet-freq-check:not([value=daily-limit]) ~ .sheet-daily-limit{
|
|
display:none;
|
|
}
|
|
.sheet-at-will > .sheet-label{
|
|
width:auto;
|
|
}
|
|
.sheet-at-will > .sheet-scalable-input{
|
|
width:calc(100% - 45px);
|
|
}
|
|
textarea.sheet-abi-description{
|
|
width:100%;
|
|
max-width:100% !important;
|
|
min-width:100% !important;
|
|
height:2.5em;
|
|
min-height:2.5em;
|
|
}
|
|
.sheet-field-container{
|
|
position:relative;
|
|
}
|
|
.sheet-filter-container{
|
|
display:none;
|
|
}
|
|
.sheet-atk-tab,
|
|
.sheet-dmg-tab{
|
|
width:20px;
|
|
}
|
|
.sheet-save-effect-tab{
|
|
width:75px;
|
|
}
|
|
.sheet-mods-tab{
|
|
width:30px;
|
|
}
|
|
.sheet-macro-tab{
|
|
width:40px;
|
|
}
|
|
.sheet-field-tab + .sheet-item-mods{
|
|
position:relative;
|
|
}
|
|
.sheet-mods-tab:checked + .sheet-item-mods{
|
|
width:35px;
|
|
position:absolute;
|
|
}
|
|
.sheet-mods-tab:checked{
|
|
width:35px;
|
|
height:18px;
|
|
}
|
|
.sheet-field-tab{
|
|
z-index:10;
|
|
}
|
|
.sheet-field.sheet-label{
|
|
display:block;
|
|
text-align:center;
|
|
}
|
|
.sheet-field-tab{
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
opacity:0;
|
|
padding:1px;
|
|
}
|
|
.sheet-filter:checked ~ .sheet-filter-container,
|
|
.sheet-filter[value*="cantrip"] + .sheet-cantrip,
|
|
.sheet-filter[value*="1"] + .sheet-first,
|
|
.sheet-filter[value*="2"] + .sheet-second,
|
|
.sheet-filter[value*="3"] + .sheet-third,
|
|
.sheet-filter[value*="4"] + .sheet-fourth,
|
|
.sheet-filter[value*="5"] + .sheet-fifth,
|
|
.sheet-filter[value*="6"] + .sheet-sixth,
|
|
.sheet-filter[value*="7"] + .sheet-seventh,
|
|
.sheet-filter[value*="8"] + .sheet-eighth,
|
|
.sheet-filter[value*="9"] + .sheet-ninth{
|
|
display:block;
|
|
}
|
|
.sheet-field-tab:checked ~ .sheet-field.sheet-row{
|
|
display:flex;
|
|
}
|
|
.sheet-field-tab:checked ~ textarea{
|
|
display:inline-block;
|
|
}
|
|
span.sheet-field{
|
|
color:white;
|
|
background-color:gray;
|
|
border-radius:2px;
|
|
padding:1px;
|
|
width:100%;
|
|
}
|
|
.sheet-field-tab:checked + .sheet-field:not(.sheet-item-mods):not(.sheet-row){
|
|
display:block;
|
|
text-align:center;
|
|
width:100%;
|
|
}
|
|
.sheet-field-tab:not(.sheet-mods-tab):checked{
|
|
width:100%;
|
|
height:18px;
|
|
}
|
|
.sheet-field-tab:checked + .sheet-row{
|
|
display:flex !important;
|
|
width:100%;
|
|
}
|
|
/*PC Attack, Ability, Equipment shared styling*/
|
|
.sheet-attack .sheet-row-options,
|
|
.sheet-item .sheet-row-options,
|
|
.sheet-ability .sheet-row-options,
|
|
.sheet-condition .sheet-row-options,
|
|
.sheet-spell .sheet-row-options{
|
|
display:flex;
|
|
padding:2px 5px;
|
|
flex-wrap:wrap;
|
|
align-items:center;
|
|
}
|
|
.sheet-row-options > .sheet-inherit-grid{
|
|
display:grid;
|
|
grid-template-columns:1fr 1fr 1fr 1fr;
|
|
grid-gap:5px;
|
|
grid-auto-flow:dense;
|
|
}
|
|
/*Attack styling*/
|
|
.sheet-section-container.sheet-attacks{
|
|
grid-area:weapons;
|
|
}
|
|
.sheet-starfinder .sheet-type-filter:not([value*="SP"]) + .sheet-type-span{
|
|
display:none;
|
|
}
|
|
.sheet-starfinder .sheet-span-two{
|
|
width: calc(50% - 10px);
|
|
grid-column:span 2
|
|
}
|
|
.sheet-starfinder .sheet-span-all{
|
|
width: calc(100% - 10px);
|
|
}
|
|
.sheet-starfinder .sheet-display-margin{
|
|
margin-right:18px;
|
|
}
|
|
.sheet-expandable{
|
|
width:auto;
|
|
margin-right:5px;
|
|
margin-bottom:5px;
|
|
display:block;
|
|
}
|
|
.sheet-filter-container .sheet-field-tab:checked + .sheet-expandable,
|
|
.sheet-spell .sheet-field-tab:checked + .sheet-expandable{
|
|
flex-basis: 100%;
|
|
margin-right:0px;
|
|
}
|
|
.sheet-field-tab:not(:checked) + div,
|
|
.sheet-field-tab:not(:checked) + textarea{
|
|
display:none;
|
|
}
|
|
.repcontainer[data-groupname='repeating_attack'] .repitem {
|
|
position:relative;
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
.repcontainer[data-groupname='repeating_attack'] {
|
|
width:100%;
|
|
padding:0px;
|
|
margin:0px;
|
|
overflow-y:visible;
|
|
overflow-x:hidden;
|
|
}
|
|
.repcontainer[data-groupname='repeating_attack'] .repitem .sheet-display {
|
|
width:100%;
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
.sheet-starfinder .repcontainer .sheet-bab {
|
|
width:20px;
|
|
text-align:center;
|
|
}
|
|
.sheet-npcsummary{
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
}
|
|
.sheet-npcsummary > *:not(:last-child) {
|
|
margin-right:5px;
|
|
}
|
|
.sheet-pc .sheet-page .sheet-npcsummary * {
|
|
height:12px !important;
|
|
top:0px;
|
|
}
|
|
/*Equipment Styling*/
|
|
.sheet-bulk-container input,
|
|
.sheet-wealth input {
|
|
text-align:center;
|
|
border:none;
|
|
color:inherit !important;
|
|
cursor:text;
|
|
}
|
|
.sheet-bulk-container,
|
|
.sheet-credits-container{
|
|
padding:0px 2px;
|
|
border: 1px solid black;
|
|
border-radius:3px;
|
|
position:relative;
|
|
text-align:center;
|
|
}
|
|
.sheet-bulk-container .sheet-number,
|
|
.sheet-bulk-container .sheet-label,
|
|
.sheet-credits-container .sheet-number,
|
|
.sheet-credits-container .sheet-label {
|
|
display:inline-block;
|
|
width:100%;
|
|
}
|
|
.sheet-section-container.sheet-items{
|
|
grid-area:equipment;
|
|
}
|
|
.sheet-equipment{
|
|
display:grid;
|
|
grid-template-columns:[items-start] 0px [carried-start credits-start] 1fr [carried-end credits-end encumber-start wealth-start] 1fr [encumber-end wealth-end over-start upb-start] 1fr [over-end upb-end] 0px [items-end];
|
|
grid-template-rows:0px [carried-start encumber-start over-start] 40px [carried-end encumber-end over-end credits-start wealth-start upb-start] 40px [credits-end wealth-end upb-end items-start] 1fr [items-end];
|
|
grid-gap:5px;
|
|
}
|
|
.sheet-carried{
|
|
grid-area:carried;
|
|
}
|
|
.sheet-encumber{
|
|
grid-area:encumber;
|
|
}
|
|
.sheet-overburden{
|
|
grid-area:over;
|
|
}
|
|
.sheet-credits{
|
|
grid-area:credits;
|
|
}
|
|
.sheet-wealth{
|
|
grid-area:wealth;
|
|
}
|
|
.sheet-upb{
|
|
grid-area:upb;
|
|
}
|
|
.sheet-credits-container input {
|
|
width:100% !important;
|
|
}
|
|
.sheet-filter-container.sheet-item .sheet-row.sheet-name{
|
|
grid-column:1 / 3;
|
|
}
|
|
.sheet-filter-container.sheet-item .sheet-row.sheet-equip-state{
|
|
grid-column:1 / 2;
|
|
}
|
|
.sheet-filter-container.sheet-item .sheet-row.sheet-bulk-cost{
|
|
grid-column:3 / 5;
|
|
}
|
|
.sheet-filter-container.sheet-item .sheet-description,
|
|
.sheet-filter-container.sheet-item .sheet-id{
|
|
grid-column:1 / 5;
|
|
}
|
|
.sheet-filter-container input[type=checkbox].sheet-attacher:not(:checked) ~ div.sheet-attacher,
|
|
.sheet-filter-container input[type=checkbox].sheet-mods:not(:checked) ~ div.sheet-mods{
|
|
display:none;
|
|
}
|
|
.sheet-filter-container .sheet-attacher:checked ~ .sheet-attacher,
|
|
.sheet-filter-container .sheet-mods:checked ~ .sheet-mods,
|
|
.sheet-starfinder .sheet-help-container{
|
|
grid-column:1/5;
|
|
display:grid;
|
|
grid-template-columns:1fr;
|
|
margin:0px;
|
|
}
|
|
.sheet-filter-container.sheet-spell .sheet-attacher:checked ~ .sheet-attacher,
|
|
.sheet-filter-container.sheet-spell .sheet-mods:checked ~ .sheet-mods,
|
|
.sheet-filter-container.sheet-spell .sheet-field-container > .sheet-help-container{
|
|
grid-column:1/3;
|
|
}
|
|
.sheet-filter-container .sheet-attacher:checked ~ .sheet-attacher > .sheet-row,
|
|
.sheet-filter-container .sheet-mods:checked ~ .sheet-mods > .sheet-row{
|
|
display:flex;
|
|
}
|
|
.sheet-filter-container.sheet-item .sheet-armor-purpose{
|
|
display:none;
|
|
}
|
|
.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] + .sheet-equip-state{
|
|
grid-column-end:4;
|
|
}
|
|
.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ .sheet-armor-purpose{
|
|
display:block;
|
|
}
|
|
/*Spell Styling*/
|
|
.sheet-spell-containers{
|
|
grid-template-columns:1fr 1fr;
|
|
grid-gap:5px;
|
|
}
|
|
.sheet-spell-containers .sheet-spell-column{
|
|
margin-top:5px;
|
|
display:grid;
|
|
grid-template-columns:1fr;
|
|
grid-gap:5px;
|
|
align-content:start;
|
|
}
|
|
.sheet-page.sheet-spells > div{
|
|
min-height:20px;
|
|
display:grid;
|
|
align-content:start;
|
|
}
|
|
.sheet-spell-column .sheet-section-container{
|
|
min-height:140px;
|
|
}
|
|
.sheet-spell-column > .sheet-section-container > .sheet-section-container{
|
|
display:grid;
|
|
grid-template-columns: 5px [header-start repcontainer-start repcontrol-start] 20px [compendium-start] 1fr [compendium-end] 20px [header-end repcontainer-end repcontrol-end] 5px;
|
|
grid-template-rows: 5px [repcontainer-start] auto [repcontainer-end repcontrol-start compendium-start] 20px [repcontrol-end compendium-end] 0px;
|
|
grid-gap: 5px;
|
|
}
|
|
.sheet-spell-levels-display ~ div.sheet-class-spells-day{
|
|
display:none;
|
|
}
|
|
.sheet-spell .sheet-row-options .sheet-inherit-grid{
|
|
display:grid;
|
|
grid-template-columns:1fr 1fr;
|
|
grid-gap:5px;
|
|
grid-auto-flow:dense;
|
|
}
|
|
.sheet-class-spells-day{
|
|
width:100%;
|
|
display:none;
|
|
}
|
|
.sheet-filter-container .sheet-field-tab:checked + .sheet-expandable.sheet-field-container,
|
|
.sheet-spell .sheet-field-tab:checked + .sheet-expandable.sheet-field-container{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-starfinder .sheet-container .repcontainer[data-groupname='repeating_spell'] > .repitem > .sheet-spell .sheet-button-description{
|
|
grid-template-columns:2fr 1fr;
|
|
grid-column-gap:5px;
|
|
display:grid;
|
|
}
|
|
.sheet-starfinder .sheet-spell .sheet-display .sheet-button-description > button{
|
|
position:absolute;
|
|
grid-column:1/3;
|
|
}
|
|
.sheet-spell-levels-display[value*="1"] ~ div.sheet-aspell1,
|
|
.sheet-spell-levels-display[value*="2"] ~ div.sheet-aspell2,
|
|
.sheet-spell-levels-display[value*="3"] ~ div.sheet-aspell3,
|
|
.sheet-spell-levels-display[value*="4"] ~ div.sheet-aspell4,
|
|
.sheet-spell-levels-display[value*="5"] ~ div.sheet-aspell5,
|
|
.sheet-spell-levels-display[value*="6"] ~ div.sheet-aspell6,
|
|
.sheet-spell-levels-display[value*="7"] ~ div.sheet-aspell7,
|
|
.sheet-spell-levels-display[value*="8"] ~ div.sheet-aspell8,
|
|
.sheet-spell-levels-display[value*="9"] ~ div.sheet-aspell9{
|
|
display:grid !important;
|
|
justify-items:stretch;
|
|
align-items:stretch;
|
|
}
|
|
.sheet-spell1:checked ~ span.sheet-aspell1,
|
|
.sheet-spell2:checked ~ span.sheet-aspell1,
|
|
.sheet-spell2:checked ~ span.sheet-aspell2,
|
|
.sheet-spell3:checked ~ span.sheet-aspell1,
|
|
.sheet-spell3:checked ~ span.sheet-aspell2,
|
|
.sheet-spell3:checked ~ span.sheet-aspell3,
|
|
.sheet-spell4:checked ~ span.sheet-aspell1,
|
|
.sheet-spell4:checked ~ span.sheet-aspell2,
|
|
.sheet-spell4:checked ~ span.sheet-aspell3,
|
|
.sheet-spell4:checked ~ span.sheet-aspell4,
|
|
.sheet-spell5:checked ~ span.sheet-aspell1,
|
|
.sheet-spell5:checked ~ span.sheet-aspell2,
|
|
.sheet-spell5:checked ~ span.sheet-aspell3,
|
|
.sheet-spell5:checked ~ span.sheet-aspell4,
|
|
.sheet-spell5:checked ~ span.sheet-aspell5,
|
|
.sheet-spell6:checked ~ span.sheet-aspell1,
|
|
.sheet-spell6:checked ~ span.sheet-aspell2,
|
|
.sheet-spell6:checked ~ span.sheet-aspell3,
|
|
.sheet-spell6:checked ~ span.sheet-aspell4,
|
|
.sheet-spell6:checked ~ span.sheet-aspell5,
|
|
.sheet-spell6:checked ~ span.sheet-aspell6,
|
|
.sheet-spell7:checked ~ span.sheet-aspell1,
|
|
.sheet-spell7:checked ~ span.sheet-aspell2,
|
|
.sheet-spell7:checked ~ span.sheet-aspell3,
|
|
.sheet-spell7:checked ~ span.sheet-aspell4,
|
|
.sheet-spell7:checked ~ span.sheet-aspell5,
|
|
.sheet-spell7:checked ~ span.sheet-aspell6,
|
|
.sheet-spell7:checked ~ span.sheet-aspell7,
|
|
.sheet-spell8:checked ~ span.sheet-aspell1,
|
|
.sheet-spell8:checked ~ span.sheet-aspell2,
|
|
.sheet-spell8:checked ~ span.sheet-aspell3,
|
|
.sheet-spell8:checked ~ span.sheet-aspell4,
|
|
.sheet-spell8:checked ~ span.sheet-aspell5,
|
|
.sheet-spell8:checked ~ span.sheet-aspell6,
|
|
.sheet-spell8:checked ~ span.sheet-aspell7,
|
|
.sheet-spell8:checked ~ span.sheet-aspell8,
|
|
.sheet-spell9:checked ~ span.sheet-aspell1,
|
|
.sheet-spell9:checked ~ span.sheet-aspell2,
|
|
.sheet-spell9:checked ~ span.sheet-aspell3,
|
|
.sheet-spell9:checked ~ span.sheet-aspell4,
|
|
.sheet-spell9:checked ~ span.sheet-aspell5,
|
|
.sheet-spell9:checked ~ span.sheet-aspell6,
|
|
.sheet-spell9:checked ~ span.sheet-aspell7,
|
|
.sheet-spell9:checked ~ span.sheet-aspell8,
|
|
.sheet-spell9:checked ~ span.sheet-aspell9,
|
|
.sheet-spell1:checked ~ input.sheet-aspell1,
|
|
.sheet-spell2:checked ~ input.sheet-aspell1,
|
|
.sheet-spell2:checked ~ input.sheet-aspell2,
|
|
.sheet-spell3:checked ~ input.sheet-aspell1,
|
|
.sheet-spell3:checked ~ input.sheet-aspell2,
|
|
.sheet-spell3:checked ~ input.sheet-aspell3,
|
|
.sheet-spell4:checked ~ input.sheet-aspell1,
|
|
.sheet-spell4:checked ~ input.sheet-aspell2,
|
|
.sheet-spell4:checked ~ input.sheet-aspell3,
|
|
.sheet-spell4:checked ~ input.sheet-aspell4,
|
|
.sheet-spell5:checked ~ input.sheet-aspell1,
|
|
.sheet-spell5:checked ~ input.sheet-aspell2,
|
|
.sheet-spell5:checked ~ input.sheet-aspell3,
|
|
.sheet-spell5:checked ~ input.sheet-aspell4,
|
|
.sheet-spell5:checked ~ input.sheet-aspell5,
|
|
.sheet-spell6:checked ~ input.sheet-aspell1,
|
|
.sheet-spell6:checked ~ input.sheet-aspell2,
|
|
.sheet-spell6:checked ~ input.sheet-aspell3,
|
|
.sheet-spell6:checked ~ input.sheet-aspell4,
|
|
.sheet-spell6:checked ~ input.sheet-aspell5,
|
|
.sheet-spell6:checked ~ input.sheet-aspell6,
|
|
.sheet-spell7:checked ~ input.sheet-aspell1,
|
|
.sheet-spell7:checked ~ input.sheet-aspell2,
|
|
.sheet-spell7:checked ~ input.sheet-aspell3,
|
|
.sheet-spell7:checked ~ input.sheet-aspell4,
|
|
.sheet-spell7:checked ~ input.sheet-aspell5,
|
|
.sheet-spell7:checked ~ input.sheet-aspell6,
|
|
.sheet-spell7:checked ~ input.sheet-aspell7,
|
|
.sheet-spell8:checked ~ input.sheet-aspell1,
|
|
.sheet-spell8:checked ~ input.sheet-aspell2,
|
|
.sheet-spell8:checked ~ input.sheet-aspell3,
|
|
.sheet-spell8:checked ~ input.sheet-aspell4,
|
|
.sheet-spell8:checked ~ input.sheet-aspell5,
|
|
.sheet-spell8:checked ~ input.sheet-aspell6,
|
|
.sheet-spell8:checked ~ input.sheet-aspell7,
|
|
.sheet-spell8:checked ~ input.sheet-aspell8,
|
|
.sheet-spell9:checked ~ input.sheet-aspell1,
|
|
.sheet-spell9:checked ~ input.sheet-aspell2,
|
|
.sheet-spell9:checked ~ input.sheet-aspell3,
|
|
.sheet-spell9:checked ~ input.sheet-aspell4,
|
|
.sheet-spell9:checked ~ input.sheet-aspell5,
|
|
.sheet-spell9:checked ~ input.sheet-aspell6,
|
|
.sheet-spell9:checked ~ input.sheet-aspell7,
|
|
.sheet-spell9:checked ~ input.sheet-aspell8,
|
|
.sheet-spell9:checked ~ input.sheet-aspell9{
|
|
display:inline-block !important;
|
|
text-align:center;
|
|
}
|
|
/* End spell styling */
|
|
.sheet-spell-button-container{
|
|
width:100%;
|
|
}
|
|
.sheet-spellclass-container {
|
|
display:none;
|
|
grid-template-columns:15px 5px 50px 5px 30px 5px 20px 5px 13px 20px 5px 20px 5px 13px 20px 5px 20px;
|
|
grid-template-rows:5px 15px 15px 5px 15px 5px 10px 5px 5px 15px 5px 5px 10px;
|
|
grid-template-areas:'........... ........... ........... .... .................. .................. .................. . ............. ............... ............. ........... ..... ........... ............. ........... .........'
|
|
'........... ........... ........... .... .................. .................. .................. . label label label label label label label label label'
|
|
'checkbox ........... name name name .................. level . cantrip-label cantrip-current cantrip-slash cantrip-max ..... one-label one-current one-slash one-max'
|
|
'........... ........... ........... .... .................. .................. .................. . ............. ............... ............. ........... ..... ........... ............. ........... .........'
|
|
'casting casting casting .... ability ability ability . two-label two-current two-slash two-max ..... three-label three-current three-slash three-max'
|
|
'casting casting casting .... ability ability ability . ............. ............... ............. ......... ..... ........... ............. ........... .........'
|
|
'casting casting casting .... ability ability ability . four-label four-current four-slash four-max ..... five-label five-current five-slash five-max'
|
|
'........... ........... ........... .... .................. .................. .................. . four-label four-current four-slash four-max ..... five-label five-current five-slash five-max'
|
|
'progression progression progression .... progression-select progression-select progression-select . ............. ............... ............. ......... ..... ........... ............. ........... .........'
|
|
'progression progression progression .... progression-select progression-select progression-select . six-label six-current six-slash six-max ..... seven-label seven-current seven-slash seven-max'
|
|
'progression progression progression .... progression-select progression-select progression-select . ............. ............... ............. ......... ..... ........... ............. ........... .........'
|
|
'progression progression progression .... progression-select progression-select progression-select . eight-label eight-current eight-slash eight-max ..... nine-label nine-current nine-slash nine-max'
|
|
'........... ........... ........... .... .................. .................. .................. . eight-label eight-current eight-slash eight-max ..... nine-label nine-current nine-slash nine-max';
|
|
justify-content:start;
|
|
align-items:center;
|
|
border:0px transparent;
|
|
border-radius:5px;
|
|
box-shadow:0px 0px 5px #2dafeb,0px 0px 20px #0a4ba1;
|
|
}
|
|
.sheet-spellclass-container *{
|
|
width:100%;
|
|
}
|
|
input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container,
|
|
.sheet-spellclass-label-container{
|
|
display:grid;
|
|
}
|
|
.sheet-spellclass-container .sheet-class-show{
|
|
grid-area:checkbox;
|
|
}
|
|
.sheet-spellclass-container .sheet-class-name{
|
|
grid-area:name;
|
|
text-align:center;
|
|
overflow:hidden;
|
|
}
|
|
.sheet-spellclass-container .sheet-class-num-level{
|
|
grid-area:level;
|
|
text-align:center;
|
|
}
|
|
.sheet-spellclass-container .sheet-casting-ability{
|
|
grid-area:casting;
|
|
text-align:center;
|
|
}
|
|
.sheet-spellclass-container .sheet-class-ability{
|
|
grid-area:ability;
|
|
}
|
|
.sheet-spellclass-container .sheet-spell-progression{
|
|
grid-area:progression;
|
|
text-align:center;
|
|
}
|
|
.sheet-spellclass-container .sheet-class-spell-progression{
|
|
grid-area:progression-select;
|
|
}
|
|
.sheet-label.sheet-daily{
|
|
grid-area:label;
|
|
text-align:center;
|
|
width:100%;
|
|
}
|
|
.sheet-num.sheet-aspell0{
|
|
grid-area:cantrip-label;
|
|
}
|
|
.sheet-current.sheet-aspell0{
|
|
grid-area:cantrip-current;
|
|
}
|
|
.sheet-slash.sheet-aspell0{
|
|
grid-area:cantrip-slash;
|
|
}
|
|
.sheet-max.sheet-aspell0{
|
|
grid-area:cantrip-max;
|
|
}
|
|
.sheet-num.sheet-aspell1{
|
|
grid-area:one-label;
|
|
}
|
|
.sheet-current.sheet-aspell1{
|
|
grid-area:one-current;
|
|
}
|
|
.sheet-slash.sheet-aspell1{
|
|
grid-area:one-slash;
|
|
}
|
|
.sheet-max.sheet-aspell1{
|
|
grid-area:one-max;
|
|
}
|
|
.sheet-num.sheet-aspell2{
|
|
grid-area:two-label;
|
|
}
|
|
.sheet-current.sheet-aspell2{
|
|
grid-area:two-current;
|
|
}
|
|
.sheet-slash.sheet-aspell2{
|
|
grid-area:two-slash;
|
|
}
|
|
.sheet-max.sheet-aspell2{
|
|
grid-area:two-max;
|
|
}
|
|
.sheet-num.sheet-aspell3{
|
|
grid-area:three-label;
|
|
}
|
|
.sheet-current.sheet-aspell3{
|
|
grid-area:three-current;
|
|
}
|
|
.sheet-slash.sheet-aspell3{
|
|
grid-area:three-slash;
|
|
}
|
|
.sheet-max.sheet-aspell3{
|
|
grid-area:three-max;
|
|
}
|
|
.sheet-num.sheet-aspell4{
|
|
grid-area:four-label;
|
|
}
|
|
.sheet-current.sheet-aspell4{
|
|
grid-area:four-current;
|
|
}
|
|
.sheet-slash.sheet-aspell4{
|
|
grid-area:four-slash;
|
|
}
|
|
.sheet-max.sheet-aspell4{
|
|
grid-area:four-max;
|
|
}
|
|
.sheet-num.sheet-aspell5{
|
|
grid-area:five-label;
|
|
}
|
|
.sheet-current.sheet-aspell5{
|
|
grid-area:five-current;
|
|
}
|
|
.sheet-slash.sheet-aspell5{
|
|
grid-area:five-slash;
|
|
}
|
|
.sheet-max.sheet-aspell5{
|
|
grid-area:five-max;
|
|
}
|
|
.sheet-num.sheet-aspell6{
|
|
grid-area:six-label;
|
|
}
|
|
.sheet-current.sheet-aspell6{
|
|
grid-area:six-current;
|
|
}
|
|
.sheet-slash.sheet-aspell6{
|
|
grid-area:six-slash;
|
|
}
|
|
.sheet-max.sheet-aspell6{
|
|
grid-area:six-max;
|
|
}
|
|
.sheet-num.sheet-aspell7{
|
|
grid-area:seven-label;
|
|
}
|
|
.sheet-current.sheet-aspell7{
|
|
grid-area:seven-current;
|
|
}
|
|
.sheet-slash.sheet-aspell7{
|
|
grid-area:seven-slash;
|
|
}
|
|
.sheet-max.sheet-aspell7{
|
|
grid-area:seven-max;
|
|
}
|
|
.sheet-num.sheet-aspell8{
|
|
grid-area:eight-label;
|
|
}
|
|
.sheet-current.sheet-aspell8{
|
|
grid-area:eight-current;
|
|
}
|
|
.sheet-slash.sheet-aspell8{
|
|
grid-area:eight-slash;
|
|
}
|
|
.sheet-max.sheet-aspell8{
|
|
grid-area:eight-max;
|
|
}
|
|
.sheet-num.sheet-aspell9{
|
|
grid-area:nine-label;
|
|
}
|
|
.sheet-current.sheet-aspell9{
|
|
grid-area:nine-current;
|
|
}
|
|
.sheet-slash.sheet-aspell9{
|
|
grid-area:nine-slash;
|
|
}
|
|
.sheet-max.sheet-aspell9{
|
|
grid-area:nine-max;
|
|
}
|
|
.sheet-section-container > .sheet-section-container > .repcontainer:not([data-groupname='repeating_profession']){
|
|
height:auto;
|
|
align-self:start;
|
|
}
|
|
.sheet-abilities-container{
|
|
display:grid;
|
|
grid-template-columns:5px [ container-start compendium-container-start repcontrol-start] 15px [header-start] 1fr [header-end container-end compendium-container-end repcontrol-end] 5px;
|
|
grid-template-rows:5px [header-start] 18px [header-end container-start] auto [container-end repcontrol-start compendium-start] 20px [compendium-end repcontrol-end compendium-container-start] auto [compendium-container-end] 0px;
|
|
grid-gap:5px;
|
|
}
|
|
.sheet-weapons,
|
|
.sheet-item-container,
|
|
.sheet-spell-column .sheet-section-container > .sheet-section-container{
|
|
display:grid;
|
|
grid-template-columns:5px [header-start container-start compendium-container-start repcontrol-start] 20px [compendium-start] 1fr [compendium-end] 20px [header-end container-end compendium-container-end repcontrol-end] 5px;
|
|
grid-template-rows:5px [header-start] 18px [header-end container-start] auto [container-end repcontrol-start compendium-start] 20px [compendium-end repcontrol-end compendium-container-start] auto [compendium-container-end] 0px;
|
|
grid-gap:5px;
|
|
}
|
|
.sheet-item-container{
|
|
grid-area:items;
|
|
}
|
|
.sheet-abilities-container > .sheet-button-description,
|
|
.sheet-weapons > .sheet-button-description,
|
|
.sheet-item-container > .sheet-button-description,
|
|
.sheet-spell-column > .sheet-section-container > .sheet-section-container > .sheet-button-description{
|
|
grid-area:header;
|
|
}
|
|
.sheet-abilities-container > .sheet-button-description > *,
|
|
.sheet-weapons > .sheet-button-description > *,
|
|
.sheet-item-container > .sheet-button-description > *,
|
|
.sheet-spell-column .sheet-section-container > .sheet-section-container > .sheet-button-description > *{
|
|
background-color:#bcc9d6;
|
|
display:block;
|
|
height:100%;
|
|
width:100%;
|
|
text-align:center;
|
|
border-radius: 5px !important;
|
|
}
|
|
.sheet-spell-column .sheet-section-container .repcontainer{
|
|
grid-area:container;
|
|
}
|
|
.sheet-spell-column .sheet-section-container .repcontrol,
|
|
.sheet-spell-column .sheet-section-container .sheet-pseudo-repcontrol{
|
|
grid-area:repcontrol;
|
|
}
|
|
.sheet-spell-column .sheet-section-container .repcontrol .repcontrol_add,
|
|
.sheet-spell-column .sheet-section-container .repcontrol .repcontrol_add:before{
|
|
display:none;
|
|
}
|
|
.sheet-spell-column .sheet-section-container .repcontrol{
|
|
--squaredim:10pt;
|
|
justify-self:end;
|
|
width:auto;
|
|
font-size:var(--squaredim);
|
|
}
|
|
.sheet-spell-column .sheet-section-container .repcontrol_edit:after{
|
|
top:-2px;
|
|
left:0px;
|
|
}
|
|
.sheet-spell-column .sheet-section-container .sheet-pseudo-repcontrol{
|
|
--squaredim:10pt;
|
|
justify-self:start;
|
|
width:auto;
|
|
}
|
|
/*settings style*/
|
|
.sheet-settings .sheet-row{
|
|
display:flex;
|
|
justify-content:space-between;
|
|
}
|
|
.sheet-settings .sheet-row .sheet-label{
|
|
display:inline-block;
|
|
}
|
|
.sheet-settings{
|
|
grid-area:settings;
|
|
grid-template-columns:1fr 1fr 1fr;
|
|
grid-column-gap:20px;
|
|
grid-row-gap:20px;
|
|
align-items:start;
|
|
}
|
|
.sheet-settings > .sheet-section-container > .sheet-section-container{
|
|
display:grid;
|
|
grid-template-columns:[one-start]0px [row-start] 1fr [row-end] 0px;
|
|
grid-column-gap:10px;
|
|
grid-row-gap:5px
|
|
}
|
|
.sheet-settings > .sheet-section-container > .sheet-section-container > * {
|
|
grid-column: row-start;
|
|
}
|
|
.sheet-pc-display:not([value=pc]) ~ .sheet-pcrow{
|
|
display:none;
|
|
}
|
|
.sheet-gutter{
|
|
height:0px;
|
|
}
|
|
/*############################################################ NPC STYLING ############################################################*/
|
|
.sheet-starfinder > .sheet-npc{
|
|
grid-area:settings;
|
|
}
|
|
.sheet-starfinder > .sheet-npc input:not([type='checkbox']):not([type=radio]):not(.sheet-mod):not(.sheet-id-label):not(.sheet-label),
|
|
.sheet-starfinder > .sheet-npc textarea,
|
|
.sheet-starfinder > .sheet-npc .sheet-input-field,
|
|
.sheet-starfinder > .sheet-npc select{
|
|
background-color:transparent;
|
|
border-bottom:1px solid black;
|
|
border-radius:5px 5px 0px 0px;
|
|
font-size:8pt;
|
|
font-family:Lucida Console,Monaco;
|
|
}
|
|
.sheet-starfinder > .sheet-npc > .sheet-statblock > .sheet-row.sheet-ability-scores .sheet-attr-base-mod-container input.sheet-base-attr{
|
|
border-bottom:0px solid transparent;
|
|
}
|
|
.sheet-statblock .sheet-pseudo-repcontrol span,
|
|
.sheet-statblock .repcontrol_edit:after,
|
|
.sheet-statblock .repcontrol_add:before{
|
|
color:black;
|
|
}
|
|
.sheet-starfinder .sheet-npc .sheet-row.sheet-initiative-row{
|
|
display:grid;
|
|
grid-template-columns:auto 20px auto 1fr;
|
|
place-items:stretch;
|
|
}
|
|
.sheet-starfinder .sheet-npc .sheet-row.sheet-defense-row{
|
|
display:grid;
|
|
grid-template-columns:auto 20px auto 20px auto 20px 1fr;
|
|
}
|
|
.sheet-starfinder .sheet-npc .sheet-row.sheet-initiative-row > *,
|
|
.sheet-starfinder .sheet-npc .sheet-row.sheet-defense-row > *,
|
|
.sheet-starfinder .sheet-npc .sheet-row.sheet-ability-scores > *{
|
|
margin:0px;
|
|
grid-area:initial;
|
|
width:100%;
|
|
}
|
|
.sheet-starfinder .sheet-npc .sheet-row.sheet-ability-scores{
|
|
display:grid;
|
|
grid-template-columns:repeat(6,auto 20px);
|
|
}
|
|
.sheet-creator div.sheet-spells{
|
|
display:flex !important;
|
|
flex-wrap:wrap;
|
|
}
|
|
.sheet-is-caster:not(:checked) ~ div.sheet-spells,
|
|
.sheet-spell-button-container .sheet-class-spells:not(:checked) + button,
|
|
.sheet-is-caster:not(:checked) + input.sheet-spells{
|
|
display:none !important;
|
|
}
|
|
.sheet-invalid-detector[value="0[-]"] ~ .sheet-modified-attr:not(.sheet-invalid-display),
|
|
.sheet-invalid-detector:not([value="0[-]"]) ~ .sheet-invalid-display{
|
|
opacity:0;
|
|
}
|
|
.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 2px 5px;
|
|
color:white;
|
|
}
|
|
.sheet-starfinder > .sheet-npc .sheet-statblock-header input:not([type='checkbox']):not([type=radio]):not(.sheet-mod):not(.sheet-id-label):not(.sheet-label){
|
|
border:0px 0px 1px 0px;
|
|
border-bottom-color:white;
|
|
color:white;
|
|
font-weight:900;
|
|
}
|
|
.sheet-statblock > .sheet-row > *{
|
|
margin-right:5px;
|
|
}
|
|
.sheet-statblock > .sheet-row{
|
|
max-width:100%;
|
|
overflow:hidden;
|
|
position:relative;
|
|
flex-wrap:wrap;
|
|
}
|
|
.sheet-statblock > .sheet-attack-row{
|
|
display:grid;
|
|
grid-template-columns:[label-start repcontrol-start] 60px [label-end repcontrol-end repeating-start] 1fr [repeating-end];
|
|
grid-template-rows:[label-start repeating-start] 20px [label-end repcontrol-start] minmax(20px,auto) [repeating-end repcontrol-end];
|
|
}
|
|
.sheet-statblock > .sheet-spell-like-row{
|
|
display:grid;
|
|
grid-template-columns:[repcontrol-start repeating-start] 1fr [repeating-end repcontrol-end];
|
|
grid-template-rows:[repeating-start] auto [repeating-end repcontrol-start] auto [repcontrol-end];
|
|
}
|
|
.sheet-statblock > .sheet-spell-like-row .sheet-filter[value=SP] ~ .sheet-filter-container,
|
|
.sheet-statblock > .sheet-row .repcontainer[data-groupname='repeating_ability'] .sheet-filter:not([value=SP]) ~ .sheet-filter-container{
|
|
display:block;
|
|
}
|
|
.sheet-statblock > .sheet-attack-row > .sheet-attack-label{
|
|
grid-area:label;
|
|
}
|
|
.sheet-statblock > .sheet-attack-row > .repcontainer,
|
|
.sheet-statblock > .sheet-spell-like-row > .repcontainer,
|
|
.sheet-statblock > .sheet-attack-row > .sheet-multiattack-button{
|
|
grid-area:repeating;
|
|
max-height:initial;
|
|
}
|
|
.sheet-statblock > .sheet-attack-row > .sheet-multiattack-button{
|
|
width:100%;
|
|
height:100%;
|
|
opacity:0;
|
|
}
|
|
.sheet-statblock > .sheet-spell-like-row > .repcontrol,
|
|
.sheet-statblock > .sheet-spell-like-row > .sheet-pseudo-repcontrol,
|
|
.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,
|
|
.sheet-statblock > .sheet-spell-like-row > .repcontrol{
|
|
justify-self:center;
|
|
}
|
|
.sheet-statblock > .sheet-attack-row > .sheet-pseudo-repcontrol,
|
|
.sheet-statblock > .sheet-spell-like-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 .sheet-attack-row .repcontrol_add,
|
|
.sheet-statblock .sheet-spell-like-row .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-attr-total-container {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-statblock .sheet-field-container .sheet-attr-total-container{
|
|
width:40px;
|
|
position:relative;
|
|
overflow:hidden;
|
|
}
|
|
.sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-modified-attr{
|
|
width:100%;
|
|
border-bottom:1px solid black;
|
|
line-height:14px;
|
|
font-size:8pt;
|
|
text-align:center;
|
|
}
|
|
.sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-base-attr{
|
|
width:100%;
|
|
z-index:5;
|
|
opacity:0;
|
|
}
|
|
.sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-base-attr:focus{
|
|
opacity:100;
|
|
}
|
|
.sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-base-attr:focus ~ .sheet-modified-attr{
|
|
opacity:0;
|
|
}
|
|
.sheet-statblock .repcontainer[data-groupname='repeating_spell'] .repitem{
|
|
width:auto;
|
|
}
|
|
span.sheet-cr{
|
|
margin-left:5px;
|
|
margin-right:5px;
|
|
color:white !important;
|
|
}
|
|
input.sheet-cr{
|
|
width:20px;
|
|
margin-right:5px;
|
|
}
|
|
.sheet-statblock > .sheet-row > span.sheet-xp{
|
|
margin-right:5px;
|
|
}
|
|
.sheet-statblock > .sheet-row > input.sheet-xp{
|
|
width:80px;
|
|
}
|
|
.sheet-statblock > .sheet-row > textarea.sheet-scalable-input{
|
|
height:auto;
|
|
min-height:60px;
|
|
}
|
|
.sheet-statblock .sheet-alignment{
|
|
width:20px !important;
|
|
}
|
|
.sheet-statblock-section-header{
|
|
background-color:#ededed;
|
|
min-width:100%;
|
|
max-height:20px;
|
|
padding:0px 5px 2px 5px;
|
|
}
|
|
.sheet-statblock-section-header > span{
|
|
font-weight:900;
|
|
}
|
|
.sheet-defense-header{
|
|
display:grid;
|
|
grid-template-columns:[label-start] auto [label-end hp-start] 1fr [hp-end];
|
|
grid-template-rows:[label-start hp-start] 20px [label-end hp-end];
|
|
grid-gap:5px;
|
|
justify-items:end;
|
|
align-items:end;
|
|
}
|
|
.sheet-hp-rp-container{
|
|
grid-area:hp;
|
|
}
|
|
.sheet-statblock .sheet-row span.sheet-dr{
|
|
width:auto;
|
|
}
|
|
.sheet-statblock .sheet-row .sheet-space{
|
|
width:50px;
|
|
}
|
|
.sheet-button-description{
|
|
max-height:90px;
|
|
overflow:hidden;
|
|
}
|
|
.sheet-statblock .sheet-skills-row{
|
|
display:grid;
|
|
grid-template-columns:[header-start]1fr 1fr 1fr[header-end];
|
|
grid-column-gap:5px;
|
|
grid-row-gap:5px;
|
|
}
|
|
.sheet-statblock .sheet-row-options{
|
|
background-color:transparent;
|
|
}
|
|
.sheet-statblock .sheet-skills-row .sheet-skill-container{
|
|
grid-column:initial;
|
|
align-content:center;
|
|
display:grid;
|
|
}
|
|
.sheet-statblock .sheet-skills-row > span{
|
|
grid-column:header-start / header-end;
|
|
}
|
|
.sheet-statblock .sheet-skill-container:nth-child(1),
|
|
.sheet-statblock .sheet-row .sheet-skill-fieldset .sheet-display,
|
|
.sheet-statblock .sheet-skill-container .sheet-display{
|
|
grid-template-columns:[button-start] 1fr [button-end total-start] 15px [total-end] 20px;
|
|
align-items:center;
|
|
}
|
|
.sheet-statblock .repcontainer[data-groupname="repeating_profession"]{
|
|
display:grid;
|
|
grid-template-columns:[header-start]1fr 1fr[header-end];
|
|
grid-column-gap:5px;
|
|
grid-row-gap:5px;
|
|
}
|
|
.sheet-statblock .repcontainer[data-groupname="repeating_profession"] .sheet-attr-base-mod-container{
|
|
width:100%;
|
|
}
|
|
.sheet-statblock .sheet-row .sheet-skill-container select,
|
|
.sheet-statblock .sheet-row .sheet-skill-container input[type='text']{
|
|
width:100%;
|
|
line-height:18px;
|
|
}
|
|
.sheet-statblock .sheet-row .sheet-skill-fieldset{
|
|
grid-column:1/-1;
|
|
grid-row-end:span 2;
|
|
}
|
|
/*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-starfinder > .sheet-ship .sheet-row:not(:last-child){
|
|
margin-bottom:2px;
|
|
}
|
|
.sheet-ship .sheet-label-container > *{
|
|
width:100%;
|
|
}
|
|
.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;
|
|
border:1px solid black;
|
|
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-ship .sheet-shields.sheet-non-hex{
|
|
background-color:transparent;
|
|
}
|
|
.sheet-ship .sheet-section-container .sheet-label-container{
|
|
z-index:10;
|
|
}
|
|
.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;
|
|
border:1px solid black;
|
|
background:white;
|
|
border-radius:5px;
|
|
}
|
|
.sheet-arc-shield *{
|
|
grid-column:content-start / content-end;
|
|
width:100% !important;
|
|
text-align:center;
|
|
}
|
|
.sheet-forward-shield{
|
|
grid-area:forward;
|
|
}
|
|
.sheet-port-shield{
|
|
grid-area:port;
|
|
|
|
}
|
|
.sheet-aft-shield{
|
|
grid-area:aft;
|
|
|
|
}
|
|
.sheet-starboard-shield{
|
|
grid-area:starboard;
|
|
|
|
}
|
|
.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-ship .sheet-shields .sheet-hex-container .sheet-dual-arc{
|
|
background-color:transparent;
|
|
}
|
|
.sheet-center-container .sheet-center-hex{
|
|
z-index:10;
|
|
display:grid;
|
|
align-items:center;
|
|
justify-items:center;
|
|
place-content:center;
|
|
}
|
|
.sheet-center-container .sheet-center-hex img{
|
|
z-index:10;
|
|
transform:rotate(-90deg);
|
|
}
|
|
.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);
|
|
left:1px;
|
|
}
|
|
.sheet-line-left{
|
|
transform:rotate(-29.25deg);
|
|
left:1px;
|
|
}
|
|
.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: [import-start hcontent-start] calc(150px - var(--wedge)*1.41) [import-end] 1fr [char-tab-start] calc(150px - var(--wedge)*1.41) [hcontent-end] 5px [char-tab-end];
|
|
grid-template-rows: [char-tab-start import-start class-tab-start] 19px [hcontent-start] 1px [char-tab-end import-end class-tab-end] auto [hcontent-end];
|
|
justify-items: stretch;
|
|
align-items: stretch;
|
|
}
|
|
.sheet-rank-import{
|
|
grid-area:import;
|
|
}
|
|
.sheet-ship .sheet-starship-defense .sheet-section{
|
|
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Starfinder%20by%20Roll20/Assets/sf-header%20defense.png') 17 27 fill repeat;
|
|
}
|
|
.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{
|
|
border-radius:5px 0px 5px 5px;
|
|
}
|
|
.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-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] 5px [hcontent-start] calc(150px - var(--wedge)*1.41) [char-tab-end] 1fr [hcontent-end];
|
|
grid-template-rows: [char-tab-start class-tab-start] 19px [hcontent-start ] 1px [char-tab-end class-tab-end] 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] 5px [hcontent-start] calc(150px - var(--wedge)*1.41) [char-tab-end] 1fr [hcontent-end];
|
|
grid-template-rows: [hcontent-start] auto [char-tab-start class-tab-start] 1px [hcontent-end] 19px [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;
|
|
border-radius:5px 0px;
|
|
}
|
|
.sheet-ship .sheet-crew .sheet-section{
|
|
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Starfinder%20by%20Roll20/Assets/sf-header%20Crew.png') 17 27 fill repeat;
|
|
z-index:2;
|
|
}
|
|
.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] 5px [char-tab-end];
|
|
grid-template-rows: [hcontent-start] auto [char-tab-start class-tab-start] 1px [hcontent-end] 19px [char-tab-end class-tab-end];
|
|
justify-items: stretch;
|
|
align-items: stretch;
|
|
}
|
|
.sheet-ship .sheet-ship-menus .sheet-section{
|
|
z-index:2;
|
|
border-image: url('https://github.com/Roll20/roll20-character-sheets/blob/master/Starfinder%20by%20Roll/Assets/sf-header%20power.png') 17 27 fill repeat;
|
|
}
|
|
.sheet-ship .sheet-ship-menus > .sheet-section-container{
|
|
display:grid;
|
|
grid-template-columns: 100px [sensor-bp-start] 30px [sensor-label-end 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 sensor-bp-end] 0px;
|
|
grid-template-rows:0px [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 sensor-bp-start] 20px [sensor-bp-end] ;
|
|
grid-gap:5px;
|
|
border-radius:0px 5px;
|
|
align-content:start;
|
|
}
|
|
.sheet-ship .sheet-ship-menus > .sheet-section-container > .sheet-sensor-bp{
|
|
grid-area:sensor-bp;
|
|
display:grid;
|
|
grid-template-columns:repeat(2,1fr) 20px 1fr;
|
|
grid-gap:5px;
|
|
}
|
|
.sheet-ship .sheet-ship-menus > .sheet-section-container > .sheet-sensor-bp > *{
|
|
width:100%;
|
|
text-align:center;
|
|
}
|
|
.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;
|
|
grid-template-columns: [char-tab-start] 5px [hcontent-start] minmax(150px,auto) [char-tab-end] 1fr [sheet-critical-start] minmax(145px,auto) [roll-start] 5px [sheet-critical-end] minmax(145px,auto) [hcontent-end] 5px [roll-end];
|
|
grid-template-rows: [char-tab-start class-tab-start sheet-critical-start roll-start] 19px [hcontent-start] 1px [char-tab-end sheet-critical-end roll-end class-tab-end] 1fr [hcontent-end];
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-roll-crit button:hover,
|
|
.sheet-rank-import >input:checked + span{
|
|
background-color:black;
|
|
color:white;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-auto-crit{
|
|
grid-area:sheet-critical;
|
|
place-self:center;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-roll-crit{
|
|
grid-area:roll;
|
|
place-self:start end;
|
|
}
|
|
.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 [weapon-details-start sheet-critical-start] 0fr [life-support-end sensors-end weapons-end engines-end power-end roll-start] 1.2fr [roll-end] 0px[weapon-background-end weapon-details-end];
|
|
grid-template-rows:5px [life-support-start sheet-critical-start roll-start] 45px [sheet-critical-end roll-end 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] 5px[weapon-details-end];
|
|
grid-gap:5px;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-life-support{
|
|
grid-area:life-support;
|
|
border-bottom:1px solid;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-patch{
|
|
grid-area:patch;
|
|
display:grid;
|
|
align-content:center;
|
|
text-align:right;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-patch .sheet-patched{
|
|
background-color:black;
|
|
color:white;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-patch input:not(:checked) + .sheet-patched,
|
|
.sheet-ship .sheet-critical .sheet-patch input:checked ~ .sheet-unpatched{
|
|
display:none;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-hide-patch[value*="+0"] + .sheet-patch-status:not([value*="1"]) + .sheet-patch{
|
|
display:none;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-sensors{
|
|
grid-area:sensors;
|
|
border-bottom:1px solid;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-weapons *{
|
|
color:white;
|
|
}
|
|
.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 > span{
|
|
color:white;
|
|
}
|
|
.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):not(.sheet-auto-crit):not(.sheet-roll-crit){
|
|
display:grid;
|
|
grid-template-columns:[label-start nominal-start] 1fr [nominal-end glitch-start] 1fr [label-end patch-start glitch-end malfunction-start] 1fr [patch-end malfunction-end wrecked-start] 1fr [wrecked-end];
|
|
grid-template-rows:[label-start patch-start] 1fr [patch-end 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-critical .sheet-auto-crit label > span,
|
|
.sheet-ship .sheet-critical .sheet-roll-crit button,
|
|
.sheet-ship .sheet-critical .sheet-life-support label > span,
|
|
.sheet-ship .sheet-critical .sheet-sensors label > span,
|
|
.sheet-ship .sheet-critical .sheet-engines label > span,
|
|
.sheet-ship .sheet-critical .sheet-power label > span,
|
|
.sheet-rank-import > span{
|
|
border: 1px solid black;
|
|
border-radius:5px;
|
|
padding:0px 5px;
|
|
margin:0px;
|
|
}
|
|
.sheet-ship .sheet-on{
|
|
color:#00ffb3;
|
|
text-shadow:0px 0px 10px #46fcc6,0px 0px 20px #00b27d;
|
|
}
|
|
.sheet-weapon-details .sheet-nominal span,
|
|
.sheet-weapon-details .sheet-glitch span,
|
|
.sheet-weapon-details .sheet-malfunction span,
|
|
.sheet-weapon-details .sheet-wreck span{
|
|
z-index:10;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-nominal > input:checked + span,
|
|
.sheet-weapon-details .sheet-nominal input:checked ~ div,
|
|
.sheet-weapon-details .sheet-nominal span:hover + div,
|
|
.sheet-weapon-details .sheet-nominal div:hover,
|
|
.sheet-ship .sheet-critical .sheet-nominal > span:hover{
|
|
background-color:rgb(1, 175, 239,0.5);
|
|
}
|
|
.sheet-ship .sheet-shields:not(.sheet-non-hex){
|
|
background-color:#01afef;
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-glitch > input:checked + span,
|
|
.sheet-weapon-details .sheet-glitch input:checked ~ div,
|
|
.sheet-weapon-details .sheet-glitch span:hover + div,
|
|
.sheet-weapon-details .sheet-glitch div:hover,
|
|
.sheet-ship .sheet-critical .sheet-glitch > span:hover{
|
|
background-color:rgb(250, 255, 0,0.5);
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-malfunction > input:checked + span,
|
|
.sheet-weapon-details .sheet-malfunction input:checked ~ div,
|
|
.sheet-weapon-details .sheet-malfunction span:hover + div,
|
|
.sheet-weapon-details .sheet-malfunction div:hover,
|
|
.sheet-ship .sheet-critical .sheet-malfunction > span:hover{
|
|
background-color:rgb(255, 93, 0,0.5);
|
|
}
|
|
.sheet-ship .sheet-critical .sheet-wreck > input:checked + span,
|
|
.sheet-weapon-details .sheet-wreck input:checked ~ div,
|
|
.sheet-weapon-details .sheet-wreck span:hover + div,
|
|
.sheet-weapon-details .sheet-wreck div:hover,
|
|
.sheet-ship .sheet-critical .sheet-wreck > span:hover{
|
|
background-color:rgb(255,0,0,0.5);
|
|
}
|
|
.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapon-details,
|
|
.sheet-ship .sheet-critical > .sheet-section-container > div.sheet-weapons{
|
|
color:white;
|
|
}
|
|
.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-aft span{
|
|
position:relative;
|
|
left:0px;
|
|
top:-5px;
|
|
text-align:center;
|
|
}
|
|
.sheet-starfinder .repcontainer:not([data-groupname="repeating_buff"]) .repitem{
|
|
overflow:hidden;
|
|
}
|
|
/*############################################################ Help dialog defaults ############################################################*/
|
|
.sheet-starfinder div.sheet-help-container:not(:first-child){
|
|
width:15px;
|
|
height:18px;
|
|
grid-template-columns:none !important;
|
|
grid-template-rows:none !important;
|
|
justify-self: end;
|
|
align-self:start;
|
|
border:0px;
|
|
position:absolute;
|
|
overflow:hidden;
|
|
align-items:end;
|
|
align-items:flex-end;
|
|
z-index:100;
|
|
right:0px;
|
|
top:0px;
|
|
}
|
|
.sheet-starfinder div.sheet-help-container .sheet-help-icon{
|
|
align-self:end;
|
|
width:15px;
|
|
height:18px;
|
|
}
|
|
.sheet-starfinder div.sheet-help-container .sheet-help-content{
|
|
opacity:0;
|
|
position:absolute;
|
|
}
|
|
.sheet-starfinder div.sheet-help-container:not(:first-child):hover{
|
|
width:100%;
|
|
height:80px;
|
|
border:1px solid black;
|
|
background-color:white;
|
|
justify-content:flex-end;
|
|
grid-template-columns:1fr 15px !important;
|
|
grid-template-rows:1fr !important;
|
|
top:-62px;
|
|
}
|
|
.sheet-help-content *{
|
|
font-family:arial;
|
|
}
|
|
.sheet-help-content > *{
|
|
display:block;
|
|
}
|
|
.sheet-starfinder div.sheet-help-container:hover .sheet-help-content{
|
|
opacity:100;
|
|
position:relative;
|
|
align-self:flex-start;
|
|
max-height:100%;
|
|
overflow-y:scroll;
|
|
}
|
|
/*############################################################ Wizard display ############################################################*/
|
|
.sheet-starfinder .sheet-wizard{
|
|
z-index:200;
|
|
position:sticky;
|
|
top:20%;
|
|
left: 100px;
|
|
width: 600px;
|
|
}
|
|
.sheet-wizard.sheet-section-container{
|
|
display:grid;
|
|
grid-template-columns: [char-tab-start] 5px [hcontent-start] minmax(150px,auto) [char-tab-end] 1fr [hcontent-end];
|
|
grid-template-rows: [char-tab-start class-tab-start] 16px [hcontent-start] 1px [char-tab-end class-tab-end] 1fr [hcontent-end];
|
|
justify-items:stretch;
|
|
align-items:stretch;
|
|
}
|
|
.sheet-starfinder .sheet-wizard .sheet-section-container > *:not(.repcontainer),
|
|
.sheet-starfinder .sheet-wizard .sheet-section-container > span,
|
|
.sheet-starfinder .sheet-wizard .sheet-section-container .repitem{
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-starfinder .sheet-wizard .repcontainer{
|
|
margin-top:5px;
|
|
}
|
|
.sheet-starfinder .sheet-wizard .repitem{
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.sheet-starfinder .sheet-wizard *:not(button),
|
|
.sheet-starfinder .sheet-wizard button[type='action']{
|
|
font-size: 10pt;
|
|
}
|
|
.sheet-starfinder .sheet-wizard button[type='compendium']{
|
|
text-transform:none;
|
|
color:white;
|
|
text-align:center;
|
|
}
|
|
.sheet-starfinder .sheet-wizard .sheet-button-container{
|
|
display:flex;
|
|
justify-content:space-around;
|
|
}
|
|
.sheet-hide-repcontrols .repcontrol{
|
|
display:none;
|
|
}
|
|
.sheet-starfinder .sheet-wizard .sheet-section-container{
|
|
background-color:white;
|
|
position:absolute;
|
|
box-shadow:0px 0px 150px 60px black;
|
|
top: 3px;
|
|
padding:5px;
|
|
}
|
|
.sheet-starfinder .sheet-wizard-display[value=""] + .sheet-wizard{
|
|
display:none;
|
|
}
|
|
.sheet-type-display[value*=custom] + select,
|
|
.sheet-attribute-display[value*=custom] + select,
|
|
.sheet-type-display:not([value*=custom]) ~ .sheet-custom-type,
|
|
.sheet-attribute-display:not([value*=custom]) ~ .sheet-custom-attribute{
|
|
display:none;
|
|
}
|
|
.sheet-container-header,
|
|
.sheet-container-header ~ .repcontainer > .repitem{
|
|
display:flex;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
.sheet-container-header > span{
|
|
font-family:Contrail One;
|
|
}
|
|
.sheet-container-header > *,
|
|
.sheet-container-header ~ .repcontainer > .repitem > *:not(:last-child){
|
|
margin-right:5px;
|
|
}
|
|
.sheet-container-header,
|
|
.sheet-container-header ~ .repcontainer,
|
|
.sheet-container-header ~ .repcontainer > .repitem{
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
.sheet-wizard-mod{
|
|
display:block;
|
|
position:relative;
|
|
}
|
|
.sheet-filter-container .sheet-field-tab:not(:checked) + .sheet-wizard-mod,
|
|
.sheet-spell .sheet-field-tab:not(:checked) + .sheet-wizard-mod{
|
|
display: none;
|
|
}
|
|
.sheet-wizard-mod > span{
|
|
display:block;
|
|
height:100%;
|
|
width:100%;
|
|
border: 0px solid black;
|
|
box-shadow: none;
|
|
background-color: #d7dbe0;
|
|
color: #112d42;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 5px;
|
|
padding: 0px;
|
|
font-size: 8pt;
|
|
font-family: Lucida Console,Monaco;
|
|
white-space:pre-wrap;
|
|
}
|
|
.sheet-method-display:not([value=wizard]) + .sheet-starfinder .sheet-wizard-mod{
|
|
display:none;
|
|
}
|
|
.sheet-method-display[value=wizard] + .sheet-starfinder .sheet-wizard-mod{
|
|
min-height:60px;
|
|
height:60px;
|
|
width:100%;
|
|
}
|
|
.sheet-method-display[value=wizard] + .sheet-starfinder .sheet-manual-mod{
|
|
display:none !important;
|
|
}
|
|
.sheet-mod-template-container{
|
|
display:flex;
|
|
justify-content:flex-end;
|
|
margin-top:10px;
|
|
}
|
|
/*############################################################ Charmancer Styling ############################################################*/
|
|
div.sheet-logo-row {
|
|
display : grid;
|
|
grid-column-gap : 1%;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
justify-content : space-between;
|
|
margin-bottom : 2%;
|
|
max-width : 100%;
|
|
}
|
|
|
|
div.sheet-logo-row img {
|
|
padding-top: 2%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
div.sheet-logo-row img[alt*="Roll20"] {
|
|
height: 100%;
|
|
width: 80%;
|
|
}
|
|
|
|
.sheet-attributes-row {
|
|
display: grid;
|
|
grid-template-columns: 15% 15% 15% 15% 15% 15%;
|
|
justify-content: space-between;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.sheet-attributes-row .sheet-attribute-container {
|
|
background: linear-gradient(rgba(3, 177, 230, 0.1) 50%, rgba(0, 0, 0, 0.15) 50%) repeat-y 0 0/100% 2px, radial-gradient(circle at top, rgba(50, 200, 250, 0.4) 0, transparent 75%), #112;
|
|
-webkit-clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 10px, 100% 100%, 10px 100%, 0% calc(100% - 10px));
|
|
clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 15px 100%, 0% calc(100% - 15px));
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
padding: 5px;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-attributes-row .sheet-attribute-container * {
|
|
font-family: "Verdana", sans-serif;
|
|
margin: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-attributes-row .sheet-attribute-container .sheet-attribute-label {
|
|
color: #1ff;
|
|
font-family: 'Contrail One';
|
|
font-size: 9pt;
|
|
grid-column: 1 / 3;
|
|
grid-row: 1;
|
|
letter-spacing: 2px;
|
|
text-align: center;
|
|
text-shadow: 0 0 15px #5ab1e6;
|
|
text-transform: uppercase;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-attributes-row .sheet-attribute-container span {
|
|
color: #fff;
|
|
font-size: 14pt;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-attributes-row .sheet-attribute-container .sheet-attribute-value:nth-child(1) {
|
|
grid-column: 1;
|
|
}
|
|
|
|
.sheet-attributes-row .sheet-attribute-container .sheet-attribute-value:nth-child(2) {
|
|
grid-column: 2;
|
|
}
|
|
|
|
.sheet-stat-row {
|
|
display: grid;
|
|
grid-template-columns: 19% 19% 19% 19% 19%;
|
|
justify-content: space-between;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.sheet-stat-container {
|
|
align-items: baseline;
|
|
background-color: #cef;
|
|
border-radius: 30px;
|
|
-webkit-box-shadow: inset 0 0 10px #5ac;
|
|
-moz-box-shadow: inset 0 0 10px #5ac;
|
|
box-shadow: inset 0 0 10px #5ac;
|
|
display: grid;
|
|
grid-template-columns: 75% 25%;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-stat-container .sheet-stat-label {
|
|
color: #046;
|
|
font-size: 9pt;
|
|
letter-spacing: 1px;
|
|
margin-left: 10px;
|
|
text-shadow: 0 0 15px #046;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-stat-container .sheet-stat-value {
|
|
color: #000;
|
|
font-size: 14pt;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-stat-container .sheet-hp {
|
|
grid-column-end: 2;
|
|
grid-column-start: 2;
|
|
}
|
|
|
|
.sheet-mancernav {
|
|
align-items: stretch;
|
|
background: url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558037833/timeline-left_oehwmg.png"), url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558038195/timeline-right_y2r5nu.png"), url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558037833/timeline-bg_xxpbr5.png");
|
|
background-clip: border-box, border-box, padding-box;
|
|
background-origin: border-box, border-box, padding-box;
|
|
background-position: left, right, 100%;
|
|
background-repeat: no-repeat, no-repeat, repeat-x;
|
|
border-left: 24px solid transparent;
|
|
border-right: 24px solid transparent;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: auto;
|
|
margin-top: 20px;
|
|
min-height: 33px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-mancernav .sheet-section:not(.sheet-choice),
|
|
.sheet-mancernav .sheet-section.sheet-choice-showing{
|
|
align-items: center;
|
|
background: transparent;
|
|
border: 0;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-size: 10pt;
|
|
padding: 0;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-mancernav .sheet-section button {
|
|
background: transparent;
|
|
border: 0;
|
|
color: inherit;
|
|
text-transform: uppercase;
|
|
top: auto;
|
|
}
|
|
|
|
.sheet-slide-container.sheet-pc-start .sheet-section.sheet-pc-start,
|
|
.sheet-slide-container.sheet-pc-race .sheet-section.sheet-pc-race,
|
|
.sheet-slide-container.sheet-pc-theme .sheet-section.sheet-pc-theme,
|
|
.sheet-slide-container.sheet-pc-class .sheet-section.sheet-pc-class,
|
|
.sheet-slide-container.sheet-pc-ability-scores .sheet-section.sheet-pc-ability-scores,
|
|
.sheet-slide-container.sheet-pc-skill .sheet-section.sheet-pc-skill,
|
|
.sheet-slide-container.sheet-pc-feat .sheet-section.sheet-pc-feat,
|
|
.sheet-slide-container.sheet-pc-spell .sheet-section.sheet-pc-spell,
|
|
.sheet-slide-container.sheet-pc-equipment .sheet-section.sheet-pc-equipment {
|
|
background: url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558037833/timeline-active-left_di7pox.png"), url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558037833/timeline-active-right_pntiml.png"), url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558039245/timeline-active-bg-2_dqpz9q.png");
|
|
background-clip: border-box, border-box, padding-box;
|
|
background-origin: border-box, border-box, padding-box;
|
|
background-position: left, right, 100%;
|
|
background-repeat: no-repeat, no-repeat, repeat-x;
|
|
border-left: 22px solid transparent;
|
|
border-right: 22px solid transparent;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
text-shadow: 0 0 15px white, 0 0 15px white;
|
|
}
|
|
|
|
.sheet-class-view[value*='levels']~.sheet-mancernav .sheet-mancer-level,
|
|
.sheet-class-view[value*='abilities']~.sheet-mancernav .sheet-mancer-abilities,
|
|
.sheet-status-control[value*='expanded']~.sheet-mancernav .sheet-section {
|
|
background: rgba(26, 246, 255, 0.1);
|
|
border-bottom: 2px solid #1ff;
|
|
box-sizing: border-box;
|
|
font-weight: bold;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.sheet-class-view[value*='levels']~.sheet-mancernav .sheet-mancer-level button,
|
|
.sheet-class-view[value*='abilities']~.sheet-mancernav .sheet-mancer-abilities button,
|
|
.sheet-status-control[value*='expanded']~.sheet-mancernav .sheet-section button {
|
|
color: #fff;
|
|
}
|
|
.sheet-class-view[value*='levels']~div.sheet-choice.sheet-mancer-levels,
|
|
.sheet-class-view[value*='abilities']~div.sheet-choice.sheet-mancer-abilities-display {
|
|
display: grid;
|
|
}
|
|
.sheet-mancernav-collapsible > .sheet-section > button:before{
|
|
font-family: pictos;
|
|
content: "4";
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 0em;
|
|
}
|
|
.sheet-slide-container.sheet-pc-spell .sheet-charmancerrow + .sheet-collapsible{
|
|
margin-top: 4em;
|
|
}
|
|
.sheet-status-control[value=expanded] ~ .sheet-mancernav-collapsible > .sheet-section > button:before {
|
|
transform: rotate(90deg);
|
|
}
|
|
.sheet-mancer-entry .sheet-collapsible {
|
|
margin-right: 1em;
|
|
margin-left: 0.5em;
|
|
}
|
|
.sheet-collapsible .sheet-collapsible {
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-ability-description .sheet-select {
|
|
text-align: center;
|
|
margin: 5px;
|
|
}
|
|
|
|
.sheet-ability-description select {
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-mancernav.sheet-mancernav-collapsible {
|
|
justify-content: flex-start;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
margin-left: -7px;
|
|
margin-right: -7px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-mancernav-collapsible .sheet-section {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-mancernav-collapsible button {
|
|
width: 100%;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-mancernav-collapsible button span {
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-mancernav-collapsible button .sheet-current {
|
|
margin-left: 70%;
|
|
}
|
|
|
|
.sheet-data-frame {
|
|
display: flex;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.sheet-mancer-entry {
|
|
position: relative;
|
|
margin-right: 20px;
|
|
max-width: 350px;
|
|
min-width: 350px;
|
|
padding-bottom: 15px;
|
|
background: url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558805547/left-bg-top-svg_l9azc1.svg") no-repeat top, url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558805547/left-bg-bottom-svg_m0v5vw.svg") no-repeat bottom;
|
|
background-size: 350px auto, 350px auto;
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-mancer-entry:after {
|
|
display: block;
|
|
content: ' ';
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 80px;
|
|
bottom: 80px;
|
|
left: 0;
|
|
right: 6px;
|
|
background: url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558805788/left-bg-svg_ekc7zn.svg") repeat-y left;
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-charmancerrow {
|
|
margin-left: 15px;
|
|
width: calc(100% - 30px);
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-charmancerrow:first-of-type>.sheet-hilite>h1 {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-hilite {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
grid-column: 1 / -1;
|
|
justify-content: space-between;
|
|
justify-items: baseline;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-hilite * {
|
|
flex: 1;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-hilite h1 {
|
|
background: url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1558806269/header-bg_jpdlst.png") no-repeat;
|
|
background-size: contain;
|
|
color: #fff;
|
|
display: block;
|
|
flex-basis: 100%;
|
|
flex-shrink: 0;
|
|
font-size: 16pt;
|
|
margin-bottom: 5px;
|
|
margin-left: -30px;
|
|
margin-right: 30px;
|
|
max-height: 36px;
|
|
min-height: 36px;
|
|
padding-left: 25px;
|
|
text-shadow: 0 0 25px #ffc896, 0 0 10px rgba(255, 200, 150, 0.5);
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-hilite select {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
background: url("https://res.cloudinary.com/dmrhbjudf/image/upload/v1560443899/drop-down-arrow_r64njj.svg") no-repeat calc(100% - 15px)/10px 5px, linear-gradient(rgba(100, 177, 230, 0.1) 50%, rgba(0, 0, 0, 0.05) 50%) repeat-y 0 0/100% 2px, radial-gradient(at 50% 0%, #37a 0%, #147 100%), #0f1c2b;
|
|
border: 0;
|
|
border-radius: 10px;
|
|
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.25), inset 0 0 3px rgba(0, 0, 0, 0.5);
|
|
color: #fff;
|
|
flex-grow: 3;
|
|
font-size: 12pt;
|
|
height: 30px;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-hilite select option {
|
|
background: #fff;
|
|
color: #000;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-hilite select:hover,
|
|
.sheet-mancer-entry .sheet-hilite select:focus {
|
|
box-shadow: 0 0 10px rgba(26, 246, 255, 0.5), 0 0 5px rgba(26, 246, 255, 0.75);
|
|
color: #c8f6ff;
|
|
text-shadow: 0 0 10px rgba(26, 246, 255, 0.5), 0 0 5px rgba(26, 246, 255, 0.75);
|
|
}
|
|
.sheet-mancer-entry .sheet-hilite input[type=number] {
|
|
background: linear-gradient(rgba(100, 177, 230, 0.1) 50%, rgba(0, 0, 0, 0.05) 50%) repeat-y 0 0/100% 2px, radial-gradient(at 50% 0%, #37a 0%, #147 100%), #0f1c2b;
|
|
background-color: transparent;
|
|
border-radius: 10px !important;
|
|
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.25), inset 0 0 3px rgba(0, 0, 0, 0.5);
|
|
color: #fff;
|
|
font-size: 12pt;
|
|
height: 30px;
|
|
max-width: 50px;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-hilite button {
|
|
max-width: 50px;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-choice-row.sheet-class-choice,
|
|
.sheet-mancer-entry .sheet-choice-row.sheet-choice-showing {
|
|
display: grid;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-mancernav-lower.sheet-choice-showing {
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-choice-row {
|
|
align-items: baseline;
|
|
grid-template-columns: 35% 65%;
|
|
margin-bottom: 10px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-choice-row .sheet-choice-label {
|
|
color: #f0e8b1;
|
|
font-size: 10pt;
|
|
line-height: 12pt;
|
|
margin: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-choice-row .sheet-choice-value {
|
|
color: #fff;
|
|
font-family: "Verdana", sans-serif;
|
|
}
|
|
.sheet-mancer-entry>.sheet-ability-container>div.sheet-ability-description {
|
|
grid-column: 1 / 3;
|
|
}
|
|
.sheet-pc-theme .sheet-ability-description{
|
|
margin-top:2em;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-ability-description-container {
|
|
background: linear-gradient(rgba(3, 177, 230, 0.1) 50%, rgba(0, 0, 0, 0.15) 50%) repeat-y 0 0/100% 2px, rgba(0, 255, 255, 0.1);
|
|
border: 1px solid #1ff;
|
|
box-shadow: 0 0 10px rgba(0, 255, 255, 0.25);
|
|
margin-bottom: 10px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
padding: 8px;
|
|
position:relative;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-ability-name {
|
|
color: #9ff;
|
|
display: block;
|
|
font-size: 12pt;
|
|
margin: 0;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
text-align: center;
|
|
text-shadow: 0 0 10px rgba(0, 255, 255, 0.25);
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-mancer-entry span.sheet-ability-description {
|
|
color: #cff;
|
|
font-family: "Verdana", sans-serif;
|
|
font-size: .8em;
|
|
}
|
|
|
|
.sheet-mancer-entry select~button {
|
|
border: 0;
|
|
color: #fff;
|
|
font-size: 14pt;
|
|
line-height: 13pt;
|
|
margin: 0;
|
|
margin-top: 5px;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-mancernav {
|
|
background: transparent;
|
|
background: linear-gradient(rgba(3, 177, 230, 0.1) 50%, rgba(0, 0, 0, 0.15) 50%) repeat-y 0 0/100% 2px, rgba(0, 255, 255, 0.1);
|
|
border: 0;
|
|
border-bottom: 1px solid #199;
|
|
justify-content: space-around;
|
|
margin-bottom: 25px;
|
|
margin-top: 15px;
|
|
padding: 0;
|
|
width: auto;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-mancernav.sheet-mancernav-top {
|
|
margin-left: 9px;
|
|
margin-top: -11px;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-mancernav.sheet-mancernav-lower {
|
|
min-height: 20px;
|
|
border: 1px solid #0ff;
|
|
width: 89%;
|
|
align-self: center;
|
|
margin: auto;
|
|
border-radius: 5px;
|
|
padding: 2px;
|
|
box-sizing: border-box;
|
|
justify-content: stretch;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-mancernav.sheet-mancernav-lower>* {
|
|
justify-content: center;
|
|
flex-grow: 1;
|
|
border-left: 1px solid #0ff;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-mancernav.sheet-mancernav-lower>*:first-child {
|
|
border: 0;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-mancernav .sheet-section {
|
|
background: transparent;
|
|
border: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.sheet-mancer-entry .sheet-mancernav .sheet-section button {
|
|
color: #1ff;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-mancer-entry button[type=roll],
|
|
.sheet-mancer-entry button.sheet-button-blue {
|
|
display: block;
|
|
background: linear-gradient(rgba(3, 177, 230, 0.1) 50%, rgba(0, 0, 0, 0.15) 50%) repeat-y 0 0/100% 2px, rgba(0, 255, 255, 0.1);
|
|
border: 1px solid #1ff;
|
|
color: #0ff;
|
|
margin: auto;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
padding: 8px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-mancer-entry button[type=roll] span,
|
|
.sheet-mancer-entry button.sheet-button-blue span {
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-mancer-entry button[type=roll]:hover+span,
|
|
.sheet-mancer-entry button[type=roll]:hover,
|
|
.sheet-mancer-entry button.sheet-button-blue:hover+span,
|
|
.sheet-mancer-entry button.sheet-button-blue:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-compendium-page {
|
|
min-height: 512px;
|
|
padding-bottom: 20px;
|
|
padding-top: 20px;
|
|
position: relative;
|
|
width: calc(100% - 313px);
|
|
}
|
|
|
|
.sheet-compendium-page:before,
|
|
.sheet-compendium-page:after {
|
|
content: ' ';
|
|
display: block;
|
|
flex-shrink: 0;
|
|
height: 20px;
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-compendium-page:before {
|
|
background: linear-gradient(to right, #0f1c2b, #102844);
|
|
-webkit-clip-path: polygon(0 8px, 70% 8px, calc(70% + 8px) 0px, 85% 0px, calc(100% - 20px) 0, 100% 20px, 0% 20px);
|
|
clip-path: polygon(0 8px, 70% 8px, calc(70% + 8px) 0px, 85% 0px, calc(100% - 20px) 0, 100% 20px, 0% 20px);
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-compendium-page:after {
|
|
background: linear-gradient(to right, #0f1c2b, #102844);
|
|
bottom: 0;
|
|
-webkit-clip-path: polygon(0 0px, 70% 8px, calc(70% + 8px) 0px, 85% 0px, calc(100% - 20px) 0, 100% 20px, 0% 20px);
|
|
clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 20px, 70% 20px, calc(70% - 8px) 12px, 0 12px);
|
|
}
|
|
|
|
.sheet-compendium-page iframe {
|
|
border: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-mancer-button-container {
|
|
background-color: #fff;
|
|
border-top: 2px solid #069;
|
|
bottom: -1px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
left: -10px;
|
|
padding: 5px 0 0;
|
|
position: sticky;
|
|
right: -10px;
|
|
}
|
|
.sheet-top-section {
|
|
position: sticky;
|
|
top: 0px;
|
|
background: white;
|
|
z-index: 100;
|
|
padding-top: 1px;
|
|
margin-left: -1.5em;
|
|
margin-right: -1.5em;
|
|
padding: 1px 1.5em 0px;
|
|
}
|
|
.sheet-mancer-button-container .sheet-section button {
|
|
border-image: url("http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dcdn.rawgit.com/Roll20/roll20-character-sheets/d0602504/Starfinder%252520Official/Assets/SF_header.png") 17 27 fill repeat;
|
|
border-style: solid;
|
|
border-width: 17px 27px;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-ability-row,
|
|
.sheet-gridrow .sheet-ability-scores {
|
|
grid-template-columns: 80px 30px 10px 30px 10px 30px 10px 30px;
|
|
}
|
|
.sheet-skill-row,
|
|
.sheet-ability-row{
|
|
align-items: center;
|
|
display: grid;
|
|
}
|
|
.sheet-skill-row>span,
|
|
.sheet-skill-row>.sheet-ability-name,
|
|
.sheet-ability-row>span,
|
|
.sheet-ability-row>.sheet-ability-name {
|
|
color: #fff;
|
|
font-family: 'Contrail One';
|
|
font-size: 8pt;
|
|
grid-column: unset;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-ability-row>.sheet-ability-name {
|
|
display: block;
|
|
margin: unset;
|
|
margin-bottom: unset;
|
|
margin-top: unset;
|
|
text-shadow: unset;
|
|
}
|
|
|
|
.sheet-skill-row>span:first-child,
|
|
.sheet-ability-row>span:first-child {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-gridrow>* {
|
|
background: #0f1c2b;
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-gridrow input[type=number] {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-gridrow .sheet-skill,
|
|
.sheet-skill-row {
|
|
grid-template-columns: 100px 24px 10px 30px 10px 31px 10px 23px 10px 28px;
|
|
}
|
|
.sheet-skill-row,
|
|
.sheet-gridrow > .sheet-skill{
|
|
justify-items:center;
|
|
}
|
|
.sheet-gridrow > .sheet-skill > .sheet-name{
|
|
justify-self:left;
|
|
}
|
|
.sheet-gridrow > .sheet-skill > input.sheet-name{
|
|
justify-self:stretch;
|
|
}
|
|
.sheet-choice-showing .sheet-spell {
|
|
grid-template-columns: calc(100% - 50px) 10px 10px;
|
|
}
|
|
|
|
.sheet-choice-row .sheet-spell {
|
|
grid-template-columns: 40% 60%;
|
|
}
|
|
|
|
.sheet-gridrow .sheet-skill button {
|
|
justify-self: right;
|
|
position: absolute;
|
|
right: -8px;
|
|
border: 1px solid #f00;
|
|
background: #312;
|
|
color: #fff;
|
|
border-radius: 50%;
|
|
font-weight: normal;
|
|
font-size: 10pt;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.sheet-gridrow .sheet-skill,
|
|
.sheet-slide-container .sheet-ability-row,
|
|
.sheet-slide-container .sheet-skill-row,
|
|
.sheet-gridrow .sheet-ability-scores,
|
|
.sheet-choice-showing .sheet-spell {
|
|
align-content: baseline;
|
|
display: grid;
|
|
justify-content: space-around;
|
|
margin: 0;
|
|
margin-left: -12px;
|
|
margin-right: -4px;
|
|
padding: 2px;
|
|
padding-bottom: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-choice-showing .sheet-spell {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.sheet-choice-showing .sheet-spell>span,
|
|
.sheet-choice-showing .sheet-spell>button {
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-gridrow .sheet-skill>span,
|
|
.sheet-gridrow .sheet-ability-scores>span {
|
|
color: #fff;
|
|
font-family: "Verdana", sans-serif;
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-gridrow .sheet-skill>span:first-child,
|
|
.sheet-gridrow .sheet-ability-scores>span:first-child {
|
|
font-family: 'Contrail One';
|
|
font-size: 10pt;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-gridrow .sheet-skill:nth-child(odd),
|
|
.sheet-gridrow .sheet-ability-scores:nth-child(odd),
|
|
.sheet-choice-showing .sheet-spell:nth-child(odd) {
|
|
background-color: rgba(26, 246, 255, 0.1);
|
|
}
|
|
|
|
.sheet-gridrow .sheet-skill .sheet-equal,
|
|
.sheet-gridrow .sheet-skill .sheet-ranks-plus,
|
|
.sheet-gridrow .sheet-skill .sheet-class-plus,
|
|
.sheet-gridrow .sheet-skill .sheet-ability-plus,
|
|
.sheet-gridrow .sheet-skill .sheet-base-plus,
|
|
.sheet-gridrow .sheet-skill .sheet-racial-plus,
|
|
.sheet-gridrow .sheet-skill .sheet-theme-plus,
|
|
.sheet-gridrow .sheet-ability-scores .sheet-equal,
|
|
.sheet-gridrow .sheet-ability-scores .sheet-ranks-plus,
|
|
.sheet-gridrow .sheet-ability-scores .sheet-class-plus,
|
|
.sheet-gridrow .sheet-ability-scores .sheet-ability-plus,
|
|
.sheet-gridrow .sheet-ability-scores .sheet-base-plus,
|
|
.sheet-gridrow .sheet-ability-scores .sheet-racial-plus,
|
|
.sheet-gridrow .sheet-ability-scores .sheet-theme-plus {
|
|
color: rgba(0, 255, 255, 0.9);
|
|
}
|
|
|
|
.sheet-gridrow .sheet-skill select.sheet-select-blue,
|
|
.sheet-gridrow .sheet-ability-scores select.sheet-select-blue {
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-gridrow .sheet-skill select.sheet-base-value,
|
|
.sheet-gridrow .sheet-ability-scores select.sheet-base-value {
|
|
grid-column: 2/5;
|
|
}
|
|
|
|
.sheet-gridrow .sheet-ability-name {
|
|
color: #fff;
|
|
display: block;
|
|
font-size: inherit;
|
|
margin: 0;
|
|
margin-bottom: unset;
|
|
margin-top: unset;
|
|
text-align: left;
|
|
text-shadow: unset;
|
|
text-transform: none;
|
|
}
|
|
|
|
.sheet-points-row {
|
|
align-items: baseline;
|
|
background: linear-gradient(rgba(3, 177, 230, 0.1) 50%, rgba(0, 0, 0, 0.15) 50%) repeat-y 0 0/100% 2px, rgba(0, 255, 255, 0.1);
|
|
border: 1px solid #1ff;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.sheet-points-row .sheet-points-label {
|
|
color: #0ff;
|
|
font-size: 12pt;
|
|
width: 80%;
|
|
}
|
|
|
|
.sheet-points-row .sheet-points-value {
|
|
color: #fff;
|
|
font-size: 14pt;
|
|
text-align: center;
|
|
width: 15%;
|
|
}
|
|
|
|
.sheet-class {
|
|
background: rgba(0, 255, 255, 0.1);
|
|
border: 1px solid #0ff;
|
|
margin-bottom: 15px;
|
|
color: #fff;
|
|
display: grid;
|
|
grid-template-columns: calc(40% - 10px) calc(60% - 10px);
|
|
grid-row-gap: 3px;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-class .sheet-specific_level {
|
|
color: #fff;
|
|
font-size: 8pt;
|
|
border: 1px solid #f00;
|
|
background: #312;
|
|
margin-top: -10px;
|
|
margin-left: -1px;
|
|
margin-bottom: 5px;
|
|
width: 50%;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
padding: 5px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.sheet-class .sheet-specific_level:before {
|
|
display: inline-block;
|
|
content: "Level";
|
|
text-transform: uppercase;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.sheet-class .sheet-select-blue:first-of-type {
|
|
grid-column: 1;
|
|
}
|
|
|
|
.sheet-class .sheet-select-blue:last-of-type {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.sheet-class .sheet-select-blue option {
|
|
background: #fff;
|
|
}
|
|
|
|
.sheet-class .sheet-select-blue option:disabled,
|
|
.sheet-class .sheet-select-blue option:invalid {
|
|
background: #aaa;
|
|
color: #333;
|
|
}
|
|
|
|
.sheet-class .sheet-archetype-display {
|
|
padding: 5px;
|
|
height: auto;
|
|
border-radius: 5px;
|
|
font-size: 7pt;
|
|
background-color: rgba(0, 105, 105, 0.4);
|
|
border: 1px solid rgba(0, 200, 200, 0.4);
|
|
color: rgba(0, 255, 255, 0.6);
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-class .sheet-key_ability {
|
|
grid-column: 1 / -1;
|
|
padding: 5px;
|
|
padding-left: 10px;
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-class .sheet-details {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.sheet-class .sheet-choice-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.sheet-class .sheet-choice-row .sheet-choice-label {
|
|
color: #f0e8b1;
|
|
font-size: 10pt;
|
|
line-height: 12pt;
|
|
margin: 0;
|
|
margin-bottom: 5px;
|
|
margin-right: 5px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.sheet-class .sheet-choice-row .sheet-choice-value {
|
|
color: #fff;
|
|
font-family: "Verdana", sans-serif;
|
|
grid-column: unset;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-class .sheet-choice-row .sheet-pictos {
|
|
font-weight: normal;
|
|
color: #fff;
|
|
margin-bottom: -5px;
|
|
padding: 5px;
|
|
width: 15px;
|
|
height: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-class .sheet-choice-row button.sheet-button-view {
|
|
background: rgba(0, 255, 255, 0.2);
|
|
border: 1px solid #0ff;
|
|
}
|
|
|
|
.sheet-class .sheet-choice-row button.sheet-button-red {
|
|
background: rgba(255, 0, 0, 0.2);
|
|
border: 1px solid #f00;
|
|
}
|
|
|
|
.sheet-select-blue {
|
|
padding: 5px;
|
|
height: auto;
|
|
border-radius: 5px;
|
|
font-size: 7pt;
|
|
background-color: rgba(0, 255, 255, 0.4);
|
|
border: 1px solid #0ff;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.sheet-ability_array {
|
|
background: linear-gradient(rgba(3, 177, 230, 0.1) 50%, rgba(0, 0, 0, 0.15) 50%) repeat-y 0 0/100% 2px, rgba(0, 255, 255, 0.1);
|
|
border: 1px solid #1ff;
|
|
color: #0ff;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
padding: 8px;
|
|
text-transform: uppercase;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-feat-container{
|
|
background: rgba(0, 255, 255, 0.1);
|
|
border: 1px solid #0ff;
|
|
width: 89%;
|
|
margin: auto;
|
|
margin-top: 20px;
|
|
color: #fff;
|
|
display: grid;
|
|
grid-template-columns: calc(90% - 10px) calc(10% - 10px);
|
|
grid-row-gap: 3px;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
}
|
|
.sheet-slide-container .sheet-level-header{
|
|
color: #fff;
|
|
font-size: 8pt;
|
|
border: 1px solid #f00;
|
|
background: #312;
|
|
width: 50%;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
padding: 5px;
|
|
padding-left: 15px;
|
|
}
|
|
.sheet-feat-container .sheet-level-header{
|
|
margin-top: -10px;
|
|
margin-left: -1px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-feat-container select.sheet-feat{
|
|
grid-column: 1;
|
|
}
|
|
.sheet-ability-level-container{
|
|
background: rgba(0, 255, 255, 0.1);
|
|
border: 1px solid #0ff;
|
|
width: calc(100% - 10px);
|
|
margin-top: 20px;
|
|
color: #fff;
|
|
display: grid;
|
|
grid-template-columns: repeat(4,1fr);
|
|
grid-gap: 3px 5px;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
padding: 3px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.sheet-ability-level-container .sheet-level-header {
|
|
margin-top: -10px;
|
|
margin-left: 10px;
|
|
margin-bottom: 5px;
|
|
grid-row: 1;
|
|
grid-column: 1/5;
|
|
}
|
|
.sheet-ability-description-container > .sheet-level-header {
|
|
position: absolute;
|
|
margin-top: -20px;
|
|
}
|
|
.sheet-ability-level-container .sheet-level-header:after {
|
|
display: inline;
|
|
content: "Ability Score Increase";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-ability-level-container select {
|
|
grid-row: 2;
|
|
}
|
|
|
|
.sheet-charactermancer-welcome {
|
|
margin: auto;
|
|
padding: 20px;
|
|
width: 80%;
|
|
}
|
|
|
|
.sheet-charactermancer-welcome h1,
|
|
.sheet-charactermancer-welcome h4 {
|
|
color: #135;
|
|
}
|
|
|
|
.sheet-charactermancer-welcome p {
|
|
color: "#333";
|
|
font-family: "Georgia", serif;
|
|
font-size: 12pt;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/*############################################################ ROLL TEMPLATES ############################################################*/
|
|
.sheet-rolltemplate-sf_generic,
|
|
.sheet-rolltemplate-sf_attack,
|
|
.sheet-rolltemplate-sf_spell,
|
|
.sheet-rolltemplate-sf_ship{
|
|
--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] 14px [body-start footer-start] 5px [header-start] 3px [left-end] 1fr [header-end] 11px [right-start] 3px [footer-end] 5px [body-end] 14px [right-end];
|
|
grid-template-rows:[header-start] auto [body-start]5px [left-start] 4px [header-end] 12px [right-start] auto [left-end] 5px [footer-start] 1px [right-end] 7px [body-end] auto [footer-end];
|
|
margin:0px 0px 0px -40px;
|
|
padding:5px 0px 5px 0px;
|
|
border:0px;
|
|
}
|
|
.sheet-rolltemplate-sf_generic:nth-child(5),
|
|
.sheet-rolltemplate-sf_attack:nth-child(5),
|
|
.sheet-rolltemplate-sf_spell,
|
|
.sheet-rolltemplate-sf_ship:nth-child(5){
|
|
margin-top:7px;
|
|
}
|
|
.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 .sheet-generic-header,
|
|
.sheet-rolltemplate-sf_ship .sheet-generic-footer{
|
|
z-index:2;
|
|
display:grid;
|
|
grid-template-columns:[border-start]0px[content-start] 1fr [content-end]0px[border-end];
|
|
grid-template-rows:[content-start border-start] 1fr [content-end border-end];
|
|
grid-gap:var(--ringsize);
|
|
}
|
|
.sheet-rolltemplate-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 .sheet-generic-header > div:first-child,
|
|
.sheet-rolltemplate-sf_ship .sheet-generic-footer > div:first-child{
|
|
grid-area:content;
|
|
margin:-12px 5px;
|
|
}
|
|
.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 .sheet-side-banner > div:first-child{
|
|
grid-area:content;
|
|
margin:5px -7px;
|
|
}
|
|
.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 .sheet-generic-header > div:not(:first-child),
|
|
.sheet-rolltemplate-sf_ship .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 .sheet-side-banner > div:not(:first-child){
|
|
grid-area:border;
|
|
}
|
|
.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 .sheet-generic-header,
|
|
.sheet-rolltemplate-sf_ship .sheet-generic-footer{
|
|
border: 10px solid transparent;
|
|
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Starfinder%20by%20Roll20/Assets/SF_header.png') 17 27 fill repeat;
|
|
text-transform: uppercase;
|
|
font-weight: normal;
|
|
font-size: 10pt;
|
|
padding: 0px;
|
|
text-align: center;
|
|
letter-spacing: 0px;
|
|
display: inline-block;
|
|
margin-bottom: 0px;
|
|
font-family:Contrail One;
|
|
}
|
|
.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 .sheet-generic-header *,
|
|
.sheet-rolltemplate-sf_ship .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 .sheet-side-banner *{
|
|
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 .sheet-side-banner{
|
|
writing-mode:vertical-rl;
|
|
font-size:13pt;
|
|
max-width:100%;
|
|
position:relative;
|
|
z-index:2;
|
|
display:grid;
|
|
grid-template-columns:[border-start]0px[content-start] 1fr [content-end]0px[border-end];
|
|
grid-template-rows:[content-start border-start] 1fr [content-end border-end];
|
|
grid-gap:var(--ringsize);
|
|
border: 10px solid transparent;
|
|
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Starfinder%20by%20Roll20/Assets/sf-side-header.png') 27 17 fill repeat;
|
|
text-transform: uppercase;
|
|
font-weight: normal;
|
|
padding: 0px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
margin-bottom: 0px;
|
|
color:white;
|
|
font-family:Contrail One;
|
|
}
|
|
.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 .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 .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 .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 .inlinerollresult,
|
|
.sheet-rolltemplate-sf_ship .sheet-across.sheet-ship-crit *{
|
|
background-color:transparent;
|
|
border:0px transparent !important;
|
|
font-weight:700;
|
|
font-size:13pt;
|
|
line-height:1.4em;
|
|
font-family:Contrail One;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-content-container a,
|
|
.sheet-rolltemplate-sf_attack .sheet-content-container a,
|
|
.sheet-rolltemplate-sf_spell .sheet-content-container a,
|
|
.sheet-rolltemplate-sf_ship .sheet-content-container a{
|
|
background-color:transparent !important;
|
|
border:0px transparent !important;
|
|
color:black;
|
|
text-shadow:0px 0px 10px #49f5ff,0px 0px 20px #6bf7ff;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-generic-body,
|
|
.sheet-rolltemplate-sf_attack .sheet-generic-body,
|
|
.sheet-rolltemplate-sf_spell .sheet-generic-body,
|
|
.sheet-rolltemplate-sf_ship .sheet-generic-body{
|
|
color:black;
|
|
font-family:Lucida Console,Monaco;
|
|
}
|
|
.sheet-rolltemplate-sf_attack a:hover,
|
|
.sheet-rolltemplate-sf_spell a:hover,
|
|
.sheet-rolltemplate-sf_ship a:hover,
|
|
.sheet-rolltemplate-sf_ship a: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 .inlinerollresult.fullcrit{
|
|
color:#65d8fa;
|
|
}
|
|
.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 .inlinerollresult.fullcrit:after{
|
|
font-family:Pictos;
|
|
content:'{';
|
|
display:inline-block;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-sf_attack .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-sf_spell .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-sf_ship .inlinerollresult.fullfail{
|
|
color:#fa893a;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .inlinerollresult.fullfail:after,
|
|
.sheet-rolltemplate-sf_attack .inlinerollresult.fullfail:after,
|
|
.sheet-rolltemplate-sf_spell .inlinerollresult.fullfail:after,
|
|
.sheet-rolltemplate-sf_ship .inlinerollresult.fullfail:after{
|
|
font-family:Pictos;
|
|
content:'{';
|
|
display:inline-block;
|
|
transform:rotate(180deg);
|
|
transform-origin:center 45%;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-sf_attack .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-sf_spell .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-sf_ship .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 .sheet-generic-body{
|
|
border: 14px solid black;
|
|
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Starfinder%20by%20Roll20/Assets/Roll%20Template%20border%20transparent%203.png') 23 23 fill repeat;
|
|
background-color:black;
|
|
grid-area:body;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-generic-body > .sheet-content-container,
|
|
.sheet-rolltemplate-sf_attack .sheet-generic-body > .sheet-content-container,
|
|
.sheet-rolltemplate-sf_spell .sheet-generic-body > .sheet-content-container,
|
|
.sheet-rolltemplate-sf_ship .sheet-generic-body > .sheet-content-container{
|
|
grid-template-columns:[notes-start] 1fr [notes-end];
|
|
display:grid;
|
|
justify-content:center;
|
|
grid-gap:2px;
|
|
margin:0px;
|
|
color:black;
|
|
border:0px transparent;
|
|
position:relative;
|
|
height:100%
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-generic-body > .sheet-content-container:empty,
|
|
.sheet-rolltemplate-sf_attack .sheet-generic-body > .sheet-content-container:empty,
|
|
.sheet-rolltemplate-sf_spell .sheet-generic-body > .sheet-content-container:empty,
|
|
.sheet-rolltemplate-sf_ship .sheet-generic-body > .sheet-content-container:empty{
|
|
border:0px solid transparent;
|
|
background-color:white;
|
|
box-shadow:0px 0px 15px 3px inset black;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-header,
|
|
.sheet-rolltemplate-sf_attack .sheet-header,
|
|
.sheet-rolltemplate-sf_spell .sheet-header,
|
|
.sheet-rolltemplate-sf_ship .sheet-header{
|
|
grid-area:header;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-footer,
|
|
.sheet-rolltemplate-sf_attack .sheet-footer,
|
|
.sheet-rolltemplate-sf_spell .sheet-footer,
|
|
.sheet-rolltemplate-sf_ship .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 .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 .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 .sheet-generic-header,
|
|
.sheet-rolltemplate-sf_ship .sheet-generic-footer{
|
|
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 .sheet-generic-header{
|
|
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 .sheet-generic-footer{
|
|
margin-left:auto;
|
|
margin-right:0px;
|
|
font-style:italic;
|
|
grid-area:footer;
|
|
justify-self:end;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-split-container,
|
|
.sheet-rolltemplate-sf_attack .sheet-split-container,
|
|
.sheet-rolltemplate-sf_spell .sheet-split-container,
|
|
.sheet-rolltemplate-sf_ship .sheet-split-container{
|
|
display:grid;
|
|
grid-gap:2px;
|
|
grid-template-columns:[label-start] 1fr [label-end roll-start] 1fr [roll-end];
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-split-container > .sheet-highlighted.sheet-split.sheet-r1name,
|
|
.sheet-rolltemplate-sf_attack .sheet-split-container > .sheet-highlighted.sheet-split.sheet-r1name,
|
|
.sheet-rolltemplate-sf_spell .sheet-split-container > .sheet-highlighted.sheet-split.sheet-r1name,
|
|
.sheet-rolltemplate-sf_ship .sheet-split-container > .sheet-highlighted.sheet-split.sheet-r1name{
|
|
border:0px solid transparent;
|
|
background-color:white;
|
|
box-shadow:0px 0px 15px 3px inset black;
|
|
padding:10px;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-split-container > .sheet-highlighted.sheet-split.sheet-roll,
|
|
.sheet-rolltemplate-sf_attack .sheet-split-container > .sheet-highlighted.sheet-split.sheet-roll,
|
|
.sheet-rolltemplate-sf_spell .sheet-split-container > .sheet-highlighted.sheet-split.sheet-roll,
|
|
.sheet-rolltemplate-sf_ship .sheet-split-container > .sheet-highlighted.sheet-split.sheet-roll{
|
|
border:0px solid transparent;
|
|
background-color:white;
|
|
box-shadow:0px 0px 15px 3px inset black;
|
|
padding:10px;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-across:not(.sheet-split-container),
|
|
.sheet-rolltemplate-sf_attack .sheet-across:not(.sheet-split-container),
|
|
.sheet-rolltemplate-sf_spell .sheet-across:not(.sheet-split-container),
|
|
.sheet-rolltemplate-sf_ship .sheet-across:not(.sheet-split-container){
|
|
border:0px solid transparent;
|
|
background-color:white;
|
|
box-shadow:0px 0px 15px 3px inset black;
|
|
padding:10px;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-across,
|
|
.sheet-rolltemplate-sf_attack .sheet-across,
|
|
.sheet-rolltemplate-sf_spell .sheet-across,
|
|
.sheet-rolltemplate-sf_ship .sheet-across{
|
|
grid-column:notes-start / notes-end;
|
|
}
|
|
.sheet-rolltemplate-sf_ship .sheet-across.sheet-ship-crit > *{
|
|
width:auto;
|
|
}
|
|
.sheet-rolltemplate-sf_ship .sheet-across.sheet-ship-crit{
|
|
display:grid;
|
|
place-content:center;
|
|
place-items:start;
|
|
}
|
|
.sheet-rolltemplate-sf_generic .sheet-r1name,
|
|
.sheet-rolltemplate-sf_attack .sheet-r1name,
|
|
.sheet-rolltemplate-sf_spell .sheet-r1name,
|
|
.sheet-rolltemplate-sf_ship .sheet-r1name{
|
|
grid-column:label-start / label-end;
|
|
display:flex;
|
|
align-content:center;
|
|
align-items:center;
|
|
flex-wrap:wrap;
|
|
}
|
|
.sheet-rolltemplate-sf_attack .sheet-attack-label,
|
|
.sheet-rolltemplate-sf_spell .sheet-attack-label,
|
|
.sheet-rolltemplate-sf_ship .sheet-attack-label{
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-sf_attack .sheet-attack-label:nth-child(1),
|
|
.sheet-rolltemplate-sf_spell .sheet-attack-label:nth-child(1),
|
|
.sheet-rolltemplate-sf_ship .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 .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 .sheet-roll{
|
|
grid-column:roll-start / roll-end;
|
|
display:flex;
|
|
justify-content:flex-end;
|
|
align-content:center;
|
|
align-items:center;
|
|
flex-wrap:wrap;
|
|
}
|
|
.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 .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 .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 .sheet-notes-row{
|
|
max-height:200px;
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
}
|
|
/* ########################################################################################################################################*/
|