List bar

dabblet.css

/**
 * List bar
 */

.listbar_wrap {
  color: #fff;
  background-color: #8E8E8E;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8E8E8E), to(#717171)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #8E8E8E, #717171); /* Chrome 10+, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #8E8E8E, #717171); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #8E8E8E, #717171); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #8E8E8E, #717171); /* Firefox 16+, IE 10+, Opera 12.50+ */
  margin: 12px 0 9px;
  padding: 3px 0 3px 10px;
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

dabblet.html

<div class="listbar_wrap">bla</div>

dabblet.js

// alert('Hello world!');

settings.json

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