|
@font-face{font-family:BookInsanityRemake;src:url('./themes/fonts/5e/Bookinsanity.woff2');font-weight:normal;font-style:normal}
|
|
@font-face{font-family:BookInsanityRemake;src:url('./themes/fonts/5e/Bookinsanity Bold.woff2');font-weight:bold;font-style:normal}
|
|
@font-face{font-family:BookInsanityRemake;src:url('./themes/fonts/5e/Bookinsanity Italic.woff2');font-weight:normal;font-style:italic}
|
|
@font-face{font-family:BookInsanityRemake;src:url('./themes/fonts/5e/Bookinsanity Bold Italic.woff2');font-weight:bold;font-style:italic}
|
|
@font-face{font-family:ScalySansRemake;src:url('./themes/fonts/5e/Scaly Sans.woff2');font-weight:normal;font-style:normal}@font-face{font-family:ScalySansRemake;src:url('./themes/fonts/5e/Scaly Sans Bold.woff2');font-weight:bold;font-style:normal}
|
|
@font-face{font-family:ScalySansRemake;src:url('./themes/fonts/5e/Scaly Sans Italic.woff2');font-weight:normal;font-style:italic}
|
|
@font-face{font-family:ScalySansRemake;src:url('./themes/fonts/5e/Scaly Sans Bold Italic.woff2');font-weight:bold;font-style:italic}
|
|
@font-face{font-family:ScalySansSmallCapsRemake;src:url('./themes/fonts/5e/Scaly Sans Caps.woff2');font-weight:normal;font-style:normal}
|
|
@font-face{font-family:WalterTurncoat;src:url('./themes/fonts/5e/WalterTurncoat-Regular.woff2');font-weight:normal;font-style:normal}
|
|
@font-face{font-family:MrEavesRemake;src:url('./themes/fonts/5e/Mr Eaves Small Caps.woff2');font-weight:normal;font-style:normal}
|
|
@font-face{font-family:SolberaImitationRemake;src:url('./themes/fonts/5e/Solbera Imitation Tweak.woff2');font-weight:normal;font-style:normal}
|
|
@font-face{font-family:NodestoCapsCondensed;src:url('./themes/fonts/5e/Nodesto Caps Condensed.woff2');font-weight:normal;font-style:normal}
|
|
@font-face{font-family:NodestoCapsCondensed;src:url('./themes/fonts/5e/Nodesto Caps Condensed Bold.woff2');font-weight:bold;font-style:normal}
|
|
@font-face{font-family:NodestoCapsCondensed;src:url('./themes/fonts/5e/Nodesto Caps Condensed Italic.woff2');font-weight:normal;font-style:italic}
|
|
@font-face{font-family:NodestoCapsCondensed;src:url('./themes/fonts/5e/Nodesto Caps Condensed Bold Italic.woff2');font-weight:bold;font-style:italic}
|
|
@font-face{font-family:NodestoCapsWide;src:url('./themes/fonts/5e/Nodesto Caps Wide.woff2');font-weight:normal;font-style:normal}
|
|
@font-face{font-family:Overpass;src:url('./themes/fonts/5e/Overpass Medium.woff2');font-weight:500;font-style:normal}@font-face{font-family:Davek;src:url('./themes/fonts/5e/Davek.woff2');font-weight:500;font-style:normal}
|
|
@font-face{font-family:Iokharic;src:url('./themes/fonts/5e/Iokharic.woff2');font-weight:500;font-style:normal}
|
|
@font-face{font-family:Rellanic;src:url('./themes/fonts/5e/Rellanic.woff2');font-weight:500;font-style:normal}:root{--HB_Color_Background:#FFFFFF;--HB_Color_WatercolorStain:#000000}
|
|
@page {
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
counter-reset: phb-page-numbers;
|
|
}
|
|
|
|
* {
|
|
-webkit-print-color-adjust: exact;
|
|
}
|
|
|
|
.page .block {
|
|
break-inside: avoid;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.page .block img {
|
|
z-index: 0;
|
|
}
|
|
|
|
.page .inline-block {
|
|
display: inline-block;
|
|
text-indent: initial;
|
|
}
|
|
|
|
.columnWrapper {
|
|
max-height: 100%;
|
|
column-span: all;
|
|
columns: inherit;
|
|
column-gap: inherit;
|
|
column-fill: inherit;
|
|
}
|
|
|
|
.page {
|
|
column-fill: auto;
|
|
column-count: 2;
|
|
height: 279.4mm;
|
|
width: 215.9mm;
|
|
padding: 1.4cm 1.9cm 1.7cm;
|
|
counter-increment: phb-page-numbers;
|
|
background-color: var(--HB_Color_Background);
|
|
position: relative;
|
|
z-index: 15;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
text-rendering: optimizeLegibility;
|
|
page-break-before: always;
|
|
page-break-after: always;
|
|
contain: size;
|
|
}
|
|
|
|
.page p {
|
|
overflow-wrap: break-word;
|
|
display: block;
|
|
}
|
|
|
|
.page strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.page em {
|
|
font-style: italic;
|
|
}
|
|
|
|
.page sup {
|
|
vertical-align: super;
|
|
font-size: smaller;
|
|
line-height: 0;
|
|
}
|
|
|
|
.page sub {
|
|
vertical-align: sub;
|
|
font-size: smaller;
|
|
line-height: 0;
|
|
}
|
|
|
|
.page ul {
|
|
list-style-position: outside;
|
|
list-style-type: disc;
|
|
padding-left: 1.4em;
|
|
}
|
|
|
|
.page ol {
|
|
list-style-position: outside;
|
|
list-style-type: decimal;
|
|
padding-left: 1.4em;
|
|
}
|
|
|
|
.page img {
|
|
z-index: -1;
|
|
}
|
|
|
|
.page h1,
|
|
.page h2,
|
|
.page h3,
|
|
.page h4,
|
|
.page h5,
|
|
.page h6 {
|
|
font-weight: bold;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
.page h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.page h2 {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.page h3 {
|
|
font-size: 1.17em;
|
|
}
|
|
|
|
.page h4 {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.page h5 {
|
|
font-size: 0.83em;
|
|
}
|
|
|
|
.page table {
|
|
width: 100%;
|
|
}
|
|
|
|
.page table thead {
|
|
display: table-row-group;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.page div:not(.columnWrapper) > table + table {
|
|
margin-top: 0;
|
|
}
|
|
.page .classTable th[colspan]:not([rowspan]) {
|
|
white-space: nowrap;
|
|
}
|
|
.page .classTable.frame {
|
|
width: calc(100% + .2cm);
|
|
margin-top: .7cm;
|
|
margin-right: -0.1cm;
|
|
margin-bottom: .9cm;
|
|
margin-left: -0.1cm;
|
|
border-collapse: separate;
|
|
background-color: white;
|
|
border: initial;
|
|
border-style: solid;
|
|
border-image-source: url('../../dependencies/assets/frameBorder.png');
|
|
border-image-slice: 200;
|
|
border-image-width: 47px;
|
|
border-image-outset: .4cm .3cm;
|
|
border-image-repeat: stretch;
|
|
}
|
|
|
|
.page code {
|
|
font-family: "Courier New", Courier, monospace;
|
|
white-space: pre-wrap;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
.page pre code {
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.page .columnSplit {
|
|
visibility: hidden;
|
|
-webkit-column-break-after: always;
|
|
break-after: always;
|
|
-moz-column-break-after: always;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.page .columnSplit + * {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.page blockquote,
|
|
.page table {
|
|
z-index: 15;
|
|
-webkit-column-break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
break-inside: avoid;
|
|
}
|
|
|
|
|
|
.page ul ul,
|
|
.page ol ol,
|
|
.page ul ol,
|
|
.page ol ul {
|
|
margin-bottom: 0px;
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
.page li {
|
|
-webkit-column-break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
break-inside: avoid;
|
|
}
|
|
|
|
.page .watermark {
|
|
display: grid !important;
|
|
place-items: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
margin: 0;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 120px;
|
|
text-transform: uppercase;
|
|
mix-blend-mode: overlay;
|
|
opacity: 30%;
|
|
transform: rotate(-45deg);
|
|
z-index: 500;
|
|
}
|
|
|
|
.page .watermark p {
|
|
margin-bottom: none;
|
|
}
|
|
|
|
.page [class*="watercolor"] {
|
|
position: absolute;
|
|
width: 2000px;
|
|
height: 2000px;
|
|
-webkit-mask-image: var(--wc);
|
|
-webkit-mask-size: contain;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-image: var(--wc);
|
|
mask-size: contain;
|
|
mask-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-color: var(--HB_Color_WatercolorStain);
|
|
--wc: url('/assets/watercolor/watercolor1.png');
|
|
z-index: -2;
|
|
}
|
|
|
|
.page .watercolor1 {
|
|
--wc: url('/assets/watercolor/watercolor1.png');
|
|
}
|
|
|
|
.page .watercolor2 {
|
|
--wc: url('/assets/watercolor/watercolor2.png');
|
|
}
|
|
|
|
.page .watercolor3 {
|
|
--wc: url('/assets/watercolor/watercolor3.png');
|
|
}
|
|
|
|
.page .watercolor4 {
|
|
--wc: url('/assets/watercolor/watercolor4.png');
|
|
}
|
|
|
|
.page .watercolor5 {
|
|
--wc: url('/assets/watercolor/watercolor5.png');
|
|
}
|
|
|
|
.page .watercolor6 {
|
|
--wc: url('/assets/watercolor/watercolor6.png');
|
|
}
|
|
|
|
.page .watercolor7 {
|
|
--wc: url('/assets/watercolor/watercolor7.png');
|
|
}
|
|
|
|
.page .watercolor8 {
|
|
--wc: url('/assets/watercolor/watercolor8.png');
|
|
}
|
|
|
|
.page .watercolor9 {
|
|
--wc: url('/assets/watercolor/watercolor9.png');
|
|
}
|
|
|
|
.page .watercolor10 {
|
|
--wc: url('/assets/watercolor/watercolor10.png');
|
|
}
|
|
|
|
.page .watercolor11 {
|
|
--wc: url('/assets/watercolor/watercolor11.png');
|
|
}
|
|
|
|
.page .watercolor12 {
|
|
--wc: url('/assets/watercolor/watercolor12.png');
|
|
}
|
|
|
|
.page [class*="imageMask"] {
|
|
position: absolute;
|
|
height: 200%;
|
|
width: 200%;
|
|
left: 50%;
|
|
bottom: 50%;
|
|
--rotation: 0;
|
|
--revealer: none;
|
|
--checkerboard: none;
|
|
--scaleX: 1;
|
|
--scaleY: 1;
|
|
-webkit-mask-image: var(--wc), var(--revealer);
|
|
-webkit-mask-repeat: repeat-x;
|
|
-webkit-mask-size: 50%;
|
|
-webkit-mask-position: 50% calc(50% - var(--offset));
|
|
mask-image: var(--wc);
|
|
mask-repeat: repeat-x;
|
|
mask-size: 50%;
|
|
mask-position: 50% calc(50% - var(--offset));
|
|
background-image: var(--checkerboard);
|
|
background-size: 20px;
|
|
z-index: -1;
|
|
transform: translateY(50%) translateX(-50%) rotate(calc(1deg * var(--rotation))) scaleX(var(--scaleX)) scaleY(var(--scaleY));
|
|
}
|
|
|
|
.page [class*="imageMask"] > p:has(img) {
|
|
position: absolute;
|
|
width: 50%;
|
|
height: 50%;
|
|
bottom: 50%;
|
|
left: 50%;
|
|
transform: translateX(-50%) translateY(50%) rotate(calc(-1deg * var(--rotation))) scaleX(calc(1 / var(--scaleX))) scaleY(calc(1 / var(--scaleY)));
|
|
}
|
|
|
|
.page [class*="imageMask"] img {
|
|
position: absolute;
|
|
display: block;
|
|
bottom: 0;
|
|
}
|
|
|
|
.page [class*="imageMask"].bottom {
|
|
--rotation: 0;
|
|
}
|
|
|
|
.page [class*="imageMask"].bottom img {
|
|
bottom: 0;
|
|
}
|
|
|
|
.page [class*="imageMask"].top {
|
|
--rotation: 180;
|
|
}
|
|
|
|
.page [class*="imageMask"].top img {
|
|
top: 0;
|
|
}
|
|
|
|
.page [class*="imageMask"].left {
|
|
--rotation: 90;
|
|
}
|
|
|
|
.page [class*="imageMask"].left img {
|
|
left: 0;
|
|
}
|
|
|
|
.page [class*="imageMask"].right {
|
|
--rotation: -90;
|
|
}
|
|
|
|
.page [class*="imageMask"].right img {
|
|
right: 0;
|
|
}
|
|
|
|
.page [class*="imageMask"].revealImage {
|
|
--revealer: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2));
|
|
--checkerboard: url(/assets/waterColorMasks/missingImage.png);
|
|
}
|
|
|
|
.page .imageMaskEdge1 {
|
|
--wc: url(/assets/waterColorMasks/edge/0001.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge2 {
|
|
--wc: url(/assets/waterColorMasks/edge/0002.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge3 {
|
|
--wc: url(/assets/waterColorMasks/edge/0003.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge4 {
|
|
--wc: url(/assets/waterColorMasks/edge/0004.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge5 {
|
|
--wc: url(/assets/waterColorMasks/edge/0005.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge6 {
|
|
--wc: url(/assets/waterColorMasks/edge/0006.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge7 {
|
|
--wc: url(/assets/waterColorMasks/edge/0007.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge8 {
|
|
--wc: url(/assets/waterColorMasks/edge/0008.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge9 {
|
|
--wc: url(/assets/waterColorMasks/edge/0009.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge10 {
|
|
--wc: url(/assets/waterColorMasks/edge/0010.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge11 {
|
|
--wc: url(/assets/waterColorMasks/edge/0011.webp);
|
|
}
|
|
|
|
.page .imageMaskEdge12 {
|
|
--wc: url(/assets/waterColorMasks/edge/0012.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner1 {
|
|
--wc: url(/assets/waterColorMasks/corner/0001.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner2 {
|
|
--wc: url(/assets/waterColorMasks/corner/0002.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner3 {
|
|
--wc: url(/assets/waterColorMasks/corner/0003.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner4 {
|
|
--wc: url(/assets/waterColorMasks/corner/0004.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner5 {
|
|
--wc: url(/assets/waterColorMasks/corner/0005.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner6 {
|
|
--wc: url(/assets/waterColorMasks/corner/0006.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner7 {
|
|
--wc: url(/assets/waterColorMasks/corner/0007.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner8 {
|
|
--wc: url(/assets/waterColorMasks/corner/0008.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner9 {
|
|
--wc: url(/assets/waterColorMasks/corner/0009.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner10 {
|
|
--wc: url(/assets/waterColorMasks/corner/0010.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner11 {
|
|
--wc: url(/assets/waterColorMasks/corner/0011.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner12 {
|
|
--wc: url(/assets/waterColorMasks/corner/0012.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner13 {
|
|
--wc: url(/assets/waterColorMasks/corner/0013.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner14 {
|
|
--wc: url(/assets/waterColorMasks/corner/0014.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner15 {
|
|
--wc: url(/assets/waterColorMasks/corner/0015.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner16 {
|
|
--wc: url(/assets/waterColorMasks/corner/0016.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner17 {
|
|
--wc: url(/assets/waterColorMasks/corner/0017.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner18 {
|
|
--wc: url(/assets/waterColorMasks/corner/0018.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner19 {
|
|
--wc: url(/assets/waterColorMasks/corner/0019.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner20 {
|
|
--wc: url(/assets/waterColorMasks/corner/0020.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner21 {
|
|
--wc: url(/assets/waterColorMasks/corner/0021.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner22 {
|
|
--wc: url(/assets/waterColorMasks/corner/0022.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner23 {
|
|
--wc: url(/assets/waterColorMasks/corner/0023.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner24 {
|
|
--wc: url(/assets/waterColorMasks/corner/0024.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner25 {
|
|
--wc: url(/assets/waterColorMasks/corner/0025.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner26 {
|
|
--wc: url(/assets/waterColorMasks/corner/0026.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner27 {
|
|
--wc: url(/assets/waterColorMasks/corner/0027.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner28 {
|
|
--wc: url(/assets/waterColorMasks/corner/0028.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner29 {
|
|
--wc: url(/assets/waterColorMasks/corner/0029.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner30 {
|
|
--wc: url(/assets/waterColorMasks/corner/0030.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner31 {
|
|
--wc: url(/assets/waterColorMasks/corner/0031.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner32 {
|
|
--wc: url(/assets/waterColorMasks/corner/0032.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner33 {
|
|
--wc: url(/assets/waterColorMasks/corner/0033.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner34 {
|
|
--wc: url(/assets/waterColorMasks/corner/0034.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner35 {
|
|
--wc: url(/assets/waterColorMasks/corner/0035.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner36 {
|
|
--wc: url(/assets/waterColorMasks/corner/0036.webp);
|
|
}
|
|
|
|
.page .imageMaskCorner37 {
|
|
--wc: url(/assets/waterColorMasks/corner/0037.webp);
|
|
}
|
|
|
|
.page dl {
|
|
padding-left: 1em;
|
|
white-space: normal;
|
|
}
|
|
|
|
.page dt {
|
|
display: inline;
|
|
margin-right: 0.5ch;
|
|
margin-left: -1em;
|
|
}
|
|
|
|
.page dd {
|
|
display: inline;
|
|
margin-left: 0;
|
|
text-indent: 0;
|
|
}
|
|
|
|
.page .blank {
|
|
height: 1em;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.page .blank + * {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.page .wide {
|
|
column-span: all;
|
|
display: block;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.page .wide + * {
|
|
margin-top: 0;
|
|
}
|
|
|