The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

dabblet.html

<div class="region region-header">
<div id="block-system-user-menu" class="block block-system block-menu first odd" role="navigation">
	<ul class="menu">
		<li class="first last collapsed"><a href="/" title="" class="active">John  Doe</a></li>
	</ul>
</div><!-- /.block -->
<div id="block-block-1" class="block block-block even">

      
  <ul class="menuLinkContainer">
	<li class="menuWrap  search-link"><a href="#search" class="sprt-btn-mobile_search_normal">Search</a></li>
	<li class="menuWrap  user-menu-link"><a href="#user-menu" class="sprt-btn-mobile_profile_normal">User Menu</a></li>
	<li class="menuWrap  menu-link"><a href="#menu" class="sprt-btn-mobile_menu_normal">Menu</a></li>
</ul>
</div><!-- /.block -->
<div id="block-menu-menu-create-content" class="block block-menu last odd" role="navigation">

      
  <ul class="menu"><li class="first last expanded"><a href="/node/add" title="">Create Content</a><ul class="menu"><li class="first leaf"><a href="/node/add/document" title="">Document</a></li>
<li class="leaf"><a href="/node/add/image" title="">Image</a></li>
<li class="leaf"><a href="/node/add/link" title="">Link</a></li>
<li class="last leaf"><a href="/node/add/video" title="">Video</a></li>
</ul></li>
</ul>
</div><!-- /.block -->
  </div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}