DMG style for the Homebrewery

Resource

After messing a bit with css and playing in the homebrew, I changed the base style of the homebrewery for transforming it to a Dungeon Master's Guide look. Here's an example of how it looks. Also here's a print version link if you have problems viewing in the homebrewery

To change the look of the brew, add the following code at the beginning:

<style>
/* Background */
  .phb{ background-image: url("http://i.imgur.com/UCIUXyr.jpg") }
  .phb{ background-size: cover }

/* Notes */
  .phb blockquote {background-color: #ebcec3}
  .phb hr + blockquote tr:nth-child(odd) td {background-color: #FDF1DC;}

/* Tables */
  table tr:nth-child(odd) td {background-color: #ebcec3}

/* Footer */
  .phb .pageNumber {color: rgba(0, 0, 0, 0.6)}
  .phb .footnote {color: rgba(0, 0, 0, 0.6)}
  .phb:after{ background-image: url("http://i.imgur.com/EsLXSby.png") }
</style>

Using the code, you will get a grayish background, a new color for the tables and a DMG version of the footer. You can also use my blending method (found in my Homebrewery Formatting Guide) adding filter: grayscale(100%); to the image style.

If you want, here's the imgur album with the images I created and used


Update: Thanks to u/Zephilinox I figured out how to change the notes background color and the footer color!

Update 2: Added a new DMG-style footer!

Posted Aug 2, 2017, 4:22 PM UTC · edited

14223
Loading comments…