Old Blackthorn Theme Demo

by Blckthorn

Search GM Binder Visit User Profile

Blackthorn Theme 2.0

This is version 2 of the Blackthorn theme, a theme for GM binder by /u/blckthorn. You can find the dark version of this theme here. Feel free to PM me with any questions, criticisms, comments or suggestions

 
About this theme  -  UseChanges Statblocks  -  MonsterVehicle Using Art  -  Full Page StainsDIY
 Basic elements   -  HeadingsNote Blocks Footers    -  Tree ImagesOld Footers Credits     -  Credits and Thanks
 Tables        -  Tables, Class Blocks Extras     -  Divider Imagesetc.
 


About this theme

Use

Use all or parts of this theme freely within GM Binder, even if it's something you're selling. A brief mention is always nice as I like seeing what people have done with it


To use this theme - copy the theme (and html) code section and paste into the top of your document


Back up your work - It bears mentioning that if you are making tweaks to this, or any other theme, copy your code regularly to a text file or Google Docs

Changes
  • New custom footer images. The tree silhouette on the side can be disabled. There is also an option to use the old Xanathar's-style footers (see below)
  • New full-page watercolor stains - an adaptation of those created by FallenWyvern
  • A brief how-to on creating your own watercolor stains using Photoshop/GIMP
  • Vehicle statblocks have been added
  • Minor element, color and font adjustments
  • Added classes that can be used for centering, indenting or padding text left and right
  • New divider art

Themed Elements

To my knowledge, all elements have been themed. This includes fonts, headings, part headers, noteblocks, tables, statblocks, footers, fonts and art.
Snippets, including cover pages, should work correctly

Headings

There are 6 headings. Headings 1-5 are pretty standard, while heading 6 is centered and can be easily modified for special uses

