gabesoft/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

.post-list {
	list-style: none;
}

.feed-title {
	text-transform: italic;
	float: left;
}

.post-date {
	position: absolute;
	right: 0
	bottom: 0;
}

.post-author {
	position: absolute;
	left: 0;
	bottom: 0;
}

.post-title {
	font-weight: 600;
	float: right;
}

li {
	border: 1px solid #eee;
	background: rgba(0,0,0,0.1);
	overflow: hidden;
	position: relative;
	height: 50px;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<ul class="post-list">
	<li>
	  <div class="feed-title">Hacker News</div>
	  <div class="post-title">The most amazing story ever</div>
	  <div class="post-date">32 minutes</div>
	  <div class="post-author">Tywin Lanister</div>
	</li>
</ul>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	.post-list {
	list-style: none;
	}

	.feed-title {
	text-transform: italic;
	float: left;
	}

	.post-date {
	position: absolute;
	right: 0
	bottom: 0;
	}

	.post-author {
	position: absolute;
	left: 0;
	bottom: 0;
	}

	.post-title {
	font-weight: 600;
	float: right;
	}

	li {
	border: 1px solid #eee;
	background: rgba(0,0,0,0.1);
	overflow: hidden;
	position: relative;
	height: 50px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<ul class="post-list">
	<li>
	<div class="feed-title">Hacker News</div>
	<div class="post-title">The most amazing story ever</div>
	<div class="post-date">32 minutes</div>
	<div class="post-author">Tywin Lanister</div>
	</li>
	</ul>