some reset

dabblet.css

/* some reset */
body{
    font-family:Verdana, Geneva, sans-serif;
    font-size:small;
    color:#fff;
    background: #3a5875
}

/* Notice wrapper with Single Image */
.notice-wrap {
	margin-top: 10px; padding: 0 .7em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CD0A0A;
	background: #B81900 url(http://www.getklok.com/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
}


/* Notice wrapper with SPRITE Image */
.notice-wrap-sprite {
	margin-top: 10px; padding: 0 .7em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CD0A0A;
	background: #fff url(http://f.cl.ly/items/2P1u2S1a132R0B3d2s08/test-sprite.png) repeat;
	background-position: 0 -52px;
}

dabblet.html

<div class="notice-wrap"> 
       <p><strong>NOTICE:</strong> This is just a test notice, no reason to be alarmed</p> 
</div>

<BR><BR><BR>


<div class="notice-wrap-sprite"> 
       <p><strong>NOTICE:</strong> This is just a test notice, no reason to be alarmed</p> 
</div>

settings.json

{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"all"}