dabblet.com 预览 gist 代码片段

dabblet.css

body {
	margin: 0;
	padding: 0;
	background: #09F;
}
.dialog {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	-webkit-transform: translate(-50%, -50%);
	border: 5px solid rgba(0,0,0,0.5);
	border-radius: 3px;
}
.dialog .hd {
	height: 42px;
	background: #FFF;
	border-bottom: 1px solid #CCC;
}
.dialog .bd {
	height: 240px;
	background: #FFF;
}
.dialog .ft {
	height: 40px;
	border-top: 1px solid #CCC;
	background: #f7f7f7;
}

dabblet.html

<div class="dialog">
    <div class="hd"></div>
    <div class="bd"></div>
    <div class="ft"></div>
</div>

settings.json

{"view":"split-vertical","fontsize":"120","seethrough":"","prefixfree":"","page":"css"}