facebook post loading

dabblet.css

/**
 * facebook post loading
 */
#loading {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background-clip: border-box;
	background-origin: padding-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(246, 247, 248);
	background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, from(rgb(246, 247, 248)), color-stop(0.2, rgb(237, 238, 241)), color-stop(0.4, rgb(246, 247, 248)), to(rgb(246, 247, 248)));
	background-origin: padding-box;
	height: 104px;
	position: relative;
	width: 470px;
	zoom: 1;
}

p{
	height: 10px;
	background: #fff;
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

dabblet.html

<div id="loading">
	<p></p>
	<p></p>
	<p></p>
	<p></p>
	<p></p>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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