Untitled

dabblet.css

@import url(http://fonts.googleapis.com/css?family=Roboto);

body {
	background: #f06;
	background: linear-gradient(0deg, #ddd, #ddd);
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	color: hsla(0,0%,100%,.9);
}
	
#header {
	margin: 0;
	height: 9999px;
	background: linear-gradient(0deg, #aaa, #aaa);
	overflow: hidden;
	float: left;
}

#header h1 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	padding: 0 1.5rem;
	margin: 0;
	text-shadow: 0 0 0 hsla(0,0%,0%,.1);
}

#header svg {
	padding: 0 1rem;
	width: 72px;
}

#header ul {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-size: .8rem;
}

#header ul li:first-child {
	padding-top: 48px;
}

#header ul li {
	width: 100%;
	height: 48px;
	padding: 24px 0 0 0;
	decoration: none;
	list-style: none;
	margin: 0;
	border-radius: 5px;
	box-shadow: inset 0 -1px 0 hsla(0,0%,100%,.2),
				inset 0 -4px 4px hsla(0,0%,100%,.08),
				0 1px 0 hsla(0,0%,0%,.1),
				0 3px 0 hsla(0,0%,0%,.05),
				0 6px 6px hsla(0,0%,0%,.1);
}


#headershadow {
	float: left;
	height: 9999px;
	background-color: #aaa;
	width: 1px;
	box-shadow:	inset -1px 0 0 hsla(0,0%,100%,.2),
				inset -4px 0 4px hsla(0,0%,100%,.08),
				1px 0 0 hsla(0,0%,0%,.3),
				4px 0 4px hsla(0,0%,0%,.1);
}

dabblet.html

<div id="header">
	<svg id="Layer_1" xml:space="preserve" enable-background="new 0 0 99.686 56.29" viewBox="0 0 99.686 56.29" height="100px" width="100px" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
	<path fill="#fff" d="M99.686,32.321l-6.606,3.964c-5.804-3.229-11.54,1.121-11.54,1.121s-7.596-10.709-20.444-10.515
	c-5.702,0.086-10.333,1.318-14.076,3.104l-3.117-2.66c2.818-0.639,16.002-5.594,16.002-5.594c0.602-0.219,0.912-0.883,0.693-1.483
	s-0.883-0.911-1.482-0.694l-2.922,1.06c2.291-2.601,4.432-5.608,4.785-6.11c0.369-0.522,0.242-1.244-0.279-1.613
	c-0.523-0.367-1.246-0.242-1.614,0.279c-0.558,0.793-1.538,2.122-2.655,3.53c0.221-2.126,0.414-5.048,0.422-5.183
	c0.043-0.639-0.439-1.188-1.078-1.23c-0.66-0.047-1.189,0.441-1.231,1.079c-0.003,0.035-0.233,3.522-0.469,5.599
	c-0.161,1.406-1.248,3.452-1.791,4.359c-0.384,0.344-0.744,0.631-1.061,0.824c-2.724,1.673-9.951,3.49-10.024,3.508
	c-0.42,0.105-0.748,0.438-0.847,0.859s0.046,0.863,0.375,1.146l4.094,3.494c-0.699,0.411-1.358,0.841-1.986,1.284l-6.236-5.178
	c2.33-2.074,7.949-7.158,9.748-9.504c2.272-2.971,5.894-12.449,6.046-12.851c0.228-0.599-0.072-1.267-0.67-1.495
	c-0.599-0.227-1.267,0.073-1.495,0.67c-0.015,0.038-0.609,1.592-1.444,3.602c-0.043-2.92-0.246-6.391-0.258-6.603
	c-0.038-0.638-0.571-1.12-1.225-1.088c-0.638,0.038-1.125,0.586-1.088,1.226c0.117,1.982,0.372,7.367,0.21,9.323
	c-0.487-2.106-1.704-4.823-1.762-4.952c-0.264-0.584-0.95-0.844-1.532-0.582c-0.583,0.264-0.843,0.948-0.581,1.532
	c0.416,0.923,1.537,3.646,1.734,5.142c0.197,1.492,0.069,3.998,0.012,4.925c-2.373,2.905-10.158,9.739-10.239,9.812
	c-0.255,0.223-0.398,0.547-0.395,0.887c0.005,0.338,0.158,0.658,0.418,0.875l6.872,5.705c-3.096,2.598-5.152,5.433-6.428,7.614
	H5.247c0,0,0.573,1.14,2.363,2.224c1.997,1.213,4.726,2.033,4.726,2.033H0c0,0,2.805,2.651,7.086,4.002
	c4.852,1.527,11.234,2.246,17.51,2.53L20.02,56.29h72.183c0,0,10.785-6.702,5.562-15.337L99.686,32.321z" fill="#010101"></path></svg>
	<h1>Labor</h1>
	<ul>
		<li>hi
		<li>hi2
		<li>hi3
		<li>4
		<li>5
	</ul>
</div>
<div id="headershadow">
</div>

dabblet.js

// alert('Hello world!');

settings.json

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