Untitled

dabblet.css

@import url(http://fonts.googleapis.com/css?family=Lato:700);
* {
	text-transform: uppercase;
	font-family: "Lato";
	margin-left: 10%;
	nargin-right: 10%;
}

label {
	padding-right: 10px;
}
form input[type=text]:focus, form input[type=password]:focus, textarea:focus {
    outline: none;
}
input[type=text],input[type=password] {
	border-bottom: 2px solid black !important;
	border: none;
	-webkit-appearance: none; 
}
input[type=checkbox] {
	border: 2px solid black;
	box-sizing: border-box;
	-webkit-appearance: none;
	padding-right: 3px;
	padding-left: 3px;
	transition: background-color 1s;
}
input[type=checkbox]:checked {
	background-color: black;
}
input[type=checkbox]:before {
	content: "x";
	color: white;
	font-size: 
	20px;
}
button {
	border: 2px solid black;
	padding: 5px 10px;
	background-color: white;
	transition: all 1s;
}
button:hover {
	background-color: black;
	color: white;
}

dabblet.html

<div id="signin">
<h1>Sign In</h1>
<hr />
<form>
<label for="name">Name</label>
<input type="text" name="name"><br />
<label for="password">Password</label>
<input type="password" name="password"><br />
<label for="remember">Remember Me</label>
<input type="checkbox" name="remember" value="Remember Me"><br />
<button type="submit">Sign In</button>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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