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