purecss 0.0.1alpha3 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. checksums.yaml +8 -8
  2. data/README.md +20 -9
  3. data/lib/purecss/generators/install_generator.rb +12 -8
  4. data/lib/purecss/version.rb +1 -1
  5. data/vendor/assets/stylesheets/{purecss/pure-nr-min.css → purecss-nr.css} +1 -1
  6. data/vendor/assets/stylesheets/{purecss/pure-min.css → purecss.css} +2 -2
  7. data/vendor/assets/stylesheets/purecss/base-context.css +243 -0
  8. data/vendor/assets/stylesheets/purecss/base.css +538 -0
  9. data/vendor/assets/stylesheets/purecss/buttons-core.css +33 -0
  10. data/vendor/assets/stylesheets/purecss/buttons.css +117 -0
  11. data/vendor/assets/stylesheets/purecss/forms-core.css +159 -0
  12. data/vendor/assets/stylesheets/purecss/forms-nr.css +327 -0
  13. data/vendor/assets/stylesheets/purecss/forms.css +359 -0
  14. data/vendor/assets/stylesheets/purecss/grids-core.css +30 -0
  15. data/vendor/assets/stylesheets/purecss/grids-nr.css +178 -0
  16. data/vendor/assets/stylesheets/purecss/grids-units.css +153 -0
  17. data/vendor/assets/stylesheets/purecss/grids.css +235 -0
  18. data/vendor/assets/stylesheets/purecss/menus-core.css +117 -0
  19. data/vendor/assets/stylesheets/purecss/menus-nr.css +228 -0
  20. data/vendor/assets/stylesheets/purecss/menus-paginator.css +37 -0
  21. data/vendor/assets/stylesheets/purecss/menus.css +243 -0
  22. data/vendor/assets/stylesheets/purecss/tables.css +92 -0
  23. metadata +23 -21
  24. data/.gitignore +0 -18
  25. data/Gemfile +0 -4
  26. data/LICENSE.txt +0 -22
  27. data/Rakefile +0 -1
  28. data/purecss.gemspec +0 -23
  29. data/vendor/assets/font/FontAwesome.otf +0 -0
  30. data/vendor/assets/font/fontawesome-webfont.eot +0 -0
  31. data/vendor/assets/font/fontawesome-webfont.svg +0 -339
  32. data/vendor/assets/font/fontawesome-webfont.ttf +0 -0
  33. data/vendor/assets/font/fontawesome-webfont.woff +0 -0
  34. data/vendor/assets/javascript/index.js +0 -1
  35. data/vendor/assets/javascript/purecss.js +0 -0
  36. data/vendor/assets/stylesheets/purecss/font-awesome.min.css +0 -24
  37. data/vendor/assets/stylesheets/purecss/index.css +0 -4
