Oleaster Spellcard Template | GM Binder

<style>
/* background color */
 .phb {
    background : rgb(8, 138, 190);
/* page width */
    width: 375px;
    height: auto;
/* page margins */
    padding: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
 }
/* remove footer */
  .phb:after { display: none; }
/* define centered */
 .centered {
    width: 90%;
    margin: auto;
    display: block;
 }
/* define text styles - body */
 .phb {
    font-family: 'Roboto', sans-serif;
    font-size; 10, 8pt;
    color: #000;
 }
/* header 1 */
 .phb h1 {
    font-family: 'Libre Baskerville', serif;
    font-size: 18pt;
    font-weight: normal;
    line-height: 60%;
    color: #FFF;
    text-shadow: 1px 1px #000;
 }
/* header 2 */
 .phb h2 {
    font-family: 'Cinzel', serif;
    font-size: 8pt;
    font-weight: normal;
    font-style: italic;
    color: #FFF;
    text-shadow: 1px 1px #000;
 }
/* horizontal rule */
 .phb h3 {
    font-size: 50pt;
    border-bottom: 1pt solid #FFF;
 }
/* Spell Icon Block */
 .phb .spellIcon {
    position: absolute;
    left: 5%;
    top: 3.5%;
    height: 48px;
    width: 48px;
    font-size: 16px;
    text-align: center;
    color: rgb(8, 138, 190);
    padding: 3.5% 0;
    background-image: url("https://www.gmbinder.com/images/ySny9KQ.png");
 }
/* Spellcard Header Block */
 .phb .spellHeader {
    text-transform: uppercase;
    text-align: center;
 }
/* Spellcard Body Block */
 .phb .spellBody {
    background: solid;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #000;
    padding-bottom: 0px;
 }
/* Spell Property Table */
 .phb table {
    width: 100%;
 }
 .phb th {
    font-family: 'Roboto', sans-serif;
    font-size; 10, 8pt;
    color: #FFF;
    text-shadow: 1px 1px #000;
    width: 50%;
 }
 .phb table tbody tr:nth-child(odd) {
    font-family: 'Markazi Text', serif;
    font-size; 10, 8pt;
    line-height: 4px;
    background-color:transparent;
    color: #FFF;
    text-shadow: 1px 1px #000;
 }
</style>

<div class='spellIcon'>

0

</div>

<div class='spellHeader'>

# SPELL NAME
 
 
 ## School of Magic, PHB \#
 
 
 ###

</div>

| Casting Time: | Range |
|:---|:---|
| 1 Action | Self |

| Components: | Duration: |
|:---|:---|
| V, S | Concentration, ≤ 1 hour |

<div class='spellBody'>

Here is where the spell description goes. I suggest using a condensed typeface to fit as much of the spell description as possible. It also helps to use a font that includes a bold weight, as I like to put dice rolls (**2d8**) in bold so they're easy to identify.

<div style='margin-top:-4px;' />

**At higher levels:** Some spells have conditional text, so that should go after a bold introductory line so it's easy to find a a glance. Add a couple of extra lines leading to the first line to separate it from the previous paragraph.

<div style='margin-top:-4px;' />

Original design created by /u/Oleaster.

<div style='margin-top:-4px;' />

Adapted to GMBinder by /u/layhnet.

<div style='margin-top:-8px;' />

</div>