OpenGov 311

dabblet.css

/* OpenGov 311 */
@import url(http://fonts.googleapis.com/css?family=Istok+Web:700);
a { font:700 100%/1 Istok Web; zoom:1;
	display:table-cell; border:2px solid #fff; width:60px; height:60px; 
	vertical-align:middle; text-align:center; padding:3px;
	color:hsla(200,20%,20%,1);
	text-shadow:1px 1px 1px hsla(200,30%,70%,1);
	background:linear-gradient(137deg,hsl(200,90%,60%),hsl(200,90%,80%));
	box-shadow:
		-1px -1px 3px hsla(200,30%,30%,.2) inset, 
		1px 1px 2px hsla(200,30%,80%,.6) inset }
		
		
a em, a:nth-child(2) { font-size:230%; font-style:normal }

dabblet.html

<a>OpenGov <em>311</em></a>

<a>311</a>

dabblet.js

// alert('Hello world!');

settings.json

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