Untitled

dabblet.css

article {width: 90%; margin: auto;}
#un, #deux, #trois {
	width:250px;
	height:250px;
	display:inline-block;
	box-shadow: 0px 0px 10px black;
	margin-left: 20px;}
#un {
	background: linear-gradient(45deg, rgba(255,0,102,0.5), rgba(255,255,0,0.5)) ,url('http://25.media.tumblr.com/tumblr_m70uwiS0hm1r3hmd1o1_500.jpg')  no-repeat;
	background-size:100% 100%;}
#deux {
	background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)) ,url('http://25.media.tumblr.com/tumblr_m7zew2Zddi1qjvnruo1_500.jpg') no-repeat;
	background-size:100% 100%; 
}

#trois {
	background: linear-gradient(45deg, rgba(150,0,255,0.5), rgba(0,0,200,0.5)), url('http://25.media.tumblr.com/tumblr_m7ux39vfXA1r7oge1o1_500.jpg') no-repeat;
	background-size:100% 100%; 
}

#deux:hover {
	background: url('http://25.media.tumblr.com/tumblr_m7zew2Zddi1qjvnruo1_500.jpg') no-repeat;
	background-size:100% 100%; 
}

@font-face{
    font-family : Futura;
    src : url('http://dl.dropbox.com/u/67963796/ttf/futura.ttf');
}

p {font-family: Futura; text-indent:1em; font-size: 1.2em; color: white;}

dabblet.html

<article><div id="un"></div>
<div id="deux"><p>LE CHAT</p></div>
<div id="trois"></div></article>

settings.json

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