h1  (#)  is at the top of this page

h2 heading (##)

h3 heading (###)

h4 heading (####)

h5 heading (#####)
h6 (######)
Part Headers

Part header examples are on pages 2 and 4

Footnote Example

PHB

Part Header Example

Note Blocks

Note Block

All Note Block headings are white
Text is black

Description Block

Description block headings are colored
For this theme, I reduced the line spacing for the Description Block

Should you prefer the original Description Block line spacing, remove the following 2 lines from that theme section:

<font color=#d9b257> .phb .descriptive p {padding-bottom:0; line-height:1.2em}
.phb .descriptive p+p {padding-top:0em} </font>

Tables

Including Class Blocks, tables and wide tables

Tables
Size HP AC Str Dex Attack Damage
Tiny 20 18 4 18 +8 1d4 + 4
Small 25 16 6 14 +6 1d8 + 2
Medium 40 13 10 12 +5 2d6 + 1
Large 50 10 14 10 +6 2d10 + 2
Huge 80 10 18 6 +8 2d12 + 4

To make a wide table, insert the following before the table, making sure not to forget the </div> tag afterwards

<div class=wide>
Class Blocks
The Deadly Class
Level Proficiency Bonus Features Deadliness Modifier
1st +2 angry chicken +3
2nd +3 fatal blunder +4
10th +4 deadly on Tuesday +10
20th +5 a true ninja +42

There is also a transparent Class Block option.
Activate it by replacing the existing Class Block section with:

/* Class Block - Clear */
.phb .classTable
{
    border-image-outset: 25px 10px !important;
    align:center;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    line-height:11px;
    border-image-source: url(https://www.gmbinder.com/images/9MsVmEn.png);
    background-color: inherit;
}
.phb .classTable h5 {color: #c3e5d4; font-weight: 100;}

Monster Blocks

Yep, custom theme for the monster block


Monster Name

Size, Alignment


  • Armor Class  AC
  • Hit Points  Hitpoints
  • Speed  Speed

STR DEX CON INT WIS CHA
4 (-3) 16 (+3) 10 (+0) 2 (-4) 10 (+0) 1 (-5)

  • Saving Throws  saving_throws
  • Skills  skills
  • Damage Vulnerabilities  damage_vulnerabilities
  • Damage Resistances  Resistances
  • Damage Immunities  Damage_Immunities
  • Condition Immunities  condition_Immunities
  • Senses  Senses
  • Languages  Languages
  • Challenge  Challenge and Xp

Actions

Multiattack.  The Creature Name makes Number and type of attacks

Ability Description.  Attack Style:  Attack Bonus to hit, Reach/Range, one target. Hit:  Damage Damage Type damage

General Ability Description.  General Attack Description

Vehicle Blocks

Ghosts of Saltmarch introduced Vehicle statblocks.


Note that since there is no snippet, you will need to copy the examples found in this theme to use them. The following narrow and wide vehicle statblocks are templates


Since the vehicle statblocks do take up a few lines of code, I normally delete those style sections from the theme when not using them.


Narrow Vehicle Statblock

Vehicle Type

Size of vehicle (0 ft. by 0 ft.)


  • Creature Capacity 0 crew, 0 passengers
  • Cargo Capacity 0 tons
  • Travel Pace 0 miles per hour (0 miles per day)

STR DEX CON   INT    WIS CHA
10 (+0) 10 (-0) 10 (+0) 0 0 0

  • Damage Immunities immunities
  • Condition Immunities immunities

Actions

On its turn...

Fire Weapon. weapon
Move. movement

Hull

Armor Class 10
Hit Points 0 (damage threshold 0)

Control: Type

Armor Class 10
Hit Points 0

How vehicle moves

Movement: Type1

Armor Class 10
Hit Points 0; -0 ft. speed per 0 damage taken
Speed (land or water) 0 ft.

Movement: Type2

Armor Class 10
Hit Points 0; -0 ft. speed per 0 damage taken
Speed (land or water) 0 ft.

Weapon: Weapon1

Armor Class 10
Hit Points 0
Attack Type: +0 to hit, range 0/0 ft. Hit: 0 (0d0) damage

Weapon description

DMG

Part Header Example

Wide Vehicle Block

Vehicle Type

Size of vehicle (0 ft. by 0 ft.)


  • Creature Capacity 0 crew, 0 passengers
  • Cargo Capacity 0 tons
  • Travel Pace 0 miles per hour (0 miles per day)

STR DEX CON   INT    WIS CHA
10 (+0) 10 (-0) 10 (+0) 0 0 0

  • Damage Immunities immunities
  • Condition Immunities immunities

Actions

On its turn...

Fire Weapon. weapon
Move. movement

Hull

Armor Class 10
Hit Points 0 (damage threshold 0)

Control: Type

Armor Class 10
Hit Points 0

How vehicle moves

Movement: Type1

Armor Class 10
Hit Points 0; -0 ft. speed per 0 damage taken
Speed (land or water) 0 ft.

Movement: Type2

Armor Class 10
Hit Points 0; -0 ft. speed per 0 damage taken
Speed (land or water) 0 ft.

Weapon: Weapon1

Armor Class 10
Hit Points 0
Attack Type: +0 to hit, range 0/0 ft. Hit: 0 (0d0) damage

Weapon description


Footers

Removing the tree image

You may not always (or ever) want the tree silhouette as part of the footer image.


If so, go to the following section:

/* Center Footer Image Only */
.phb:nth-child(  ):after

To remove the tree, leaving only the bottom line on all pages, type n+1 in between the parenthesis:


.phb:nth-child( n+1 ):after

To remove the tree on a single page, type that page number in between the parenthesis. To remove the tree on multiple pages, you will need to create multiple statements:

.phb:nth-child( 4 ):after

.phb:nth-child( 4 ):after, .phb:nth-child( 9 ):after


Etc...

Adding the page number to the last page can be tricky as the normal method doesn't seem to work with this theme. Instead, use the following:

<div class='pageNumber auto'></div>

 


 

Working with Images

Full Page Watercolor Stains

I've adapted the full-page watercolor stains by FallenWyvern to work with this theme:

How to use these is beyond the scope of this document, but here's some tutorials:


https://www.gmbinder.com/share/-L4Yt8ZSxmhwqt--yNRT https://www.gmbinder.com/share/-Kx5i9fuxhuci6BUrbJq

Photoshop/GIMP Stains

For those who use Photoshop, here's the steps I use to create my own watercolor stains. GIMP works well too, I'm just not as familiar with it


Start by downloading and importing the brushes

(Resource zip file link in the following tutorial):


Tutorial,   Direct Link to resource file

Step 1 - Get rid of the smooth edge

  • Select all on the image and copy it into a new document with a transparent background
  • Select the eraser tool and set the mode to 'Pencil'
  • Choose a brush and erase just of the edge of the image, giving it a "torn paper" look. Don't drag these large brushes, just click. I usually use more than 1 brush to vary the effect

Step 2 - Create a semi-transparent edge

  • Change the eraser tool mode to 'Brush' and set the opacity to 50%
  • Choose a different brush and use it to erase a little bit more of the edge - this creates the semi-transparent look

Step 3 (optional) - Create a faded stain under the edge

  • Start a new layer and make sure it is underneath the original image
  • Select the brush tool, set it to 50% opacity and select a black color
  • Paint underneath the edge by clicking with your choice of brush
  • When you are done, set the opacity of the underneath layer to 40%
  • To give it a lighter color so it shows against a dark background - make sure the bottom layer is selected, then go into Hue/Saturation. Adjust the Brightness up by 60%.
 

Credits and thanks

Thank you to the GMbinder developers for all their work creating GM Binder

Check out their Patreon Page


Art Used to create this theme:

Background was created by modifying 'Some Old Gray Worn Paper Background' by My Free Textures


Texture used to create the Monster Statblock and the Part Headers can be found at: Texture King


Footer image branch and tree elements created using my own photos. Celtic knots inspired by the Book of Kells

Blackthorn Dark Theme by /u/blckthorn

 

This document was lovingly created using GM Binder.


If you would like to support the GM Binder developers, consider joining our Patreon community.