January 15, 2012 03:41
diff --git a/dabblet.css b/dabblet.css
 /**
 * Cool Border Whatchyamacallit
 */
 body {padding:100px 0;}
 #test {position:relative; border:1px solid #333; border-width:1px 0; height:3px;}
 #test:before {
 	content:'<>';
 	position:absolute;
 	top:50%;
 	left:50%;
 	width:20px;
 	height:48px;
 	margin:-24px 0 0 -26px;
 	transform:rotate(-12deg);
 	font:bold 48px/1 'Arno Pro', Georgia, 'Times New Roman', serif;
 	text-indent:-18px;
 	text-shadow:1px 1px 0 #FFF,
 	            2px 2px 0 #FFF,
 	            3px 3px 0 #FFF,
 	            4px 4px 0 #FFF,
 	            -1px -1px 0 #FFF,
 	            -2px -2px 0 #FFF,
 	            -3px -3px 0 #FFF,
 	            -4px -4px 0 #FFF;
 	background:#FFF;
 	cursor:default;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div id="test"></div>
diff --git a/settings.json b/settings.json
 {"view":"split","prefixfree":"1","page":"css"}
	/**
	* Cool Border Whatchyamacallit
	*/
	body {padding:100px 0;}
	#test {position:relative; border:1px solid #333; border-width:1px 0; height:3px;}
	#test:before {
	content:'<>';
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:48px;
	margin:-24px 0 0 -26px;
	transform:rotate(-12deg);
	font:bold 48px/1 'Arno Pro', Georgia, 'Times New Roman', serif;
	text-indent:-18px;
	text-shadow:1px 1px 0 #FFF,
	2px 2px 0 #FFF,
	3px 3px 0 #FFF,
	4px 4px 0 #FFF,
	-1px -1px 0 #FFF,
	-2px -2px 0 #FFF,
	-3px -3px 0 #FFF,
	-4px -4px 0 #FFF;
	background:#FFF;
	cursor:default;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div id="test"></div>