Skip to content

Instantly share code, notes, and snippets.

@jamesmrobinson
Created April 12, 2013 23:49
Show Gist options
  • Save jamesmrobinson/5376088 to your computer and use it in GitHub Desktop.
Save jamesmrobinson/5376088 to your computer and use it in GitHub Desktop.
Modified pea.rs form styles (labels on top) with shortened unit values and rems
form fieldset { font-size: 14px; font-size: 1.4rem; margin: 0 0 20px; margin: 0 0 2rem; }
form fieldset.form-actions { margin: 0; }
form fieldset label { display: block; font-weight: 700; margin: 0 0 5px; margin: 0 0 .5rem; }
form fieldset.check label { display: inline; font-weight: normal; }
form fieldset.radio ul li label { display: inline; font-weight: 400; }
form fieldset input.form-text,
form fieldset textarea { background: #f5f5f5; border: 1px solid #ddd; display: block; font-size: 14px; font-size: 1.4rem; padding: 5px; padding: .5rem; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 50%; }
form fieldset input.form-text:focus { background: #fff; border: 1px solid #ccc; }
form fieldset textarea { height: 150px; height: 15rem; }
form fieldset select { margin: 0; min-width: 25%; }
form fieldset.radio ul { margin-top: 5px; margin-top: .5rem; }
form fieldset.radio ul li { margin: 0 0 5px; margin: 0 0 .5rem; }
form fieldset.radio ul li:last-child { margin: 0; }
form fieldset p.form-help { color: #999; font-size: 12px; font-size: 1.2rem; margin: 5px 0 0; margin: .5rem 0 0; }
form input[type="submit"] { background: #eee; border: 1px solid #ccc; font-size: 12px; font-size: 1.2rem; font-weight: 700; margin: 0; padding: 5px 10px; padding: .5rem 1rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
form input[type="submit"]:hover,
form input[type="submit"]:focus { border: 1px solid #bbb; background: #e5e5e5; }
form input[type="submit"]:active { border: 1px solid #ccc; background: #eee; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment