Professional Documents
Culture Documents
HB TashaundefinedsStyle
HB TashaundefinedsStyle
```
```css
/* FONT IMPORTS ____________________________________________________ */
/* _________________________________________________________________ */
@import url(https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
af7aba33e8501276b61b1254238ed888c9b5c8da/TashaFonts.css);
@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
6ade797a215521264f7a7aca9355489333d9caba/EberronFonts.css');
/* PAGE TEXTURE */
.page {
background-image : url(https://i.imgur.com/Q482Yd9.jpg);
background-size : cover;
}
/* HEADERS */
.page h1,
.page h2,
.page h3,
.page h4,
.page h5 {
letter-spacing : 1px;
font-weight : normal;
}
.page h5 {
font-weight : bold;
text-shadow : #000 0 0 0.1px;
}
.page h1+p {
margin-top : 5px;
}
/* BLUE HEADER */
.page .blueheader h1 {
color : #3e3a64;
}
/* NOTES */
.page .descriptive {
background-color : #e4dbeb;
}
.page .note {
border-image : url(https://i.imgur.com/KtrHa62.png) 14
stretch;
border-image-outset : 6px 0px;
border-image-width : 11px;
background-color : #dbc4e3;
}
/* TABLES */
.page table:not(.monster table) tr:nth-child(odd) td {
background-color : #c5d7e8;
}
/* MONSTER STATBLOCKS */
.page .monster.frame {
background-color : #fdf8ce;
}
/* IMAGES */
.page img:not(.logo img):not(.frontcredit img) {
position : absolute;
z-index : -2;
user-select : none;
}
/* 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 : #94928f;
}
.page:nth-of-type(even):not(:has(.insideCover)) .artist {
left : unset;
right : 60px;
transform : rotate(90deg);
transform-origin : bottom right;
}
/* DROP CAP */
.page h1+p::first-letter,
.page h1+p::first-line {
all:unset;
}
/* SMALL CAPS */
.page caps {
font-variant : small-caps;
}
.page .backcover caps {
font-size : 120%;
}
/* WATERCOLOR STAIN */
.page [class*="watercolor"] {
background-color : #ad7e88;
}
/* FOOTER IMAGE */
.page:after {
left : unset;
right : 0;
height : 71px;
width : 405px;
background-image : url(https://i.imgur.com/sDDj28H.png);
mix-blend-mode : multiply;
opacity : 50%;
}
.page:nth-of-type(even):after {
right : unset;
left : 0;
}
/* FOOTER */
.page .footnote {
bottom : 36px;
font-size : 10px;
color : #47446a;
text-transform : uppercase;
width : fit-content;
}
/* PAGE NUMBER */
.page .pageNumber{
bottom : 28px;
font-size : 13px;
color : #47446a;
text-align : left;
}
.page:nth-child(even) .pageNumber{
text-align : right;
}
/* HYPERLINKS */
.page a {
color : inherit;
text-decoration : none;
}
.page a:hover{
text-decoration : underline;
}
/* QUOTE */
.quote {
margin-top : 0;
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) {
padding-top : 78px;
}
.page:has(.frontCover) h1 {
margin-top : 16px;
text-transform : none;
}
.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(.frontCover) .banner {
filter : drop-shadow(1px 1px 3px
#60677b);
}
.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 -80px 20px;
width : 816px;
}
.page:has(.insideCover) hr {
margin : 12px auto;
}
.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 : #8c8c8c;
font-weight : bold;
}
.page .frontcredit {
position : relative;
right : 10px;
width : 359px;
height : 230px;
margin-top : 15px;
margin-bottom : 100px;
}
.page .frontcredit::before {
content : '';
position : absolute;
top : 3px;
left : -20px;
height : 100%;
width : 100%;
background-image : url(https://i.imgur.com/PwjzoQQ.png);
background-size : 100% 100%;
z-index : 1;
}
.page .frontcredit::after {
content : '';
position : absolute;
bottom : -0px;
left : -65px;
height : 131px;
width : 68px;
background-image : url(https://i.imgur.com/FeJ9IiA.png);
background-size : contain;
z-index : -2;
}
.page .frontcredit h5 {
margin-top : 18px;
margin-bottom : -2px;
}
.page .frontcredit p {
text-indent : 0em;
margin-left : 0em;
}
.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 .comment.icon:before {
content : '';
position : absolute;
top : 0;
left : 0;
width : 45px;
height : 80px;
background-image : url(https://i.imgur.com/Qo8kSsA.png);
background-repeat : no-repeat;
background-size : contain;
z-index : -1;
opacity : 10%;
}
.page .comment.icon.long:before {
background-image : url(https://i.imgur.com/5I7XaqV.png);
width : 49px;
left : 2px;
}
.page .comment {
font-size : 12px;
width : 340px;
padding : 20px 16px 0 38px;
margin-left : -12px;
margin-bottom : 15px;
background-image : url(https://i.imgur.com/P1KK8FT.jpg);
background-size : 100%;
background-repeat : contain;
filter : drop-shadow(3px 2px 3px #ababab);
}
.page .comment:not(.wide) {
min-height : 100px;
}
.page .comment.wide {
width : 700px;
min-height : 80px;
background-size : 50%;
}
.page .comment.long {
padding : 40px 28px 32px 30px;
width : 365px;
margin-left : -28px;
}
.page .comment.wide.long {
width : 732px;
}
/* This code just means select everything that is inside the .comment class */
.page .comment > * {
font-family : Finurlig DEMO;
font-size : 14.2px;
transform : scaleY(1.2);
color : black;
}
.page .comment ul {
padding-left : 14px;
}
.page .comment ol {
padding-top : 10px;
padding-left : 14px;
margin-left : -19px;
}
.page .comment p+p {
padding-top : 18px;
text-indent : 0;
}
.page .chapter {
column-span : all;
display : block;
padding-top : 41px;
}
.page .chapter:before {
content : '';
position : absolute;
width : 100%;
height : 458px;
top : 0;
left : 0;
z-index : -1;
background-image : url(https://i.imgur.com/lzpsrHh.png);
background-size : cover;
}
.page .intro:before {
background-image : url(https://i.imgur.com/jO3llRI.png);
}
.page .one:before {
background-image : url(https://i.imgur.com/lzpsrHh.png);
}
.page .two:before {
background-image : url(https://i.imgur.com/TcaWoqY.png);
}
.page .three:before {
background-image : url(https://i.imgur.com/sVmyNc5.png);
}
.page .four:before {
background-image : url(https://i.imgur.com/yOkYcij.png);
}
.page .chapter h2 {
color : #3e3a64;
font-weight : normal;
letter-spacing : 1px;
text-indent : 3.3em;
text-transform : lowercase;
}
.page .chapter h1 {
color : #3e3a64;
margin-top : -1px;
font-weight : normal;
letter-spacing : 1px;
font-size : 2.9em;
text-indent : 1.6em;
}
.page .chapter+p:first-letter,
.page .chapter+.quote::first-line {
font-family : OPTIBookmanBoldItaSwashSup;
line-height : 121px;
font-size : 68px;
float : left;
margin : -22px 12px -40px -35px;
color : #3e3a64;
--shadow-x0 : #cfd7cb 0 0 2.5px;
--shadow-x1 : var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
--shadow-x2 : var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
--shadow-x3 : var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
text-shadow : var(--shadow-x3), var(--shadow-x3), var(--shadow-x3);
text-transform : uppercase;
}
.page .chapter+p:first-line,
.page .chapter+.quote::first-line {
font-variant : small-caps;
font-family : BookInsanityRemake;
font-size : 13.8px;
line-height : 17px;
}
/* Feel free to change the "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 40px rgba(207, 132, 79, 0.6));
}
.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;
color : white;
}
.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 ![](/assets/naturalCritLogoRed.svg)}}
{{banner HOMEBREW}}
{{footnote
A new look for documents of witchery and magic <br> for the world's greatest
roleplaying game
}}
![image](https://i.imgur.com/ELJYH81.jpg) {right:-35px,top:-2%,height:109%}
\page
{{insideCover}}
{{artist
[Irina Nordosol](https://www.artstation.com/nordsol)
}}
![splash](https://i.imgur.com/3zD4I7W.png)
{width:800px,left:0px,bottom:300px,filter:contrast(1.1)}
![cauldron](https://i.imgur.com/QYOAhjj.png){width:400px,left:240px,bottom:434px}
{{logo ![](/assets/naturalCritLogoRed.svg)}}
\page
{{credits,wide
{{columns:2
# Credits
**Template Designers:** u/5e_cleric, u/Kaiburr_Kath-Hound
:::::
}}
{{frontcredit
<!---
Replace the url below with whatever image you use for the front cover; the image
will automatically arrange itself inside the display box
--->
![image](https://i.imgur.com/ELJYH81.jpg) {}
}}
\page
{{toc,wide
# Contents
\page
{{chapter,intro}}
{{blueheader
# Using This Book
}}
*Tasha's Cauldron of Ever Single Thing* offers a host of new looks for
<caps>Dungeons & Dragons</caps> content, and our journey through those options is
accompanied by the notes of the wizard Tasha. Creator of the spell *Tasha's hideous
laughter*, Tasha's life is one of the most storied in the D&D multiverse. Raised by
Baba Yaga, the Mother of Witches herself, Tasha adventured across the world of
Greyhawk and became the friend and sometimes enemy of other famous adventurers,
like Mordenkainen. In time, she ruled as the Witch Queen and later changed her name
to Iggwilv—a figure of legend who is whispered about, feared, and admired.
{{comment,icon,signature,long
My dear, sweet, lucky reader,
This is a long-form note from Tasha (or whomever you'd like to sign the note). It
has a slightly different appearance and size rules than the short note.
Make sure to differentiate between the two, because long notes will probably only
look good if it takes up half the page or more.
Lastly, the last paragraph inside the note will be considered the signature. The
text of the signature will appear slightly larger and will be right-aligned.
TASHA
}}
{{comment,icon,signature
These short notes, however, are great for 1 or 2 lines of text. And a snarky
comment, of course.
TASHA
}}
\column
{{comment,signature
Also, you can omit Tasha's symbol if you want, just delete the ".icon" part in the
comment code.
{{text-align:right
--~~Kaiburr~~
}}
*ANONYMOUS STRANGER*
}}
{{pageNumber,auto}}
{{footnote Using this Book}}
\page
{{chapter,one
## Chapter 1
# Character Options
}}
When you make your D&D character, you have an array of options in the *Player's
Handbook* to create the sort of adventurer you want. This chapter adds to those
options, making it possible to realize even more character concepts. If you combine
these options with those in *Xanathar's Guide to Everything*, the possibilities for
your characters become vast.
\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 Options}}
\page
{{chapter,two
## Chapter 2
# Group Patrons
}}
Each adventuring group is bound together by the quests it embarks on and by the
dangers its members face together. This chapter offers another way to bind your
party together: a group patron. These patrons provide a strong binding element: an
individual or an organization that unites a party as a team in service to a greater
purpose. A group patron can help set the tone of your party's entire campaign. For
example, a group whose patron is an academic institution is likely to have a very
different story from a group that serves a military. A patron can influence
characters' relationships, their backstories, and the types of dangers they face.
## Header 2
:
### Header 3
:
#### Header 4
:
##### Header 5
(These are just to demonstrate the appearance of headers. They are largely
unchanged from the default).
{{pageNumber,auto}}
{{footnote Chapter 2 | Character Options}}
\page
{{chapter,three
## Chapter 3
# Magical Miscellany
}}
When you make your D&D character, you have an array of options in the *Player's
Handbook* to create the sort of adventurer you want. This chapter adds to those
options, making it possible to realize even more character concepts. If you combine
these options with those in *Xanathar's Guide to Everything*, the possibilities for
your characters become vast.
{{pageNumber,auto}}
{{footnote Chapter 3 | Magical Miscellany}}
\page
{{chapter,four
## Chapter 4
# Dungeon Master's Tools
}}
When you make your D&D character, you have an array of options in the *Player's
Handbook* to create the sort of adventurer you want. This chapter adds to those
options, making it possible to realize even more character concepts. If you combine
these options with those in *Xanathar's Guide to Everything*, the possibilities for
your characters become vast.
{{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)
}}
{{pageNumber,auto}}
{{footnote Chapter 4 | Dungeon Master's Tools}}
\page
# Appendix A: Conditions
Conditions alter's creature's capabilities in a variety of ways and can arise as a
result of a spell, a class feature, a monster's attack, or other effect. Most
conditions, such as blinded, are impairments, but a few, such as invisible, can be
advantageous.
{{watercolor11,top:80px,right:30px,width:350px,opacity:50%}}
{{note
##### Exhaustion
Some special abilities and environmental hazards, such as starvation and the long-
term effects offreezing or scorching temperatures, can lead to a special condition
called exhaustion. Exhaustion is measured in six levels. An effect can give a
creature one or more levels of exhaustion, as specified in the effect's
description.
}}
{{pageNumber,auto}}
{{footnote Appendix A | Conditions}}
\page
{{backCover}}
![background](https://i.imgur.com/ELJYH81.jpg) {}
It contains rules for character creation and advancement, backgrounds and skills,
exploration and combat, equipment, spells, and much more.
:
Use this book to create exciting characters from among the most iconic D&D® races
and classes.
___
{{logo
![](/assets/naturalCritLogoWhite.svg)
[homebrewery.naturalcrit.com](https://homebrewery.naturalcrit.com)
}}