Skip to content

Instantly share code, notes, and snippets.

@xavortm
Last active November 10, 2016 14:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save xavortm/7a53055fbd6aab866b3ae8bba2bbf10e to your computer and use it in GitHub Desktop.
Save xavortm/7a53055fbd6aab866b3ae8bba2bbf10e to your computer and use it in GitHub Desktop.
included are system fonts for unified look, remove if needed
/* uses body to overwrite all other stylings without !important */
body {
padding: 0;
margin: 0;
/* Use system fonts for best rendering */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
body form.form {
padding: 0;
margin: 0;
}
body form.form p.required label,
body form.form span.required label {
background: none;
}
body form.form p label,
body form.form p label {
display: block;
width: 100%;
text-align: left;
background: none;
float: none;
padding: 0;
font-weight: bold;
margin: 0 0 5px 0;
}
body form.form p.required label::after,
body form.form span.required label::after {
content: "*";
display: inline;
color: #f00;
}
body form.form select {
height: 40px;
}
body form.form input,
body form.form input.text,
body form.form select,
body form.form textarea {
padding: 8px 10px;
font-size: 14px;
width: 100%;
border-radius: 3px;
border: 1px solid #ddd;
}
body form.form input {
box-sizing: border-box;
}
body form.form input[type="checkbox"],
body form.form input[type="radio"] {
width: auto;
}
body form.form .value span {
display: inline-block;
}
body form.form .value span label {
display: inline;
}
body form.form span.value {
margin-left: 0;
}
body form.form p.submit {
margin: 0;
}
body form.form p {
padding: 0;
margin: 15px 0;
}
body form.form p.submit input[type="submit"] {
display: inline-block;
margin: 0;
width: auto;
box-sizing: content-box;
padding: 10px 20px;
font-size: 18px;
background: #503083;
color: #fff;
border: none;
border-radius: 4px;
height: auto;
margin-top: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment