formalize-rails 0.0.1

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.
@@ -0,0 +1,356 @@
1
+ /* `Widths
2
+ ----------------------------------------------------------------------------------------------------*/
3
+
4
+ .input_tiny {
5
+ width: 50px;
6
+ }
7
+
8
+ .input_small {
9
+ width: 100px;
10
+ }
11
+
12
+ .input_medium {
13
+ width: 150px;
14
+ }
15
+
16
+ .input_large {
17
+ width: 200px;
18
+ }
19
+
20
+ .input_xlarge {
21
+ width: 250px;
22
+ }
23
+
24
+ .input_xxlarge {
25
+ width: 300px;
26
+ }
27
+
28
+ .input_full {
29
+ width: 100%;
30
+ }
31
+
32
+ /*
33
+ Added via JS to <textarea> and class="input_full".
34
+ Applies only to IE7. Other browsers don't need it.
35
+ */
36
+ .input_full_wrap {
37
+ display: block;
38
+ padding-right: 8px;
39
+ }
40
+
41
+ /* `UI Consistency
42
+ ----------------------------------------------------------------------------------------------------*/
43
+
44
+ ::-moz-focus-inner {
45
+ border: 0;
46
+ padding: 0;
47
+ }
48
+
49
+ input[type="search"]::-webkit-search-decoration {
50
+ display: none;
51
+ }
52
+
53
+ input,
54
+ button,
55
+ select,
56
+ textarea {
57
+ margin: 0;
58
+ vertical-align: middle;
59
+ }
60
+
61
+ button,
62
+ input[type="reset"],
63
+ input[type="submit"],
64
+ input[type="button"] {
65
+ -webkit-appearance: none;
66
+ -moz-border-radius: 4px;
67
+ -webkit-border-radius: 4px;
68
+ border-radius: 4px;
69
+ -moz-background-clip: padding;
70
+ -webkit-background-clip: padding;
71
+ background-clip: padding-box;
72
+ background: #ddd url(../images/button.png) repeat-x;
73
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
74
+ background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
75
+ border: 1px solid;
76
+ border-color: #ddd #bbb #999;
77
+ cursor: pointer;
78
+ color: #333;
79
+ /*
80
+ Helvetica Neue present, because it works better
81
+ for line-height on buttons than Arial, on OS X.
82
+ */
83
+ font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
84
+ outline: 0;
85
+ overflow: visible;
86
+ padding: 3px 10px;
87
+ text-shadow: #fff 0 1px 1px;
88
+ width: auto;
89
+
90
+ /* IE7 */
91
+ *padding-top: 2px;
92
+ *padding-bottom: 0px;
93
+ }
94
+
95
+ button {
96
+ /* IE7 */
97
+ *padding-top: 1px;
98
+ *padding-bottom: 1px;
99
+ }
100
+
101
+ textarea,
102
+ select,
103
+ input[type="date"],
104
+ input[type="datetime"],
105
+ input[type="datetime-local"],
106
+ input[type="email"],
107
+ input[type="month"],
108
+ input[type="number"],
109
+ input[type="password"],
110
+ input[type="search"],
111
+ input[type="tel"],
112
+ input[type="text"],
113
+ input[type="time"],
114
+ input[type="url"],
115
+ input[type="week"] {
116
+ -webkit-appearance: none;
117
+ -moz-border-radius: 0;
118
+ -webkit-border-radius: 0;
119
+ border-radius: 0;
120
+ -webkit-box-sizing: border-box;
121
+ -moz-box-sizing: border-box;
122
+ box-sizing: border-box;
123
+ -moz-background-clip: padding;
124
+ -webkit-background-clip: padding;
125
+ background-clip: padding-box;
126
+ background-color: #fff;
127
+ border: 1px solid;
128
+ border-color: #848484 #c1c1c1 #e1e1e1;
129
+ color: #000;
130
+ outline: 0;
131
+ padding: 2px 3px;
132
+ font-size: 13px;
133
+ /*
134
+ Leaving out Helvetica Neue, to not throw off size="..."
135
+ on inputs. Arial is more reliable, on Windows and OS X.
136
+ */
137
+ font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
138
+ height: 1.8em;
139
+
140
+ /* IE7 */
141
+ *padding-top: 2px;
142
+ *padding-bottom: 1px;
143
+ *height: auto;
144
+ }
145
+
146
+ /*
147
+ Separate rule for Firefox.
148
+ Separate rule for IE, too.
149
+ Cannot stack with WebKit's.
150
+ */
151
+ ::-webkit-input-placeholder {
152
+ color: #888;
153
+ }
154
+
155
+ input:-moz-placeholder,
156
+ textarea:-moz-placeholder {
157
+ color: #888;
158
+ }
159
+
160
+ input.placeholder_text,
161
+ textarea.placeholder_text {
162
+ color: #888;
163
+ }
164
+
165
+ :invalid {
166
+ /*
167
+ Suppress red glow that Firefox
168
+ adds to form fields by default,
169
+ even when user is still typing.
170
+ */
171
+ -moz-box-shadow: none;
172
+ -webkit-box-shadow: none;
173
+ box-shadow: none;
174
+ }
175
+
176
+ button:focus,
177
+ button:active,
178
+ input:focus,
179
+ input:active,
180
+ select:focus,
181
+ select:active,
182
+ textarea:focus,
183
+ textarea:active {
184
+ -moz-box-shadow: #06f 0 0 7px;
185
+ -webkit-box-shadow: #06f 0 0 7px;
186
+ box-shadow: #06f 0 0 7px;
187
+
188
+ /* for Opera */
189
+ z-index: 1;
190
+ }
191
+
192
+ input[type="file"]:focus,
193
+ input[type="file"]:active,
194
+ input[type="radio"]:focus,
195
+ input[type="radio"]:active,
196
+ input[type="checkbox"]:focus,
197
+ input[type="checkbox"]:active {
198
+ -moz-box-shadow: none;
199
+ -webkit-box-shadow: none;
200
+ box-shadow: none;
201
+ }
202
+
203
+ select[disabled],
204
+ textarea[disabled],
205
+ input[type="date"][disabled],
206
+ input[type="datetime"][disabled],
207
+ input[type="datetime-local"][disabled],
208
+ input[type="email"][disabled],
209
+ input[type="month"][disabled],
210
+ input[type="number"][disabled],
211
+ input[type="password"][disabled],
212
+ input[type="search"][disabled],
213
+ input[type="tel"][disabled],
214
+ input[type="text"][disabled],
215
+ input[type="time"][disabled],
216
+ input[type="url"][disabled],
217
+ input[type="week"][disabled] {
218
+ background-color: #eee;
219
+ }
220
+
221
+ button[disabled],
222
+ input[disabled],
223
+ select[disabled],
224
+ select[disabled] option,
225
+ select[disabled] optgroup,
226
+ textarea[disabled] {
227
+ -moz-box-shadow: none;
228
+ -webkit-box-shadow: none;
229
+ box-shadow: none;
230
+ -webkit-user-select: none;
231
+ -moz-user-select: none;
232
+ user-select: none;
233
+ color: #888;
234
+ cursor: default;
235
+ }
236
+
237
+ textarea,
238
+ select[size],
239
+ select[multiple] {
240
+ height: auto;
241
+ }
242
+
243
+ /* Tweaks for Safari + Chrome. */
244
+ @media (-webkit-min-device-pixel-ratio: 0) {
245
+ select {
246
+ background-image: url(../images/select_arrow.gif);
247
+ background-repeat: no-repeat;
248
+ background-position: right center;
249
+ padding-right: 20px;
250
+ }
251
+
252
+ select[size],
253
+ select[multiple] {
254
+ background-image: none;
255
+ padding: 0;
256
+ }
257
+
258
+ ::-webkit-validation-bubble-message {
259
+ box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
260
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
261
+ border: 1px solid;
262
+ border-color: #747474 #5e5e5e #4f4f4f;
263
+ color: #fff;
264
+ font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
265
+ padding: 15px 15px 17px;
266
+ text-shadow: #000 0 0 1px;
267
+ }
268
+
269
+ ::-webkit-validation-bubble-top-outer-arrow,
270
+ ::-webkit-validation-bubble-top-inner-arrow {
271
+ display: none;
272
+ }
273
+ }
274
+
275
+ textarea {
276
+ min-height: 40px;
277
+ overflow: auto;
278
+ resize: vertical;
279
+ width: 100%;
280
+ }
281
+
282
+ optgroup {
283
+ color: #000;
284
+ font-style: normal;
285
+ font-weight: normal;
286
+ }
287
+
288
+ /* `IE6
289
+ ----------------------------------------------------------------------------------------------------*/
290
+
291
+ /*
292
+ Everything below this line is for IE6.
293
+ Delete it if you don't support it! :)
294
+
295
+ Classes are added dynamically via JS,
296
+ because IE6 doesn't support attribute
297
+ selectors: .ie6_button, .ie6_input, etc.
298
+
299
+ Note: These style rules are somewhat
300
+ duplicated because IE6 bombs out when
301
+ it sees attribute selectors. Example:
302
+
303
+ .ie6_button {
304
+ This works in IE6.
305
+ }
306
+
307
+ .ie6_button,
308
+ input[type=submit] {
309
+ This doesn't work.
310
+ }
311
+ */
312
+
313
+ .ie6_button,
314
+ * html button {
315
+ background: #ddd url(../images/button.png) repeat-x;
316
+ border: 1px solid;
317
+ border-color: #ddd #bbb #999;
318
+ cursor: pointer;
319
+ color: #333;
320
+ font: bold 12px/1.2 Arial, sans-serif;
321
+ padding: 2px 10px 0px;
322
+ overflow: visible;
323
+ width: auto;
324
+ }
325
+
326
+ * html button {
327
+ padding-top: 1px;
328
+ padding-bottom: 1px;
329
+ }
330
+
331
+ .ie6_input,
332
+ * html textarea,
333
+ * html select {
334
+ background: #fff;
335
+ border: 1px solid;
336
+ border-color: #848484 #c1c1c1 #e1e1e1;
337
+ color: #000;
338
+ padding: 2px 3px 1px;
339
+ font-size: 13px;
340
+ font-family: Arial, sans-serif;
341
+ vertical-align: top;
342
+ }
343
+
344
+ * html select {
345
+ margin-top: 1px;
346
+ }
347
+
348
+ .placeholder_text,
349
+ .ie6_input_disabled,
350
+ .ie6_button_disabled {
351
+ color: #888;
352
+ }
353
+
354
+ .ie6_input_disabled {
355
+ background: #eee;
356
+ }
metadata ADDED
@@ -0,0 +1,83 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: formalize-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Iain Hecker
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2011-05-30 00:00:00.000000000 +02:00
13
+ default_executable:
14
+ dependencies:
15
+ - !ruby/object:Gem::Dependency
16
+ name: railties
17
+ requirement: &2173479960 !ruby/object:Gem::Requirement
18
+ none: false
19
+ requirements:
20
+ - - ~>
21
+ - !ruby/object:Gem::Version
22
+ version: 3.1.0.rc1
23
+ type: :runtime
24
+ prerelease: false
25
+ version_requirements: *2173479960
26
+ description: This gem provides the assets for the formalize form styling, for easy
27
+ usage with the Rails 3.1 asset pipeline.
28
+ email:
29
+ - iain@iain.nl
30
+ executables: []
31
+ extensions: []
32
+ extra_rdoc_files: []
33
+ files:
34
+ - .gitignore
35
+ - Gemfile
36
+ - README.md
37
+ - Rakefile
38
+ - formalize-rails.gemspec
39
+ - lib/formalize-rails.rb
40
+ - lib/formalize/rails.rb
41
+ - lib/formalize/rails/engine.rb
42
+ - lib/formalize/rails/version.rb
43
+ - vendor/assets/images/button.png
44
+ - vendor/assets/images/select_arrow.gif
45
+ - vendor/assets/javascripts/dojo.formalize.js
46
+ - vendor/assets/javascripts/dojo.formalize.min.js
47
+ - vendor/assets/javascripts/extjs.formalize.js
48
+ - vendor/assets/javascripts/extjs.formalize.min.js
49
+ - vendor/assets/javascripts/jquery.formalize.js
50
+ - vendor/assets/javascripts/jquery.formalize.min.js
51
+ - vendor/assets/javascripts/mootools.formalize.js
52
+ - vendor/assets/javascripts/mootools.formalize.min.js
53
+ - vendor/assets/javascripts/prototype.formalize.js
54
+ - vendor/assets/javascripts/prototype.formalize.min.js
55
+ - vendor/assets/javascripts/yui.formalize.js
56
+ - vendor/assets/javascripts/yui.formalize.min.js
57
+ - vendor/assets/stylesheets/formalize.css
58
+ has_rdoc: true
59
+ homepage: https://github.com/iain/formalize-rails
60
+ licenses: []
61
+ post_install_message:
62
+ rdoc_options: []
63
+ require_paths:
64
+ - lib
65
+ required_ruby_version: !ruby/object:Gem::Requirement
66
+ none: false
67
+ requirements:
68
+ - - ! '>='
69
+ - !ruby/object:Gem::Version
70
+ version: '0'
71
+ required_rubygems_version: !ruby/object:Gem::Requirement
72
+ none: false
73
+ requirements:
74
+ - - ! '>='
75
+ - !ruby/object:Gem::Version
76
+ version: '0'
77
+ requirements: []
78
+ rubyforge_project: formalize-rails
79
+ rubygems_version: 1.6.2
80
+ signing_key:
81
+ specification_version: 3
82
+ summary: Use Formalize with the asset pipeline
83
+ test_files: []