Real styles go here

dabblet.css

html {
  background: #CCC;
}

body {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 50%;
  top: 50%;
  margin-left: -160px;
  margin-top: -240px;
  width: 320px;
  height: 480px;
  
  background: #FFF;
  box-shadow: 0px 0px 10px #999;
}

/* Real styles go here */
.todo-item {
  background: #FFF;
  height: 2em;
  position: relative;
  font: 12pt arial;
  border-bottom: 1px dotted #EEE;
}

.todo-item_check {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 16px;
  margin-left: 10px;
}

.todo-item label {
  margin-left: 32px;
  line-height: 2em;
}

dabblet.html

<div class="todo-item">
  <input type="checkbox" class="todo-item_check"/>
  <label>Do some shit</label>
</div>

settings.json

{"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"}