formalize-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -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: []