Untitled

dabblet.css

.with-border {
border:1px solid #333;
}

.media-small {
width:145px;
height:97px;
background-position:50% 50%; 
background-repeat:no-repeat; 
display:block; 
-webkit-background-size:cover;
background-image:url(http://www.phlmetropolis.com/Cats.jpg);
margin-bottom:50px;
}

.media-medium {
width:290px;
height:145px;
background-position:50% 50%; 
background-repeat:no-repeat; 
display:block; 
-webkit-background-size:cover;
background-image:url(http://www.phlmetropolis.com/Cats.jpg);
margin-bottom:50px;
}

.media-large {
width:310px;
height:310px;
background-position:50% 50%; 
background-repeat:no-repeat; 
display:block; 
-webkit-background-size:cover;
background-image:url(http://www.phlmetropolis.com/Cats.jpg);
}

dabblet.html

<div class="media-small with-border">&nbsp;</div>
<div class="media-medium with-border">&nbsp;</div>
<div class="media-large with-border">&nbsp;</div>

dabblet.js

// alert('Hello world!');

settings.json

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