Windows 98

dabblet.css

/**
 * Windows 98
 */

body {
	-webkit-font-smoothing: none;
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	margin: 0;
	padding: 0;
	background-color: #008080;
}
.taskbar {
	padding: 2px;
	font-size: 12px;
	position:fixed;
	bottom: 0px;
	height: 22px;
	line-height: 18px;
	width: 100%;
	background-color: #c0c0c0;
	border: 0;
	border-top: 1px solid white;
	box-shadow: 0px -1px 0px #dfdfdf;
}
.taskbar-section {
	display: inline-block;
	line-height: 16px;
	margin-left: 2px;
	box-shadow: -1px 0px 0px white, -2px 0px 0px #808080;
	padding: 1px;
	padding-left: 2px;
}
.taskbar-button {
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
	height: 12px;
	line-height: 12px;
	padding: 2px;
	display: inline-block;
	box-shadow: -1px -1px 0px white, -1px 0px 0px white, 0px -1px 0px white, 1px 1px 0px black, 1px -1px 0px black, -1px 1px 0px black;
}
.taskbar-button.active {
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	box-shadow: 1px 1px 0px white, 1px 0px 0px white, 0px 1px 0px white, -1px -1px 0px black, -1px 1px 0px black, 1px -1px 0px black;
	    background-image:
	    -moz-linear-gradient(45deg, white 25%, transparent 25%,transparent 75%, white 75%, white 100%),
	    -moz-linear-gradient(45deg, white 25%, transparent 25%,transparent 75%, white 75%, white 100%);
	    background-image:
	    -webkit-linear-gradient(45deg, white 25%, transparent 25%,transparent 75%, white 75%, white 100%),
	    -webkit-linear-gradient(45deg, white 25%, transparent 25%,transparent 75%, white 75%, white 100%);
	    -moz-background-size:2px 2px;
	    background-size:2px 2px;
	    -webkit-background-size:2px 2px;
	    background-position:0 0, 50px 50px;
}
.taskbar-button.active, .taskbar-button.start-button {
	font-weight: bold;
}
.taskbar-button img {
	vertical-align: middle;
	display: inline;
	padding-right: 2px;
	margin-top: -3px;
}

dabblet.html

<div class="header taskbar">
	<span class="taskbar-button start-button"><img src="data:image/gif;base64,R0lGODdhEAAOAKIAAAICAgY0/wL5Av8oAv/7AgAAAM13/38AACH5BAEAAAUALAAAAAAQAA4AAANCWLoLDiyWRyFkbzhB58waIHBXBQzh6AzRSpFsHJqOgqJP4BB5CwQ6AIH3KwSMQeCOqAAqfxTipUF7eCqY2scqmSQAADs=" alt="">Start</span>
	<div class="taskbar-section quicklaunch">
		<span class="taskbar-button active"><img src="data:image/gif;base64,R0lGODdhEAAOAKIAAAICAgY0/wL5Av8oAv/7AgAAAM13/38AACH5BAEAAAUALAAAAAAQAA4AAANCWLoLDiyWRyFkbzhB58waIHBXBQzh6AzRSpFsHJqOgqJP4BB5CwQ6AIH3KwSMQeCOqAAqfxTipUF7eCqY2scqmSQAADs=" alt="">Welcome to Windows 98</span>
		<span class="taskbar-button"><img src="data:image/gif;base64,R0lGODdhEAAOAKIAAAICAgY0/wL5Av8oAv/7AgAAAM13/38AACH5BAEAAAUALAAAAAAQAA4AAANCWLoLDiyWRyFkbzhB58waIHBXBQzh6AzRSpFsHJqOgqJP4BB5CwQ6AIH3KwSMQeCOqAAqfxTipUF7eCqY2scqmSQAADs=" alt="">Internet Explorer</span>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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