Streaming and Download Counts

dabblet.css

/* Streaming and Download Counts */

.count-boundary {
	margin: 5px auto 5px 25px;
	vertical-align: top;
}

.count-container {
	height: 26px;
	border: 1px solid #333;
	display: inline-block;
}

.count-label {
	background-color: #333;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	padding: 3px;
	display: inline-block;
}

.count-value {
	text-align: center;
	font-size: 18px;
	padding: 2px;
	display: inline-block;
	width: 125px
}

dabblet.html

<div class="count-boundary">
	<div class="count-container">
		<div class="count-label">Streaming</div>
		<div class="count-value">150,000</div>
	</div>
</div>

<div class="count-boundary">
	<div class="count-container">
		<div class="count-label">Download</div>
		<div class="count-value">25,000</div>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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