SoundForcast

dabblet.css

/**
 * SoundForcast
 */


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


body {
	background: linear-gradient(180deg, #111, #000);
	min-height: 100%;
	height:300px;
	color:#333;
}

.container {
	background-color:black;
	width:200px;
	margin:auto;
	border-radius:10px;
	padding:10px;
	box-shadow:0 0 10px #000;
	margin-top:100px;
}

#seed {
	border-radius:5px;
	padding:10px;
	background-color:#eee;
	width:100%;
	border-color:#ccc;
	border-width:0;
	color:#333;
}
#seed:focus {
	box-shadow:0 0 10px #ccc;
	outline:none;
}

dabblet.html

<div class=container>
	<input type=text name="seed" id="seed" placeholder="Insert Seed & Press Enter"/>
</div>

<script type="text/javascript">
	document.style.height = window.innerHeight + 'px';
</script>

settings.json

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