@@ -0,0 +1,33 @@
1
+ /*!
2
+ Pure v0.1.1-pre
3
+ Copyright 2013 Yahoo! Inc. All rights reserved.
4
+ Licensed under the BSD License.
5
+ https://github.com/yui/pure/blob/master/LICENSE.md
6
+ */
7
+ .pure-button {
8
+ /* Structure */
9
+ display: inline-block;
10
+ *display: inline; /*IE 6/7*/
11
+ zoom: 1;
12
+ line-height: normal;
13
+ white-space: nowrap;
14
+ vertical-align: baseline;
15
+ text-align: center;
16
+ cursor: pointer;
17
+ -webkit-user-drag: none;
18
+ -webkit-user-select: none;
19
+ -moz-user-select: none;
20
+ user-select: none;
21
+ }
22
+
23
+
24
+ /* Firefox: Get rid of the inner focus border */
25
+ .pure-button::-moz-focus-inner{
26
+ padding: 0;
27
+ border: 0;
28
+ }
29
+
30
+ a:focus {
31
+ outline: none;
32
+ }
33
+
@@ -0,0 +1,117 @@
1
+ /*!
2
+ Pure v0.1.1-pre
3
+ Copyright 2013 Yahoo! Inc. All rights reserved.
4
+ Licensed under the BSD License.
5
+ https://github.com/yui/pure/blob/master/LICENSE.md
6
+ */
7
+ .pure-button {
8
+ /* Structure */
9
+ display: inline-block;
10
+ *display: inline; /*IE 6/7*/
11
+ zoom: 1;
12
+ line-height: normal;
13
+ white-space: nowrap;
14
+ vertical-align: baseline;
15
+ text-align: center;
16
+ cursor: pointer;
17
+ -webkit-user-drag: none;
18
+ -webkit-user-select: none;
19
+ -moz-user-select: none;
20
+ user-select: none;
21
+ }
22
+
23
+
24
+ /* Firefox: Get rid of the inner focus border */
25
+ .pure-button::-moz-focus-inner{
26
+ padding: 0;
27
+ border: 0;
28
+ }
29
+
30
+ a:focus {
31
+ outline: none;
32
+ }
33
+
34
+
35
+ .pure-button {
36
+ font-size: 100%;
37
+ *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
38
+ *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
39
+ padding: 0.5em 1.5em 0.5em;
40
+ color: #444; /* rgba not supported (IE 8) */
41
+ color: rgba(0, 0, 0, 0.80); /* rgba supported */
42
+ *color: #444; /* IE 6 & 7 */
43
+ border: 1px solid #999; /*IE 6/7/8*/
44
+ border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
45
+ background-color: #E6E6E6;
46
+ text-decoration: none;
47
+ -webkit-border-radius: 2px;
48
+ -moz-border-radius: 2px;
49
+ border-radius: 2px;
50
+ -webkit-font-smoothing: antialiased;
51
+ /* Transitions */
52
+ -webkit-transition: 0.1s linear -webkit-box-shadow;
53
+ -moz-transition: 0.1s linear -moz-box-shadow;
54
+ -ms-transition: 0.1s linear box-shadow;
55
+ -o-transition: 0.1s linear box-shadow;
56
+ transition: 0.1s linear box-shadow;
57
+ }
58
+
59
+
60
+ .pure-button-hover,
61
+ .pure-button:hover {
62
+
63
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
64
+
65
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.05)));
66
+ background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
67
+ background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.05));
68
+ background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
69
+ background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
70
+ background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.05));
71
+ }
72
+
73
+ .pure-button-active,
74
+ .pure-button:active {
75
+ -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
76
+ -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
77
+ box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
78
+ }
79
+
80
+ .pure-button[disabled],
81
+ .pure-button-disabled,
82
+ .pure-button-disabled:hover,
83
+ .pure-button-disabled:active {
84
+ border: none;
85
+ background-image: none;
86
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
87
+ filter: alpha(opacity=40);
88
+ -khtml-opacity: 0.40;
89
+ -moz-opacity: 0.40;
90
+ opacity: 0.40;
91
+ cursor: not-allowed;
92
+ box-shadow: none;
93
+ }
94
+
95
+ .pure-button-hidden {
96
+ display:none;
97
+ }
98
+
99
+ /* Firefox: Get rid of the inner focus border */
100
+ .pure-button::-moz-focus-inner{
101
+ padding: 0;
102
+ border: 0;
103
+ }
104
+
105
+
106
+ /* Sam */
107
+ .pure-button-primary,
108
+ .pure-button-selected,
109
+ a.pure-button-primary,
110
+ a.pure-button-selected {
111
+ background-color: rgb(0, 120, 231);
112
+ color: #fff;
113
+ }
114
+
115
+ .pure-button:-moz-focusring {
116
+ outline-color: rgba(0, 0, 0, 0.85);
117
+ }
@@ -0,0 +1,159 @@
1
+ /*!
2
+ Pure v0.1.1-pre
3
+ Copyright 2013 Yahoo! Inc. All rights reserved.
4
+ Licensed under the BSD License.
5
+ https://github.com/yui/pure/blob/master/LICENSE.md
6
+ */
7
+ /*!
8
+ normalize.css v1.1.2 | MIT License | git.io/normalize
9
+ Copyright (c) Nicolas Gallagher and Jonathan Neal
10
+ */
11
+ /* This page has Normalize.css form-specific style rules applied to a .pure-form context */
12
+
13
+ /* ==========
14
+ Forms Core
15
+ =========*/
16
+
17
+ /*
18
+ * Corrects margin displayed oddly in IE 6/7.
19
+ */
20
+
21
+ .pure-form {
22
+ margin: 0;
23
+ }
24
+
25
+ /*
26
+ * Define consistent border, margin, and padding.
27
+ */
28
+
29
+ .pure-form fieldset {
30
+ border: 1px solid #c0c0c0;
31
+ margin: 0 2px;
32
+ padding: 0.35em 0.625em 0.75em;
33
+ }
34
+
35
+ /*
36
+ * 1. Corrects color not being inherited in IE 6/7/8/9.
37
+ * 2. Corrects text not wrapping in Firefox 3.
38
+ * 3. Corrects alignment displayed oddly in IE 6/7.
39
+ */
40
+
41
+ .pure-form legend {
42
+ border: 0; /* 1 */
43
+ padding: 0;
44
+ white-space: normal; /* 2 */
45
+ *margin-left: -7px; /* 3 */
46
+ }
47
+
48
+ /*
49
+ * 1. Corrects font size not being inherited in all browsers.
50
+ * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
51
+ * and Chrome.
52
+ * 3. Improves appearance and consistency in all browsers.
53
+ */
54
+
55
+ .pure-form button,
56
+ .pure-form input,
57
+ .pure-form select,
58
+ .pure-form textarea {
59
+ font-size: 100%; /* 1 */
60
+ margin: 0; /* 2 */
61
+ vertical-align: baseline; /* 3 */
62
+ *vertical-align: middle; /* 3 */
63
+ }
64
+
65
+ /*
66
+ * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
67
+ * the UA stylesheet.
68
+ */
69
+
70
+ .pure-form button,
71
+ .pure-form input {
72
+ line-height: normal;
73
+ }
74
+
75
+ /*
76
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
77
+ * and `video` controls.
78
+ * 2. Corrects inability to style clickable `input` types in iOS.
79
+ * 3. Improves usability and consistency of cursor style between image-type
80
+ * `input` and others.
81
+ * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
82
+ * Known issue: inner spacing remains in IE 6.
83
+ */
84
+
85
+ .pure-form button,
86
+ .pure-form input[type="button"], /* 1 */
87
+ .pure-form input[type="reset"],
88
+ .pure-form input[type="submit"] {
89
+ -webkit-appearance: button; /* 2 */
90
+ cursor: pointer; /* 3 */
91
+ *overflow: visible; /* 4 */
92
+ }
93
+
94
+ /*
95
+ * Re-set default cursor for disabled elements.
96
+ */
97
+
98
+ .pure-form button[disabled],
99
+ .pure-form input[disabled] {
100
+ cursor: default;
101
+ }
102
+
103
+ /*
104
+ * 1. Addresses box sizing set to content-box in IE 8/9.
105
+ * 2. Removes excess padding in IE 8/9.
106
+ * 3. Removes excess padding in IE 7.
107
+ * Known issue: excess padding remains in IE 6.
108
+ */
109
+
110
+ .pure-form input[type="checkbox"],
111
+ .pure-form input[type="radio"] {
112
+ box-sizing: border-box; /* 1 */
113
+ padding: 0; /* 2 */
114
+ *height: 13px; /* 3 */
115
+ *width: 13px; /* 3 */
116
+ }
117
+
118
+ /*
119
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
120
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
121
+ * (include `-moz` to future-proof).
122
+ */
123
+
124
+ .pure-form input[type="search"] {
125
+ -webkit-appearance: textfield; /* 1 */
126
+ -moz-box-sizing: content-box;
127
+ -webkit-box-sizing: content-box; /* 2 */
128
+ box-sizing: content-box;
129
+ }
130
+
131
+ /*
132
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
133
+ * on OS X.
134
+ */
135
+
136
+ .pure-form input[type="search"]::-webkit-search-cancel-button,
137
+ .pure-form input[type="search"]::-webkit-search-decoration {
138
+ -webkit-appearance: none;
139
+ }
140
+
141
+ /*
142
+ * Removes inner padding and border in Firefox 3+.
143
+ */
144
+
145
+ .pure-form button::-moz-focus-inner,
146
+ .pure-form input::-moz-focus-inner {
147
+ border: 0;
148
+ padding: 0;
149
+ }
150
+
151
+ /*
152
+ * 1. Removes default vertical scrollbar in IE 6/7/8/9.
153
+ * 2. Improves readability and alignment in all browsers.
154
+ */
155
+
156
+ .pure-form textarea {
157
+ overflow: auto; /* 1 */
158
+ vertical-align: top; /* 2 */
159
+ }
@@ -0,0 +1,327 @@
1
+ /*!
2
+ Pure v0.1.1-pre
3
+ Copyright 2013 Yahoo! Inc. All rights reserved.
4
+ Licensed under the BSD License.
5
+ https://github.com/yui/pure/blob/master/LICENSE.md
6
+ */
7
+ /*!
8
+ normalize.css v1.1.2 | MIT License | git.io/normalize
9
+ Copyright (c) Nicolas Gallagher and Jonathan Neal
10
+ */
11
+ /* This page has Normalize.css form-specific style rules applied to a .pure-form context */
12
+
13
+ /* ==========
14
+ Forms Core
15
+ =========*/
16
+
17
+ /*
18
+ * Corrects margin displayed oddly in IE 6/7.
19
+ */
20
+
21
+ .pure-form {
22
+ margin: 0;
23
+ }
24
+
25
+ /*
26
+ * Define consistent border, margin, and padding.
27
+ */
28
+
29
+ .pure-form fieldset {
30
+ border: 1px solid #c0c0c0;
31
+ margin: 0 2px;
32
+ padding: 0.35em 0.625em 0.75em;
33
+ }
34
+
35
+ /*
36
+ * 1. Corrects color not being inherited in IE 6/7/8/9.
37
+ * 2. Corrects text not wrapping in Firefox 3.
38
+ * 3. Corrects alignment displayed oddly in IE 6/7.
39
+ */
40
+
41
+ .pure-form legend {
42
+ border: 0; /* 1 */
43
+ padding: 0;
44
+ white-space: normal; /* 2 */
45
+ *margin-left: -7px; /* 3 */
46
+ }
47
+
48
+ /*
49
+ * 1. Corrects font size not being inherited in all browsers.
50
+ * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
51
+ * and Chrome.
52
+ * 3. Improves appearance and consistency in all browsers.
53
+ */
54
+
55
+ .pure-form button,
56
+ .pure-form input,
57
+ .pure-form select,
58
+ .pure-form textarea {
59
+ font-size: 100%; /* 1 */
60
+ margin: 0; /* 2 */
61
+ vertical-align: baseline; /* 3 */
62
+ *vertical-align: middle; /* 3 */
63
+ }
64
+
65
+ /*
66
+ * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
67
+ * the UA stylesheet.
68
+ */
69
+
70
+ .pure-form button,
71
+ .pure-form input {
72
+ line-height: normal;
73
+ }
74
+
75
+ /*
76
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
77
+ * and `video` controls.
78
+ * 2. Corrects inability to style clickable `input` types in iOS.
79
+ * 3. Improves usability and consistency of cursor style between image-type
80
+ * `input` and others.
81
+ * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
82
+ * Known issue: inner spacing remains in IE 6.
83
+ */
84
+
85
+ .pure-form button,
86
+ .pure-form input[type="button"], /* 1 */
87
+ .pure-form input[type="reset"],
88
+ .pure-form input[type="submit"] {
89
+ -webkit-appearance: button; /* 2 */
90
+ cursor: pointer; /* 3 */
91
+ *overflow: visible; /* 4 */
92
+ }
93
+
94
+ /*
95
+ * Re-set default cursor for disabled elements.
96
+ */
97
+
98
+ .pure-form button[disabled],
99
+ .pure-form input[disabled] {
100
+ cursor: default;
101
+ }
102
+
103
+ /*
104
+ * 1. Addresses box sizing set to content-box in IE 8/9.
105
+ * 2. Removes excess padding in IE 8/9.
106
+ * 3. Removes excess padding in IE 7.
107
+ * Known issue: excess padding remains in IE 6.
108
+ */
109
+
110
+ .pure-form input[type="checkbox"],
111
+ .pure-form input[type="radio"] {
112
+ box-sizing: border-box; /* 1 */
113
+ padding: 0; /* 2 */
114
+ *height: 13px; /* 3 */
115
+ *width: 13px; /* 3 */
116
+ }
117
+
118
+ /*
119
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
120
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
121
+ * (include `-moz` to future-proof).
122
+ */
123
+
124
+ .pure-form input[type="search"] {
125
+ -webkit-appearance: textfield; /* 1 */
126
+ -moz-box-sizing: content-box;
127
+ -webkit-box-sizing: content-box; /* 2 */
128
+ box-sizing: content-box;
129
+ }
130
+
131
+ /*
132
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
133
+ * on OS X.
134
+ */
135
+
136
+ .pure-form input[type="search"]::-webkit-search-cancel-button,
137
+ .pure-form input[type="search"]::-webkit-search-decoration {
138
+ -webkit-appearance: none;
139
+ }
140
+
141
+ /*
142
+ * Removes inner padding and border in Firefox 3+.
143
+ */
144
+
145
+ .pure-form button::-moz-focus-inner,
146
+ .pure-form input::-moz-focus-inner {
147
+ border: 0;
148
+ padding: 0;
149
+ }
150
+
151
+ /*
152
+ * 1. Removes default vertical scrollbar in IE 6/7/8/9.
153
+ * 2. Improves readability and alignment in all browsers.
154
+ */
155
+
156
+ .pure-form textarea {
157
+ overflow: auto; /* 1 */
158
+ vertical-align: top; /* 2 */
159
+ }
160
+
161
+ .pure-form input,
162
+ .pure-form select {
163
+ padding: 0.5em 0.6em;
164
+ display: inline-block;
165
+ border: 1px solid #ccc;
166
+ font-size: 0.8em;
167
+ box-shadow: inset 0 1px 3px #ddd;
168
+ border-radius: 4px;
169
+ -webkit-transition: 0.3s linear border;
170
+ -moz-transition: 0.3s linear border;
171
+ -ms-transition: 0.3s linear border;
172
+ -o-transition: 0.3s linear border;
173
+ transition: 0.3s linear border;
174
+ -moz-box-sizing: border-box;
175
+ -webkit-box-sizing: border-box;
176
+ box-sizing: border-box;
177
+ -webkit-font-smoothing: antialiased;
178
+ }
179
+
180
+ .pure-form input:focus,
181
+ .pure-form select:focus {
182
+ outline: 0;
183
+ outline: thin dotted \9; /* IE6-9 */
184
+ border-color: #129FEA;
185
+ }
186
+ .pure-form .pure-checkbox,
187
+ .pure-form .pure-radio {
188
+ margin: 0.5em 0;
189
+ display: block;
190
+ }
191
+ .pure-form input[disabled],
192
+ .pure-form select[disabled],
193
+ .pure-form textarea[disabled],
194
+ .pure-form input[readonly],
195
+ .pure-form select[readonly],
196
+ .pure-form textarea[readonly] {
197
+ cursor: not-allowed;
198
+ background-color: #eaeded;
199
+ color: #cad2d3;
200
+ border-color: transparent;
201
+ }
202
+ .pure-form input:focus:invalid,
203
+ .pure-form textarea:focus:invalid,
204
+ .pure-form select:focus:invalid {
205
+ color: #b94a48;
206
+ border: 1px solid #ee5f5b;
207
+ }
208
+ .pure-form input:focus:invalid:focus,
209
+ .pure-form textarea:focus:invalid:focus,
210
+ .pure-form select:focus:invalid:focus {
211
+ border-color: #e9322d;
212
+ }
213
+ .pure-form select {
214
+ border: 1px solid #ccc;
215
+ background-color: white;
216
+ }
217
+ .pure-form select[multiple] {
218
+ height: auto;
219
+ }
220
+ .pure-form label {
221
+ margin: 0.5em 0 0.2em;
222
+ color: #999;
223
+ font-size:90%;
224
+ }
225
+ .pure-form fieldset {
226
+ margin: 0;
227
+ padding: 0.35em 0 0.75em;
228
+ border: 0;
229
+ }
230
+ .pure-form legend {
231
+ display: block;
232
+ width: 100%;
233
+ padding: 0.3em 0;
234
+ margin-bottom: 0.3em;
235
+ font-size: 125%;
236
+ color: #333;
237
+ border-bottom: 1px solid #e5e5e5;
238
+ }
239
+
240
+ .pure-form.pure-form-stacked input[type='text'],
241
+ .pure-form.pure-form-stacked select,
242
+ .pure-form.pure-form-stacked label {
243
+ display: block;
244
+ }
245
+
246
+ .pure-form-aligned input,
247
+ .pure-form-aligned textarea,
248
+ .pure-form-aligned select,
249
+ .pure-form-aligned .pure-help-inline {
250
+ display: inline-block;
251
+ *display: inline; /* IE7 inline-block hack */
252
+ *zoom: 1;
253
+ vertical-align: middle;
254
+ }
255
+
256
+ /* aligned Forms */
257
+ .pure-form-aligned .pure-control-group {
258
+ margin-bottom: 0.5em;
259
+ }
260
+ .pure-form-aligned .pure-control-group label {
261
+ text-align: right;
262
+ display: inline-block;
263
+ vertical-align: middle;
264
+ width: 10em;
265
+ margin: 0 1em 0 0;
266
+ }
267
+ .pure-form-aligned .pure-controls {
268
+ margin: 1.5em 0 0 10em;
269
+ }
270
+
271
+ /* Rounded Inputs */
272
+ .pure-form .pure-input-rounded {
273
+ border-radius: 20px;
274
+ padding-left:1em;
275
+ }
276
+
277
+ /* Grouped Inputs */
278
+ .pure-form .pure-group fieldset {
279
+ margin-bottom: 10px;
280
+ }
281
+ .pure-form .pure-group input {
282
+ display: block;
283
+ padding: 10px;
284
+ margin: 0;
285
+ border-radius: 0;
286
+ position: relative;
287
+ top: -1px;
288
+ }
289
+ .pure-form .pure-group input:focus {
290
+ z-index: 2;
291
+ }
292
+ .pure-form .pure-group input:first-child {
293
+ top: 1px;
294
+ border-radius: 4px 4px 0 0;
295
+ }
296
+ .pure-form .pure-group input:last-child {
297
+ top: -2px;
298
+ border-radius: 0 0 4px 4px;
299
+ }
300
+ .pure-form .pure-group button {
301
+ margin: 0.35em 0;
302
+ }
303
+
304
+ .pure-form .pure-input-1 {
305
+ width: 100%;
306
+ }
307
+ .pure-form .pure-input-2-3 {
308
+ width: 66%;
309
+ }
310
+ .pure-form .pure-input-1-2 {
311
+ width: 50%;
312
+ }
313
+ .pure-form .pure-input-1-3 {
314
+ width: 33%;
315
+ }
316
+ .pure-form .pure-input-1-4 {
317
+ width: 25%;
318
+ }
319
+
320
+ /* Inline help for forms */
321
+ .pure-form .pure-help-inline {
322
+ display: inline-block;
323
+ padding-left: 0.3em;
324
+ color: #666;
325
+ vertical-align: middle;
326
+ font-size: 90%;
327
+ }