Untitled

dabblet.css

body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
background-image: url("http://subtlepatterns.com/patterns/dark_wood.png");
min-height: 100%;
font-family: 'Arbutus Slab', serif;
color: hsla(0,0%,100%,.8);
font-size: 1.0rem;
}

body span:before, b:before {
	content: "> ";
	color: hsla(0,0%,100%,.3);
}

body span {
	color: hsla(43,94%,57%,.8);
}

body b:before {content: "⌊ ";}

body b{
	padding: 0 0 0 .5rem;
	font-weight: normal;
	color: hsla(43,64%,37%,.8);
}

div.code {
	font-family: 'Droid Sans Mono', sans-serif;
	padding: 1rem;
	border-radius: .4rem;
	background: hsla(0,0%,0%,.3);
	box-shadow: 0 1px 0 0 hsla(0,0%,100%,.03),
				0 2px 0 0 hsla(0,0%,100%,.02),
				0 -1px 1px 0 hsla(0,0%,100%,.03),
				-1px 0 0 0 hsla(0,0%,100%,.03),
				1px 0 0 0 hsla(0,0%,100%,.03);
}

dabblet.html

<link href='http://fonts.googleapis.com/css?family=Arbutus+Slab|Droid+Sans+Mono' rel='stylesheet' type='text/css'>

<p id="pp">hi</p>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}