Create handwritten-journal.css
This commit is contained in:
GitHub
parent
8339d804e6
commit
aac7246028
1 changed files with 265 additions and 0 deletions
265
Theme/handwritten-journal.css
Normal file
265
Theme/handwritten-journal.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
||||
Loading…
Reference in a new issue