HB EberronStyle
HB EberronStyle
```
```css
/* FONT IMPORTS ___________________________________________________ */
/* ________________________________________________________________ */
@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
37efe47f612763ab8464a7f035a032339e9e991e/EberronFonts.css');
/* PAGE TEXTURE */
.page {
background-image : url(https://i.imgur.com/wjl9qJf.jpg);
background-size : cover;
}
.page:nth-of-type(odd) {
background-image : url(https://i.imgur.com/SvP3Tmr.jpg);
}
/* HEADERS */
.page h1,
.page h2,
.page h3,
.page h4 {
letter-spacing : 1px;
font-weight : normal;
}
.page h3 {
border-bottom : 2px solid #d7c598;
}
.page h5 {
text-shadow : #000 0px 0px 0.1px;
}
/* IMAGES */
.page img:not(.logo img):not(.frontcredit img) {
position : absolute;
z-index : -2;
user-select : none;
}
/* NOTES */
.page .note {
background-color : #dee2d7;
border-image : url(https://i.imgur.com/KtrHa62.png) 14
stretch;
border-image-outset : 6px 0px;
border-image-width : 11px;
margin : 4mm 0 1mm;
}
/* DESCRIPTIVE NOTES */
.page .descriptive {
background-color : #ecd5ab;
border-image : url(https://i.imgur.com/QiaXuKD.png) 12 stretch;
border-image-outset : 4px;
}
/* TABLES */
.page table:not(.monster table) tr:nth-child(odd) td {
background-color : #ccdad9;
}
/* ARTIST CREDITS */
.page .artist {
position : absolute !important;
bottom : 100px;
left : 60px;
transform : rotate(-90deg);
transform-origin : bottom left;
text-align : left;
font-family : ScalySansSmallCapsRemake;
font-size : 13px;
text-transform : lowercase;
color : #818892;
}
.page:nth-of-type(even):not(:has(.insideCover)) .artist {
left : unset;
right : 60px;
transform : rotate(90deg);
transform-origin : bottom right;
}
.page:has(.fullpage) .artist {
color : lightgray;
text-shadow : #000 0 0 3px,
#000 0 0 4px,
#000 0 0 5px;
left : 60px;
}
.page:nth-of-type(even):has(.fullpage) .artist {
left : unset !important;
right : 60px !important;
}
/* SMALL CAPS */
caps {
font-variant : small-caps;
}
.page .backcover caps {
font-size : 120%;
}
/* WATERCOLOR STAIN */
.page [class*="watercolor"] {
background-color : #d49608;
}
/* FOOTER IMAGE */
/* This disables all the footer images, which are built into the page texture on
this document. */
.page:after {
all:unset;
}
/* FOOTER TEXT */
.page:not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : 85px;
bottom : 44px;
width : fit-content;
font-family : Marco Polo;
font-size : 11px;
text-align : left;
text-transform : uppercase;
font-weight : bold;
letter-spacing : 1.2px;
color : #836d70;
}
.page:nth-child(even):not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : unset;
right : 85px;
text-align : right;
}
/* PAGE NUMBER */
.page .pageNumber {
left : 34px;
bottom : 31px;
font-family : Marco Polo;
font-size : 16px;
text-align : left;
color : #836d70;
z-index : -3;
}
.page:nth-child(even) .pageNumber {
left : unset;
right : 34px;
text-align : right;
}
/* HYPERLINKS */
.page a {
text-decoration : none;
color : inherit;
}
.page a:hover{
text-decoration : underline;
}
/* QUOTE */
.quote {
margin-top : 0px;
padding-bottom : 20px;
font-family : Cormorant;
font-size : 15px;
line-height : 1em;
}
.quote.author p:last-child {
margin-top : 4px;
font-family : BookInsanityRemake;
font-size : 0.34cm;
text-align : right;
}
.page:has(.frontCover) .logo {
filter : drop-shadow(0 0 0.08cm rgba(0,0,0,0.75));
}
.page:has(.frontCover) {
padding-top : 78px;
}
.page:has(.frontCover) h1 {
margin-top : 12px;
text-transform : none;
font-size : 98px;
}
.page:has(.frontCover) hr {
margin : 12px auto;
width : 10cm;
}
.page:has(.frontCover) h2,
.page:has(.frontCover) h3 {
filter : drop-shadow(0 0 1.3px black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black);
font-family : 'Modesto Expanded';
font-size : 0.8cm;
letter-spacing : 0.1cm;
margin-top : 10px;
transform : ScaleX(0.9);
}
.page:has(.frontCover) h3 {
color : white;
border-bottom : none;
font-size : 0.64cm;
}
.page:has(.frontCover) .footnote {
font-family : VeraCruz;
letter-spacing : 1px;
z-index : 1;
width : fit-content;
}
.page small {
position : relative;
text-transform : lowercase;
bottom : 10px;
font-size : 90%;
}
.page:has(.frontCover) .emblem,
.page:has(.frontCover) .color {
position : absolute;
top : 0;
left : 0;
background-size : 100% 100%;
background-repeat : no-repeat;
}
.page:has(.frontCover) .color {
height : 19px;
width : 650px;
background-color : black;
opacity : 75%;
z-index : -1;
-webkit-mask-image : url(https://i.imgur.com/bURATrX.png);
-webkit-mask-size : 100% 100%;
}
.page:has(.frontCover) .emblem {
height : 80px;
width : 340px;
z-index : 0;
background-image : url(https://i.imgur.com/y2xctk4.png);
}
.page:has(.frontCover) .emblem img {
left : 20px;
top : 0;
min-width : unset;
max-width : 50%;
max-height : 100%;
z-index : 1;
}
.page:has(.insideCover) h1 {
font-size : 88px;
}
.page:has(.insideCover) h2 {
font-family : Nodesto;
font-size : 3em;
letter-spacing : 0.8px;
}
.page:has(.insideCover) h3 {
font-family : 'Modesto Expanded';
font-weight : normal;
font-size : 31px;
letter-spacing : 1px;
border-bottom : unset;
margin : 10px -72px 20px;
width : 816px;
}
.page:has(.insideCover) hr {
margin : 12px auto;
}
.page:has(.credits) h1+p::first-letter,
.page:has(.credits) h1+p::first-line {
all : unset;
}
.page:has(.credits) h1 {
font-size : 40px;
}
.page:has(.credits h2),
.page:has(.credits h5) {
margin-bottom :14px;
}
.page:has(.credits) p {
font-family : Martel_SansRegular;
font-style : normal;
font-size : 0.83em;
line-height : 1.5em;
text-indent : -1em;
margin-left : 1em;
}
.page:has(.credits) strong {
font-family : Martel_SansExtraBold;
}
.credits a {
color : #753206;
font-weight : 900;
}
.page .frontcredit {
position : relative;
right : 10px;
width : 340px;
height : 240px;
margin-top : 15px;
margin-bottom : 110px;
}
.page .frontcredit::before {
content : '';
position : absolute;
top : 4px;
left : -20px;
height : 105%;
width : 110%;
background-image : url(https://i.imgur.com/DWhv2JW.png);
background-size : 100% 100%;
}
.page .frontcredit h5 {
margin-top : 10px;
margin-bottom : -2px;
}
.page .frontcredit p {
text-indent : 0em;
margin-left : 0em;
}
.credits .footnote {
bottom : 20px;
left : 0px;
width : 100%;
font-size : 1em;
text-transform : none;
text-align : left;
color : black;
}
.credits .footnote p {
padding : 4.5em;
text-indent : 0px;
}
.page:has(.toc) h1 {
text-align : left;
}
.page .toc h3 {
font-weight : bold;
border-bottom : unset;
}
.page .toc h4 {
margin-top : 2px;
color : black;
}
.page .toc ul li + li h3 {
margin-top : 8px;
}
.page .toc.wide {
columns : 3;
column-gap : 16px;
}
.page h1+p::first-letter,
.page h1+p::first-line {
all : unset;
}
.chapter:before {
content : '';
position : absolute;
width : 100%;
height : 401px;
top : 0;
left : 0;
z-index : -1;
background-image : url(https://i.imgur.com/9rSAazI.png);
background-size : cover;
}
.chapter.one::before {
background-image : url(https://i.imgur.com/WNQRQ10.png);}
.chapter.two::before {
background-image : url(https://i.imgur.com/nTI9pWl.png);}
.chapter.three::before {
background-image : url(https://i.imgur.com/OyNB8SN.png);}
.chapter.four::before {
background-image : url(https://i.imgur.com/k8TUT25.png);}
.chapter.five::before {
background-image : url(https://i.imgur.com/D3PTziT.png);}
.chapter.six::before {
background-image : url(https://i.imgur.com/bULVwDY.png);}
.page .chapter {
column-span : all;
display : block;
padding : 20px;
text-align : center;
}
.chapter span {
position : relative;
padding : 20px;
font-size : 4em;
line-height : 1em;
display : flex;
justify-content : center;
align-items : center;
color : rgba(0,0,0,0);
}
.chapter span:before,
.chapter span:after {
content : attr(title);
position : absolute;
background-image : url(https://i.imgur.com/U0rT9Wr.jpg);
background-clip : text;
-webkit-background-clip : text;
}
.chapter span:before {
font-family : Core Deco B6;
background-size : 220px;
background-position : 0 230px;
z-index : 1;
}
.chapter span:after {
font-family : Core Deco B1;
color : rgba(79, 31,
2,0.35);
margin-left : 2px;
margin-top : 2px;
}
.chapter+p::first-letter,
.chapter+.quote::first-letter {
float : left;
font-family : Core Deco B6;
line-height : 1em;
font-size : 10.7em;
margin-left : -50px;
margin-top : -0.31em;
margin-bottom : -22px;
padding-left : 45px;
padding-right : 2px;
color : #604129;
}
.chapter+p:first-line,
.chapter+.quote::first-line {
font-variant : small-caps;
font-size : 13px;
text-transform : lowercase;
line-height : 14px;
}
.chapter+.quote:first-line {
font-family : BookInsanityRemake;
font-size : 14px;
}
.chapter+.quote:first-letter {
font-size : 9.3em;
}
.chapter span[h1] {
font-size : 5.2em;
height : 50px;
}
.chapter span[h2] {
font-size : 3.3em;
}
.chapter span[h3] {
font-size : 2.5em;
}
.chapter span[h3] + span[h1] {
margin : 6px auto 8px;
}
.chapter hr {
visibility : visible;
height : 6px;
width : 234px;
margin : 0px auto 10px;
background-image : url(https://i.imgur.com/vTT80FD.png);
background-size : 100% 100%;
border : none;
}
.chapter hr:first-child {
margin-top : -16px;
}
.chapter hr:last-of-type {
margin-top : 5px;
height : 28px;
background-image : url(https://i.imgur.com/fpABio4.png);
}
.chapter h1 {
margin-bottom : 0;
}
.page:has(.fullpage) img {
top : 0;
left : 0;
min-height : 100%;
width : 100%;
}
.page .fullpage::before,
.page .fullpage::after,
.page .fullpage .text::after,
.page .fullpage span {
content : '';
position : absolute;
background-size : 100% 100%;
}
.page .fullpage::before {
top : 0;
right : 0;
height : 233px;
width : 185px;
background-image : url(https://i.imgur.com/3MraEc6.png);
opacity : 65%;
}
.page .fullpage::after {
bottom : 0;
right : 248px;
height : 90px;
width : 145px;
background-image : url(https://i.imgur.com/qa0CaXl.png);
opacity : 65%;
}
.page:has(.fullpage) .text {
position : absolute;
bottom : 30px;
right : 0;
width : 410px;
}
.page:has(.fullpage) .text p {
position : relative;
right : 20px;
height : 50px;
font-family : WalterTurncoat;
font-size : 10px;
text-align : right;
letter-spacing : 0.75px;
color : lightgray;
z-index : 20;
transform : ScaleX(0.9);
display : flex;
align-items : center;
}
.page:has(.fullpage) .text a {
font-style : italic;
}
.page:has(.fullpage) .text::after {
bottom : 0px;
right : 0px;
height : 48px;
width : 555px;
background-image : url(https://i.imgur.com/t0WLq4q.png);
z-index : 1;
}
.page:has(.fullpage) span {
bottom : 7px;
right : 0px;
height : 45px;
width : 590px;
-webkit-mask-image : url(https://i.imgur.com/HMovILR.png);
background-color : #000;
z-index : 10;
opacity : 80%;
}
.page:nth-child(even) .fullpage::before,
.page:nth-child(even):has(.fullpage) .text::after,
.page:nth-child(even) .fullpage span {
transform : scaleX(-1);
left : 0px;
}
.page:nth-child(even) .fullpage::after {
transform : scaleX(-1);
left : 248px;
}
.page:nth-child(even):has(.fullpage) .text p {
left : 20px;
}
.page:nth-child(even):has(.fullpage) .text {
left : 0px;
}
/* GAZETTEER _______________________________________________________ */
/* _________________________________________________________________ */
.page .gazette {
border-image-source : url(https://i.imgur.com/mmSI4vr.png);
border-image-slice : 70 fill;
border-image-width : 35px;
border-image-outset : 16px 10px 6px 14px;
padding : 10px 20px 10px 10px;
margin : 30px -10px;
width : calc(100% + 12px);
filter : drop-shadow(2px 3px 5px rgba(135, 135, 135, 0.6));
font-size : 11.8px;
}
.page .gazette h2 {
font-size : 32px;
font-family : core deco a1;
font-weight : 100;
letter-spacing : 0px;
border-bottom : 1mm double black;
width : 321px;
margin-left : -10px;
padding-bottom : 6px;
margin-bottom : 3px;
}
.page .gazette.wide {
border-image-source : url(https://i.imgur.com/cbV2NOt.png);
}
/* These lines of code make the body text of a gazette note justified, which is
true of real-life newspapers.
But if you want to stay REALLY true to Eberron, delete the following lines: */
.page .gazette p {
text-align: justify;
}
/* BACK COVER CODE__________________________________________________ */
/* _________________________________________________________________ */
/* If you change the last "0" in the line below to "0.75", the backcover will
project a red shadow over the background image. Feel free to change the other three
rgba values to whatever color you'd like (I recommend using
https://www.hexcolortool.com/ to pick a color */
.page:has(.backCover) .backCover {
filter : drop-shadow(0 0 30px rgba(237, 31, 36, 0));
}
.page:has(.backCover) h1 {
font-size : 58px;
}
.page:has(.backCover) p {
font-family : martel_sanssemibold;
font-size : 11.7px;
line-height : 1.6em;
text-indent : 0em;
}
.page:has(.backCover) caps {
font-size : 125%;
}
```
<!---
Here is a link to all my other Homebrewery templates, if you're interested:
https://homebrewery.naturalcrit.com/user/KaiburrKathHound?sort=alpha&dir=asc
Also, IF you want to buy me a coffee (or something), here's my Ko-fi page:
https://ko-fi.com/kaiburrkathhound
--->
{{frontCover}}
{{logo }}
{{emblem
 {opacity:70%}
}}
{{color,background-color:#f3af1b,opacity:100%}}
# HERON
## Rising for the Last Soar
___
{{banner HOMEBREW}}
{{footnote
Explore the steampunk styles of Eberron in this template <br> made for the world's
greatest roleplaying game
}}
{top:0,right:0,height:105%}
\page
{{insideCover}}
# Heron
### RISING FOR THE LAST SOAR
___
{width:580px,left:95px,bottom:245px,z-
index:1}
{{watercolor7,width:500px,left:150px,top:340px}}
{{watercolor6,width:400px,left:290px,top:250px}}
{{artist
[Cory Trego-Erdner](https://www.artstation.com/corytregoerdner)
}}
{{logo }}
\page
{{credits,wide
{{columns:2
# Credits
**Template Designers:**
[u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/)
\column
}}
{{frontcredit
<!---
Replace the url below with whatever image you use for the front cover; the image
will automatically arrange itself inside the display box
--->
 {}
{{footnote
The contents of this document is unofficial Fan Content permitted under the Fan
Content Policy. Not approved/endorsed by Wizards. Portions of the materials used
are property of Wizards of the Coast. ©Wizards of the Coast LLC.
}}
}}
\page
{{toc,wide
# Contents
\column
}}
{{pageNumber,auto}}
{{footnote Table of Contents}}
\page
<!---
The .fullpage graphics will format depending on whether the page is even or odd-
numbered. If you don't want that, delete lines 866-884 in the Style Editor tab.
--->
{{fullpage

<!---
The text box is optional, but if you want it to appear with the colored background,
make sure to include "{{background-color:#272953}}" inside the .text class. Black
is the default color for the background, but you still have to include "{{}}"
within the {{text }} class.
{{background-color:#272953}}
}}
{{artist
[Titus Lunter](https://www.artstation.com/titus)
}}
}}
\page
<!---
Chapter Titles are hard to pull off here. Due to the way the code works, the only
way to create a title that has the correct texture AND has a shadow is to write it
in the following, funky way:
Header sizes range from H3 (smallest) to H1 (largest) as per normal, but they must
be written this way, with the actual contents being written within the weird
"<span> title='' </span>" bit.
If ANYONE has a cleaner way of doing this, short of creating an entire custom font,
DM me, because this is a little ridiculous (and it doesn't auto-populate intp the
table of contents, which also stinks).
Lastly, the normal setup for a chapter title is either the intro:
## h2
Note where the "___" goes, since it will make a difference in the formatting (only
underscores that apppear after one of the spans will have the gear in it).
--->
{{chapter
In an ancient ruin beneath the Demon Wasts, a band of heroes races to claim the
Reaper's Heart. If the agents of the Emerald Claw reach it first, they'll reignite
the Last War and unleash an army of undead.
In the city of Sharn, a team of spies pulls off an impossible scheme—breaking into
the impenetrable vaults of House Kundarak. But instead of gold, they find a secret
that could shatter the fragile peace between the nations.
## H2 Header
### H3 Header
#### H4 Header
##### H5 Header
<!---
Nothing too crazy with the .gazette class. The only difference between H3 and H4 is
that H4 has the "———" lines before and after. Play around with the order of the
titles, it's kinda fun.
--->
{{gazette
#### Here is A
## Gazetteer Cutout
# And here is its fancy title
With a plethura of options, this is a fun newspaper-y snippet that you can have a
lot of fun with.
The double-line and dotted line are linked to the H2 and H1 titles respectively, so
feel free to change around which titles are where.
}}
{{pageNumber,auto}}
{{footnote Welcome to Eberron}}
\page
<!---
Something to note about the chapter titles: The Core Deco font has lots of
differences bewteen uppercase and lowercase letters, so I recommend testing each
character to see which version you like better.
--->
{{chapter,one
___
<span title='CHAPTER 1' h2></span>
___
# Character Creation
}}
The skyscrapers of Sharn rise up before you, the spires glimmering with magical
lights. Or wind rushes through your hair as the airship you're riding races toward
adventure in the jungles of Q'barra. Or you hunt Emerald Claw agents on the
lightning rail, creeping through one train car after another. Or you chart another
adventurous course on the war-torn continent of Khorvaire. Whatever path your
character takes in Eberron, consider how the world affects your character.
Building on the book's introduction, this chapter reveals how you can create a
character shaped by Eberron and its war-filled history.
\column
{{note
##### Time to Drop Knowledge
Use notes to point out some interesting information.
{{descriptive
##### Time to Drop Knowledge
Use descriptive boxes to highlight text that should be read aloud.
{{pageNumber,auto}}
{{footnote Chapter 1 | Character Creation}}
\page
<!---
As per other chapter titles, the header image with change for numbers "one" through
"six". The default image is without any number, so you can have up to seven
chapters with different images, otherwise they start repeating.
--->
{{chapter,two
<span title='prepAre For...' h3></span>
___
<span title='CHAPTER 2' h1></span>
___
<span title="A cHapter'S CHaptER" h2></span>
# Khorvaire Gazetteer
}}
<!---
The .quote class works the same as in other documents. The drop cap should work
fine, and make sure to add the .author tag to include an author's name. The last
paragraph will be formatted, in that case.
--->
{{quote,author
Just one century ago, the kingdom of Galijar spanned most of Khorvaire. Of course,
we never tamed the lands beyond the Graywall Mountains or thejungles ofthe east.
Nevertheless, it was impressive, this kingdom ofhumanity's.
Now I look at the map ofKhorvaire with a touch of despair. Galijar lies shattered,
the Five Nations irreparably divided. So many new realms claim sovereignty-kingdoms
of elves and goblins, and what of this nation of monsters called Droaam? Can it
last, or will another war fracture us further? Should I dwell on such things when
the Mourning might simply consume us all? Gods, how I fear the future.
{{gazette,wide
#### Here is A
## WIDE Gazetteer Cutout
# And here is its much longer, much larger title
{{columns:3,column-gap:30px
Everything that works in the normal Gazetteer cutout works here too. There's not
much more to say here, except that you can add a "columns:" class to make it look
more like a newspaper. Maybe I should say this three times to make the section look
better.
Everything that works in the normal Gazetteer cutout works here too. There's not
much more to say here, except that you can add a "columns:" class to make it look
more like a newspaper. Maybe I should say this three times to make the section look
better.
Everything that works in the normal Gazetteer cutout works here too. There's not
much more to say here, except that you can add a "columns:" class to make it look
more like a newspaper. Maybe I should say this three times to make the section look
better.
}}
}}
{{pageNumber,auto}}
{{footnote Chapter 2 | Khorvaire Gazetteer }}
\page
{{chapter,six
___
<span title='CHAPTER 6' h2></span>
___
{{monster,frame
## Anime Sphinx
*Tiny beast, manic-depressive evil*
___
**Armor Class** :: 19 (chain mail, shield)
**Hit Points** :: 100(1d4 + 5)
**Speed** :: 30ft.
___
| STR | DEX | CON | INT | WIS | CHA |
|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|
|14 (+2)|2 (-4)|1 (-4)|13 (+2)|3 (-3)|1 (-4)|
___
**Condition Immunities** :: melancholy, drunk
**Senses** :: darkvision 60 ft., passive Perception 16
**Languages** :: Pottymouth
**Challenge** :: 10 (8682 XP)
___
***Onion Stench.*** Any creatures within 5 feet of this thing develops an
irrational craving for onion rings.
:
***Hangriness.*** This creature is angry, and hungry. It will refuse to do anything
with you until its hunger is satisfied.
When in visual contact with this creature, you must purchase an extra order of
fries, even if they say they aren't hungry.
### Actions
***Bulldog Rake.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit*
5 (1d6 + 2)
:
***Team Foot.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5
(1d6 + 2)
:
***Turnbuckle Roll.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target.
*Hit* 5 (1d6 + 2)
:
***Dual Throw.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5
(1d6 + 2)
}}
{{watercolor10,top:500px,right:60px,width:450px,opacity:70%}}
{{pageNumber,auto}}
{{footnote Appendix D | Monsters and NPCs}}
\page
{{backCover}}

{left:5%,bottom:0px,top:unset,height:105%}
___
{{logo

[homebrewery.naturalcrit.com](https://homebrewery.naturalcrit.com)
}}