diff options
Diffstat (limited to 'static/css/blueprint/src/forms.css')
-rw-r--r-- | static/css/blueprint/src/forms.css | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/static/css/blueprint/src/forms.css b/static/css/blueprint/src/forms.css new file mode 100644 index 0000000..b491134 --- /dev/null +++ b/static/css/blueprint/src/forms.css | |||
@@ -0,0 +1,65 @@ | |||
1 | /* -------------------------------------------------------------- | ||
2 | |||
3 | forms.css | ||
4 | * Sets up some default styling for forms | ||
5 | * Gives you classes to enhance your forms | ||
6 | |||
7 | Usage: | ||
8 | * For text fields, use class .title or .text | ||
9 | * For inline forms, use .inline (even when using columns) | ||
10 | |||
11 | -------------------------------------------------------------- */ | ||
12 | |||
13 | label { font-weight: bold; } | ||
14 | fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } | ||
15 | legend { font-weight: bold; font-size:1.2em; } | ||
16 | |||
17 | |||
18 | /* Form fields | ||
19 | -------------------------------------------------------------- */ | ||
20 | |||
21 | input[type=text], input[type=password], | ||
22 | input.text, input.title, | ||
23 | textarea, select { | ||
24 | background-color:#fff; | ||
25 | border:1px solid #bbb; | ||
26 | } | ||
27 | input[type=text]:focus, input[type=password]:focus, | ||
28 | input.text:focus, input.title:focus, | ||
29 | textarea:focus, select:focus { | ||
30 | border-color:#666; | ||
31 | } | ||
32 | |||
33 | input[type=text], input[type=password], | ||
34 | input.text, input.title, | ||
35 | textarea, select { | ||
36 | margin:0.5em 0; | ||
37 | } | ||
38 | |||
39 | input.text, | ||
40 | input.title { width: 300px; padding:5px; } | ||
41 | input.title { font-size:1.5em; } | ||
42 | textarea { width: 390px; height: 250px; padding:5px; } | ||
43 | |||
44 | input[type=checkbox], input[type=radio], | ||
45 | input.checkbox, input.radio { | ||
46 | position:relative; top:.25em; | ||
47 | } | ||
48 | |||
49 | form.inline { line-height:3; } | ||
50 | form.inline p { margin-bottom:0; } | ||
51 | |||
52 | |||
53 | /* Success, notice and error boxes | ||
54 | -------------------------------------------------------------- */ | ||
55 | |||
56 | .error, | ||
57 | .notice, | ||
58 | .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } | ||
59 | |||
60 | .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } | ||
61 | .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } | ||
62 | .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } | ||
63 | .error a { color: #8a1f11; } | ||
64 | .notice a { color: #514721; } | ||
65 | .success a { color: #264409; } | ||