Register

dabblet.css

/* Register */
* {
	padding: 0;
	margin: 0;
}
body {
	background-color: whiteSmoke;
	font-family: Tahoma;
}
div#betaregister {
	padding: 100px;
}
form {
	padding: 25px;
}
input[type=email] {
	padding: 5px;
	width: 250px;
	font-size: 16pt;
	border: 5px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2), inset 0 3px 2px whiteSmoke;
	outline: none;
}
input[type=submit] {
	padding: .45em .6em;
	border-radius: .3em;
	width: 100px;
	color: #FFF;
	font-weight: bold;
	border: 1px solid rgba(0, 0, 0, .4);
	margin: 0 .2em;
	white-space: nowrap;
	background-image: url("http://dabblet.com/img/noise.png");
	background-color: #333;
	box-shadow: rgba(255, 255, 255, .4) 0 1px 0 inset, rgba(255, 255, 255, .3) 0 25px 30px -12px inset, rgba(0, 0, 0, .6) 0 1px 2px;
	text-shadow: 0 -1px 1px black, 0 -1px 2px black;
	margin-left: 15px;
}

dabblet.html

<div id="betaregister">
	<h1 class="beta">Beta Sign Up and Register</h1>
<form id="beta" method="post" action="">
	<input type="email" value="" name="email" placeholder="Enter Email" />
	<input type="submit" value="Sign Up" id="submit" />
</form>
</div>

settings.json

{"view":"split","prefixfree":"1","page":"css"}