## Descriptive Text Box

I put together some CSS code to display the "descriptive text box" from the D&D adventure modules that show text the DM is supposed to read or paraphrase.  Until this is officially supported on the Homebrewery, this is the closest I've come to mimicking the PHB style.

### An Example
Use the box by surrounding your text in a div tag with class of "descText".  Enjoy!

<div class="descText">
You see a small, round wooden table before you.  A scattering of paper sheets, roughly-used books, and some half-eaten pizza lay atop it!

"So, you've found your way to our little table, I see," says a voice from the far chair.  Illuminated in the bright glow of a laptop computer, you can just make out the features of his face. "I'm the DM.  and I'm currently reading from this Homebrewery page."
</div>

Just add the CSS style code from below in the source code somewhere on your page, and you'll be good to go!



<style>
	.test {
    	background-color: #faf7ea;
    }

	.descText {
    	font-family : ScalySans;
      	background-color: #faf7ea;
        border-style: solid;
        border-width: 7px;
        border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA8CAMAAADG+c2+AAAAM1BMVEUAAAAAAAAAAAAkAAA1GwA0GgA5GgA5GwA4HgA7HgA5HgA7HgA7HwA7HgA8HgA7HgA8HwDn6RpAAAAAEHRSTlMAAQcHMDExQ1ZW1dXY3t7+02zZCAAAAKNJREFUWMPt2LEOwyAMBNCkSXGpKfb/f20G3AGUiWOJdNlueYrt6di2J3xHrmZF9mVCdnd3T/NgCO+ItUWdB0P4RrQWfR4chOVggUcu/cgCH0X6o+ynuivg3QjIAm8FggQJEiRIkCBBggQJEoTApO56An15EFIrVgJ4vaAtlnlwEKKbGrLATlgOxg9XeORfv9IMH+Xzb7tSzGo+gL7chNcjXpUulIwXVrjWS+0AAAAASUVORK5CYII=") 12 round;
        border-image-outset: 4px;
        margin-bottom: 1em;
        box-shadow: 0px 0px 6px #faf7ea;
        display: block-inline;
    }
    .descText p{
    	display: block;
        line-height: 1.5em;
        padding-bottom: 0px;
    }
    .descText p + p {
    	padding-top: .8em;
    	
    }
    .descText em {
    		font-family : ScalySans;
    		font-style  : italic;
    	}
    .descText strong {
      font-family    : ScalySans;
      font-weight    : 800;
      letter-spacing : -0.02em;
   	}
</style>