Big rounded form

dabblet.css

body {
	background-color: #eee;
}

.container {
	margin-top: 50px;
	width: 1400px;
	text-align: center;
	font-family: sans-serif;
	height: 75px;
}

.container > input[type=url] {
	color: #666;
	border: none;
	border-radius: 2px;
	padding: 0px .5em;
	height: 75px;
	font-size: 36px;
	width: 22em;
	vertical-align: middle;
}

.container > input[type=submit] {
	border: none;
	background-color: #6FBEB6;
	height: 75px;
	vertical-align: middle;
	font-size: 25px;
	font-weight: bold;
	color: white;
	padding: 0px 1em;
	border-radius: 2px;
	cursor: pointer;
	text-transform: uppercase;
}

dabblet.html

<div class="container">
	<input type="url" name="url" value="http://"/>
	<input type="submit" value="get colours"/>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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