```metadata title: Discord of Many Things Printer Friendly Homebrewery Template description: >- Discord of Many Things Printer Friendly Homebrewery Template. Absolutely Free to Use. tags: - Template - DoMT - Printer Friendly - CSS - Style systems: - 5e - 4e - 3.5e - Pathfinder renderer: V3 theme: 5ePHB ``` ```css /* Printer Friendly Unearthed Arcana Theme for v3*/ /* By the Discord of Many Things Community: https://discord.gg/domt */ /* Use for any purpose permitted without restriction. */ .pages { --background-color: white; --text-color: black; --h1-size: 32pt; --h2-size: 24pt; --h3-size: 19pt; --h4-size: 16pt; --h5-size: 14pt; --text-size: 11pt; --code-size: 10pt; --code-color: #eee; --table-font-size: 11pt; --header-font: Cambria; --text-font: Sans-serif; --table-font: Calibri; --table-color: #eee; } .page { background : var(--background-color); font-family: var(--header-font); color: var(--text-color) !important; font-size: var(--text-size); box-sizing: border-box; } .page p { overflow-wrap: break-word !important; word-wrap: break-word !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; -moz-hyphens: auto !important; hyphens: auto !important; padding-bottom: 0.3em; } .page p + p { margin-top: -0.35em; } .page::after { display: none; } .page h1 + p:first-letter { float: none; font-family: var(--text-font); font-size: var(--text-size); } .page h1 { font-size: var(--h1-size); font-weight: normal; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--text-color); } .page h2, .page h3, .page h4, .page h5 { font-family: var(--header-font); font-weight: normal; color: var(--text-color); line-height: 2rem; } .page h2 { font-size: var(--h2-size); } .page h3 { font-size: var(--h3-size); border-bottom: 2px solid var(--text-color); } .page h4 { font-size: var(--h4-size); } .page h5 { font-size: var(--h5-size); margin-bottom: 0; } .page a { color: var(--text-color); border: 1px solid var(--background-color); } .page table { font-family: var(--table-font); } .page table tbody tr:nth-child(odd) { background-color: var(--table-color); } .page code { color: var(--text-color); font-size: var(--code-size); filter: grayscale(100%); } .page pre code { border-color: url('/assets/codeBorder.png') 26 stretch; filter: grayscale(100%); } .page .footnote { color: var(--text-color); } .page .descriptive { background-color: var(--table-color); border-image: none; border: none; font-family: var(--table-font); font-size: var(--table-font-size); } .page .pageNumber { color: var(--text-color); } .greyscale { filter: grayscale(100%); } .color { filter: none; } img { filter: grayscale(100%); } ``` # Discord of Many Things ## Printer Friendly #### v3 Homebrewery Template Check the CSS tab for the full template! ### Features: - Free to Use - Easy to Modify - Easily Readable - Replicates the old offical UA style - Greyscale anything with class="greyscale" - Great for **Focusing on Mechanics First** ### How to Use? - Simply click the "source " button and copy the CSS into your own Brew (by clicking the icon on your brew's topbar). - This document is periodically updated and can be counted on to have the most recent version. ### Have Issues or Suggestions? - Let us know on our Discord! ### Credits - CSS Template by /u/ImFromNASA and the Discord of Many Things Community: https://discord.gg/domt - DoMT logo by BornToDoStuff ### See Also! - [Stay Classy](https://www.gmbinder.com/share/-MB0vIQPrE98i7WbJVmh) by Alice Witchfire
A collection of useful CSS styles for everything from spells to the myriad forms of dashes.
\column