f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-06 16:32:40 +00:00
Code Wiki Activity

Merge pull request #3078 from 5e-Cleric/clear-invalid-or-unused-css

Browse Source 
Clear invalid CSS from 5ePHB/style.less
This commit is contained in:
Trevor Buckner
2023-12-11 16:39:57 -05:00
committed by GitHub
parent e7d0741139 7c9513f377
commit 74c4f4fe52
1 changed files with 65 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
themes/V3/5ePHB/style.less
View File

@@ -14,16 +14,13 @@
--HB_Color_Footnotes : #C9AD6A; // Gold --HB_Color_Footnotes : #C9AD6A; // Gold
} }
@page { margin : 0; }
body { counter-reset : phb-page-numbers; }
* { -webkit-print-color-adjust : exact; }
.useSansSerif() { .useSansSerif() {
font-family : 'ScalySansRemake'; font-family : 'ScalySansRemake';
font-size : 0.318cm; font-size : 0.318cm;
line-height : 1.2em; line-height : 1.2em;
p,dl,ul,ol { line-height : 1.2em; } p,dl,ul,ol { line-height : 1.2em; }
ul, ol { padding-left : 1em; } ul, ol { padding-left : 1em; }
em { font-style : italic; } em { font-style : italic; }
strong { strong {
font-weight : 800; font-weight : 800;
letter-spacing : -0.02em; letter-spacing : -0.02em;
@@ -42,53 +39,31 @@ body { counter-reset : phb-page-numbers; }
-webkit-column-gap : 0.9cm; -webkit-column-gap : 0.9cm;
-moz-column-gap : 0.9cm; -moz-column-gap : 0.9cm;
} }
.columnWrapper {
column-gap : inherit;
max-height : 100%;
column-span : all;
columns : inherit;
}
.page { .page {
.useColumns(); .useColumns();
position : relative; font-family : 'BookInsanityRemake';
z-index : 15; font-size : 0.34cm;
box-sizing : border-box; background-image : @backgroundImage;
width : 215.9mm;
height : 279.4mm;
padding : 1.4cm 1.9cm 1.7cm;
overflow : hidden;
font-family : 'BookInsanityRemake';
font-size : 0.34cm;
counter-increment : phb-page-numbers;
background-color : var(--HB_Color_Background);
background-image : @backgroundImage;
text-rendering : optimizeLegibility;
} }
//***************************** // *****************************
// * BASE // * BASE
// *****************************/ // *****************************/
.page { .page {
p { p {
display : block; line-height : 1.25em;
line-height : 1.25em; & + * { margin-top : 0.325cm; } //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS
overflow-wrap : break-word; //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS
& + * { margin-top : 0.325cm; }
& + p { margin-top : 0; } & + p { margin-top : 0; }
} }
ul { ul {
padding-left : 1.4em; padding-left : 1.4em;
margin-bottom : 0.8em; margin-bottom : 0.8em;
line-height : 1.25em; line-height : 1.25em;
list-style-position : outside;
list-style-type : disc;
} }
ol { ol {
padding-left : 1.4em; padding-left : 1.4em;
margin-bottom : 0.8em; margin-bottom : 0.8em;
line-height : 1.25em; line-height : 1.25em;
list-style-position : outside;
list-style-type : decimal;
} }
//Indents after p or lists //Indents after p or lists
p + p, ul + p, ol + p { text-indent : 1em; } p + p, ul + p, ol + p { text-indent : 1em; }
@@ -97,24 +72,12 @@ body { counter-reset : phb-page-numbers; }
font-weight : bold; font-weight : bold;
letter-spacing : -0.02em; letter-spacing : -0.02em;
} }
em { font-style : italic; } // *****************************
sup {
font-size : smaller;
line-height : 0;
vertical-align : super;
}
sub {
font-size : smaller;
line-height : 0;
vertical-align : sub;
}
//*****************************
// * HEADERS // * HEADERS
// *****************************/ // *****************************/
h1,h2,h3,h4 { h1,h2,h3,h4 {
font-family : 'MrEavesRemake'; font-family : 'MrEavesRemake';
font-weight : 800; color : var(--HB_Color_HeaderText);
color : var(--HB_Color_HeaderText);
} }
h1 { h1 {
margin-bottom : 0.18cm; //Margin-bottom only because this is WIDE margin-bottom : 0.18cm; //Margin-bottom only because this is WIDE
@@ -143,8 +106,8 @@ body { counter-reset : phb-page-numbers; }
h2 { h2 {
//margin-top : 0px; //Font is misaligned. Shift up slightly //margin-top : 0px; //Font is misaligned. Shift up slightly
//margin-bottom : 0.05cm; //margin-bottom : 0.05cm;
font-size : 0.75cm; font-size : 0.75cm;
line-height : 0.988em; //Font is misaligned. Shift up slightly line-height : 0.988em; //Font is misaligned. Shift up slightly
} }
h3 { h3 {
//margin-top : -0.1cm; //Font is misaligned. Shift up slightly //margin-top : -0.1cm; //Font is misaligned. Shift up slightly
@@ -160,8 +123,8 @@ body { counter-reset : phb-page-numbers; }
h4 { h4 {
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly //margin-top : -0.02cm; //Font is misaligned. Shift up slightly
//margin-bottom : 0.02cm; //margin-bottom : 0.02cm;
font-size : 0.458cm; font-size : 0.458cm;
line-height : 0.971em; //Font is misaligned. Shift up slightly line-height : 0.971em; //Font is misaligned. Shift up slightly
& + * { margin-top : 0.09cm; } & + * { margin-top : 0.09cm; }
} }
* + h4 { * + h4 {
@@ -170,19 +133,17 @@ body { counter-reset : phb-page-numbers; }
h5 { h5 {
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly //margin-top : -0.02cm; //Font is misaligned. Shift up slightly
//margin-bottom : 0.02cm; //margin-bottom : 0.02cm;
font-family : 'ScalySansSmallCapsRemake'; font-family : 'ScalySansSmallCapsRemake';
font-size : 0.423cm; font-size : 0.423cm;
font-weight : 900; line-height : 0.951em; //Font is misaligned. Shift up slightly
line-height : 0.951em; //Font is misaligned. Shift up slightly
& + * { margin-top : 0.2cm; } & + * { margin-top : 0.2cm; }
} }
//***************************** // *****************************
// * TABLE // * TABLE
// *****************************/ // *****************************/
table { table {
.useSansSerif(); .useSansSerif();
width : 100%; line-height : 16px;
line-height : 16px;
& + * { margin-top : 0.325cm; } & + * { margin-top : 0.325cm; }
thead { thead {
display : table-row-group; display : table-row-group;
@@ -198,15 +159,15 @@ body { counter-reset : phb-page-numbers; }
tr { tr {
td { td {
//padding : 0.14em 0.4em; //padding : 0.14em 0.4em;
padding : 0px 1.5px; // Both of these are temporary, just to force padding : 0px 1.5px; // Both of these are temporary, just to force
//line-height : 16px; // PDF to render at same height until Chrome 108 //line-height : 16px; // PDF to render at same height until Chrome 108
} }
&:nth-child(odd) { background-color : var(--HB_Color_Accent); } &:nth-child(odd) { background-color : var(--HB_Color_Accent); }
} }
} }
} }
//***************************** // *****************************
// * QUOTE // * QUOTE
// *****************************/ // *****************************/
.quote { .quote {
@@ -239,9 +200,7 @@ body { counter-reset : phb-page-numbers; }
} }
// *****************************
//*****************************
// * NOTE // * NOTE
// *****************************/ // *****************************/
.note { .note {
@@ -255,7 +214,7 @@ body { counter-reset : phb-page-numbers; }
border-image-outset : 9px 0px; border-image-outset : 9px 0px;
box-shadow : 1px 4px 14px #888888; box-shadow : 1px 4px 14px #888888;
.page :where(&) { .page :where(&) {
margin-top : 9px; //Prevent top border getting cut off on colbreak margin-top : 9px; //Prevent top border getting cut off on colbreak
} }
& + * { margin-top : 0.45cm; } & + * { margin-top : 0.45cm; }
h5 { font-size : 0.375cm; } h5 { font-size : 0.375cm; }
@@ -265,7 +224,7 @@ body { counter-reset : phb-page-numbers; }
} }
:last-child { margin-bottom : 0; } :last-child { margin-bottom : 0; }
} }
//************************************ // ************************************
// * DESCRIPTIVE TEXT BOX // * DESCRIPTIVE TEXT BOX
// ************************************/ // ************************************/
.descriptive { .descriptive {
@@ -289,7 +248,7 @@ body { counter-reset : phb-page-numbers; }
} }
:last-child { margin-bottom : 0; } :last-child { margin-bottom : 0; }
} }
//***************************** // *****************************
// * Images Snippets // * Images Snippets
// *****************************/ // *****************************/
@@ -318,42 +277,10 @@ body { counter-reset : phb-page-numbers; }
} }
/* Watermark */ /* Watermark */
.watermark { .watermark { color : black; }
position : absolute;
top : 0;
left : 0;
z-index : 500;
display : grid !important;
place-items : center;
justify-content : center;
width : 100%;
height : 100%;
font-size : 120px;
color : black;
text-transform : uppercase;
mix-blend-mode : overlay;
opacity : 30%;
transform : rotate(-45deg);
p { margin-bottom : none; }
}
/* Watercolor */ /* Watercolor */
[class*='watercolor'] {
position : absolute;
z-index : -2;
width : 2000px; /* dimensions need to be real big so the user can set */
height : 2000px; /* height or width and the image will maintain aspect ratio */
background-color : var(--HB_Color_WatercolorStain); /* default color */
background-size : cover;
-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;
--wc : @watercolor1; /* default image */
}
.watercolor1 { --wc : @watercolor1; } .watercolor1 { --wc : @watercolor1; }
.watercolor2 { --wc : @watercolor2; } .watercolor2 { --wc : @watercolor2; }
.watercolor3 { --wc : @watercolor3; } .watercolor3 { --wc : @watercolor3; }
@@ -367,7 +294,7 @@ body { counter-reset : phb-page-numbers; }
.watercolor11 { --wc : @watercolor11; } .watercolor11 { --wc : @watercolor11; }
.watercolor12 { --wc : @watercolor12; } .watercolor12 { --wc : @watercolor12; }
//***************************** // *****************************
// * MONSTER STAT BLOCK // * MONSTER STAT BLOCK
// *****************************/ // *****************************/
.monster { .monster {
@@ -388,24 +315,24 @@ body { counter-reset : phb-page-numbers; }
box-shadow : 1px 4px 14px #888888; box-shadow : 1px 4px 14px #888888;
} }
position : relative; position : relative;
padding : 0px; padding : 0px;
margin-bottom : 0.325cm; margin-bottom : 0.325cm;
//Headers //Headers
h2 { h2 {
margin : 0; margin : 0;
font-size : 0.62cm; font-size : 0.62cm;
line-height : 1em; line-height : 1em;
& + p { & + p {
margin-bottom : 0; margin-bottom : 0;
font-size : 0.304cm; //Monster size and type subtext font-size : 0.304cm; //Monster size and type subtext
} }
} }
h3 { h3 {
font-family : 'ScalySansSmallCapsRemake'; font-family : 'ScalySansSmallCapsRemake';
font-size : 0.45cm; font-size : 0.45cm;
border-bottom : 1.5px solid var(--HB_Color_HeaderText); border-bottom : 1.5px solid var(--HB_Color_HeaderText);
} }
//Triangle dividers //Triangle dividers
@@ -452,10 +379,10 @@ body { counter-reset : phb-page-numbers; }
.useColumns(0.96, @fillMode: balance); .useColumns(0.96, @fillMode: balance);
} }
//***************************** // *****************************
// * FOOTER // * FOOTER
// *****************************/ // *****************************/
&:after { &::after {
position : absolute; position : absolute;
bottom : 0px; bottom : 0px;
left : 0px; left : 0px;
@@ -495,23 +422,18 @@ body { counter-reset : phb-page-numbers; }
color : var(--HB_Color_Footnotes); color : var(--HB_Color_Footnotes);
text-align : right; text-align : right;
} }
//************************************ // ************************************
// * CODE BLOCKS // * CODE BLOCKS
// ************************************/ // ************************************/
code { code {
padding : 0px 4px; padding : 0px 4px;
font-family : 'Courier New', 'Courier', monospace; font-size : 0.325cm;
font-size : 0.325;
color : #58180D; color : #58180D;
overflow-wrap : break-word;
white-space : pre-wrap;
background-color : #FAF7EA; background-color : #FAF7EA;
border-radius : 4px; border-radius : 4px;
} }
pre code { pre code {
display : inline-block;
width : 100%;
padding : 0.15cm; padding : 0.15cm;
margin-bottom : 2px; margin-bottom : 2px;
border-style : solid; border-style : solid;
@@ -525,26 +447,13 @@ body { counter-reset : phb-page-numbers; }
} }
& + * { margin-top : 0.325cm; } & + * { margin-top : 0.325cm; }
} }
//***************************** // *****************************
// * EXTRAS // * EXTRAS
// *****************************/ // *****************************/
hr { hr {
margin : 0px; margin : 0px;
visibility : hidden; visibility : hidden;
} }
.columnSplit {
visibility : hidden;
-webkit-column-break-after : always;
break-after : always;
-moz-column-break-after : always;
}
//Avoid breaking up
blockquote,table {
z-index : 15;
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
}
//Text indent right after table //Text indent right after table
table + p { text-indent : 1em; } table + p { text-indent : 1em; }
// Nested lists // Nested lists
@@ -552,18 +461,13 @@ body { counter-reset : phb-page-numbers; }
margin-bottom : 0px; margin-bottom : 0px;
margin-left : 1.5em; margin-left : 1.5em;
} }
li {
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
}
} }
//***************************** // *****************************
// * SPELL LIST // * SPELL LIST
// *****************************/ // *****************************/
.page .spellList { .page .spellList {
.useSansSerif(); .useSansSerif();
column-count : 2; column-count : 2;
ul + h5 { margin-top : 15px; } ul + h5 { margin-top : 15px; }
p, ul { p, ul {
font-size : 0.352cm; font-size : 0.352cm;
@@ -581,7 +485,7 @@ body { counter-reset : phb-page-numbers; }
&.wide { column-count : 4; } &.wide { column-count : 4; }
} }
//***************************** // *****************************
// * CLASS TABLE // * CLASS TABLE
// *****************************/ // *****************************/
.page .classTable { .page .classTable {
@@ -628,7 +532,7 @@ body { counter-reset : phb-page-numbers; }
} }
h5 + table { margin-top : 0.2cm; } h5 + table { margin-top : 0.2cm; }
} }
//***************************** // *****************************
// * FRONT COVER PAGE // * FRONT COVER PAGE
// *****************************/ // *****************************/
.page:has(.frontCover) { .page:has(.frontCover) {
@@ -722,7 +626,7 @@ body { counter-reset : phb-page-numbers; }
} }
} }
} }
//***************************** // *****************************
// * INSIDE COVER PAGE // * INSIDE COVER PAGE
// *****************************/ // *****************************/
.page:has(.insideCover) { .page:has(.insideCover) {
@@ -767,7 +671,7 @@ body { counter-reset : phb-page-numbers; }
} }
} }
} }
//***************************** // *****************************
// * BACK COVER // * BACK COVER
// *****************************/ // *****************************/
.page:has(.backCover) { .page:has(.backCover) {
@@ -849,10 +753,10 @@ body { counter-reset : phb-page-numbers; }
} }
} }
//***************************** // *****************************
// * PART COVER // * PART COVER
// *****************************/ // *****************************/
.page:has(.partCover) { .page:has(.partCover) {
padding-top : 0; padding-top : 0;
text-align : center; text-align : center;
columns : 1; columns : 1;
@@ -888,7 +792,7 @@ body { counter-reset : phb-page-numbers; }
} }
} }
//***************************** // *****************************
// * TABLE OF CONTENTS // * TABLE OF CONTENTS
// *****************************/ // *****************************/
.page { .page {
@@ -957,33 +861,25 @@ body { counter-reset : phb-page-numbers; }
} }
} }
//***************************** // *****************************
// * DEFINITION LISTS // * DEFINITION LISTS
// *****************************/ // *****************************/
.page { .page {
dl { dl {
padding-left : 1em;
line-height : 1.25em; line-height : 1.25em;
white-space : pre-line; & + * { margin-top : 0.17cm; }
& + * { margin-top : 0.17cm; }
} }
p + dl { margin-top : 0.17cm; } p + dl { margin-top : 0.17cm; }
dt { dt {
display : inline;
margin-right : 5px; margin-right : 5px;
margin-left : -1em; margin-left : -1em;
} }
dd {
display : inline;
margin-left : 0px;
text-indent : 0px;
}
} }
//***************************** // *****************************
// * WIDE // * WIDE
// *****************************/ // *****************************/
.page .wide { margin-bottom : 0.325cm; } .page .wide { margin-bottom : 0.325cm; }
.page h1 + * { margin-top : 0; } .page h1 + * { margin-top : 0; }
@@ -1022,7 +918,7 @@ body { counter-reset : phb-page-numbers; }
} }
} }
} }
//***************************** // *****************************
// * INDEX // * INDEX
// *****************************/ // *****************************/
.page { .page {