Untitled

dabblet.css

div.container {
	width: 60%;
	height: 60%;
	background-color: hsl(0, 0%, 92%);

	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin: auto;
	padding: 20px;
	
	
	border-radius: 8px;
	border: 8px solid hsl(0, 0%, 78%);
	
	font-family: sans-serif;
	font-size: 16px;
	color: hsl(0, 0%, 15%);
}

#info {
   margin: auto 10px;
   text-align: justify;
}

h1 {
	text-align: center;

	padding-bottom: 15px;
	border-bottom: 1px solid;
}

span.logo {
    color: hsl(0, 100%, 57%);
    font-weight: bold;
}

form {
    margin-bottom: 20px;
}

fieldset {
    border-radius: 8px;
    border-color: hsl(0, 0%, 90%);
    
    padding: 20px;
}

legend {
    font-size: 14px;
    
    background-color: hsla(0, 0%, 84%, 1);
    
    padding: 6px 15px;
    
    border-radius: 8px;
    border: 1px solid hsl(0, 0%, 70%);
}

input[type="submit"] {
    float: right;
}

dabblet.html

<div class="container">
    <h1>Static<span class="logo">Conf</span></h1>
    <form method="post" enctype="multipart/form-data">
    	<fieldset>
    		<legend>Upload Config</legend>
    		<input type="file" />
	    	<input type="submit" value="Submit" />
    	</fieldset>
    </form>
    <p id="info">
    	Static<span class="logo">Conf</span> is a simple, easy to use Minecraft config
    	host, specializing in configuration zip packs in the
    	<a href="http://mml.stephenmac.com/">PackAssembler</a> format. For security, we
    	currently only support this format, which is just a zipped "config/" folder. A
    	common structure would look like:
    	<ul>
    	    <li>config/</li>
    	    <li>config/SomeConfig.cfg</li>
    	    <li>config/somedir/SomeOtherConfig.txt</li>
    	    <li>config/somedir/BecauseINeedTwoConfigs.txt</li>
        </ul>
    </p>
</div>

settings.json

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