diff options
| author | Julie Lala <jules@okfoc.us> | 2014-06-24 18:52:07 -0400 |
|---|---|---|
| committer | Julie Lala <jules@okfoc.us> | 2014-06-24 18:52:07 -0400 |
| commit | 948926970571793e774ebf34c16e14ef8e694062 (patch) | |
| tree | 90250502c299fc130efbd4c54a62e3c158cb7acd /static/irl/blueprint/src/forms.css | |
| parent | 0e9eb8b4fc0ef43f91b69749f276cadf2d3bb3ad (diff) | |
| parent | c14e6d4356a2c4d9981a6808ef19edb66fc96e51 (diff) | |
Merge branch 'master' of dumpfm:/pichat/repo
Diffstat (limited to 'static/irl/blueprint/src/forms.css')
| -rwxr-xr-x | static/irl/blueprint/src/forms.css | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/static/irl/blueprint/src/forms.css b/static/irl/blueprint/src/forms.css new file mode 100755 index 0000000..b491134 --- /dev/null +++ b/static/irl/blueprint/src/forms.css @@ -0,0 +1,65 @@ +/* -------------------------------------------------------------- + + forms.css + * Sets up some default styling for forms + * Gives you classes to enhance your forms + + Usage: + * For text fields, use class .title or .text + * For inline forms, use .inline (even when using columns) + +-------------------------------------------------------------- */ + +label { font-weight: bold; } +fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } +legend { font-weight: bold; font-size:1.2em; } + + +/* Form fields +-------------------------------------------------------------- */ + +input[type=text], input[type=password], +input.text, input.title, +textarea, select { + background-color:#fff; + border:1px solid #bbb; +} +input[type=text]:focus, input[type=password]:focus, +input.text:focus, input.title:focus, +textarea:focus, select:focus { + border-color:#666; +} + +input[type=text], input[type=password], +input.text, input.title, +textarea, select { + margin:0.5em 0; +} + +input.text, +input.title { width: 300px; padding:5px; } +input.title { font-size:1.5em; } +textarea { width: 390px; height: 250px; padding:5px; } + +input[type=checkbox], input[type=radio], +input.checkbox, input.radio { + position:relative; top:.25em; +} + +form.inline { line-height:3; } +form.inline p { margin-bottom:0; } + + +/* Success, notice and error boxes +-------------------------------------------------------------- */ + +.error, +.notice, +.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } + +.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } +.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } +.success { background: #E6EFC2; color: #264409; border-color: #C6D880; } +.error a { color: #8a1f11; } +.notice a { color: #514721; } +.success a { color: #264409; } |
