diff --git a/Theme/handwritten-journal.css b/Theme/handwritten-journal.css new file mode 100644 index 0000000..6a791b5 --- /dev/null +++ b/Theme/handwritten-journal.css @@ -0,0 +1,265 @@ + +/* Old Notebook Theme by John Jones is licensed under CC BY-SA 4.0 -- January 2021 */ + + @import url('https://fonts.googleapis.com/css2?family=Jim+Nightshade&family=Rock+Salt&family=Fredericka+the+Great&family=Cabin+Sketch:wght@400;700&family=Reenie+Beanie&display=swap'); + + + + + .phb { + width:11in; + height:8.5in; + column-count:2; + column-gap:100px; + background-color:transparent; + background-image: url('https://i.imgur.com/rTNBHqN.png'); + background-position:center; + background-size:100% 100%; + background-repeat:no-repeat; + filter:drop-shadow(1px 4px 14px black); + padding: 90px 130px ; + counter-increment:none; + } + + .phb:after { + display:none; + } + + + + .phb:nth-of-type(1) { + background-image:url('https://i.imgur.com/SK0nuuC.png'); + } + + /* PAGE NUMBERS */ + + .phb .pageNumber.auto { + left:280px; + bottom:50px; + color:black; + counter-increment:phb-page-numbers; + } + + .phb>.pageNumber.auto:nth-last-of-type(2) { + left: 270px; + right: unset; + } + + .phb>.pageNumber.auto:nth-last-of-type(1) { + right: 270px; + left: unset; + } + + .brewRenderer .pages > .phb { + box-shadow:none; + } + + /* TEXT TEXT TEXT */ + + + .phb p, .phb table, .phb ul, .phb blockquote, .phb blockquote strong { + font-family:'Reenie Beanie'; + color: #412121; + font-size:20px; + line-height:1em; + padding:0; + } + + .phb p { + text-align:left + page-break-inside:unset; + break-inside:unset; + margin-bottom:0px; + } + + .phb p + p { + margin:0; + padding:0; + } + + .phb em { + text-decoration:underline; + font-style:unset; + } + + .phb strong { + letter-spacing:0; + font-size:1.2em + } + + .phb del { + text-decoration-style:double; + } + + /* LINKS */ + + .phb a, .phb a:visited { + color: #412121; + transition:all 1s ease; + } + + .phb a:hover { + color:red; + transition:all 1s ease; + } + + /* HEADERS */ + + .phb h1, .phb h2, .phb h3, .phb h4, .phb h5, .phb .pageNumber { + font-family:'fredericka the great'; + font-weight:unset; + } + + .phb h1 { + column-span:unset; + } + + .phb h1 + p:first-letter { + font-family:'fredericka the great'; + font-size:1.5em; + color: inherit; + padding-top:.3em; + margin-right:2px; + } + + .phb h2 { + font-size:2em; + + } + + .phb h3 { + border:none; + margin-left:-20px + } + + .phb h4 { + transform:rotate(357deg); + padding-bottom:5px + } + + + /* TABLES */ + + .phb table tbody tr:nth-child(2n+1) { + background:linear-gradient(to left, #41212100, #41212122, #41212100); + } + + .phb table thead th { + font-weight:unset; + } + + .phb .classTable { + mix-blend-mode:multiply; + border:none; + } + + .phb .classTable tbody tr { + line-height:.5em + } + + + /* LISTS */ + + .phb hr + ul { + padding-top:18px; + margin-bottom:10px; + margin-left:15px + } + + .phb .spellList { + column-count: 2; + column-span: none; + -webkit-column-span: all; + -moz-column-span: all; + } + + /* NOTES */ + + .phb blockquote { + border:20px solid; + border-image:url('https://i.imgur.com/k544p79.png'); + border-image-slice:25% 10%; + border-image-width:30px; + border-image-repeat:stretch; + border-image-outset:10px; + position:relative; + background:none; + box-shadow:none; + } + + .phb blockquote p { + font-size:inherit; + } + + .phb .descriptive { + background:none; + box-shadow:none; + border-style:solid; + border-image:url('https://i.imgur.com/I2hMYzK.png'); + border-image-slice:38% 10%; + border-image-width:40px; + border-image-repeat:stretch; + border-image-outset:0px; + padding:25px + } + + .phb .descriptive p { + font-family:'jim nightshade'; + color: #412121; + font-size:18px; + line-height:1.1em; + } + + .phb .descriptive h5 { + font-family:'jim nightshade'; + color:#412121; + font-size:22px + } + + .phb .descriptive strong { + font-family:inherit + } + + + + /* MONSTER STAT BLOCKS */ + + .phb hr + blockquote { + background:none; + border:20px solid; + border-image:url('https://i.imgur.com/k544p79.png'); + border-image-slice:25% 10%; + border-image-width:30px; + border-image-repeat:stretch; + border-image-outset:10px; + padding: 5px 0px + } + + .phb hr + blockquote h2 { + font-size:24px; + } + + .phb hr + blockquote h3 { + font-size:28px; + margin-left:0 + } + + .phb hr + blockquote p, .phb hr + blockquote ul, .phb hr + blockquote li, .phb hr + blockquote ul strong, .phb hr + blockquote em, .phb hr + blockquote h3 { + color: #412121; + font-family:'reenie beanie'; + } + + .phb hr + blockquote hr + ul, .phb hr + blockquote table { + padding-top:0; + margin-left:0 + } + + .phb hr + blockquote p + p { + padding-bottom:0; + margin-bottom:0; + } + + .phb hr + blockquote li { + font-size:20px; + } +