Savage Worlds Template

/* Background */
.phb { background-image: url('http://forevergamenight.com/wp-content/uploads/2019/04/SWAG_Paper-min.png') }
.phb { background-size: cover }

/* #, ##, ###,  ####*/
.phb h1, .phb h2, .phb h3, .phb h4{
margin-top:         .2em;               
margin-bottom:      .2em;
font-family:        MrJeeves;
font-weight:        800;
color:              #000000;}
.phb h3{
font-size:          .529cm;
border-bottom:      2px solid #000000   
}

/* #'s */
.phb h1 { font-size: 420% }
.phb h2 { font-size: 250% }
.phb h3 { font-size: 186% }
.phb h4 { font-size: 145% }
.phb h5 { font-size: 135% }

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

table tbody tr:nth-child(even) {
    background-color: #f0e9dc
}
th {
  background-color: #94070a;
  color: white;
}

table{
    border-collapse:separate;
    border:solid black 0px;
    border-radius:6px;
    -moz-border-radius:6px;
}

/* Footer */
.phb:nth-child(odd):after{ 
    content          : '';
    position         : absolute;
    bottom           : -12px;
    left             : 20px;
    z-index          : -100;
    height           : 100%;
    width            : 99%;
    background-image : url('http://forevergamenight.com/wp-content/uploads/2019/04/Odd_Pages.png');
    background-size  : cover;
}
.phb:nth-child(even):after{ 
    content          : '';
    position         : absolute;
    bottom           : -12px;
    left             : -12px;
    z-index          : -100;
    height           : 100%;
    width            : 99%;
    background-image : url('http://forevergamenight.com/wp-content/uploads/2019/04/Even_Pages.png');
    background-size  : cover;
}

/* Footnote */
.phb .footnote{
    position   : absolute;
    right      : 80px;
    bottom     : 32px;
    z-index    : 150;
    width      : 700px;
    text-align : right;
    color      : #c16e8d;
    font-size  : 13pt;
    letter-spacing: 0.5px;
    font-variant: small-caps;
}

/* Page Number */
.phb .pageNumber.auto{
    font-size: 13pt;
    color: #ffffff;
    position   : absolute;
    bottom     : 28px;
    width      : 38px;
    text-align : center;
}
.phb:nth-child(even) .pageNumber.auto{
    left      : 5px;
}
.phb:nth-child(odd) .pageNumber.auto{
    right      : 5px;
}

.phb .descriptive{
    display:block-inline;
    margin-bottom:1em;
    background-color:#dee2e5;
    font-family:ScalySans;
    border-style:hidden;
    border-width:7px;
    border-image:url('/assets/img/sidebars.png') 12 round;
    border-image-outset:4px;
    box-shadow:0 0 6px #faf7ea
}
.phb .descriptive p{
    display:block;
    padding-bottom:0;
    line-height:1.5em
}
.phb .descriptive p+p{
    padding-top:.8em
}
.phb .descriptive em{
    font-family:ScalySans;
    font-style:italic
}
.phb .descriptive strong{
    font-family:ScalySans;
    font-weight:800;
    letter-spacing:-0.02em
}
.phb pre+.descriptive{
    margin-top:8px
}

.phb blockquote {
    font-family: ScalySans;
    box-sizing: border-box;
    margin-bottom: 1em;
    margin-top: 9px;
    padding: 5px 10px;
    background-color: #b1c9d2;
    border-style: solid hidden solid hidden;
    border-width: 2px;
    border-color: #104469;
    border-image: url('/ssets/img/note-wrap.png') 11;
    border-image-outset: 9px 0;
    box-shadow: 1px 4px 14px #888
}
.phb blockquote em {
    font-family: ScalySans;
    font-style: italic
}
.phb blockquote strong {
    font-family: ScalySans;
    font-weight: 800;
    letter-spacing: -0.02em
}
.phb blockquote p,
.phb blockquote ul {
    font-size: .352cm;
    line-height: 1.1em
}
.phb pre+blockquote,
.phb h2+blockquote,
.phb h3+blockquote,
.phb h4+blockquote,
.phb h5+blockquote {
    margin-top: 13px}
.phb blockquote h5 {
    margin-top: 0}

.phb .partpage-sw{
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    right:0;
    background-image:url('http://forevergamenight.com/wp-content/uploads/2019/04/SW_Header.png');
    background-size:cover;
    background-position:center;
    height:100%
}
.phb .partpage-sw h1{
    font-family:NodestoCaps;
    font-size:64pt;
    font-weight:normal;
    letter-spacing:-2px;
    margin:120px 0 -12.5px 0
}
.phb .partpage-sw h5{
    font-family:ScalaSans;
    font-size:30pt;
    color:black
}

</style>

# Chapter Header

##### Sub-Header
</div>

### Section Header

This seems to be working pretty well.

\pagebreakNum

# <center>Test Text 1</center>
The h1 Header isn't really used in the SWADE formatting.  It may still be useful for individual projects.

## Test Text 2
The h2 header is use for most everything.

### Test Text 3
The h3 header is used almost as much as the h2.

#### Test Text 4

> Use the Note Block to highlight sections.

<div class='descriptive'>
 
 ##### 
The Descriptive Block will most likely need a background image for the deal layout.  Maybe a scrap of notepad paper.
 
 </div>

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

\pagebreakNum

# Alternative Backgrounds
The following pages are examples of some alternative background images I've pulled out from the SWADE template.

\pagebreak

\pagebreakNum

\pagebreakNum