Pukkelpop 2012 - countdown

dabblet.css

/**
 * Pukkelpop 2012 - countdown
 */
body { padding-top: 10px; font-family: Arial; }
span {
	dipslay: block;
	float: left;
	padding-top: 30px;
	text-align: center;
	background-color: #ffe7c4;
	background-image: linear-gradient(270deg, #ffe7c4 0px, #ffe7c4 31px, #fdc689 31px, #fdc689 35px, #866749 35px, #877766 36px, #ffe7c4 37px);
	background-size: 73px auto;
	background-position: center center;
	background-repeat: repeat-x;
	border: 1px solid #000;
	width: 100px;
	height: 70px;
	position: relative;
	margin-right: 5px
}
span:before {
	content: "";
	background: #fdc689;
	border: 1px solid #000;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 8px 2px;
	top: -9px;
	left: -3px;
	z-index: -1;
}
span:after {
	content: "";
	background: #fdc689;
	border: 1px solid #000;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 4px 1px;
	top: -5px;
	left: -2px;
	z-index: -1;
}
em {
	display: block;
	font-size: 50px;
	line-height: 40px;
	font-style: normal;
	font-weight: bold;
}

dabblet.html

<span><em>99</em> days</span>
<span><em>7</em> hours</span>
<span><em>13</em> mintues</span>
<span><em>37</em> seconds</span>

settings.json

{"view":"split","prefixfree":"1","page":"css"}