1037 lines
26 KiB
CSS
1037 lines
26 KiB
CSS
<style>
|
|
:root {
|
|
--section-gap: 1px;
|
|
--header-font-size: 80%;
|
|
--padding-standard: 0px 4px;
|
|
--padding-header: 1px 8px;
|
|
--standard-border: 1px solid rgb(var(--color-header));
|
|
|
|
--font-page-primary-fields: 500 var(--font-size-14) 'Roboto', sans-serif;
|
|
--font-page-secondary-fields: 400 var(--font-size-12) 'Roboto', sans-serif;
|
|
--font-page-primary-labels: 400 var(--font-size-14) 'Roboto', sans-serif;
|
|
--font-page-secondary-lables: 400 var(--font-size-12) 'Roboto', sans-serif;
|
|
--font-page-primary-footer: 500 var(--font-size-12) 'Roboto', sans-serif;
|
|
--font-page-secondary-footer: 400 var(--font-size-11) 'Roboto', sans-serif;
|
|
|
|
--font-size-14: 0.875rem;
|
|
--font-size-12: 0.75rem;
|
|
--font-size-11: 0.6875rem;
|
|
|
|
--color-background: 238, 238, 238;
|
|
--color-on-background: 0, 0, 0;
|
|
--color-content: 255, 255, 255;
|
|
--color-on-content: 0, 0, 0;
|
|
--color-banding: 235, 235, 220;
|
|
--color-on-banding: 0, 0, 0;
|
|
--color-header: 43, 43, 43;
|
|
--color-on-header: 255, 255, 255;
|
|
--color-focused-tab: 224, 212, 175;
|
|
--color-on-focused-tab: 0, 0, 0;
|
|
--color-current-tab: 211, 207, 197;
|
|
--color-on-current-tab: 0, 0, 0;
|
|
--color-editable: 255, 255, 255;
|
|
--color-on-editable: 0, 0, 160;
|
|
--color-editable-border: 192, 192, 192;
|
|
--color-focused-editable-border: 0, 0, 192;
|
|
--color-selection: 0, 96, 160;
|
|
--color-on-selection: 255, 255, 255;
|
|
--color-inactive-selection: 0, 64, 128;
|
|
--color-on-inactive-selection: 228, 228, 228;
|
|
--color-inactive-selection: 0, 64, 128;
|
|
--color-on-inactive-selection: 0, 0, 0;
|
|
--color-scroll: 192, 192, 192, 0.5;
|
|
--color-scroll-rollover: 192, 192, 192;
|
|
--color-scroll-edge: 128, 128, 128;
|
|
--color-accent: 0, 102, 102;
|
|
--color-control: 248, 248, 255;
|
|
--color-on-control: 0, 0, 0;
|
|
--color-pressed-control: 0, 96, 160;
|
|
--color-on-pressed-control: 255, 255, 255;
|
|
--color-control-edge: 96, 96, 96;
|
|
--color-divider: 192, 192, 192;
|
|
--color-icon-button: 96, 96, 96;
|
|
--color-icon-button-rollover: 0, 0, 0;
|
|
--color-pressed-icon-button: 0, 96, 160;
|
|
--color-drop-area: 204, 0, 51;
|
|
--color-toolip: 252, 252, 196;
|
|
--color-on-tooltip: 0, 0, 0;
|
|
--color-search-list: 224, 255, 255;
|
|
--color-on-search-list: 0, 0, 0;
|
|
--color-marker: 252, 242, 196;
|
|
--color-on-marker: 0, 0, 0;
|
|
--color-error: 192, 64, 64;
|
|
--color-on-error: 255, 255, 255;
|
|
--color-warning: 224, 128, 0;
|
|
--color-on-warning: 255, 255, 255;
|
|
--color-overloaded: 192, 64, 64;
|
|
--color-on-overloaded: 255, 255, 255;
|
|
--color-page: 255, 255, 255;
|
|
--color-on-page: 0, 0, 0;
|
|
--color-page-void: 128, 128, 128;
|
|
--color-hint: 128, 128, 128;
|
|
--color-link: 0, 255, 127;
|
|
--color-on-link: 0, 0, 0;
|
|
--color-pdf-link-highlight: 0, 255, 127;
|
|
--color-pdf-marker-highlight: 255, 255, 0;
|
|
}
|
|
|
|
|
|
svg {
|
|
width: 1em;
|
|
height: 1em;
|
|
background-color: transparent;
|
|
}
|
|
|
|
body {
|
|
background-color: rgb(var(--color-page));
|
|
color: rgb(var(--color-on-page));
|
|
margin: 0.25in;
|
|
margin-bottom: calc(0.25in - 1em);
|
|
}
|
|
|
|
#sheet {
|
|
background-color: rgb(var(--color-page));
|
|
padding: var(--padding-header);
|
|
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
justify-content: start;
|
|
gap: var(--section-gap);
|
|
min-width: 840px;
|
|
max-width: 900px;
|
|
}
|
|
|
|
.header {
|
|
grid-area: header;
|
|
background-color: rgb(var(--color-header));
|
|
color: rgb(var(--color-on-header));
|
|
justify-content: center;
|
|
text-align: center;
|
|
padding-bottom: 2px;
|
|
font: var(--font-page-primary-labels);
|
|
}
|
|
|
|
.header:not(.entry-parent) {
|
|
padding: var(--padding-header);
|
|
}
|
|
|
|
.fieldblock {
|
|
display: grid;
|
|
grid-template-columns: 0fr 1fr;
|
|
align-items: end;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
align-self: stretch;
|
|
background-color: rgb(var(--color-content));
|
|
color: rgb(var(--color-on-content));
|
|
}
|
|
|
|
.fieldblock3 {
|
|
display: grid;
|
|
grid-template-columns: 0fr 0fr 1fr;
|
|
white-space: nowrap;
|
|
background-color: rgb(var(--color-content));
|
|
color: rgb(var(--color-on-content));
|
|
}
|
|
|
|
.fieldblock3>* {
|
|
padding: var(--padding-standard);
|
|
}
|
|
|
|
.fieldblock5 {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, 0fr);
|
|
white-space: nowrap;
|
|
background-color: rgb(var(--color-content));
|
|
color: rgb(var(--color-on-content));
|
|
}
|
|
|
|
.fieldblock5>* {
|
|
padding: var(--padding-standard);
|
|
}
|
|
|
|
.label {
|
|
font: var(--font-page-primary-labels);
|
|
padding: var(--padding-standard);
|
|
}
|
|
|
|
.field {
|
|
font: var(--font-page-primary-fields);
|
|
padding: 0;
|
|
border: none;
|
|
border-bottom: 1px solid rgb(var(--color-control-edge));
|
|
border-radius: 0;
|
|
color: rgb(var(--color-on-editable));
|
|
}
|
|
|
|
.field.noedit {
|
|
background-color: rgb(var(--color-content));
|
|
border-bottom: none;
|
|
}
|
|
|
|
#sheet {
|
|
background-color: rgb(var(--color-page));
|
|
padding: var(--padding-header);
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
justify-content: start;
|
|
gap: var(--section-gap);
|
|
}
|
|
|
|
#personal {
|
|
grid-area: personal;
|
|
display: grid;
|
|
grid-template: "portrait identity miscellaneous points""portrait description description points";
|
|
grid-template-rows: 0fr;
|
|
grid-template-columns: min-content auto auto 0fr;
|
|
gap: var(--section-gap);
|
|
}
|
|
|
|
#portrait {
|
|
grid-area: portrait;
|
|
display: grid;
|
|
grid-template: "header""portrait";
|
|
grid-template-rows: 0fr auto;
|
|
border: var(--standard-border);
|
|
}
|
|
|
|
.portrait {
|
|
background-image: url();
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
width: 6.75rem;
|
|
}
|
|
|
|
#identity {
|
|
grid-area: identity;
|
|
display: grid;
|
|
grid-template: "header""block";
|
|
grid-template-rows: 0fr 1fr;
|
|
border: var(--standard-border);
|
|
}
|
|
|
|
#identity .label {
|
|
text-align: right;
|
|
}
|
|
|
|
#miscellaneous {
|
|
grid-area: miscellaneous;
|
|
display: grid;
|
|
grid-template: "header""block";
|
|
grid-template-rows: 0fr 1fr;
|
|
border: var(--standard-border);
|
|
}
|
|
|
|
#miscellaneous .label {
|
|
text-align: right;
|
|
}
|
|
|
|
#description {
|
|
grid-area: description;
|
|
display: grid;
|
|
grid-template: "header header header""block block block";
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
border: var(--standard-border);
|
|
}
|
|
|
|
#description .label {
|
|
text-align: right;
|
|
}
|
|
|
|
#points {
|
|
grid-area: points;
|
|
display: grid;
|
|
grid-template: "header""block";
|
|
grid-template-rows: 0fr 1fr;
|
|
border: var(--standard-border);
|
|
}
|
|
|
|
#points .field {
|
|
text-align: right;
|
|
padding: var(--padding-standard);
|
|
}
|
|
|
|
#points .fieldblock .field:nth-child(4n-1),
|
|
#points .fieldblock .label:nth-child(4n) {
|
|
background-color: rgb(var(--color-banding));
|
|
}
|
|
|
|
#stats {
|
|
grid-area: stats;
|
|
display: grid;
|
|
grid-template: "attributes hit-locations encumbrance-lifting";
|
|
gap: var(--section-gap);
|
|
}
|
|
|
|
#attributes {
|
|
grid-area: attributes;
|
|
display: grid;
|
|
grid-template: "primary-attributes secondary-attributes""basic-damage secondary-attributes""pool-attributes pool-attributes";
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: var(--section-gap);
|
|
}
|
|
|
|
#primary-attributes {
|
|
grid-area: primary-attributes;
|
|
}
|
|
|
|
#secondary-attributes {
|
|
grid-area: secondary-attributes;
|
|
}
|
|
|
|
#pool-attributes {
|
|
grid-area: pool-attributes;
|
|
}
|
|
|
|
#basic-damage {
|
|
grid-area: basic-damage;
|
|
}
|
|
|
|
#basic-damage .fieldblock3 .points {
|
|
color: transparent;
|
|
}
|
|
|
|
#basic-damage .fieldblock3 .label:nth-child(6n),
|
|
#basic-damage .fieldblock3 .field:nth-child(6n-1),
|
|
#basic-damage .fieldblock3 .points:nth-child(6n-2) {
|
|
background-color: rgb(var(--color-banding));
|
|
}
|
|
|
|
#attributes .points {
|
|
font: var(--font-page-secondary-fields);
|
|
color: rgba(var(--color-on-editable), 0.6);
|
|
}
|
|
|
|
#attributes .label {
|
|
font: var(--font-page-primary-labels);
|
|
color: rgb(var(--color-on-content));
|
|
}
|
|
|
|
#attributes .field {
|
|
text-align: right;
|
|
}
|
|
|
|
#hit-locations {
|
|
grid-area: hit-locations;
|
|
display: grid;
|
|
grid-template: "title title title title title""entry-parent roll location penalty dr";
|
|
grid-template-columns: min-content min-content 1fr min-content min-content;
|
|
grid-template-rows: 0fr;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#hit-locations .header {
|
|
grid-area: auto;
|
|
}
|
|
|
|
#hit-locations .header.body-plan {
|
|
grid-area: title;
|
|
}
|
|
|
|
#hit-locations .header.location {
|
|
grid-column: span 2;
|
|
}
|
|
|
|
#hit-locations .penalty:not(.header),
|
|
#hit-locations .dr:not(.header) {
|
|
color: rgba(var(--color-on-editable), 0.6);
|
|
font: var(--font-page-primary-fields);
|
|
}
|
|
|
|
#hit-locations .penalty:not(.header) {
|
|
text-align: right;
|
|
}
|
|
|
|
#hit-locations .roll:not(.header),
|
|
#hit-locations .location:not(.header) {
|
|
color: rgb(var(--color-on-content));
|
|
font: var(--font-page-primary-labels);
|
|
}
|
|
|
|
#hit-locations .dr,
|
|
#hit-locations .roll {
|
|
text-align: center;
|
|
}
|
|
|
|
#hit-locations .roll,
|
|
#hit-locations .penalty {
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#hit-locations :not(.header):not(.entry-parent) {
|
|
padding: var(--padding-standard);
|
|
}
|
|
|
|
#hit-locations .entry-parent:nth-child(10n+1):not(.header),
|
|
#hit-locations .roll:nth-child(10n+2):not(.header),
|
|
#hit-locations .location:nth-child(10n+3):not(.header),
|
|
#hit-locations .penalty:nth-child(10n+4):not(.header),
|
|
#hit-locations .dr:nth-child(10n+5):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
}
|
|
|
|
#encumbrance-lifting {
|
|
grid-area: encumbrance-lifting;
|
|
display: grid;
|
|
grid-template: "encumbrance""lifting";
|
|
gap: var(--section-gap);
|
|
}
|
|
|
|
#encumbrance {
|
|
grid-area: encumbrance;
|
|
display: grid;
|
|
grid-template: "title title title title title title""header1 header1 header1 header2 header3 header4""encumbrance-marker level-number level max-load move dodge";
|
|
grid-template-columns: min-content min-content 1fr min-content min-content min-content;
|
|
grid-template-rows: 0fr 0fr;
|
|
align-content: baseline;
|
|
white-space: nowrap;
|
|
font: var(--font-page-primary-fields);
|
|
background-color: rgb(var(--color-content));
|
|
color: rgba(var(--color-on-editable), 0.6);
|
|
text-align: right;
|
|
}
|
|
|
|
#encumbrance .encumbrance-marker {
|
|
color: rgb(var(--color-on-content));
|
|
}
|
|
|
|
#encumbrance .encumbrance-marker path {
|
|
display: none;
|
|
}
|
|
|
|
#encumbrance .encumbrance-marker.current path.current {
|
|
display: inline;
|
|
}
|
|
|
|
#encumbrance .level:not(.header) {
|
|
color: rgb(var(--color-on-content));
|
|
font: var(--font-page-primary-labels);
|
|
text-align: left;
|
|
}
|
|
|
|
.level-number.enc0:after {
|
|
content: "0";
|
|
}
|
|
|
|
.level-number.enc1:after {
|
|
content: "1";
|
|
}
|
|
|
|
.level-number.enc2:after {
|
|
content: "2";
|
|
}
|
|
|
|
.level-number.enc3:after {
|
|
content: "3";
|
|
}
|
|
|
|
.level-number.enc4:after {
|
|
content: "4";
|
|
}
|
|
|
|
.level.enc0:after {
|
|
content: "None";
|
|
}
|
|
|
|
.level.enc1:after {
|
|
content: "Light";
|
|
}
|
|
|
|
.level.enc2:after {
|
|
content: "Medium";
|
|
}
|
|
|
|
.level.enc3:after {
|
|
content: "Heavy";
|
|
}
|
|
|
|
.level.enc4:after {
|
|
content: "X-Heavy";
|
|
}
|
|
|
|
#encumbrance .current {
|
|
background-color: rgb(var(--color-marker)) !important;
|
|
}
|
|
|
|
#encumbrance .current.level {
|
|
color: rgb(var(--color-on-marker)) !important;
|
|
}
|
|
|
|
svg path.shape-equipped-0 {
|
|
display: none;
|
|
}
|
|
|
|
#encumbrance .header {
|
|
grid-area: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
#encumbrance .title {
|
|
grid-area: title;
|
|
}
|
|
|
|
#encumbrance .level.header {
|
|
grid-column: 1/span 3;
|
|
}
|
|
|
|
#encumbrance .level,
|
|
#encumbrance .max-load,
|
|
#encumbrance .move {
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#encumbrance> :not(.header) {
|
|
padding: var(--padding-standard);
|
|
}
|
|
|
|
#encumbrance .encumbrance-marker:nth-child(12n):not(.header),
|
|
#encumbrance .level-number:nth-child(12n+1):not(.header),
|
|
#encumbrance .level:nth-child(12n+2):not(.header),
|
|
#encumbrance .max-load:nth-child(12n+3):not(.header),
|
|
#encumbrance .move:nth-child(12n+4):not(.header),
|
|
#encumbrance .dodge:nth-child(12n+5):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
}
|
|
|
|
|
|
#lifting {
|
|
grid-area: lifting;
|
|
display: grid;
|
|
grid-template: "header header""lift label";
|
|
grid-template-rows: 0fr;
|
|
}
|
|
|
|
#lifting .lift {
|
|
font: var(--font-page-primary-fields);
|
|
color: rgba(var(--color-on-editable), 0.6);
|
|
text-align: right;
|
|
}
|
|
|
|
#lifting .label {
|
|
font: var(--font-page-primary-labels);
|
|
color: rgb(var(--color-on-content));
|
|
}
|
|
|
|
#lifting .lift:nth-child(4n),
|
|
#lifting .label:nth-child(4n+1) {
|
|
background-color: rgb(var(--color-banding));
|
|
}
|
|
|
|
#embeds {
|
|
display: grid;
|
|
grid-auto-columns: 1fr 1fr;
|
|
gap: var(--section-gap);
|
|
grid-template:
|
|
"reactions conditional_modifiers"
|
|
"melee melee"
|
|
"ranged ranged"
|
|
"traits skills"
|
|
"spells spells"
|
|
"equipment equipment"
|
|
"other_equipment other_equipment"
|
|
"notes notes"
|
|
;
|
|
}
|
|
|
|
#melee {
|
|
grid-area: melee;
|
|
grid-template-columns: min-content 1fr repeat(7, auto);
|
|
}
|
|
|
|
#melee .entry-parent:nth-child(18n+1):not(.header),
|
|
#melee .desc:nth-child(18n+2):not(.header),
|
|
#melee .usage:nth-child(18n+3):not(.header),
|
|
#melee .level:nth-child(18n+4):not(.header),
|
|
#melee .parry:nth-child(18n+5):not(.header),
|
|
#melee .block:nth-child(18n+6):not(.header),
|
|
#melee .damage:nth-child(18n+7):not(.header),
|
|
#melee .reach:nth-child(18n+8):not(.header),
|
|
#melee .st:nth-child(18n+9):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#melee .desc:not(.header),
|
|
#melee .usage:not(.header),
|
|
#melee .level:not(.header),
|
|
#melee .parry:not(.header),
|
|
#melee .block:not(.header),
|
|
#melee .damage:not(.header),
|
|
#melee .reach:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#melee .st:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#melee :nth-last-child(-n+9) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#ranged {
|
|
grid-area: ranged;
|
|
grid-template-columns: min-content 1fr repeat(10, auto);
|
|
}
|
|
|
|
#ranged .entry-parent:nth-child(24n+1):not(.header),
|
|
#ranged .desc:nth-child(24n+2):not(.header),
|
|
#ranged .usage:nth-child(24n+3):not(.header),
|
|
#ranged .level:nth-child(24n+4):not(.header),
|
|
#ranged .acc:nth-child(24n+5):not(.header),
|
|
#ranged .range:nth-child(24n+6):not(.header),
|
|
#ranged .damage:nth-child(24n+7):not(.header),
|
|
#ranged .rof:nth-child(24n+8):not(.header),
|
|
#ranged .shots:nth-child(24n+9):not(.header),
|
|
#ranged .bulk:nth-child(24n+10):not(.header),
|
|
#ranged .recoil:nth-child(24n+11):not(.header),
|
|
#ranged .st:nth-child(24n+12):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#ranged .desc:not(.header),
|
|
#ranged .usage:not(.header),
|
|
#ranged .level:not(.header),
|
|
#ranged .acc:not(.header),
|
|
#ranged .range:not(.header),
|
|
#ranged .damage:not(.header),
|
|
#ranged .rof:not(.header),
|
|
#ranged .shots:not(.header),
|
|
#ranged .bulk:not(.header),
|
|
#ranged .recoil:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#ranged .st:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#ranged :nth-last-child(-n+12) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#reactions {
|
|
grid-area: reactions;
|
|
grid-template-columns: min-content min-content auto;
|
|
}
|
|
|
|
#reactions .entry-parent:nth-child(6n+1):not(.header),
|
|
#reactions .modifier:nth-child(6n+2):not(.header),
|
|
#reactions .situation:nth-child(6n+3):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#reactions .modifier:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#reactions .situation:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#reactions :nth-last-child(-n+3) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#conditional-modifiers {
|
|
grid-area: conditional_modifiers;
|
|
grid-template-columns: min-content min-content auto;
|
|
}
|
|
|
|
#conditional-modifiers .entry-parent:nth-child(6n+1):not(.header),
|
|
#conditional-modifiers .modifier:nth-child(6n+2):not(.header),
|
|
#conditional-modifiers .situation:nth-child(6n+3):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#conditional-modifiers .modifier:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#conditional-modifiers .situation:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#conditional-modifiers :nth-last-child(-n+3) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#traits {
|
|
grid-area: traits;
|
|
grid-template-columns: min-content 1fr repeat(2, auto);
|
|
}
|
|
|
|
#embeds>div>.header {
|
|
grid-area: auto;
|
|
}
|
|
|
|
#traits .entry-parent:nth-child(8n+1):not(.header),
|
|
#traits .desc:nth-child(8n+2):not(.header),
|
|
#traits .points:nth-child(8n+3):not(.header),
|
|
#traits .reference:nth-child(8n+4):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#traits .desc:not(.header),
|
|
#traits .points:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#traits .reference:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
|
|
#traits :nth-last-child(-n+4) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#skills {
|
|
grid-area: skills;
|
|
grid-template-columns: min-content 1fr repeat(4, auto);
|
|
}
|
|
|
|
#skills .header {
|
|
grid-area: auto;
|
|
}
|
|
|
|
#skills .entry-parent:nth-child(12n+1):not(.header),
|
|
#skills .desc:nth-child(12n+2):not(.header),
|
|
#skills .level:nth-child(12n+3):not(.header),
|
|
#skills .rsl:nth-child(12n+4):not(.header),
|
|
#skills .points:nth-child(12n+5):not(.header),
|
|
#skills .reference:nth-child(12n+6):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#skills .desc:not(.header),
|
|
#skills .level:not(.header),
|
|
#skills .rsl:not(.header),
|
|
#skills .points:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#skills .reference:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#skills :nth-last-child(-n+6) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#spells {
|
|
grid-area: spells;
|
|
grid-template-columns: min-content 1fr repeat(5, auto);
|
|
}
|
|
|
|
#spells .header {
|
|
grid-area: auto;
|
|
}
|
|
|
|
#spells span[class=""] {
|
|
display: none;
|
|
}
|
|
|
|
#spells .entry-parent:nth-child(14n+1):not(.header),
|
|
#spells .desc:nth-child(14n+2):not(.header),
|
|
#spells .college:nth-child(14n+3):not(.header),
|
|
#spells .level:nth-child(14n+4):not(.header),
|
|
#spells .rsl:nth-child(14n+5):not(.header),
|
|
#spells .points:nth-child(14n+6):not(.header),
|
|
#spells .reference:nth-child(14n+7):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#spells .desc:not(.header),
|
|
#spells .college:not(.header),
|
|
#spells .level:not(.header),
|
|
#spells .rsl:not(.header),
|
|
#spells .points:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
|
|
#spells .reference:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
|
|
#spells :nth-last-child(-n+7) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#equipment {
|
|
grid-area: equipment;
|
|
grid-template-columns: min-content auto auto 1fr repeat(8, auto);
|
|
}
|
|
|
|
#equipment .header {
|
|
grid-area: auto;
|
|
}
|
|
|
|
#embeds #equipment>div>.equipped:not(.header) {
|
|
padding: var(--padding-header);
|
|
}
|
|
|
|
.legality-class.Open::after {
|
|
content: "4";
|
|
}
|
|
|
|
.legality-class.Licensed::after {
|
|
content: "3";
|
|
}
|
|
|
|
.legality-class.Restricted::after {
|
|
content: "2";
|
|
}
|
|
|
|
.legality-class.Military::after {
|
|
content: "1";
|
|
}
|
|
|
|
.legality-class.Banned::after {
|
|
content: "0";
|
|
}
|
|
|
|
#embeds .uses.max0 {
|
|
text-indent: 200%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#equipment .entry-parent:nth-child(24n+1):not(.header),
|
|
#equipment .equipped:nth-child(24n+2):not(.header),
|
|
#equipment .quantity:nth-child(24n+3):not(.header),
|
|
#equipment .desc:nth-child(24n+4):not(.header),
|
|
#equipment .uses:nth-child(24n+5):not(.header),
|
|
#equipment .tech-level:nth-child(24n+6):not(.header),
|
|
#equipment .legality-class:nth-child(24n+7):not(.header),
|
|
#equipment .value:nth-child(24n+8):not(.header),
|
|
#equipment .weight:nth-child(24n+9):not(.header),
|
|
#equipment .extended-value:nth-child(24n+10):not(.header),
|
|
#equipment .extended-weight:nth-child(24n+11):not(.header),
|
|
#equipment .reference:nth-child(24n+12):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#equipment .equipped:not(.header),
|
|
#equipment .quantity:not(.header),
|
|
#equipment .desc:not(.header),
|
|
#equipment .uses:not(.header),
|
|
#equipment .tech-level:not(.header),
|
|
#equipment .legality-class:not(.header),
|
|
#equipment .weight:not(.header),
|
|
#equipment .value:not(.header),
|
|
#equipment .extended-weight:not(.header),
|
|
#equipment .extended-value:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#equipment .reference:not(.header) {
|
|
border-bottom: 1px solid rbg(var(--color-header));
|
|
}
|
|
|
|
#equipment :nth-last-child(-n+11) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#equipment .equipped {
|
|
padding: var(--padding-header);
|
|
}
|
|
|
|
#other-equipment {
|
|
grid-area: other_equipment;
|
|
grid-template-columns: min-content auto 1fr repeat(8, auto);
|
|
}
|
|
|
|
#other-equipment .header {
|
|
grid-area: auto;
|
|
}
|
|
|
|
#other-equipment .entry-parent:nth-child(22n+1):not(.header),
|
|
#other-equipment .quantity:nth-child(22n+2):not(.header),
|
|
#other-equipment .desc:nth-child(22n+3):not(.header),
|
|
#other-equipment .uses:nth-child(22n+4):not(.header),
|
|
#other-equipment .tech-level:nth-child(22n+5):not(.header),
|
|
#other-equipment .legality-class:nth-child(22n+6):not(.header),
|
|
#other-equipment .value:nth-child(22n+7):not(.header),
|
|
#other-equipment .weight:nth-child(22n+8):not(.header),
|
|
#other-equipment .extended-value:nth-child(22n+9):not(.header),
|
|
#other-equipment .extended-weight:nth-child(22n+10):not(.header),
|
|
#other-equipment .reference:nth-child(22n+11):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#other-equipment .quantity:not(.header),
|
|
#other-equipment .desc:not(.header),
|
|
#other-equipment .uses:not(.header),
|
|
#other-equipment .tech-level:not(.header),
|
|
#other-equipment .legality-class:not(.header),
|
|
#other-equipment .weight:not(.header),
|
|
#other-equipment .value:not(.header),
|
|
#other-equipment .extended-weight:not(.header),
|
|
#other-equipment .extended-value:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#other-equipment .reference:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#other-equipment :nth-last-child(-n+10) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#notes {
|
|
grid-area: notes;
|
|
grid-template-columns: min-content 1fr auto;
|
|
}
|
|
|
|
#notes .header {
|
|
grid-area: auto;
|
|
}
|
|
|
|
#notes .entry-parent:nth-child(8n+1):not(.header),
|
|
#notes .desc:nth-child(8n+2):not(.header),
|
|
#notes .reference:nth-child(8n+3):not(.header) {
|
|
background-color: rgb(var(--color-banding));
|
|
color: rgb(var(--color-on-banding));
|
|
}
|
|
|
|
#notes .desc:not(.header),
|
|
#notes .refrence:not(.header) {
|
|
border-bottom: 1px solid rgb(var(--color-header));
|
|
border-right: 1px solid rgb(var(--color-header));
|
|
}
|
|
|
|
#notes :nth-last-child(-n+3) {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#embeds>div {
|
|
display: grid;
|
|
grid-template-rows: repeat(1000, auto) 1fr;
|
|
}
|
|
|
|
#embeds>div>.desc .item-notes {
|
|
grid-area: notes;
|
|
}
|
|
|
|
#embeds>div> :not(.header):not(.entry-parent).quantity {
|
|
min-width: 1em;
|
|
}
|
|
|
|
#embeds>div> :not(.header):not(.entry-parent).drop-over {
|
|
border-top: 2px dashed rgb(var(--color-drop-area));
|
|
}
|
|
|
|
#embeds .desc.header {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#embeds .equipped,
|
|
#embeds .header.reference,
|
|
#embeds .header.weight,
|
|
#embeds .header.value,
|
|
#embeds .header.extended-weight,
|
|
#embeds .header.extended-value {
|
|
display: grid;
|
|
align-items: center;
|
|
grid-auto-flow: column;
|
|
gap: 1px;
|
|
}
|
|
|
|
#embeds .points:not(.header),
|
|
#embeds .level:not(.header),
|
|
#embeds .quantity:not(.header),
|
|
#embeds .uses:not(.header),
|
|
#embeds .tech-level:not(.header),
|
|
#embeds .legality-class:not(.header),
|
|
#embeds .weight:not(.header),
|
|
#embeds .value:not(.header),
|
|
#embeds .extended-weight:not(.header),
|
|
#embeds .extended-value:not(.header) {
|
|
text-align: right;
|
|
}
|
|
|
|
#embeds>div>.header:not(.entry-parent) {
|
|
padding: var(--padding-header);
|
|
}
|
|
|
|
#embeds>div> :not(.header):not(svg) {
|
|
background-color: rgb(var(--color-content));
|
|
color: rgb(var(--color-on-content));
|
|
font: var(--font-page-primary-fields);
|
|
}
|
|
|
|
#embeds>div> :not(.header):not(.entry-parent):not(.equipped) {
|
|
padding: var(--padding-standard);
|
|
}
|
|
|
|
#embeds .item-notes {
|
|
font: var(--font-page-secondary-fields);
|
|
background-color: transparent;
|
|
}
|
|
|
|
div {
|
|
background-color: rgb(var(--color-content));
|
|
}
|
|
|
|
#sheet>div {
|
|
background-color: rgb(var(--color-page));
|
|
}
|
|
|
|
#personal>div:not(#attributes),
|
|
#attributes>div,
|
|
#stats>div:not(#attributes),
|
|
#attributes>div,
|
|
#embeds>div:not(#attributes),
|
|
#attributes>div {
|
|
border: var(--standard-border);
|
|
}
|
|
|
|
#footer {
|
|
font: var(--font-page-secondary-footer);
|
|
background-color: rgb(var(--color-page));
|
|
color: rgb(var(--color-on-page));
|
|
text-align: left;
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
|
|
#footer div {
|
|
background-color: inherit;
|
|
}
|
|
|
|
#footer .centre {
|
|
font: var(--font-page-primary-footer);
|
|
text-align: center;
|
|
}
|
|
|
|
#footer .right {
|
|
text-align: right;
|
|
}
|
|
|
|
#footer .right a {
|
|
color: inherit;
|
|
text-decoration: inherit;
|
|
}
|
|
</style>
|