Kursk

dabblet.css

/**
 * Kursk
 */

html, body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  position: relative;
  overflow: hidden;
}

body:before {
  display: block;
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  bottom: -10px;
  right: -10px;
  z-index: -1;
  background: url(http://farm9.staticflickr.com/8278/8709106173_eb540167b4_z.jpg) center center no-repeat;
  background-size: cover;
  -webkit-filter: blur(5px) sepia(76%);
}

div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -160px 0 0 -200px;
  width: 400px;
  height: 320px;
  background: url(http://farm9.staticflickr.com/8278/8709106173_eb540167b4_c.jpg) top center no-repeat;
  background-size: 100% auto;
  border-radius: 8px;
  box-shadow: 0 0 30px 1px rgba(0, 0, 0, .2)
}

div:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  padding: .75em .5em .8em;
  content: 'Kursk';
  background: #ecf0f1;
  border-radius: 0 0 8px 8px;
  font: normal normal 150%/1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #34495e;
}

dabblet.html

<div />

dabblet.js

// alert('Hello world!');

settings.json

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