Test card

dabblet.css

/**
 * Test card
 */
 
 @import  "http://fonts.googleapis.com/css?family=Comfortaa|Ubuntu:400,300&subset=latin,latin-ext";

@import  "http://weloveiconfonts.com/api/?family=entypo"; 

* {
	box-sizing: border-box;
}

body {
	font: 1.05em Ubuntu;
	background: #222;
	min-height: 100%;
	padding: 0;
	margin: 20px 0 0 0;
}

.card {
	width: 100%;
	max-width: 1200px;
	background: #333;
	margin: auto;
	border-top: 3px solid hsl(140, 80%, 40%);
}

.cover {
	width: 200px;
	height: 300px;
	margin: 9px 10px 10px 10px;
	position: absolute;
}

.info {
	color: white;
	width: 100%;
	min-height: 320px;
	padding: 20px 20px 20px 220px;
}

dabblet.html

<div class="card">
	<div class="cover"><img src="//bio-senpai.tk/cover/medaka%20box%20abnormal.png" /></div>
	<div class="info">Hi</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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