Monster Manual Theme

/* Tables */
  table tr:nth-child(odd) td { background-color: #cfe7ce; }
  .phb hr+section blockquote tr:nth-child(odd) td {background-color:transparent; }
  
/* Footer */
  .phb .pageNumber { color: #7e735c; z-index:1000; }
  .phb .footnote { color: #7e735c; }
  .phb:after { 
    height:125px;
    background-image:url("https://i.imgur.com/YWardeu.png"), url(https://i.imgur.com/lLWeevR.png);
    background-size:816px 55px, 120px 120px;
    background-repeat:no-repeat, no-repeat;
    background-position:bottom, bottom right;
  }

/*SNIPPET END, REST CUSTOM CLASSES BEST IMPLEMENTED IN STYLESHEET*/

/* letterheader */
.letterheader {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin-left:auto;
    margin-right:auto;
    background-image: url(https://i.imgur.com/YH3aESG.png);
    background-size: cover;
    width: 775px;
    height: 133px;

/* big letter */
}
.mmletter {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin-left:auto;
    margin-right:auto;
    background-size: cover;
    width: 163.2px;
    height: 163.2px;
}

.mml-a {background-image: url(https://i.imgur.com/fVVv93s.png);}
.mml-b {background-image: url(https://i.imgur.com/21X6N0B.png);}
.mml-c {background-image: url(https://i.imgur.com/MvnpOWF.png);}
.mml-d {background-image: url(https://i.imgur.com/AFbLU4P.png);}
.mml-e {background-image: url(https://i.imgur.com/28NVNf9.png);}
.mml-f {background-image: url(https://i.imgur.com/Oyrhmqy.png);}
.mml-g {background-image: url(https://i.imgur.com/fRyiQn4.png);}
.mml-h {background-image: url(https://i.imgur.com/N8NamlT.png);}
.mml-i {background-image: url(https://i.imgur.com/xWI93aa.png);}
.mml-j {background-image: url(https://i.imgur.com/GgIzsun.png);}
.mml-k {background-image: url(https://i.imgur.com/OcObsWl.png);}
.mml-l {background-image: url(https://i.imgur.com/B7AUyR6.png);}
.mml-m {background-image: url(https://i.imgur.com/q4wXoxt.png);}
.mml-n {background-image: url(https://i.imgur.com/OJtC4w9.png);}
.mml-o {background-image: url(https://i.imgur.com/adeRr5d.png);}
.mml-p {background-image: url(https://i.imgur.com/EEhcrSR.png);}
.mml-q {background-image: url(https://i.imgur.com/O1AhfzL.png);}
.mml-r {background-image: url(https://i.imgur.com/w66eIuZ.png);}
.mml-s {background-image: url(https://i.imgur.com/YEoe0PP.png);}
.mml-t {background-image: url(https://i.imgur.com/7Bk9D35.png);}
.mml-u {background-image: url(https://i.imgur.com/uVJZYUg.png);}
.mml-v {background-image: url(https://i.imgur.com/gKjngey.png);}
.mml-w {background-image: url(https://i.imgur.com/14WWpsC.png);}
.mml-x {background-image: url(https://i.imgur.com/ojIYjh0.png);}
.mml-y {background-image: url(https://i.imgur.com/Gi1ePwY.png);}
.mml-z {background-image: url(https://i.imgur.com/0ZTFNVs.png);}

/* letter at bottom of page */

.pageLetter {
    font-family:;
    position:absolute;
    right:25px;
    bottom:87.5px;
    color:#673e1c;
    z-index:1000;
    font-size:135%;
}

.phb:nth-child(even) .pageLetter {
    left:25px;
}

</style>

**The intent of this document is be a test document for any new GM Binder themes you might create. To use it, grab the source of this document, paste it into a new document, and then apply your theme styles above.**

</div>

# Monster Manual Style for GM Binder

Ho mankoi lle uma tanya amin khiluva lle a' gurtha ar' thar quel lome. Shaalth Nuduin amin panta tangwa. Tampa tanya! Naugrim tula uialtum tenna' san'. Aman tel' Seldarine aa' menle nauva calen ar' ta hwesta e' ale'quenle uuma dela amin uuma malia. Gorgaerea rwalaerea atost en' entula orme amin autien rath.

Lye yala onna en' kemen tanya awra! En!. Lirimaerea mereth en draugrim Yallume Elenya. Amin hiraetha quel undome nai uuvanimo turamin cormamin niuve tenna' ta elea lle au'. Yavannie ram en' ondo mereth en draugrim tanka tel' taurnin. Aman tel' Seldarine ram en' templa Amrun'quessir amin khiluva lle a' gurtha ar' thar.

## Headline 2

### Headline 3

#### Headline 4

\columnbreak

##### Headline 5

###### Headline 6

### Type Faces
* **Bold**
* *Italics*
* ~~Strikethrough~~
* ^Super^
* <sup>SuperScript</sup>
* <sub>SubScript</sub>
* [Internal Link](https://www.gmbinder.com)
* [External Link](https://www.reddit.com/r/uneartherarcana)

1. Item 1
2. Item 2
3. Item 3

* Item 1
* Item 2
* Item 3

<div class="footnote">
Theme tester document by /u/Iveld
</div>

\pagebreakNum

##### Class Block Narrow
| Level | Proficiency Bonus | Features | Some Modifier |
|:---:|:---:|:---|:---:|
| 1st | +2 | Something | — |
| 2nd | ─ | ─ | — |
| ... | ─  | ─ | ─ |
| 20th | ─ | ─ | ─ |

</div>

> ##### Catchy Title
> Useful Information

<div class='descriptive'>
 
##### Catchy Title
Useful information
 
</div>

## Class Features
As a class_name, you gain the following class features
#### Hit Points
___
- **Hit Dice:** 1d10 per class_name level
- **Hit Points at 1st Level:** something
- **Hit Points at Higher Levels:** something_higher

#### Proficiencies
___
- **Armor:** armor
- **Weapons:** weapons
- **Tools:** tools

___
- **Saving Throws:** saving_throws
- **Skills:** Choose two from skills

#### Equipment
You start with the following equipment, in addition to the equipment granted by your background:
- *(a)* a item1 or *(b)* item2

| d8  | Loot |
|:---:|:-----------:|
|  1  | 100gp |
|  2  | 200gp |
|  3  | 300gp |
|  4  | 400gp |
|  5  | 500gp |
|  6  | 600gp |
|  7  | 700gp |
|  8  | 1000gp |

\columnbreak

| d8  | Loot |
|:---:|:-----------:|
|  1  | 100gp |
|  2  | 200gp |
|  3  | 300gp |
|  4  | 400gp |

| d8  | Loot |
|:---:|:-----------:|
|  5  | 500gp |
|  6  | 600gp |
|  7  | 700gp |
|  8  | 1000gp |

</div>

#### Spell Name
*Spell Type*
___
- **Casting Time:** Casting Time
- **Range:** Range
- **Components:** V, S
- **Duration:**  Duration

A description bursts from the caster's fingers and spreads at the speed of the reader's comprehension.

___
> ## Monster Name
>*Size, Alignment*
> ___
> - **Armor Class** AC
> - **Hit Points** Hitpoints
> - **Speed** Speed
>___
>|STR|DEX|CON|INT|WIS|CHA|
>|:---:|:---:|:---:|:---:|:---:|:---:|
>|Str (+Mod)|Dex (+Mod)|Con (+Mod)|Int (+Mod)|Wis (+Mod)|Cha (+Mod)|
>___
> - **Condition Immunities** Some
> - **Senses** Senses
> - **Languages** Languages
> - **Challenge** Senses
> ___
>
> ### Actions
> ***Ability Description.*** *Attack Style:* +4 to hit, reach 5 ft., one target. *Hit* 5 (1d6 + 2)

<div class="footnote">
Theme tester document by /u/Iveld
</div>

\pagebreakNum

___
___
> ## Monster Name
>*Size, Alignment*
> ___
> - **Armor Class** AC
> - **Hit Points** Hitpoints
> - **Speed** Speed
>___
>|STR|DEX|CON|INT|WIS|CHA|
>|:---:|:---:|:---:|:---:|:---:|:---:|
>|Str (+Mod)|Dex (+Mod)|Con (+Mod)|Int (+Mod)|Wis (+Mod)|Cha (+Mod)|
>___
> - **Condition Immunities** Some
> - **Senses** Senses
> - **Languages** Languages
> - **Challenge** Senses
> ___
>
> ### Actions
> ***Ability Description.*** *Attack Style:* +4 to hit, reach 5 ft., one target. *Hit* 5 (1d6 + 2)

##### Cantrips (0 Level)
- Cantrip A
- Cantrip B
- Cantrip C

##### 1st Level
- Spell A
- Spell B
- Spell C

##### 2nd Level
- Spell A
- Spell B
- Spell C

\columnbreak

##### 3rd Level
- Spell A
- Spell B
- Spell C

##### 4th Level
- Spell A
- Spell B
- Spell C

##### 5th Level
- Spell A
- Spell B
- Spell C

\columnbreak

##### 6th Level
- Spell A
- Spell B
- Spell C

##### 7th Level
- Spell A
- Spell B
- Spell C

##### 8th Level
- Spell A
- Spell B
- Spell C

\columnbreak

##### 9th Level
- Spell A
- Spell B
- Spell C

</div>

##### Class Block Wide
| Level | Proficiency Bonus | Features | Cantrips Known | Spells Known | 1st | 2nd | 3rd | 4th | 5th | 6th | 7th | 8th | 9th |
|:---:|:---:|:---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|
| 1st | +2 | Something | — | — | — | — | — | — | — | — | — | — | — |
| 2nd | ─ | ─ | — | — | — | — | — | — | — | — | — | — | — |
| ... | ─  | ─ | ─ | ─ | ─ | — | — | — | — | — | — | — | — |
| 20th | ─ | ─ | ─ | ─ | ─ | ─ | ─ | ─ | ─ | — | — | — | — |

</div>

<div class="footnote">
Theme tester document by /u/Iveld
</div>

\pagebreak

# Theme Specific Styling

<div class="letterheader" style="top:100px"></div>

**Take a look at the code to see exactly how this is done!**

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<div class="footnote">Theme tester document by /u/Iveld</div>

\pagebreakNum

<div class="letterheader"></div>

\columnbreak

<div class="footnote">Theme tester document by /u/Iveld</div>

\pagebreakNum

# Code Snippets Monster Manual Style

When using one of these theme specific style elements, replace the ${#:field description} with the value that you want!

### letterheader Snippet
```
<div class="letterheader"></div>

<div class="wide" style="margin-top:175px;"></div>
```

### pageLetter Snippet
```
<div class="pageLetter">${1:Letter}</div>
```

</div>

<div class="footnote">Theme tester document by /u/Iveld</div>

\pagebreakNum