Last active
November 10, 2016 14:03
-
-
Save xavortm/7a53055fbd6aab866b3ae8bba2bbf10e to your computer and use it in GitHub Desktop.
included are system fonts for unified look, remove if needed
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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