Proposed Settings for Twapp

dabblet.css

/**
 * Proposed Settings for Twapp
 */
body {
    font: 21px/1.5 "Helvetica Neue", sans-serif;
    color: #444;
    border-top: 0.444em solid #008fd5;
    padding: 3.375em;
    background: #fafafa;
}
h1, h2, h3, h4, h5, h6 {
    font: 2.5em/1.5 "Helvetica Neue", sans-serif;
    font-weight: 100;
    margin: 0;
}
.settings {
    max-width: 38.444em;
    padding-left: 4em;
    font-style: italic;
}
select {
    font: 1em/1 "Helvetica Neue", sans-serif;
    font-weight: 200;
    line-height: 1.2em;
    -webkit-appearance: none;
    border: 2px solid rgb(190,190,190);
    padding: 0.375em 0.7em;
    background-color: #e0e0e0;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));   
}
button {
    font: 1em/1.25 "Helvetica Neue", sans-serif;
    display: block;
    padding: 8px 16px;
    border: 2px solid #003080;
    background-color: #006dcc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));
    border-radius: 5px;
    color: #fff;
    text-shadow: 0 2px 1px rgba(0,0,0,0.5);
}

dabblet.html

<h1>Settings.</h1>

<p>Please customise the options below and then click the save button:</p>
<div class="settings">

	<p>I'd like <select id="replies"><option>every post I make</option><option>posts tagged with #t</option></select> to be sent to twitter. Replies and posts with a leading mention should be <select id="replies"><option>excluded</option><option>included</option></select>. Additionally, please <select id="reposts"><option>exclude</option><option>include</option></select> reposts and posts starting with 'RP' or '>>'.</p>

	<p>When Twapp knows that usernames are different on twitter, <select><option>automatically convert</option><option>don't convert</option></select> them before posting to twitter.</p>

	<p>Then, <select><option>don't append</option><option>append</option></select> the hashtag <select><option>#ADN</option><option>#Twapp</option></select>, if there's enough room.</p>

	<p>If the post is too long, <select><option>truncate and append '…'</option><option>truncate and append a link</option><option>don't post it to twitter</option></select>.</p>

</div>	
<button>Save!</button>

settings.json

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