The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
div{color:white;font-weight:bold;height:30px;width:97px;text-align:center;line-height:30px;
background: linear-gradient(180deg,#dd4b39,#d14836);
border: 1px solid transparent;
text-shadow: 0 1px rgba(0,0,0,0.1);
text-transform: uppercase;
border-radius: 2px;
cursor: default;
font-size: 11px;
font-weight: bold;
text-align: center;
white-space: nowrap;
position: relative;
display: inline-block;
vertical-align: middle;
font-family:arial,sans-serif;
}
#foo{
border: 1px solid #3079ed;
background: linear-gradient(180deg,#4d90fe,#4787ed);
}
#right{
color: #444;
border: 1px solid #dcdcdc;
background: linear-gradient(180deg,#f5f5f5,#f1f1f1);
}
span{
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
z-index: 990;
font-family:arial,sans-serif;
border: 1px solid #f0c36d;
background-color: #f9edbe;
padding: 2px 10px;
border-radius: 2px;
color: #222;
}

dabblet.html

<div>Compose</div>
<div id=foo>Send</div>
<div id=right>More</div>
<span>Loading...</span>

dabblet.js

// alert('Hello world!');

settings.json

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