Display

dabblet.css

/* Display */

body {
	background: /* http://lea.verou.me/css3patterns/#carbon-fibre */
		radial-gradient(black 15%, transparent 16%) 0 0,
		radial-gradient(black 15%, transparent 16%) 8px 8px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-color:#333;
	background-size:16px 16px;
	min-height:100%;
	font: 18px sans-serif;
}

#display {
	background: #38c2f2;
	background-image: 
		linear-gradient(left, rgba(0,0,0,0.2), rgba(0,0,0,0)), 
		linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0)),
		radial-gradient(50% 50%, rgba(255,255,255,0.5), rgba(255,255,255,0));
	background-size: 2px 100%, 100% 2px, 100% 100%;
	width: 480px;
	margin: 100px auto;
	padding: 18px 0;
	border-radius: 6px;
	box-shadow: 
		rgba(0,0,0,0.6) 0 0 15px inset, 
		#222 0 0 1px 10px,
		rgba(255,255,255,0.1) 0 -1px 1px 10px,
		#000 0 1px 1px 10px;
}

#text {
	color: transparent;
	text-align: center;
	font-weight: bold;
	background-image: 
		linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0)), 
		linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0));
	background-size: 2px 2px;
	-webkit-background-clip: text;
}

#text:first-line {
	font-size: 96px;
}

dabblet.html

<div id="display">
	<div id="text">11:15:56<br>Friday, February 24, 2012</div>
</div>

settings.json

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