Skip to content

Instantly share code, notes, and snippets.

@ryanswanstrom
Created November 13, 2011 21:17
Show Gist options
  • Save ryanswanstrom/1362733 to your computer and use it in GitHub Desktop.
Save ryanswanstrom/1362733 to your computer and use it in GitHub Desktop.
Acss for input forms
@charset "UTF-8";
/* ** ** forms ** ** */
form fieldset {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px;
border: 1px solid #eee;
background-color: #f1f1f1;
}
form fieldset legend {
font-size: 1.4em;
padding: 0 5px;
}
form input[type=text],form input[type=email],form input[type=url],form input[type=password],form input[type=number],textarea
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 20px;
margin-bottom: 5px;
border: 1px solid #ccc;
padding: 4px 0 1px 5px;
}
form .textarea textarea {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 5px;
min-height: 50px;
border: 1px solid #ccc;
padding: 4px 0 1px 5px;
width: 100%;
}
form .textarea {
height: auto;
}
form label {
display: block;
height: 20px;
font-size: 1.2em;
}
/* special form styling */
form div {
height: 24px;
clear: both;
margin-bottom: 6px;
padding: 5px 0px;
}
form div label {
float: left;
width: auto;
}
form div input {
width: 52%;
float: right;
}
form div input.invalid {
border-bottom: 1px solid #f00;
}
/* single column form styling */
form .s_column div {
height: auto;
margin-bottom: 3px;
padding: 0px;
}
form .s_column div label {
float: none;
width: 100%;
}
form .s_column div input {
width: 98%;
float: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment