mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1908 lines
63 KiB
CSS
1908 lines
63 KiB
CSS
.sheet-rolltemplate-general,
|
|
.sheet-whole{
|
|
--hexagon:polygon(100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0%);
|
|
--hexagon-bottom: polygon(0% 0%, 100% 0%, 75% 100% 25% 100%);
|
|
--hex-width: 96px;
|
|
--half-hex-height: calc(83.13px / 2);
|
|
--polygon-border-width:2px;
|
|
--pentagon:polygon(50% 0%,100% 41.2%,80.9% 100%,19.1% 100%,0% 41.2%);
|
|
--spanPolygon:polygon(100% calc(100% - 5px), 100% 5px, calc(100% - 5px) 0%, 5px 0%, 0% 5px, 0% calc(100% - 5px), 5px 100%, calc(100% - 5px) 100%);
|
|
--spanBorderPolygon:polygon(100% calc(100% - 4px), 100% 4px, calc(100% - 4px) 0%, 4px 0%, 0% 4px, 0% calc(100% - 4px), 4px 100%, calc(100% - 4px) 100%);
|
|
--headerStartPolygon:polygon(0% 0%, 100% 0%, 100% 100%, 5px 100%);
|
|
--headerEndPolygon:polygon(0% 0%, 100% 0%, calc(100% - 5px) 100%, 0px 100%);
|
|
--headerBackground:black;
|
|
--headerFontColor:white;
|
|
--sectionBackground:lightgrey;
|
|
--injectionImage:url('https://s3.amazonaws.com/files.d20.io/images/152964504/c1jgaOXBuiQy7o1hkCK0DA/max.png');
|
|
--gadgetImage:url('https://s3.amazonaws.com/files.d20.io/images/152964512/jEEaeKYAHoI3lXrmHGEdzQ/max.png');
|
|
--crafttechImage:url('https://s3.amazonaws.com/files.d20.io/images/152964506/dDgkgiyNPC2mNA19AZYEkQ/max.png');
|
|
--craftexplosiveImage:url('https://s3.amazonaws.com/files.d20.io/images/152964508/m1lFLUfbVjQ1SdYSuzWoPQ/max.png');
|
|
--botImage:url('https://s3.amazonaws.com/files.d20.io/images/152964507/hWNr6S11Gv5v8s01mq_sjQ/max.png');
|
|
--mindImage:url('https://s3.amazonaws.com/files.d20.io/images/152964510/vHPnpSbkF2w17SMFcsg9FQ/max.png');
|
|
--softwareImage:url('https://s3.amazonaws.com/files.d20.io/images/152964505/BaIpocrjOA6ZgdM9j7p3Aw/max.png');
|
|
}
|
|
.sheet-master-display-controller:not([value*='character_type:pc']) ~ .sheet-pc,
|
|
.sheet-master-display-controller:not([value*='character_type:npc']) ~ .sheet-npc,
|
|
.sheet-master-display-controller:not([value*='sheet_view:core']) ~ .sheet-pc > .sheet-core,
|
|
.sheet-master-display-controller:not([value*='sheet_view:hacks']) ~ .sheet-pc > .sheet-hacks,
|
|
.sheet-master-display-controller[value*='sheet_view:settings'] ~ .sheet-npc > .sheet-npc-info .sheet-in-play,
|
|
.sheet-master-display-controller[value*='sheet_view:in-play'] ~ .sheet-npc > .sheet-npc-info .sheet-settings,
|
|
.sheet-master-display-controller:not([value*='import:import']) ~ .sheet-npc > .sheet-npc-info > .sheet-statblock > .sheet-settings > .sheet-import,
|
|
.sheet-master-display-controller[value*='import:import'] ~ .sheet-npc > .sheet-npc-info > .sheet-statblock > .sheet-settings > .sheet-import ~ *,
|
|
.sheet-master-display-controller[value*='import:import'] ~ .sheet-npc > .sheet-npc-info > .sheet-repeating-container,
|
|
.sheet-pc > .sheet-settings,
|
|
.sheet-master-display-controller:not([value*='sheet_view:settings']) ~ .sheet-statblock > .sheet-settings{
|
|
display:none;
|
|
}
|
|
.sheet-master-display-controller[value*='sheet_view:settings'] ~ div > .sheet-settings{
|
|
display:grid;
|
|
}
|
|
.sheet-master-display-controller[value*='advantage_state:2d20kh1'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-advantage > span,
|
|
.sheet-master-display-controller[value*='advantage_state:1d20'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-normal > span,
|
|
.sheet-master-display-controller[value*='advantage_state:2d20kl1'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-disadvantage > span,
|
|
.sheet-master-display-controller[value*='advantage_state:?{'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-query > span,
|
|
.sheet-master-display-controller[value*='sheet_view:hacks'] ~ .sheet-pc > .sheet-toggles > .sheet-toggle-row > .sheet-hacks > span,
|
|
.sheet-master-display-controller[value*='sheet_view:core'] ~ .sheet-pc > .sheet-toggles > .sheet-toggle-row > .sheet-core > span,
|
|
.sheet-master-display-controller[value*='sheet_view:settings'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-settings > span,
|
|
.sheet-master-display-controller[value*='whisper_state:/w gm'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-whisper > span,
|
|
.sheet-master-display-controller[value*='character_type:pc'] ~ div .sheet-pc-checkbox > span,
|
|
.sheet-master-display-controller[value*='character_type:npc'] ~ div .sheet-npc-checkbox > span{
|
|
color:white;
|
|
}
|
|
.sheet-master-display-controller[value*='advantage_state:2d20kh1'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-advantage:before,
|
|
.sheet-master-display-controller[value*='advantage_state:1d20'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-normal:before,
|
|
.sheet-master-display-controller[value*='advantage_state:2d20kl1'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-disadvantage:before,
|
|
.sheet-master-display-controller[value*='advantage_state:?{'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-query:before,
|
|
.sheet-master-display-controller[value*='sheet_view:hacks'] ~ .sheet-pc > .sheet-toggles > .sheet-toggle-row > .sheet-hacks:before,
|
|
.sheet-master-display-controller[value*='sheet_view:core'] ~ .sheet-pc > .sheet-toggles > .sheet-toggle-row > .sheet-core:before,
|
|
.sheet-master-display-controller[value*='sheet_view:settings'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-settings:before,
|
|
.sheet-master-display-controller[value*='whisper_state:/w gm'] ~ div > .sheet-toggles > .sheet-toggle-row > .sheet-whisper:before,
|
|
.sheet-master-display-controller[value*='character_type:pc'] ~ div .sheet-pc-checkbox:before,
|
|
.sheet-master-display-controller[value*='character_type:npc'] ~ div .sheet-npc-checkbox:before{
|
|
background-color:black;
|
|
}
|
|
.sheet-toggles > .sheet-toggle-row > div > span{
|
|
z-index:10;
|
|
}
|
|
.sheet-toggles > .sheet-toggle-row > div > input{
|
|
z-index:20;
|
|
}
|
|
.sheet-pc > .sheet-toggles > .sheet-toggle-row >*:before{
|
|
margin:0;
|
|
}
|
|
.sheet-pc{
|
|
display:grid;
|
|
grid-template-columns:300px minmax(521px,1fr);
|
|
grid-template-rows:3em auto auto;
|
|
grid-gap:1em 1em;
|
|
grid-template-areas:
|
|
"logo toggles"
|
|
"logo basic-info"
|
|
"page page";
|
|
}
|
|
.sheet-pc > .sheet-core,
|
|
.sheet-pc > .sheet-hacks,
|
|
.sheet-pc > .sheet-settings{
|
|
grid-area:page;
|
|
}
|
|
.sheet-pc > .sheet-core{
|
|
display:grid;
|
|
grid-template-columns:300px minmax(271px,1fr) minmax(250px,1fr);
|
|
grid-template-rows:auto;
|
|
grid-template-areas:
|
|
"col1 col2 col3";
|
|
grid-gap:1em 1em;
|
|
align-items:start;
|
|
}
|
|
.sheet-whole > div > div:not(.sheet-name-logo-container){
|
|
align-content:start;
|
|
}
|
|
.sheet-toggles{
|
|
grid-area:toggles;
|
|
display:grid;
|
|
grid-template-columns:auto;
|
|
grid-template-rows: repeat(2,auto);
|
|
}
|
|
.sheet-toggles > .sheet-toggle-row{
|
|
display:grid;
|
|
grid-auto-columns:auto;
|
|
grid-template-rows:auto;
|
|
grid-auto-flow:column;
|
|
place-content:center end;
|
|
place-items:center;
|
|
grid-column-gap:1em;
|
|
}
|
|
.sheet-bordered-checkbox > span{
|
|
color:black;
|
|
-webkit-text-stroke-width: 0px;
|
|
font-weight: 700;
|
|
}
|
|
.sheet-bordered-checkbox:hover > span{
|
|
color:#159ccf!important;
|
|
}
|
|
.sheet-genefunk-logo{
|
|
width:250px;
|
|
}
|
|
.sheet-hidden{
|
|
display:none!important;
|
|
}
|
|
.sheet-italics{
|
|
font-style:italic;
|
|
}
|
|
*:not(input,textarea){
|
|
line-height:normal;
|
|
text-transform:capitalize;
|
|
}
|
|
h1,h2,h3,h4,h5,
|
|
.sheet-h1,.sheet-h2,.sheet-h3,.sheet-h4,.sheet-h5{
|
|
text-transform:uppercase;
|
|
}
|
|
h1,.sheet-whole .sheet-h1,button[type='roll'].sheet-h1,button[type='action'].sheet-h1{
|
|
font-size:3em;
|
|
}
|
|
h2,.sheet-whole .sheet-h2,button[type='roll'].sheet-h2,button[type='action'].sheet-h2{
|
|
font-size:2em;
|
|
}
|
|
h3,.sheet-whole .sheet-h3,button[type='roll'].sheet-h3,button[type='action'].sheet-h3{
|
|
font-size:18px;
|
|
}
|
|
h4,.sheet-whole .sheet-h4,button[type='roll'].sheet-h4,button[type='action'].sheet-h4{
|
|
font-size:1em;
|
|
}
|
|
h5,.sheet-whole .sheet-h5,button[type='roll'].sheet-h5,button[type='action'].sheet-h5{
|
|
font-size:1em;
|
|
}
|
|
.sheet-pictos{
|
|
font-family:pictos;
|
|
text-transform:none !important;
|
|
}
|
|
input[type=checkbox]{
|
|
border-radius:50%;
|
|
}
|
|
select,textarea,input,.uneditable-input{
|
|
display: initial;
|
|
width: initial;
|
|
height: initial;
|
|
padding: initial;
|
|
margin-bottom: initial;
|
|
font-size: initial;
|
|
line-height: initial;
|
|
color: initial;
|
|
border: initial;
|
|
-webkit-border-radius: initial;
|
|
-moz-border-radius: initial;
|
|
border-radius: initial;
|
|
background-color:initial;
|
|
}
|
|
textarea{
|
|
resize:vertical;
|
|
}
|
|
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.sheet-fixed{
|
|
resize:none;
|
|
overflow:auto;
|
|
}
|
|
.sheet-whole button[type=roll]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5),
|
|
.sheet-whole button[type=action]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5),
|
|
.sheet-whole button[type=compendium]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5),
|
|
.sheet-whole button[type=cancel]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5),
|
|
.sheet-whole button[type=submit]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5),
|
|
.sheet-whole button[type=finish]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5),
|
|
.sheet-whole button[type=back]:not(h1):not(.sheet-h1):not(h2):not(.sheet-h2):not(h3):not(.sheet-h3):not(h4):not(.sheet-h4):not(h5):not(.sheet-h5){
|
|
font-size:1em;
|
|
}
|
|
.sheet-whole button[type=roll],
|
|
.sheet-whole button[type=action],
|
|
.sheet-whole button[type=compendium],
|
|
.sheet-whole button[type=cancel],
|
|
.sheet-whole button[type=submit],
|
|
.sheet-whole button[type=finish],
|
|
.sheet-whole button[type=back]{
|
|
background-color: transparent;
|
|
border: none;
|
|
line-height: 12px;
|
|
background-image: none;
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
font-weight: bold;
|
|
text-align:left;
|
|
}
|
|
.sheet-whole label{
|
|
line-height: 12px;
|
|
margin:0;
|
|
}
|
|
.sheet-whole button[type=roll],
|
|
.sheet-whole button[type=action],
|
|
.sheet-whole button[type=compendium],
|
|
.sheet-whole button[type=cancel],
|
|
.sheet-whole button[type=submit],
|
|
.sheet-whole button[type=finish],
|
|
.sheet-whole button[type=back]{
|
|
text-shadow: 0px 0px 1px #159ccf;
|
|
transition:color 500ms;
|
|
}
|
|
.sheet-whole button:hover{
|
|
color:#159ccf !important;
|
|
}
|
|
button[type=roll]::before{
|
|
content: "" !important;
|
|
}
|
|
.sheet-checkbox-container,
|
|
.sheet-bordered-checkbox{
|
|
position:relative;
|
|
padding:0;
|
|
display:grid;
|
|
justify-items:center;
|
|
align-items:center;
|
|
margin:0;
|
|
box-sizing:border-box;
|
|
}
|
|
.sheet-checkbox-container > input,
|
|
.sheet-bordered-checkbox > input{
|
|
opacity:0;
|
|
position:absolute;
|
|
z-index:10;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.sheet-checkbox-container:not(.sheet-expertise-check-label) > span{
|
|
color:white;
|
|
-webkit-text-stroke-width: 1px;
|
|
-webkit-text-stroke-color: black;
|
|
}
|
|
label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
|
|
.sheet-whole .sheet-checkbox-container:hover > span:not(.sheet-check-label){
|
|
color:#159ccf;
|
|
}
|
|
.sheet-checkbox-container > .sheet-true-hexagon:hover:before,
|
|
.sheet-checkbox-container > .sheet-true-pentagon:hover:before{
|
|
background-color:#159ccf;
|
|
}
|
|
.sheet-hexagon{
|
|
font-size:1.2em !important;
|
|
}
|
|
.sheet-hexagon:after{
|
|
content:"⬢";
|
|
}
|
|
.sheet-pentagon:after{
|
|
content:"⬟";
|
|
}
|
|
.sheet-expertise:checked ~ .sheet-pentagon,
|
|
.sheet-expertise:checked ~ .sheet-hexagon,
|
|
.sheet-proficiency:checked ~ .sheet-hexagon,
|
|
.sheet-checkbox-container > input:checked + span{
|
|
color:#000000;
|
|
}
|
|
.sheet-name-logo-container{
|
|
grid-area:logo;
|
|
display:grid;
|
|
}
|
|
.sheet-name-logo-container > .sheet-input-label-container{
|
|
align-self:end;
|
|
}
|
|
.sheet-character-basic-container{
|
|
grid-area:basic-info;
|
|
display:grid;
|
|
grid-template-columns:1.7fr 1.1fr repeat(2,1fr);
|
|
grid-gap:1em;
|
|
}
|
|
.sheet-character-basic-container > *:last-child,
|
|
.sheet-character-basic-container > *:nth-last-child(2){
|
|
grid-column-end:span 2;
|
|
}
|
|
.sheet-ability-skill-container{
|
|
grid-area:col1;
|
|
display:grid;
|
|
grid-template-columns:127px 1fr;
|
|
grid-gap:1em;
|
|
}
|
|
.sheet-input-label-container{
|
|
display:grid;
|
|
}
|
|
.sheet-input-label-container span{
|
|
text-transform:uppercase;
|
|
font-size:0.75em;
|
|
}
|
|
.sheet-input-label-container > :not(span):not(div):not(label){
|
|
width:100%;
|
|
border:1px solid black;
|
|
}
|
|
.sheet-input-label-container label{
|
|
width:auto;
|
|
}
|
|
.sheet-input-label-container > input{
|
|
height:1.25em;
|
|
}
|
|
.sheet-input-label-container > textarea{
|
|
height:3em;
|
|
}
|
|
.sheet-input-label-container > div{
|
|
display:flex;
|
|
justify-content:flex-start;
|
|
}
|
|
.sheet-input-label-container > div *{
|
|
margin-right:1em;
|
|
}
|
|
.sheet-input-label-container.sheet-pseudo-number > input{
|
|
text-align:center;
|
|
width:3.5em;
|
|
}
|
|
.sheet-attribute-container{
|
|
display:grid;
|
|
grid-template-columns:[score-label-start mod-label-start save-label-start] 0.5fr [save-check-start] 1em [save-check-end score-start mod-start save-start header-start] 0.25fr [score-label-end mod-label-end save-label-end] 0.75fr [score-end mod-end save-end header-end];
|
|
grid-template-rows:[header-start] 19px [header-end score-label-start score-start] 18px [score-label-end score-end mod-label-start mod-start] 19px [mod-label-end mod-end save-label-start save-check-start save-start] 1.5em [save-label-end save-check-end save-end];
|
|
grid-row-gap:1px;
|
|
position:relative;
|
|
margin: 0 0 17px;
|
|
}
|
|
.sheet-attribute-container:first-of-type{
|
|
margin-top:2.2em;
|
|
}
|
|
.sheet-attribute-container:last-of-type{
|
|
margin-bottom:25px;
|
|
}
|
|
.sheet-attribute-container > .sheet-h3{
|
|
grid-area:header;
|
|
align-self:center;
|
|
justify-self:center;
|
|
text-transform:uppercase;
|
|
position:relative;
|
|
left:-2px;
|
|
}
|
|
.sheet-attribute-container > .sheet-score-label{
|
|
grid-area:score-label;
|
|
text-transform:capitalize;
|
|
background-color:black;
|
|
color:white;
|
|
z-index:-10;
|
|
}
|
|
.sheet-attribute-container > .sheet-mod-label{
|
|
grid-area:mod-label;
|
|
text-transform:capitalize;
|
|
background-color:black;
|
|
color:white;
|
|
z-index:-10;
|
|
}
|
|
.sheet-ability-scores-container > .sheet-attribute-container > .sheet-save-label:not(.sheet-background){
|
|
grid-area:save-label;
|
|
text-transform:capitalize;
|
|
color:white;
|
|
place-self:center start;
|
|
}
|
|
.sheet-attribute-container > .sheet-save-label.sheet-background{
|
|
grid-area:save-label;
|
|
z-index:-10;
|
|
background-color:black;
|
|
}
|
|
.sheet-attribute-container > .sheet-proficiency{
|
|
grid-area:save-check;
|
|
}
|
|
.sheet-attribute-container > .sheet-proficiency.sheet-check-label{
|
|
position:relative;
|
|
bottom:-3em;
|
|
color:grey;
|
|
text-transform:uppercase;
|
|
font-size:0.5em;
|
|
justify-self:center
|
|
}
|
|
.sheet-attribute-container > .sheet-score{
|
|
grid-area:score;
|
|
align-self:center;
|
|
justify-self:center;
|
|
}
|
|
.sheet-attribute-container > .sheet-mod{
|
|
grid-area:mod;
|
|
align-self:center;
|
|
justify-self:center;
|
|
}
|
|
.sheet-attribute-container > .sheet-save{
|
|
grid-area:save;
|
|
align-self:center;
|
|
justify-self:center;
|
|
}
|
|
.sheet-attribute-container > .sheet-black-extend{
|
|
background-color:black;
|
|
grid-area:black-extend;
|
|
}
|
|
.sheet-calc-container{
|
|
display:grid;
|
|
grid-template-columns:1fr;
|
|
grid-template-rows:1fr;
|
|
grid-template-areas:"value";
|
|
align-items:center;
|
|
}
|
|
.sheet-calc-container > .sheet-base-value,
|
|
.sheet-calc-container > .sheet-mod-value{
|
|
grid-area:value;
|
|
text-align:center;
|
|
font-size:16px;
|
|
}
|
|
.sheet-calc-container:not(:hover) > .sheet-base-value:not(:focus){
|
|
opacity:0;
|
|
}
|
|
.sheet-calc-container:hover > .sheet-mod-value,
|
|
.sheet-base-value:focus ~ .sheet-mod-value{
|
|
opacity:0;
|
|
z-index:-10;
|
|
}
|
|
.sheet-ability-scores-container{
|
|
position:relative;
|
|
isolation:isolate;
|
|
}
|
|
.sheet-helix-image{
|
|
position:absolute;
|
|
height:608px;
|
|
right:0px;
|
|
}
|
|
.sheet-ability-scores-container .sheet-checkbox-container{
|
|
background-color:black;
|
|
}
|
|
.sheet-ability-scores-container .sheet-checkbox-container > span{
|
|
transform:rotate(90deg);
|
|
-webkit-text-stroke-color: transparent;
|
|
}
|
|
.sheet-ability-scores-container .sheet-checkbox-container > input:checked ~ span{
|
|
-webkit-text-stroke-color: white;
|
|
}
|
|
.sheet-hexagon-label-container{
|
|
display: grid;
|
|
grid-template-columns: [hexagon-start]55px [label-start] 0.4256px [hexagon-end] auto [label-end];
|
|
grid-template-rows: [hexagon-start] 16px [label-start] 32px [label-end] 16px [hexagon-end];
|
|
position: relative;
|
|
}
|
|
.sheet-hexagon-label-container > .sheet-hexagon-label{
|
|
grid-area:label;
|
|
background-color:black;
|
|
display:grid;
|
|
place-items:center;
|
|
}
|
|
.sheet-hexagon-label-container > .sheet-hexagon-label > *{
|
|
color:white;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
overflow:hidden;
|
|
line-height:normal;
|
|
}
|
|
.sheet-hex-wrap-container,
|
|
.sheet-rolltemplate-general .sheet-hex-wrap-container{
|
|
display: flow-root;
|
|
white-space: initial !important;
|
|
place-self:stretch !important;
|
|
}
|
|
.sheet-hex-bottom,
|
|
.sheet-rolltemplate-general .sheet-hex-bottom{
|
|
shape-outside: var(--hexagon-bottom);
|
|
width:var(--hex-width);
|
|
height: var(--half-hex-height);
|
|
margin-top: -4px;
|
|
position:relative;
|
|
}
|
|
.sheet-rolltemplate-general .sheet-range .sheet-shape-around{
|
|
float:right;
|
|
margin-right: -4px;
|
|
}
|
|
.sheet-rolltemplate-general .sheet-1234 .sheet-shape-around,
|
|
.sheet-rolltemplate-general .sheet-1 .sheet-shape-around,
|
|
.sheet-rolltemplate-general .sheet-2 .sheet-shape-around,
|
|
.sheet-rolltemplate-general .sheet-3 .sheet-shape-around,
|
|
.sheet-rolltemplate-general .sheet-4 .sheet-shape-around{
|
|
display:none !important;
|
|
}
|
|
.sheet-rolltemplate-general .sheet-1234 .sheet-range .sheet-hex-wrap-container,
|
|
.sheet-rolltemplate-general .sheet-1 .sheet-range .sheet-hex-wrap-container,
|
|
.sheet-rolltemplate-general .sheet-2 .sheet-range .sheet-hex-wrap-container,
|
|
.sheet-rolltemplate-general .sheet-3 .sheet-range .sheet-hex-wrap-container,
|
|
.sheet-rolltemplate-general .sheet-4 .sheet-range .sheet-hex-wrap-container{
|
|
padding-right: 10px;
|
|
}
|
|
.sheet-rolltemplate-general .sheet-1234 .sheet-properties .sheet-hex-wrap-container,
|
|
.sheet-rolltemplate-general .sheet-1 .sheet-properties .sheet-hex-wrap-container,
|
|
.sheet-rolltemplate-general .sheet-2 .sheet-properties .sheet-hex-wrap-container,
|
|
.sheet-rolltemplate-general .sheet-3 .sheet-properties .sheet-hex-wrap-container,
|
|
.sheet-rolltemplate-general .sheet-4 .sheet-properties .sheet-hex-wrap-container{
|
|
padding-left: 10px;
|
|
}
|
|
.sheet-rolltemplate-general .sheet-properties .sheet-shape-around{
|
|
float:left;
|
|
margin-left: -4px;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-true-hexagon,
|
|
.sheet-true-hexagon{
|
|
grid-area:hexagon;
|
|
clip-path:var(--hexagon);
|
|
background-color:black;
|
|
position:relative;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.sheet-true-hexagon:before{
|
|
height: calc(100% - calc(var(--polygon-border-width) * 2));
|
|
width: calc(100% - calc(var(--polygon-border-width) * 2));
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-true-hexagon:before,
|
|
.sheet-true-hexagon:before{
|
|
content: "";
|
|
display: block;
|
|
position: relative;
|
|
background-color: white;
|
|
clip-path: var(--hexagon);
|
|
place-self: center;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-true-hexagon:before{
|
|
height: calc(100% - var(--polygon-border-width));
|
|
width: calc(100% - var(--polygon-border-width));
|
|
}
|
|
.sheet-true-pentagon{
|
|
grid-area:hexagon;
|
|
clip-path:var(--pentagon);
|
|
background-color:black;
|
|
position:relative;
|
|
}
|
|
.sheet-true-pentagon:before{
|
|
content: "";
|
|
display: block;
|
|
position: relative;
|
|
height: calc(100% - calc(var(--polygon-border-width) * 2));
|
|
width: calc(100% - calc(var(--polygon-border-width) * 2));
|
|
background-color: white;
|
|
clip-path: var(--pentagon);
|
|
place-self: center;
|
|
}
|
|
.sheet-plus-container{
|
|
display:grid;
|
|
place-items:center;
|
|
}
|
|
.sheet-plus-control:not(:out-of-range) + .sheet-plus-display:before{
|
|
content:"+";
|
|
}
|
|
.sheet-mod-control[value^="+"] ~ span,
|
|
.sheet-mod-control[value^="-"] ~ span{
|
|
color:#159ccf;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-mod-control[value*='+'] ~ span:after,
|
|
.sheet-mod-control[value*='-'] ~ span:after{
|
|
content:'*';
|
|
}
|
|
.sheet-ability-footer{
|
|
grid-column: 1 / span 2;
|
|
display:grid;
|
|
grid-template-columns:1fr 1fr;
|
|
grid-gap:1em;
|
|
}
|
|
.sheet-senses-container{
|
|
grid-column-end:span 2;
|
|
display:grid;
|
|
grid-template-columns:1fr 1fr 1fr;
|
|
grid-template-rows:auto;
|
|
grid-template-areas:'header header header';
|
|
border:1px solid black;
|
|
background-color:var(--sectionBackground);
|
|
}
|
|
.sheet-senses-container > h4{
|
|
grid-area:header;
|
|
place-self:center;
|
|
}
|
|
.sheet-senses-container span{
|
|
color:black;
|
|
}
|
|
.sheet-hexagon-check-label{
|
|
display: grid;
|
|
grid-template-columns: auto 1fr;
|
|
grid-gap:1px;
|
|
}
|
|
.sheet-hexagon-check-label > span{
|
|
font-size:13px;
|
|
place-self:center stretch;
|
|
}
|
|
.sheet-skills-container{
|
|
--profSize: 16px;
|
|
display: grid;
|
|
position: relative;
|
|
grid-template-columns: var(--profSize) 2em 1fr;
|
|
grid-auto-rows:minmax(var(--profSize),auto);
|
|
grid-row-gap:5px;
|
|
}
|
|
.sheet-skills-container > h4{
|
|
grid-column:1 / -1;
|
|
place-self:center;
|
|
margin-top:0.5em;
|
|
}
|
|
.sheet-skills-container > .sheet-plus-display{
|
|
place-self:center;
|
|
}
|
|
.sheet-skills-container > .sheet-skill-label{
|
|
place-self:center start;
|
|
}
|
|
.sheet-expertise-check-label{
|
|
display: grid;
|
|
place-items: end;
|
|
grid-template-columns: var(--profSize);
|
|
grid-template-rows: var(--profSize);
|
|
grid-template-areas: "check";
|
|
transform:scale(.7);
|
|
}
|
|
.sheet-expertise-check-label > *{
|
|
grid-area:check;
|
|
}
|
|
.sheet-polygon,
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon{
|
|
display:grid;
|
|
grid-template-columns:auto;
|
|
grid-template-areas:"content";
|
|
place-items:center;
|
|
}
|
|
.sheet-polygon.sheet-locked:before{
|
|
background-color:#F0F0F0;
|
|
}
|
|
.sheet-polygon input{
|
|
line-height:4em;
|
|
}
|
|
.sheet-polygon > *{
|
|
font-size:16px;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon > *,
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon:before,
|
|
.sheet-polygon > *,
|
|
.sheet-polygon:before{
|
|
grid-area:content;
|
|
font-weight:700;
|
|
}
|
|
.sheet-polygon > input[type=text]{
|
|
width:100%;
|
|
text-align:center;
|
|
}
|
|
.sheet-polygon > input[type=radio]{
|
|
width:100%;
|
|
height:100%;
|
|
position:absolute;
|
|
opacity:0;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon:before,
|
|
.sheet-polygon:before{
|
|
z-index:-10;
|
|
}
|
|
.sheet-expertise-check-label > .sheet-true-hexagon,
|
|
.sheet-expertise-check-label > .sheet-true-pentagon{
|
|
grid-area:check;
|
|
place-self:stretch;
|
|
}
|
|
.sheet-expertise-check-label > .sheet-polygon > input:first-of-type{
|
|
z-index:5;
|
|
}
|
|
.sheet-expertise-check-label > .sheet-polygon input[type=radio]:checked + input[type='radio']{
|
|
z-index:10;
|
|
}
|
|
.sheet-expertise-check-label > .sheet-true-pentagon{
|
|
position: relative;
|
|
top: -9px;
|
|
left: -4px;
|
|
transform: rotate(45deg) scale(0.9);
|
|
}
|
|
.sheet-prof-control[value*="proficiency"] ~ .sheet-prof-display:before{
|
|
background-color:transparent;
|
|
}
|
|
.sheet-prof-control[value*="2"] ~ .sheet-expertise-display:before{
|
|
background-color:transparent;
|
|
}
|
|
.sheet-expertise-check-label > .sheet-check-label{
|
|
position: absolute;
|
|
color: darkgrey;
|
|
text-align: center;
|
|
place-self: center;
|
|
text-transform:uppercase;
|
|
font-size:0.71em;
|
|
}
|
|
.sheet-expertise-check-label > .sheet-proficiency{
|
|
top: 15px;
|
|
}
|
|
.sheet-expertise-check-label > .sheet-expertise{
|
|
top: -17px;
|
|
left: -6px;
|
|
}
|
|
.sheet-mid-column{
|
|
grid-area:col2;
|
|
}
|
|
.sheet-mid-column > div{
|
|
margin-bottom:1.5em;
|
|
}
|
|
.sheet-armor-speed-container{
|
|
margin:16px 0px;
|
|
display:grid;
|
|
background-color:var(--sectionBackground);
|
|
border:2px solid black;
|
|
grid-template-columns:[initiative-start]27.7128px [speed-start] 1fr [initiative-end speed-end] 8.7128px [dr-start] 27.7128px [ac-start] 1fr [dr-end ac-end];
|
|
grid-template-rows: [initiative-start dr-start] 30px [speed-start ac-start] 16px [initiative-end dr-end] 32px [speed-end ac-end];
|
|
}
|
|
.sheet-armor-speed-container > .sheet-initiative{
|
|
grid-area:initiative;
|
|
top:-16px;
|
|
}
|
|
.sheet-armor-speed-container > .sheet-dr{
|
|
grid-area:dr;
|
|
top:-16px;
|
|
}
|
|
.sheet-armor-speed-container > .sheet-speed{
|
|
grid-area:speed;
|
|
}
|
|
.sheet-armor-speed-container > .sheet-ac{
|
|
grid-area:ac;
|
|
}
|
|
.sheet-armor-speed-container > div{
|
|
position:relative;
|
|
margin-left:-2px;
|
|
}
|
|
.sheet-hp-resistance-container{
|
|
display:grid;
|
|
grid-template-columns:[current-start max-start] 20px [temp-start] 1.25fr [max-end temp-end resistance-start] 1fr [resistance-end current-end];
|
|
grid-template-rows:[current-start] 8em [current-end max-start resistance-start] 32px [max-end temp-start] 48px [temp-end resistance-end];
|
|
grid-column-gap:0.5em;
|
|
margin-bottom:16px;
|
|
}
|
|
.sheet-current-death{
|
|
grid-area:current;
|
|
border:2px solid black;
|
|
display:grid;
|
|
justify-items:center;
|
|
grid-template-columns:[current-start] 2fr [current-end hd-start] 1fr [hd-end death-start] 1fr [death-end];
|
|
grid-template-rows:[current-start hd-start death-start] 1fr [current-end hd-end death-end];
|
|
}
|
|
.sheet-current-health{
|
|
grid-area:current;
|
|
border-right:1px solid black;
|
|
display:grid;
|
|
justify-items:center;
|
|
grid-template-columns:[header-start] 1fr [header-end];
|
|
grid-template-rows:[header-start] auto [header-end] 1fr;
|
|
}
|
|
.sheet-current-health > h4{
|
|
text-align: center;
|
|
}
|
|
.sheet-current-health > input[type=number]{
|
|
align-self:center;
|
|
width:100%;
|
|
line-height:2.7em;
|
|
}
|
|
.sheet-hd{
|
|
grid-area:hd;
|
|
border-right:1px solid black;
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns:[header-start input-start] 1fr [input-end label-start] 3em [header-end label-end];
|
|
grid-template-rows:[header-start] auto [header-end d8-start] auto [d8-end d10-start] auto [d10-end d12-start] auto [d12-end];
|
|
}
|
|
.sheet-hd > .sheet-h4{
|
|
grid-area:header;
|
|
place-self:center;
|
|
}
|
|
.sheet-hd > input{
|
|
justify-self:center;
|
|
border-bottom:1px solid black;
|
|
}
|
|
.sheet-hd > input{
|
|
z-index:10;
|
|
}
|
|
.sheet-death{
|
|
grid-area:death;
|
|
display:grid;
|
|
place-items:center;
|
|
grid-row-gap: 0.75em;
|
|
align-self: start;
|
|
grid-template-columns:[header-start bar-start bar2-start] repeat(4,auto) [bar2-end bar-end header-end];
|
|
grid-template-rows:[header-start] auto [header-end bar-start] auto [bar-end bar2-start] auto [bar2-end];
|
|
}
|
|
.sheet-current-death button.sheet-h4{
|
|
grid-area:header;
|
|
text-align:center;
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-current-death span{
|
|
text-transform:lowercase;
|
|
}
|
|
.sheet-death-label{
|
|
width:1em;
|
|
height:1em;
|
|
}
|
|
.sheet-death > .sheet-first > input:first-child{
|
|
z-index:-20;
|
|
opacity:0;
|
|
}
|
|
.sheet-success-control:not([value='0']) ~ .sheet-first.sheet-success > input:first-child,
|
|
.sheet-failure-control:not([value='0']) ~ .sheet-first.sheet-failure > input:first-child{
|
|
z-index:20;
|
|
}
|
|
.sheet-success-control[value='2'] ~ .sheet-first.sheet-success > .sheet-hexagon,
|
|
.sheet-failure-control[value='2'] ~ .sheet-first.sheet-failure > .sheet-hexagon{
|
|
color:#000000
|
|
}
|
|
.sheet-success-control[value='3'] ~ .sheet-first.sheet-success > .sheet-hexagon,
|
|
.sheet-failure-control[value='3'] ~ .sheet-first.sheet-failure > .sheet-hexagon,
|
|
.sheet-success-control[value='3'] ~ .sheet-second.sheet-success > .sheet-hexagon,
|
|
.sheet-failure-control[value='3'] ~ .sheet-second.sheet-failure > .sheet-hexagon{
|
|
color:#000000;
|
|
}
|
|
.sheet-hp-resistance-container > .sheet-max{
|
|
grid-area:max;
|
|
position:relative;
|
|
top:-16px;
|
|
}
|
|
.sheet-hp-resistance-container > .sheet-temp{
|
|
grid-area:temp;
|
|
position:relative;
|
|
top:-2px;
|
|
}
|
|
.sheet-resistances{
|
|
grid-area:resistance;
|
|
}
|
|
.sheet-bordered-textarea{
|
|
border:2px solid black;
|
|
display:grid;
|
|
grid-template-rows:auto auto;
|
|
grid-template-columns:1fr;
|
|
grid-template-areas:
|
|
"header"
|
|
"text";
|
|
place-content:stretch;
|
|
}
|
|
.sheet-resistances{
|
|
margin-top:1em;
|
|
}
|
|
.sheet-bordered-textarea > h4{
|
|
place-self:center;
|
|
}
|
|
.sheet-bordered-textarea > textarea{
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.sheet-id{
|
|
font-size:0.75em;
|
|
color:lightgrey;
|
|
}
|
|
.sheet-expand-control[value="0"] ~ .sheet-expanded-view,
|
|
.sheet-expand-control:not([value="0"]) ~ .sheet-collapsed-view{
|
|
display:none;
|
|
}
|
|
.sheet-expandable-section:not(:hover):not(:focus-within) > .sheet-expand-button{
|
|
opacity:0;
|
|
}
|
|
.sheet-expand-control:not([value="0"]) ~ .sheet-expanded-view{
|
|
border-top:1px solid black;
|
|
border-bottom:1px solid black;
|
|
margin-bottom:0.5em;
|
|
}
|
|
.sheet-expand-control:not([value="0"]) ~ .sheet-expand-button{
|
|
color:black;
|
|
}
|
|
.sheet-expand-control:not([value="1"]) ~ .sheet-expand-button{
|
|
color:lightgrey;
|
|
}
|
|
.sheet-expandable-section > .sheet-expand-button{
|
|
display:grid;
|
|
grid-column:1 / 2;
|
|
position:absolute;
|
|
right:0;
|
|
padding:0;
|
|
z-index:100;
|
|
grid-template-columns:auto;
|
|
grid-template-rows:auto;
|
|
grid-template-areas:"button";
|
|
place-items:center;
|
|
width:auto;
|
|
height:auto;
|
|
}
|
|
.sheet-expandable-section > .sheet-expand-button > input[type=checkbox]{
|
|
opacity:0;
|
|
z-index:10;
|
|
width:100%;
|
|
height:100%;
|
|
grid-area:button;
|
|
}
|
|
.sheet-expandable-section > :not(.sheet-expand-button){
|
|
grid-column:1 / -1;
|
|
}
|
|
.sheet-collapsed-view{
|
|
display:grid;
|
|
margin-bottom:0.5em;
|
|
clip-path:var(--spanPolygon);
|
|
min-height:15px;
|
|
}
|
|
.sheet-expandable-section > .sheet-expand-button > .sheet-expand-state{
|
|
grid-area:button;
|
|
}
|
|
.sheet-expand-button > input:checked ~ .sheet-expand-state{
|
|
transform:rotate(90deg);
|
|
}
|
|
.sheet-collapsed-view > button{
|
|
grid-column:1/-1;
|
|
position:absolute;
|
|
place-self:stretch;
|
|
opacity:0;
|
|
z-index:10;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.sheet-expanded-view > .sheet-enable-holder{
|
|
grid-area:toggles;
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
align-items:center;
|
|
}
|
|
.sheet-enable-section{
|
|
min-height:1em;
|
|
}
|
|
.sheet-enable-section > label{
|
|
width:auto;
|
|
}
|
|
.sheet-enable-controller[value="0"] + .sheet-enable-section > label{
|
|
margin-right:1.5em;
|
|
}
|
|
.sheet-enable-controller:not([value="0"]) + .sheet-enable-section{
|
|
width:100%;
|
|
}
|
|
.sheet-enable-controller[value="0"] + .sheet-enable-section > .sheet-enabled-section{
|
|
display:none;
|
|
}
|
|
.sheet-enable-controller:not([value="0"]) + .sheet-enable-section > .sheet-enabled-section{
|
|
padding-bottom:0.25em;
|
|
border-bottom:1px solid grey;
|
|
}
|
|
.sheet-enable-controller:not([value="0"]) + .sheet-enable-section > .sheet-hexagon-check-label > span{
|
|
background-color:var(--sectionBackground);
|
|
text-align:center;
|
|
clip-path:var(--spanPolygon);
|
|
}
|
|
.sheet-enabled-section{
|
|
display:grid;
|
|
}
|
|
/*default repeating section styling*/
|
|
.itemcontrol{
|
|
z-index:1000;
|
|
}
|
|
.repcontrol,
|
|
.sheet-pseudo-control{
|
|
--squaredim:10pt;
|
|
justify-self:end;
|
|
width:auto;
|
|
font-size:var(--squaredim);
|
|
min-height: 1em;
|
|
grid-area:repcontrol;
|
|
position:sticky;
|
|
bottom:0;
|
|
}
|
|
.repcontrol:not([data-groupname="repeating_hack"]){
|
|
width:100%;
|
|
}
|
|
.sheet-pseudo-control{
|
|
justify-self:start;
|
|
}
|
|
.repcontrol .btn,
|
|
.sheet-whole .sheet-pseudo-control .sheet-repcontrol_add {
|
|
border: medium none;
|
|
background: none;
|
|
box-shadow: none;
|
|
font-size: 0;
|
|
width:9px;
|
|
height:13px;
|
|
padding:0px;
|
|
text-shadow:none;
|
|
}
|
|
.repcontrol .btn:focus {
|
|
outline: 0;
|
|
}
|
|
.repcontrol .repcontrol_add::before,
|
|
.sheet-pseudo-control .sheet-repcontrol_add::before,
|
|
.sheet-pseudo-repcontrol span,
|
|
.repcontrol .repcontrol_edit::after {
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: transparent;
|
|
border: 0px solid transparent;
|
|
border-radius: 2px;
|
|
font-size: var(--squaredim);
|
|
height: var(--squaredim);
|
|
width: var(--squaredim);
|
|
padding: 0px;
|
|
position: relative;
|
|
}
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: '(';
|
|
}
|
|
.repcontrol .repcontrol_edit:after,
|
|
.repcontrol .repcontrol_add:before,
|
|
.sheet-pseudo-control .sheet-repcontrol_add:before{
|
|
top:-2px;
|
|
left:0px;
|
|
}
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ')';
|
|
}
|
|
.editmode ~ .sheet-pseudo-control{
|
|
display:none;
|
|
}
|
|
.repcontrol .repcontrol_add:before,
|
|
.sheet-pseudo-control .sheet-repcontrol_add:before,
|
|
.sheet-pseudo-repcontrol span{
|
|
content: '&';
|
|
}
|
|
.repcontrol_add,
|
|
.sheet-pseudo-control .sheet-repcontrol_add,
|
|
.repcontrol_edit{
|
|
z-index:10;
|
|
}
|
|
.repcontrol .repcontrol_edit:hover,
|
|
.repcontrol .repcontrol_add:hover,
|
|
.sheet-pseudo-control .sheet-repcontrol_add:hover{
|
|
background-color: transparent;
|
|
}
|
|
.itemcontrol .repcontrol_del,
|
|
.itemcontrol .repcontrol_move{
|
|
font-size: 10px;
|
|
margin-top: 0px;
|
|
padding: 3px;
|
|
background-color:transparent;
|
|
color:black;
|
|
height: auto;
|
|
width: auto;
|
|
border:0px solid transparent;
|
|
text-shadow:none;
|
|
box-shadow:none;
|
|
}
|
|
/*End default repeating section styling*/
|
|
.sheet-bordered-checkbox,
|
|
.sheet-bordered-container{
|
|
background-color:black;
|
|
clip-path:var(--spanBorderPolygon);
|
|
padding:0.1em 1.1em;
|
|
position:relative;
|
|
}
|
|
.sheet-bordered-checkbox,
|
|
.sheet-bordered-container{
|
|
display:grid;
|
|
margin-bottom:0.5em;
|
|
}
|
|
.sheet-bordered-checkbox:before,
|
|
.sheet-bordered-container:before{
|
|
background-color:white;
|
|
clip-path:var(--spanPolygon);
|
|
height:100%;
|
|
width:calc(100% + 2em);
|
|
content:"";
|
|
grid-row:1/-1;
|
|
grid-column:1/-1;
|
|
position:absolute;
|
|
z-index:-1;
|
|
}
|
|
.sheet-bordered-container:before{
|
|
margin-left:-1em;
|
|
}
|
|
.sheet-bordered-container > h4{
|
|
grid-area:section-header;
|
|
margin-bottom:-0.4em;
|
|
text-align:center;
|
|
z-index:10;
|
|
background-color:var(--headerBackground);
|
|
color:var(--headerFontColor);
|
|
}
|
|
.sheet-bordered-container > h5{
|
|
text-align:center;
|
|
background-color:var(--headerBackground);
|
|
color:var(--headerFontColor);
|
|
z-index:10;
|
|
}
|
|
.sheet-bordered-container > h5:first-of-type{
|
|
clip-path:var(--headerStartPolygon);
|
|
}
|
|
.sheet-bordered-container > h5:last-of-type{
|
|
clip-path:var(--headerEndPolygon);
|
|
}
|
|
.sheet-action-container{
|
|
display:grid;
|
|
grid-template-rows:repeat(4,auto);
|
|
grid-template-areas:
|
|
"section-header section-header section-header"
|
|
"name mod damage"
|
|
"container container container"
|
|
"repcontrol repcontrol repcontrol";
|
|
grid-row-gap:0.5em;
|
|
}
|
|
.sheet-description{
|
|
display:grid;
|
|
grid-template-columns:1fr auto;
|
|
grid-template-rows:auto 1fr;
|
|
grid-template-areas:
|
|
'label check'
|
|
'text text';
|
|
align-items:end;
|
|
}
|
|
.sheet-description > textarea{
|
|
min-height:2em;
|
|
grid-area:text
|
|
}
|
|
.sheet-action-container,
|
|
.repcontainer[data-groupname="repeating_action"] .sheet-collapsed-view{
|
|
grid-template-columns:2fr 3em 1fr;
|
|
grid-column-gap:0.1em;
|
|
}
|
|
.repcontainer[data-groupname="repeating_action"] .sheet-collapsed-view{
|
|
grid-row-gap:0.1em;
|
|
}
|
|
.repcontainer{
|
|
grid-area:container;
|
|
}
|
|
.repcontainer[data-groupname="repeating_action"] .sheet-expand-control[value="1"] ~ .sheet-expanded-view{
|
|
display:grid;
|
|
grid-template-columns:1fr 1fr;
|
|
grid-template-rows:repeat(5,auto);
|
|
grid-gap:0.25em 0.5em;
|
|
grid-template-areas:
|
|
"name proficiency"
|
|
"toggles toggles"
|
|
"range properties"
|
|
"description description"
|
|
"id id";
|
|
}
|
|
.repcontainer[data-groupname="repeating_action"] .sheet-enabled-section{
|
|
grid-template-columns:repeat(2,1fr);
|
|
grid-gap:0.25em 0.5em;
|
|
}
|
|
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-name{
|
|
grid-area:name;
|
|
}
|
|
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view .sheet-range{
|
|
grid-area:range;
|
|
}
|
|
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view .sheet-properties{
|
|
grid-area:properties;
|
|
}
|
|
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-description{
|
|
grid-area:description;
|
|
}
|
|
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-id{
|
|
grid-area:id;
|
|
}
|
|
.sheet-collapsed-view > span{
|
|
background-color:var(--headerBackground);
|
|
color:var(--headerFontColor);
|
|
text-align:center;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.sheet-mosaic-satoshi-container{
|
|
display:grid;
|
|
grid-template-columns:10em 1fr;
|
|
grid-template-rows:auto;
|
|
grid-template-areas:"mosaic satoshi";
|
|
grid-column-gap:0.5em;
|
|
align-items:center;
|
|
}
|
|
.sheet-mosaic-satoshi-container > .sheet-mosaic{
|
|
grid-area:mosaic;
|
|
}
|
|
.sheet-mosaic-satoshi-container > .sheet-satoshi{
|
|
grid-area:satoshi;
|
|
}
|
|
.sheet-inventory-container{
|
|
grid-template-rows:repeat(4,auto);
|
|
grid-template-areas:
|
|
"section-header section-header section-header"
|
|
"name cost mass"
|
|
"container container container"
|
|
"repcontrol repcontrol repcontrol";
|
|
grid-row-gap:0.5em;
|
|
}
|
|
.sheet-inventory-container,
|
|
.repcontainer[data-groupname="repeating_equipment"] .sheet-collapsed-view{
|
|
grid-template-columns:1fr 4em 4em;
|
|
grid-column-gap:0.1em;
|
|
}
|
|
.repcontainer[data-groupname="repeating_equipment"] .sheet-expand-control[value="1"] ~ .sheet-expanded-view{
|
|
display:grid;
|
|
grid-template-columns:1fr 1fr 1fr;
|
|
grid-template-rows:repeat(5,auto);
|
|
grid-gap:0.25em 0.5em;
|
|
grid-template-areas:
|
|
"name name name"
|
|
"qty weight cost"
|
|
"mods mods mods"
|
|
"description description description"
|
|
"id id id";
|
|
}
|
|
.repcontainer[data-groupname="repeating_equipment"] .sheet-name{
|
|
grid-area:name;
|
|
}
|
|
.repcontainer[data-groupname="repeating_equipment"] .sheet-quantity{
|
|
grid-area:qty;
|
|
}
|
|
.repcontainer[data-groupname="repeating_equipment"] .sheet-weight{
|
|
grid-area:weight;
|
|
}
|
|
.repcontainer[data-groupname="repeating_equipment"] .sheet-cost{
|
|
grid-area:cost;
|
|
}
|
|
.repcontainer[data-groupname="repeating_equipment"] .sheet-mods{
|
|
grid-area:mods;
|
|
}
|
|
.repcontainer[data-groupname="repeating_equipment"] .sheet-description{
|
|
grid-area:description;
|
|
}
|
|
.sheet-trait-column{
|
|
grid-area:col3;
|
|
}
|
|
.sheet-pc .sheet-trait-container{
|
|
margin-top:16px;
|
|
min-height:40.7em;
|
|
}
|
|
.sheet-trait-container{
|
|
grid-row-gap:0.5em;
|
|
grid-template-rows:repeat(2,auto) 1fr auto;
|
|
grid-template-areas:
|
|
"section-header section-header"
|
|
"name source"
|
|
"container container"
|
|
"repcontrol repcontrol";
|
|
}
|
|
.sheet-trait-container,
|
|
.repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view{
|
|
grid-template-columns:2fr 1fr;
|
|
grid-column-gap:0.1em;
|
|
}
|
|
/*hacks styling*/
|
|
.sheet-pc > .sheet-hacks{
|
|
display:grid;
|
|
grid-template-columns:repeat(3,1fr);
|
|
grid-template-rows:auto 1fr;
|
|
grid-gap:1.5em;
|
|
}
|
|
.sheet-pc > .sheet-hacks > .sheet-input-label-container{
|
|
grid-column:1 / -1;
|
|
justify-self:start;
|
|
}
|
|
.sheet-hack-container{
|
|
grid-area:container;
|
|
grid-template-rows:repeat(1,18px) 1fr auto;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-areas:
|
|
"section-header section-header"
|
|
"container container"
|
|
"repcontrol repcontrol";
|
|
grid-row-gap:0.5em;
|
|
position:relative;
|
|
}
|
|
.sheet-hack-container > h4{
|
|
position:relative;
|
|
left:13px;
|
|
padding-top: 3px;
|
|
}
|
|
.sheet-hack-container > .repcontrol > .repcontrol_add{
|
|
display:none !important;
|
|
}
|
|
.sheet-hack-master-container{
|
|
margin-top:1.5em;
|
|
display:grid;
|
|
grid-template-columns:[container-start header-start] 1fr 1fr[header-end container-end];
|
|
grid-template-rows:[header-start] 20.7846px [container-start] 20.7846px [header-end] auto [container-end];
|
|
}
|
|
.sheet-hack-master-container > .sheet-hack-header{
|
|
grid-area:header;
|
|
display:grid;
|
|
z-index:10;
|
|
position:relative;
|
|
grid-template-columns: [hexagon-start pentagon-start] 41.25px [label-start] 0.3192px [pentagon-end hexagon-end] auto [label-end];
|
|
grid-template-rows: [hexagon-start pentagon-start] 12px [label-start] 24px [label-end] 5.5692px [pentagon-end] 6.4308px [hexagon-end];
|
|
}
|
|
.sheet-hack-master-container > .sheet-hack-header > .sheet-label{
|
|
color:darkgrey;
|
|
z-index:10;
|
|
place-self:center;
|
|
position:relative;
|
|
font-size:0.7em;
|
|
text-align:center;
|
|
}
|
|
.sheet-hack-master-container > .sheet-hack-header > .sheet-current{
|
|
grid-area:hexagon;
|
|
transform: rotate(-60deg);
|
|
left: -2.5em;
|
|
top: -1.3em;
|
|
}
|
|
.sheet-hack-master-container > .sheet-hack-header > .sheet-max{
|
|
grid-area:pentagon;
|
|
transform: rotate(20deg);
|
|
left: 4.7em;
|
|
top: -3.9em;
|
|
}
|
|
.sheet-hack-master-container > .sheet-hack-header > .sheet-true-hexagon{
|
|
transform:rotate(90deg);
|
|
}
|
|
.sheet-hack-master-container > .sheet-hack-header > .sheet-true-hexagon > input{
|
|
transform:rotate(-90deg);
|
|
}
|
|
.sheet-hack-master-container > .sheet-hack-header > .sheet-true-pentagon{
|
|
grid-area: pentagon;
|
|
position: relative;
|
|
top: -39%;
|
|
left: 83%;
|
|
--rotation:59deg;
|
|
transform: rotate(var(--rotation));
|
|
place-self: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
grid-template-rows: 100%;
|
|
grid-template-columns: 100%;
|
|
}
|
|
.sheet-hack-master-container > .sheet-hack-header input{
|
|
width: 2.5em;
|
|
line-height: 3em;
|
|
}
|
|
.sheet-hack-master-container > .sheet-hack-header > .sheet-true-pentagon > input{
|
|
transform:rotate(calc(var(--rotation) * -1));
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-collapsed-view{
|
|
grid-template-columns:1fr 2em;
|
|
grid-column-gap:0.1em;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-collapsed-view{
|
|
grid-row-gap:0.1em;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expand-control[value="1"] ~ .sheet-expanded-view{
|
|
display:grid;
|
|
padding:0.5em;
|
|
--levelWidth:3em;
|
|
grid-template-columns:2fr 1fr var(--levelWidth);
|
|
grid-template-rows:repeat(7,auto);
|
|
grid-gap:0.25em 0.5em;
|
|
grid-template-areas:
|
|
"name name level"
|
|
"launch duration duration"
|
|
"type source source"
|
|
"toggles toggles toggles"
|
|
"range properties properties"
|
|
"description description description"
|
|
"id id id";
|
|
}
|
|
.sheet-level > input[type="number"]{
|
|
width:100%;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-enabled-section{
|
|
grid-template-columns:repeat(2,1fr);
|
|
grid-gap:0.25em 0.5em;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-name{
|
|
grid-area:name;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-level{
|
|
grid-area:level;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view .sheet-range{
|
|
grid-area:range;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-launch-time{
|
|
grid-area:launch;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-duration{
|
|
grid-area:duration;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-hack-type{
|
|
grid-area:type;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-source{
|
|
grid-area:source;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view .sheet-properties{
|
|
grid-area:properties;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-description{
|
|
grid-area:description;
|
|
}
|
|
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-id{
|
|
grid-area:id;
|
|
}
|
|
.sheet-collapsed-view > span.sheet-hack-type{
|
|
color:transparent;
|
|
position:relative;
|
|
background-size:contain;
|
|
background-repeat:no-repeat;
|
|
background-position:center;
|
|
white-space:nowrap;
|
|
background-color:transparent;
|
|
}
|
|
.sheet-collapsed-view > input.sheet-hack-type[value='injection'] ~ span.sheet-hack-type{
|
|
background-image:var(--injectionImage);
|
|
}
|
|
.sheet-collapsed-view > input.sheet-hack-type[value='gadget'] ~ span.sheet-hack-type{
|
|
background-image:var(--gadgetImage);
|
|
}
|
|
.sheet-collapsed-view > input.sheet-hack-type[value='craft tech'] ~ span.sheet-hack-type{
|
|
background-image:var(--crafttechImage);
|
|
}
|
|
.sheet-collapsed-view > input.sheet-hack-type[value='craft explosive'] ~ span.sheet-hack-type{
|
|
background-image:var(--craftexplosiveImage);
|
|
}
|
|
.sheet-collapsed-view > input.sheet-hack-type[value='bot'] ~ span.sheet-hack-type{
|
|
background-image:var(--botImage);
|
|
}
|
|
.sheet-collapsed-view > input.sheet-hack-type[value='mind'] ~ span.sheet-hack-type{
|
|
background-image:var(--mindImage);
|
|
}
|
|
.sheet-collapsed-view > input.sheet-hack-type[value='software'] ~ span.sheet-hack-type{
|
|
background-image:var(--softwareImage);
|
|
}
|
|
.repitem{
|
|
overflow:hidden;
|
|
}
|
|
.sheet-whole .btn-danger:hover{
|
|
background-position:initial;
|
|
background-image:none;
|
|
background-color:#261e1e;
|
|
color:#da4f49 !important;
|
|
}
|
|
.sheet-hack-container.sheet-1st-level > .repcontainer > .repitem > .sheet-level-display:not([value="1"]) ~ .sheet-expandable-section{
|
|
display:none;
|
|
}
|
|
.sheet-hack-container.sheet-2nd-level > .repcontainer > .repitem > .sheet-level-display:not([value="2"]) ~ .sheet-expandable-section{
|
|
display:none;
|
|
}
|
|
.sheet-hack-container.sheet-3rd-level > .repcontainer > .repitem > .sheet-level-display:not([value="3"]) ~ .sheet-expandable-section{
|
|
display:none;
|
|
}
|
|
.sheet-hack-container.sheet-4th-level > .repcontainer > .repitem > .sheet-level-display:not([value="4"]) ~ .sheet-expandable-section{
|
|
display:none;
|
|
}
|
|
.sheet-hack-container.sheet-5th-level > .repcontainer > .repitem > .sheet-level-display:not([value="5"]) ~ .sheet-expandable-section{
|
|
display:none;
|
|
}
|
|
/*End hacks styling*/
|
|
/*Settings styling*/
|
|
.sheet-pc > .sheet-settings{
|
|
grid-template-columns:repeat(3,1fr);
|
|
grid-gap:1em 1em;
|
|
}
|
|
.sheet-settings > .sheet-column > .sheet-bordered-container > div{
|
|
display:grid;
|
|
grid-gap:1em 1em;
|
|
}
|
|
.sheet-settings .sheet-grid-container{
|
|
display:grid;
|
|
place-content:space-evenly;
|
|
place-items:center;
|
|
grid-auto-flow: column;
|
|
}
|
|
.sheet-statblock-section > .sheet-grid-container{
|
|
margin-top:6.5px;
|
|
}
|
|
/*End Settings styling*/
|
|
/*NPC styling*/
|
|
.sheet-ability-row{
|
|
margin-top:0.5em;
|
|
margin-bottom:0.5em;
|
|
display:grid;
|
|
grid-template-rows:repeat(3,auto);
|
|
grid-template-columns:repeat(6,1fr);
|
|
grid-template-areas:
|
|
"str dex con int wis cha"
|
|
"header header header header header header"
|
|
"str-save dex-save con-save int-save wis-save cha-save";
|
|
grid-gap:1em;
|
|
}
|
|
.sheet-ability-row > :is(h1,h2,h3,h4,h5){
|
|
grid-area:header;
|
|
place-self:center;
|
|
}
|
|
.sheet-ability-row > .sheet-input-label-container{
|
|
margin:0;
|
|
}
|
|
.sheet-ability-row > .sheet-input-label-container > *{
|
|
justify-self:center;
|
|
}
|
|
.sheet-master-display-controller[value*='import:import-process'] ~ .sheet-npc > .sheet-npc-info .sheet-settings > .sheet-import .sheet-grid-container > .sheet-import:before{
|
|
background-color:#00ff73;
|
|
}
|
|
.sheet-master-display-controller:not([value*='import:import-process']) ~ .sheet-npc > .sheet-npc-info .sheet-settings > .sheet-import > .sheet-import-area > .sheet-import-confirm{
|
|
display:none;
|
|
}
|
|
.sheet-import-confirm{
|
|
place-self:center;
|
|
text-align:center;
|
|
}
|
|
.sheet-import-cancel:before{
|
|
background-color:#ff002f;
|
|
}
|
|
.sheet-statblock-section.sheet-import-area{
|
|
display:grid;
|
|
grid-gap:1em;
|
|
--importMin:30em;
|
|
padding-top:1em;
|
|
}
|
|
.sheet-statblock-section.sheet-import-area > textarea{
|
|
display:grid;
|
|
min-height:var(--importMin);
|
|
}
|
|
.sheet-npc-info > div{
|
|
width:calc(513px - 2em);
|
|
margin-right:1em;
|
|
}
|
|
.sheet-npc > .sheet-toggles{
|
|
display:inline-block;
|
|
}
|
|
.sheet-npc > .sheet-toggles .sheet-settings input:checked,
|
|
.sheet-npc > .sheet-toggles .sheet-settings input:checked + span,
|
|
.sheet-npc > .sheet-toggles .sheet-whisper input:checked,
|
|
.sheet-npc > .sheet-toggles .sheet-whisper input:checked + span{
|
|
display:none;
|
|
}
|
|
.sheet-npc-info{
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
align-items:flex-start;
|
|
}
|
|
.sheet-npc-info > div{
|
|
margin-bottom:1em;
|
|
}
|
|
.sheet-npc-info .sheet-row > *,
|
|
.sheet-npc-info .sheet-row > button{
|
|
margin-right:1em;
|
|
margin-bottom:1em;
|
|
}
|
|
.sheet-statblock-section > .sheet-row:first-of-type {
|
|
margin-top: 0.5em;
|
|
}
|
|
.sheet-statblock-section{
|
|
border-bottom:2px solid black;
|
|
}
|
|
.sheet-npc-info .sheet-row{
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
}
|
|
.sheet-parens-control:not([value]) ~ .sheet-parens{
|
|
display:none;
|
|
}
|
|
.sheet-npc-ability-label{
|
|
display:grid;
|
|
grid-template-columns: repeat(2,auto);
|
|
grid-template-rows:repeat(3,auto);
|
|
grid-template-areas:
|
|
"header header"
|
|
"score mod"
|
|
"label save";
|
|
grid-gap:1em 0.5em;
|
|
place-items:center;
|
|
}
|
|
.sheet-npc-ability-label > .sheet-h4{
|
|
grid-area:header;
|
|
}
|
|
.sheet-npc-ability-label > .sheet-score{
|
|
grid-area:score;
|
|
}
|
|
.sheet-npc-ability-label > .paren-container{
|
|
grid-area:mod;
|
|
}
|
|
.sheet-npc-ability-label > .sheet-save-label{
|
|
grid-area:label;
|
|
}
|
|
.sheet-npc-ability-label > .sheet-save{
|
|
grid-area:save;
|
|
}
|
|
.sheet-skill-display > span:first-child{
|
|
margin-right:0.5em;
|
|
}
|
|
.sheet-skill-control:not([value]) + .sheet-skill-display{
|
|
display:none;
|
|
}
|
|
.sheet-skill-control:not([value*='-']) + .sheet-skill-display > span:nth-child(2):before{
|
|
content:'+';
|
|
}
|
|
.sheet-statblock-section.sheet-hack-display > div > h4{
|
|
display:inline;
|
|
}
|
|
.sheet-statblock-section.sheet-hack-display,
|
|
.sheet-hack-display-control.sheet-level1[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level1,
|
|
.sheet-hack-display-control.sheet-level2[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level2,
|
|
.sheet-hack-display-control.sheet-level3[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level3,
|
|
.sheet-hack-display-control.sheet-level4[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level4,
|
|
.sheet-hack-display-control.sheet-level5[value=''] ~ .sheet-statblock-section.sheet-hack-display > .sheet-level5,
|
|
.sheet-statblock-section.sheet-hack-display .repcontrol,
|
|
.sheet-statblock-section.sheet-hack-display > .sheet-level1 .sheet-button-control:not([value="1"]) + button,
|
|
.sheet-statblock-section.sheet-hack-display > .sheet-level2 .sheet-button-control:not([value="2"]) + button,
|
|
.sheet-statblock-section.sheet-hack-display > .sheet-level3 .sheet-button-control:not([value="3"]) + button,
|
|
.sheet-statblock-section.sheet-hack-display > .sheet-level4 .sheet-button-control:not([value="4"]) + button,
|
|
.sheet-statblock-section.sheet-hack-display > .sheet-level5 .sheet-button-control:not([value="5"]) + button{
|
|
display:none;
|
|
}
|
|
.sheet-hack-display-control[value]:not([value='']) ~ .sheet-statblock-section.sheet-hack-display{
|
|
display:block;
|
|
}
|
|
.sheet-statblock-section.sheet-hack-display .repcontainer[data-groupname="repeating_hack"]{
|
|
display:inline;
|
|
flex-wrap:wrap;
|
|
}
|
|
.sheet-statblock-section.sheet-hack-display .repcontainer[data-groupname="repeating_hack"] .repitem{
|
|
display:inline;
|
|
}
|
|
.sheet-statblock-section.sheet-hack-display .repitem > button:after{
|
|
content:",";
|
|
}
|
|
.sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view{
|
|
display:block;
|
|
}
|
|
.sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view span{
|
|
color:black;
|
|
background-color:transparent;
|
|
}
|
|
.sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view > *{
|
|
display:inline;
|
|
position:relative;
|
|
width:auto;
|
|
opacity:100;
|
|
}
|
|
.sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-collapsed-view > .sheet-description{
|
|
margin-left:1em;
|
|
white-space:pre-wrap;
|
|
}
|
|
.sheet-npc-info .repcontainer[data-groupname="repeating_trait"] .sheet-expand-control:not([value="0"]) ~ .sheet-collapsed-view{
|
|
display:none;
|
|
}
|
|
/*End NPC styling*/
|
|
/*Rolltemplate styling*/
|
|
.sheet-rolltemplate-general{
|
|
--hexagon:polygon(0% 50%,25% 0%,75% 0%, 100% 50%, 75% 100%,25% 100%);
|
|
margin:0 5px 0px -40px;
|
|
}
|
|
.sheet-rolltemplate-general .sheet-capitalize{
|
|
text-transform:capitalize;
|
|
}
|
|
.sheet-rolltemplate-general:not(:first-child){
|
|
margin-top:10px;
|
|
}
|
|
.sheet-rolltemplate-general .sheet-roll-display *{
|
|
color:black;
|
|
}
|
|
.sheet-rolltemplate-general h4{
|
|
line-height:1rem;
|
|
height:auto;
|
|
display:inline;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display{
|
|
display:grid;
|
|
position:relative;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-{
|
|
grid-template-areas:
|
|
'header'
|
|
'description';
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-bordered-container{
|
|
display:grid;
|
|
background-color:black;
|
|
clip-path:var(--spanBorderPolygon);
|
|
position:relative;
|
|
grid-template-columns: 4px auto 4px;
|
|
grid-template-rows:4px auto 4px;
|
|
grid-template-areas:
|
|
". . ."
|
|
". text ."
|
|
". . .";
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon > *,
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon:before{
|
|
font-size:12px;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-bordered-container:before{
|
|
background-color:white;
|
|
clip-path:var(--spanPolygon);
|
|
height: calc(100% - 2px);
|
|
width: calc(100% - 2px);
|
|
content:"";
|
|
grid-row:1/-1;
|
|
grid-column:1/-1;
|
|
place-self:center;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-bordered-container > *{
|
|
grid-area:text;
|
|
z-index:10;
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-character_name > .sheet-header{
|
|
display:grid;
|
|
align-content:start;
|
|
grid-auto-rows:auto;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-character_name > .sheet-header h4{
|
|
justify-self:start;
|
|
display:grid;
|
|
padding:0.5rem;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-character_name > .sheet-header h5{
|
|
justify-self:end;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-polygon{
|
|
z-index:10;
|
|
grid-template-areas:initial;
|
|
grid-template-columns: [content-start result-start label-start] auto [content-end result-end label-end];
|
|
grid-template-rows:[content-start result-start] 3fr [result-end label-start] 2fr [label-end] 1fr [content-end];
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-polygon > span:first-of-type{
|
|
grid-area:result;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-polygon > span:last-child,.sheet-rolltemplate-general > .sheet-roll-display > .sheet-polygon > h4:last-child{
|
|
grid-area:label;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1234{
|
|
grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start] 72px [hex1-start hex4-start] 24px [hex2-end] 1px [range-end] 46px [properties-start] 1px [hex3-start] 24px [hex1-end hex4-end] 72px [hex3-end] minmax(4px,1fr) [properties-end header-end description-end];
|
|
grid-template-rows: [header-start] auto [hex1-start] 41.5692px [hex2-start hex3-start] 1px [header-end] 40.5692px [hex1-end hex4-start] 40.5692px [description-start range-start properties-start] 1px [hex2-end hex3-end] 41.5692px [hex4-end] minmax(4px,min-content) [range-end properties-end] auto [description-end];
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-123,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-124,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-134,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-234{
|
|
grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start] 72px [hex1-start hex4-start] 24px [hex2-end] 1px [range-end] 46px [properties-start] 1px [hex3-start] 24px [hex1-end hex4-end] 72px [hex3-end] minmax(4px,1fr) [properties-end header-end description-end];
|
|
grid-template-rows: [header-start] auto [hex2-start hex3-start] 41.5692px [hex4-start] 1px [header-end] 39.5692px [description-start range-start properties-start] 1px [hex2-end hex3-end] 41.5692px [hex4-end] minmax(4px,min-content) [range-end properties-end] auto [description-end];
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-12,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-13,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-14,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-23,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-24,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-34{
|
|
grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start hex1-start hex4-start] 72px 24px [hex2-end] 1px [range-end properties-start] 1px [hex3-start] 24px 72px [hex1-end hex4-end hex3-end] minmax(4px,1fr) [properties-end header-end description-end];
|
|
grid-template-rows: [header-start] auto [hex2-start hex3-start] 41.5692px 1px [description-start range-start properties-start header-end] 39.5692px 1px [hex2-end hex3-end] minmax(4px,min-content) [range-end properties-end] auto [description-end];
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-2,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-3,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-4{
|
|
grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start] 72px [hex1-start hex4-start] 24px [hex2-end] 1px [range-end] 46px [properties-start] 1px [hex3-start] 24px [hex1-end hex4-end] 72px [hex3-end] minmax(4px,1fr) [properties-end header-end description-end];
|
|
grid-template-rows: [header-start] auto [hex4-start] 41.0692px [description-start range-start properties-start] 1px [header-end] 41.0692px [hex4-end] minmax(4px,min-content) [range-end properties-end] auto [description-end];
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-polygon.sheet-rollValue{
|
|
grid-area:hex1;
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-polygon.sheet-rollValue,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-polygon.sheet-rollValue,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-polygon.sheet-rollValue,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-polygon.sheet-rollValue,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-polygon.sheet-rollValue,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-polygon.sheet-damage1,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-polygon.sheet-damage1,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-polygon.sheet-damage1,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-polygon.sheet-damage1,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-polygon.sheet-damage1,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-polygon.sheet-damage2{
|
|
grid-area:hex2;
|
|
position:relative;
|
|
left:1px;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-polygon.sheet-damage1,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-polygon.sheet-damage2,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-polygon.sheet-damage2,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-polygon.sheet-damage2,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-polygon.sheet-damage2,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-polygon.sheet-damage2,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-polygon.sheet-save,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-polygon.sheet-save,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-polygon.sheet-save,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-polygon.sheet-save,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-polygon.sheet-save{
|
|
grid-area:hex3;
|
|
position:relative;
|
|
left:-1px;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1 > .sheet-polygon.sheet-rollValue,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-polygon.sheet-rollValue,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-polygon.sheet-damage1,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-2 > .sheet-polygon.sheet-damage1,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-polygon.sheet-damage2,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-3 > .sheet-polygon.sheet-damage2,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-polygon.sheet-save,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-polygon.sheet-save,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-4 > .sheet-polygon.sheet-save{
|
|
grid-area:hex4;
|
|
position:relative;
|
|
top:-1px;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-character_name{
|
|
grid-area:header;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-2 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-3 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-character_name,
|
|
.sheet-rolltemplate-general > .sheet-roll-display.sheet-4 > .sheet-character_name{
|
|
grid-template-rows:4px auto 41.5692px;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display > :not(.sheet-character_name) ~ .sheet-description{
|
|
grid-template-columns: 4px 1fr 46px 1fr 4px;
|
|
grid-template-rows: minmax(50.563px,auto) min-content 4px;
|
|
grid-template-areas:
|
|
"range range . properties properties"
|
|
". text text text ."
|
|
". . . . .";
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-polygon > span {
|
|
padding-inline: 20px;
|
|
max-width: 96px;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-properties > *{
|
|
place-self:center right;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-range{
|
|
grid-area:range;
|
|
z-index:1;
|
|
}
|
|
.sheet-rolltemplate-general .inlinerollresult[title*="[computed value]"],
|
|
.sheet-rolltemplate-general .inlinerollresult[original-title*="[computed value]"] {
|
|
pointer-events: none !important;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description .sheet-range,
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description .sheet-range{
|
|
visibility:hidden;
|
|
pointer-events:none;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-range,
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-properties{
|
|
min-height: 41px;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-range > *{
|
|
place-self:center left;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-range > *,
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-properties > *{
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
max-height:100%;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-properties > *{
|
|
place-self:center right;
|
|
text-align:right;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-properties{
|
|
grid-area:properties;
|
|
z-index:1;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description{
|
|
grid-area:description;
|
|
}
|
|
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description > span{
|
|
max-height:20em;
|
|
min-height:1em;
|
|
overflow:auto;
|
|
}
|
|
.sheet-rolltemplate-general .sheet-roll-display .inlinerollresult{
|
|
background-color:transparent;
|
|
border-color:transparent;
|
|
font-size:16px;
|
|
font-weight:700;
|
|
}
|
|
.sheet-rolltemplate-general .sheet-roll-display .inlinerollresult.fullfail{
|
|
color:red;
|
|
border-color:transparent;
|
|
filter:brightness(175%);
|
|
}
|
|
.sheet-rolltemplate-general .sheet-roll-display .inlinerollresult.fullcrit{
|
|
color:green;
|
|
border-color:transparent;
|
|
filter:brightness(175%);
|
|
} |