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 span:hover {
	color: hsla(43,94%,57%,1);
}


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'>

<span>MOV R0, #122</span><br/>
<span>#$E1</span><br/>
<p>Negative Zahl als Zweierkomplement:<br/>
<b>in Binär umwandeln</b><br/>
<b>Alle Bits negieren</b><br/>
<b>1 addieren</b><br/>
<div class="code">
	<span>; Test für Overflow-Flag</span><br/>
	<span>MOV R0,#$FF</span><br/>
	<span>MOVH R0,#$7F</span><br/>
	<span>MOV R1,#1</span><br/>
	<span>ADD R0,R0,R1</span><br/>
	<span>ADD R0,R0,R1</span><br/>
	<span>SUB R0,R0,R1</span><br/>
	<span>SUB R0,R0,R1</span><br/>
</div>

settings.json

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