ajax_scaffold_generator 3.1.5 → 3.1.6

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 (22) hide show
  1. data/CHANGELOG +14 -7
  2. data/MIT-LICENSE +20 -20
  3. data/README +5 -30
  4. data/ajax_scaffold_generator.rb +201 -201
  5. data/templates/add.gif +0 -0
  6. data/templates/ajax_scaffold.css +476 -479
  7. data/templates/ajax_scaffold.js +125 -125
  8. data/templates/controller.rb +135 -135
  9. data/templates/form.rhtml +3 -3
  10. data/templates/functional_test.rb +6 -6
  11. data/templates/indicator-small.gif +0 -0
  12. data/templates/indicator.gif +0 -0
  13. data/templates/lib_ajax_scaffold.rb +218 -218
  14. data/templates/partial_column_headings.rhtml +16 -16
  15. data/templates/partial_item.rhtml +22 -22
  16. data/templates/partial_new_edit.rhtml +39 -39
  17. data/templates/partial_pagination_links.rhtml +15 -15
  18. data/templates/rjs_cancel.rjs +11 -11
  19. data/templates/unit_test.rb +53 -53
  20. data/templates/view_component.rhtml +49 -49
  21. data/templates/warning.gif +0 -0
  22. metadata +2 -2
data/templates/ajax_scaffold.css CHANGED
@@ -1,480 +1,477 @@
1
- /*
2
- AjaxScaffoldGenerator version 3.1.0
3
- (c) 2006 Richard White <rrwhite@gmail.com>
4
-
5
- AjaxScaffoldGenerator is freely distributable under the terms of an MIT-style license.
6
-
7
- For details, see the AjaxScaffoldGenerator web site: http://www.ajaxscaffold.com/
8
- */
9
-
10
- .ajax-scaffold form,
11
- .ajax-scaffold table,
12
- .ajax-scaffold p,
13
- .ajax-scaffold div,
14
- .ajax-scaffold fieldset {
15
- margin: 0;
16
- padding: 0;
17
- }
18
-
19
- .ajax-scaffold {
20
- margin: 5px 0;
21
- }
22
-
23
- .ajax-scaffold table {
24
- width: 100%;
25
- }
26
-
27
- .ajax-scaffold a {
28
- color: #06c;
29
- text-decoration: none;
30
- }
31
-
32
- .ajax-scaffold a:hover {
33
- background: #ff8;
34
- }
35
-
36
- /* Header Styling
37
- ======================== */
38
-
39
- .ajax-scaffold-header {
40
- background: #005CB8;
41
- position: relative;
42
- }
43
-
44
- .ajax-scaffold-header h2 {
45
- color: #fff;
46
- padding: 2px 5px 4px 5px;
47
- margin: 0;
48
- font: normal 17px verdana, sans-serif;
49
- }
50
-
51
- .ajax-scaffold-header div.actions a {
52
- color: #fff;
53
- background: url(/images/add.gif) 1px 50% no-repeat;
54
- font: bold 14px arial, sans-serif;
55
- letter-spacing: -1px;
56
- text-decoration: none;
57
- padding: 1px 2px 1px 19px;
58
- }
59
-
60
- .ajax-scaffold-header div.actions a:hover {
61
- background: #378CDF url(/images/add.gif) 1px 50% no-repeat;
62
- }
63
-
64
- .ajax-scaffold-header div.actions {
65
- position: absolute;
66
- right: 5px;
67
- top: 3px;
68
- width: 120px;
69
- text-align: right;
70
- }
71
-
72
- .ajax-scaffold-header div.actions img {
73
- margin-bottom: -3px;
74
- }
75
-
76
- /* Header Styling : Nested
77
- ======================== */
78
-
79
- .ajax-scaffold .ajax-scaffold {
80
- margin: 2px 5px;
81
- }
82
-
83
- .ajax-scaffold .ajax-scaffold .ajax-scaffold-header h2 {
84
- font-size: 13px;
85
- font-weight: bold;
86
- }
87
-
88
- .ajax-scaffold .ajax-scaffold .ajax-scaffold-header div.actions a {
89
- font: bold 11px verdana, sans-serif;
90
- padding: 0 2px 1px 17px;
91
- }
92
-
93
- .ajax-scaffold .ajax-scaffold .ajax-scaffold-header div.actions {
94
- top: 4px;
95
- }
96
-
97
- /* Table Column Headers
98
- ============================= */
99
-
100
- .ajax-scaffold th {
101
- background: #555;
102
- text-align: left;
103
- }
104
-
105
- .ajax-scaffold th a,
106
- .ajax-scaffold th p {
107
- font: bold 11px arial, sans-serif;
108
- display: block;
109
- background: #555;
110
- }
111
-
112
- .ajax-scaffold th a {
113
- color: #fff;
114
- padding: 2px 15px 2px 5px;
115
- }
116
-
117
- .ajax-scaffold th p {
118
- color: #eee;
119
- padding: 2px 5px;
120
- }
121
-
122
- .ajax-scaffold th a:hover {
123
- background: #000;
124
- color: #ff8;
125
- }
126
-
127
- .ajax-scaffold th.sorted {
128
- background: #333;
129
- }
130
-
131
- .ajax-scaffold th.asc a,
132
- .ajax-scaffold th.asc a:hover {
133
- background: #333 url(/images/arrow_up.gif) right 50% no-repeat;
134
- }
135
-
136
- .ajax-scaffold th.desc a,
137
- .ajax-scaffold th.desc a:hover {
138
- background: #333 url(/images/arrow_down.gif) right 50% no-repeat;
139
- }
140
-
141
- .ajax-scaffold th.loading a,
142
- .ajax-scaffold th.loading a:hover {
143
- background: #333 url(/images/indicator-small.gif) right 50% no-repeat;
144
- }
145
-
146
- /* Table Body Styling
147
- ============================= */
148
-
149
- .ajax-scaffold td {
150
- padding: 5px 4px;
151
- color: #333;
152
- font-family: Verdana, sans-serif;
153
- font-size: 11px;
154
- background-color: #E6F2FF;
155
- border-bottom: solid 1px #C5DBF7;
156
- border-left: solid 1px #C5DBF7;
157
- }
158
-
159
- .ajax-scaffold td.actions {
160
- border-right: solid 1px #ccc;
161
- }
162
-
163
- .ajax-scaffold tr.even td {
164
- background-color: #fff;
165
- border-left: solid 1px #ddd;
166
- }
167
-
168
- .ajax-scaffold tr td.sorted {
169
- background-color: #B9DCFF;
170
- border-bottom: solid 1px #AFD0F5;
171
- }
172
-
173
- .ajax-scaffold tr.even td.sorted {
174
- background-color: #E6F2FF;
175
- border-bottom: solid 1px #AFD0F5;
176
- }
177
-
178
- .ajax-scaffold td.empty {
179
- color: #999;
180
- text-align: center;
181
- }
182
-
183
- /* Table Actions (Edit, Delete) Styling
184
- ============================= */
185
-
186
- .ajax-scaffold td.actions {
187
- padding: 0;
188
- width: 1%;
189
- }
190
-
191
- .ajax-scaffold td.actions table {
192
- float: right;
193
- width: auto;
194
- margin-right: 5px;
195
- }
196
-
197
- .ajax-scaffold td.actions table td {
198
- border: none;
199
- text-align: right;
200
- padding: 0 2px;
201
- }
202
-
203
- .ajax-scaffold td.actions a {
204
- font: bold 11px verdana, sans-serif;
205
- letter-spacing: -1px;
206
- padding: 2px;
207
- line-height: 16px;
208
- }
209
-
210
- /* ajax-scaffold Footer Styling
211
- ========================== */
212
-
213
- .ajax-scaffold .ajax-scaffold-footer {
214
- text-align: right;
215
- background: #005CB8;
216
- padding: 3px 5px 2px 5px;
217
- border-bottom: none;
218
- color: #ccc;
219
- font: bold 12px arial, sans-serif;
220
- }
221
-
222
- .ajax-scaffold-footer a {
223
- color: #fff;
224
- text-decoration: none;
225
- letter-spacing: 0;
226
- padding: 0 2px;
227
- margin: 0 -2px;
228
- font: bold 12px arial, sans-serif;
229
- }
230
-
231
- .ajax-scaffold-footer a:hover {
232
- background: #378CDF;
233
- }
234
-
235
- .ajax-scaffold-footer .next {
236
- margin-left: 0;
237
- padding-left: 5px;
238
- border-left: solid 1px #ccc;
239
- }
240
-
241
- .ajax-scaffold-footer .previous {
242
- margin-right: 0;
243
- padding-right: 5px;
244
- border-right: solid 1px #ccc;
245
- }
246
-
247
- /* Messages
248
- ========================= */
249
-
250
- .ajax-scaffold .messages-container,
251
- .ajax-scaffold .ajax-scaffold .messages-container{
252
- padding: 0;
253
- margin: 0 7px;
254
- border: none;
255
- }
256
-
257
- .ajax-scaffold .empty-message {
258
- background: #e8e8e8;
259
- padding: 4px;
260
- text-align: center;
261
- color: #666;
262
- }
263
-
264
- .ajax-scaffold .message {
265
- font-size: 11px;
266
- font-weight: bold;
267
- padding: 5px 20px 5px 21px;
268
- color: #333;
269
- position: relative;
270
- margin: 2px 7px;
271
- line-height: 12px;
272
- }
273
-
274
- .ajax-scaffold td .message a {
275
- position: absolute;
276
- right: 10px;
277
- top: 4px;
278
- padding: 0;
279
- font: bold 11px verdana, sans-serif;
280
- letter-spacing: -1px;
281
- }
282
-
283
- .ajax-scaffold .messages-container .message {
284
- margin: 0;
285
- }
286
-
287
- .ajax-scaffold .error-message {
288
- border-left: solid 5px #f66;
289
- background: #fbb url(/images/error.gif) 2px 3px no-repeat;
290
- }
291
-
292
- .ajax-scaffold .warning-message {
293
- border-left: solid 5px #ff6;
294
- background: #ffb url(/images/warning.gif) 2px 3px no-repeat;
295
- }
296
-
297
- .ajax-scaffold .info-message {
298
- border-left: solid 5px #66f;
299
- background: #bbf url(/images/information.gif) 2px 3px no-repeat;
300
- }
301
-
302
- * html .ajax-scaffold .messages-container .message {
303
- background-position: 7px 3px;
304
- }
305
-
306
- /* Error Styling
307
- ========================== */
308
-
309
- .ajax-scaffold #errorExplanation {
310
- background: #fcc;
311
- margin: 2px 7px;
312
- border: solid 1px #f66;
313
- float: left;
314
- }
315
-
316
- .ajax-scaffold fieldset {
317
- clear: both;
318
- }
319
-
320
- .ajax-scaffold #errorExplanation h2 {
321
- padding: 2px 5px 3px 20px;
322
- color: #333;
323
- font-size: 11px;
324
- margin: 0;
325
- letter-spacing: 0;
326
- font-family: Verdana;
327
- background: #f66 url(/images/error.gif) 2px 1px no-repeat;
328
- }
329
-
330
- .ajax-scaffold #errorExplanation ul {
331
- margin: 0;
332
- padding: 0 2px 4px 25px;
333
- list-style: disc;
334
- }
335
-
336
- .ajax-scaffold #errorExplanation p {
337
- font-size: 11px;
338
- padding: 2px 5px;
339
- font-family: Verdana;
340
- margin: 0;
341
- }
342
-
343
- .ajax-scaffold #errorExplanation ul li {
344
- font: bold 11px verdana;
345
- letter-spacing: -1px;
346
- margin: 0;
347
- padding: 0;
348
- background: transparent;
349
- }
350
-
351
- .ajax-scaffold .fieldWithErrors input {
352
- border: solid 1px #f00;
353
- }
354
-
355
- /* Loading Indicators
356
- ============================== */
357
-
358
- .ajax-scaffold .loading-indicator {
359
- vertical-align: bottom;
360
- margin: 0;
361
- }
362
-
363
- .ajax-scaffold .ajax-scaffold-header .loading-indicator,
364
- .ajax-scaffold .update .loading-indicator,
365
- .ajax-scaffold .create .loading-indicator {
366
- vertical-align: bottom;
367
- margin-bottom: 3px;
368
- }
369
-
370
- /* Form Styling
371
- ============================== */
372
-
373
- .ajax-scaffold td.update,
374
- .ajax-scaffold td.create {
375
- background: #DAFFCD;
376
- padding: 4px;
377
- border: solid 1px #7FcF00;
378
- border-top: none;
379
- }
380
-
381
- .ajax-scaffold .ajax-scaffold td.update,
382
- .ajax-scaffold .ajax-scaffold td.create {
383
- background: #ffb;
384
- border: solid 1px #DDDF37;
385
- border-top: none;
386
- }
387
-
388
- .ajax-scaffold .submit {
389
- font-weight: bold;
390
- font-size: 14px;
391
- font-family: Arial, sans-serif;
392
- letter-spacing: 0;
393
- margin: 0;
394
- margin-top: 5px;
395
- }
396
-
397
- .ajax-scaffold fieldset {
398
- border: none;
399
- }
400
-
401
- .ajax-scaffold label.required{
402
- font-weight: bold;
403
- }
404
-
405
- .ajax-scaffold label.example {
406
- font-size: 11px;
407
- font-family: arial;
408
- color: #888;
409
- }
410
-
411
- .ajax-scaffold h4 {
412
- padding: 2px;
413
- margin: 0;
414
- text-transform: none;
415
- color: #1F7F00;
416
- letter-spacing: -1px;
417
- font: bold 16px arial;
418
- }
419
-
420
- .ajax-scaffold p.form-footer a {
421
- font: bold 14px arial, sans-serif;
422
- letter-spacing: 0;
423
- }
424
-
425
- .ajax-scaffold p {
426
- clear: both;
427
- }
428
-
429
- .ajax-scaffold div.row {
430
- clear: both;
431
- float: none;
432
- padding: 2px;
433
- margin-left: 5px;
434
- }
435
-
436
- .ajax-scaffold div.form-element {
437
- float: left;
438
- margin-right: 10px;
439
- margin-bottom: 2px;
440
- }
441
-
442
- .ajax-scaffold label {
443
- display: block;
444
- font-family: Verdana, sans-serif;
445
- color: #555;
446
- font-size: 11px;
447
- padding-bottom: 1px;
448
- }
449
-
450
- .ajax-scaffold input.text-input,
451
- .ajax-scaffold select {
452
- font-size: 16px;
453
- font-weight: bold;
454
- font-family: Arial, sans-serif;
455
- letter-spacing: -1px;
456
- border: solid 1px #1F7F00;
457
- }
458
-
459
- .ajax-scaffold .form-element input {
460
- padding: 1px;
461
- }
462
-
463
- .ajax-scaffold textarea {
464
- height: 65px;
465
- font-family: Arial, sans-serif;
466
- font-size: 12px;
467
- padding: 1px;
468
- border: solid 1px #1F7F00;
469
- }
470
-
471
- /* IE hacks
472
- ==================================== */
473
-
474
- * html .ajax-scaffold-header {
475
- height: 1%;
476
- }
477
-
478
- * html .ajax-scaffold td .messages-container {
479
- border-top: solid 1px #DAFFCD;
1
+ /*
2
+ AjaxScaffoldGenerator version 3.1.0
3
+ (c) 2006 Richard White <rrwhite@gmail.com>
4
+
5
+ AjaxScaffoldGenerator is freely distributable under the terms of an MIT-style license.
6
+
7
+ For details, see the AjaxScaffoldGenerator web site: http://www.ajaxscaffold.com/
8
+ */
9
+
10
+ .ajax-scaffold form,
11
+ .ajax-scaffold table,
12
+ .ajax-scaffold p,
13
+ .ajax-scaffold div,
14
+ .ajax-scaffold fieldset {
15
+ margin: 0;
16
+ padding: 0;
17
+ }
18
+
19
+ .ajax-scaffold {
20
+ margin: 5px 0;
21
+ }
22
+
23
+ .ajax-scaffold table {
24
+ width: 100%;
25
+ }
26
+
27
+ .ajax-scaffold a {
28
+ color: #06c;
29
+ text-decoration: none;
30
+ }
31
+
32
+ .ajax-scaffold a:hover {
33
+ background-color: #ff8;
34
+ }
35
+
36
+ /* Header Styling
37
+ ======================== */
38
+
39
+ .ajax-scaffold-header {
40
+ background-color: #005CB8;
41
+ position: relative;
42
+ }
43
+
44
+ .ajax-scaffold-header h2 {
45
+ color: #fff;
46
+ padding: 2px 5px 4px 5px;
47
+ margin: 0;
48
+ font: normal 17px verdana, sans-serif;
49
+ }
50
+
51
+ .ajax-scaffold-header div.actions a {
52
+ color: #fff;
53
+ background: url(../images/add.gif) 1px 50% no-repeat;
54
+ font: bold 14px arial, sans-serif;
55
+ letter-spacing: -1px;
56
+ text-decoration: none;
57
+ padding: 1px 2px 1px 19px;
58
+ }
59
+
60
+ .ajax-scaffold-header div.actions a:hover {
61
+ background: #378CDF url(../images/add.gif) 1px 50% no-repeat;
62
+ }
63
+
64
+ .ajax-scaffold-header div.actions {
65
+ position: absolute;
66
+ right: 5px;
67
+ top: 3px;
68
+ width: 120px;
69
+ text-align: right;
70
+ }
71
+
72
+ .ajax-scaffold-header div.actions img {
73
+ margin-bottom: -3px;
74
+ }
75
+
76
+ /* Header Styling : Nested
77
+ ======================== */
78
+
79
+ .ajax-scaffold .ajax-scaffold {
80
+ margin: 2px 5px;
81
+ }
82
+
83
+ .ajax-scaffold .ajax-scaffold .ajax-scaffold-header h2 {
84
+ font-size: 13px;
85
+ font-weight: bold;
86
+ }
87
+
88
+ .ajax-scaffold .ajax-scaffold .ajax-scaffold-header div.actions a {
89
+ font: bold 11px verdana, sans-serif;
90
+ padding: 0 2px 1px 17px;
91
+ }
92
+
93
+ .ajax-scaffold .ajax-scaffold .ajax-scaffold-header div.actions {
94
+ top: 4px;
95
+ }
96
+
97
+ /* Table Column Headers
98
+ ============================= */
99
+
100
+ .ajax-scaffold th {
101
+ background-color: #555;
102
+ text-align: left;
103
+ }
104
+
105
+ .ajax-scaffold th a,
106
+ .ajax-scaffold th p {
107
+ font: bold 11px arial, sans-serif;
108
+ display: block;
109
+ background-color: #555;
110
+ }
111
+
112
+ .ajax-scaffold th a {
113
+ color: #fff;
114
+ padding: 2px 15px 2px 5px;
115
+ }
116
+
117
+ .ajax-scaffold th p {
118
+ color: #eee;
119
+ padding: 2px 5px;
120
+ }
121
+
122
+ .ajax-scaffold th a:hover {
123
+ background-color: #000;
124
+ color: #ff8;
125
+ }
126
+
127
+ .ajax-scaffold th.sorted {
128
+ background-color: #333;
129
+ }
130
+
131
+ .ajax-scaffold th.asc a,
132
+ .ajax-scaffold th.asc a:hover {
133
+ background: #333 url(../images/arrow_up.gif) right 50% no-repeat;
134
+ }
135
+
136
+ .ajax-scaffold th.desc a,
137
+ .ajax-scaffold th.desc a:hover {
138
+ background: #333 url(../images/arrow_down.gif) right 50% no-repeat;
139
+ }
140
+
141
+ .ajax-scaffold th.loading a,
142
+ .ajax-scaffold th.loading a:hover {
143
+ background: #333 url(../images/indicator-small.gif) right 50% no-repeat;
144
+ }
145
+
146
+ /* Table Body Styling
147
+ ============================= */
148
+
149
+ .ajax-scaffold td {
150
+ padding: 5px 4px;
151
+ color: #333;
152
+ font-family: Verdana, sans-serif;
153
+ font-size: 11px;
154
+ background-color: #E6F2FF;
155
+ border-bottom: solid 1px #C5DBF7;
156
+ border-left: solid 1px #C5DBF7;
157
+ }
158
+
159
+ .ajax-scaffold td.actions {
160
+ border-right: solid 1px #ccc;
161
+ }
162
+
163
+ .ajax-scaffold tr.even td {
164
+ background-color: #fff;
165
+ border-left: solid 1px #ddd;
166
+ }
167
+
168
+ .ajax-scaffold tr td.sorted {
169
+ background-color: #B9DCFF;
170
+ border-bottom: solid 1px #AFD0F5;
171
+ }
172
+
173
+ .ajax-scaffold tr.even td.sorted {
174
+ background-color: #E6F2FF;
175
+ border-bottom: solid 1px #AFD0F5;
176
+ }
177
+
178
+ .ajax-scaffold td.empty {
179
+ color: #999;
180
+ text-align: center;
181
+ }
182
+
183
+ /* Table Actions (Edit, Delete) Styling
184
+ ============================= */
185
+
186
+ .ajax-scaffold td.actions {
187
+ padding: 0;
188
+ width: 1%;
189
+ }
190
+
191
+ .ajax-scaffold td.actions table {
192
+ float: right;
193
+ width: auto;
194
+ margin-right: 5px;
195
+ }
196
+
197
+ .ajax-scaffold td.actions table td {
198
+ border: none;
199
+ text-align: right;
200
+ padding: 0 2px;
201
+ }
202
+
203
+ .ajax-scaffold td.actions a {
204
+ font: bold 11px verdana, sans-serif;
205
+ letter-spacing: -1px;
206
+ padding: 2px;
207
+ margin: 0 2px;
208
+ line-height: 16px;
209
+ }
210
+
211
+ /* ajax-scaffold Footer Styling
212
+ ========================== */
213
+
214
+ .ajax-scaffold .ajax-scaffold-footer {
215
+ text-align: right;
216
+ background-color: #005CB8;
217
+ padding: 3px 5px 2px 5px;
218
+ border-bottom: none;
219
+ color: #ccc;
220
+ font: bold 12px arial, sans-serif;
221
+ }
222
+
223
+ .ajax-scaffold-footer a {
224
+ color: #fff;
225
+ text-decoration: none;
226
+ letter-spacing: 0;
227
+ padding: 0 2px;
228
+ margin: 0 -2px;
229
+ font: bold 12px arial, sans-serif;
230
+ }
231
+
232
+ .ajax-scaffold-footer a:hover {
233
+ background-color: #378CDF;
234
+ }
235
+
236
+ .ajax-scaffold-footer .next {
237
+ margin-left: 0;
238
+ padding-left: 5px;
239
+ border-left: solid 1px #ccc;
240
+ }
241
+
242
+ .ajax-scaffold-footer .previous {
243
+ margin-right: 0;
244
+ padding-right: 5px;
245
+ border-right: solid 1px #ccc;
246
+ }
247
+
248
+ /* Messages
249
+ ========================= */
250
+
251
+ .ajax-scaffold .messages-container,
252
+ .ajax-scaffold .ajax-scaffold .messages-container{
253
+ padding: 0;
254
+ margin: 0 7px;
255
+ border: none;
256
+ }
257
+
258
+ .ajax-scaffold .empty-message {
259
+ background-color: #e8e8e8;
260
+ padding: 4px;
261
+ text-align: center;
262
+ color: #666;
263
+ }
264
+
265
+ .ajax-scaffold .message {
266
+ font-size: 11px;
267
+ font-weight: bold;
268
+ padding: 5px 20px 5px 5px;
269
+ color: #333;
270
+ position: relative;
271
+ margin: 2px 7px;
272
+ line-height: 12px;
273
+ }
274
+
275
+ .ajax-scaffold .message a {
276
+ position: absolute;
277
+ right: 10px;
278
+ top: 4px;
279
+ padding: 0;
280
+ font: bold 11px verdana, sans-serif;
281
+ letter-spacing: -1px;
282
+ }
283
+
284
+ .ajax-scaffold .messages-container .message {
285
+ margin: 0;
286
+ }
287
+
288
+ .ajax-scaffold .error-message {
289
+ border-left: solid 5px #f66;
290
+ background-color: #fbb;
291
+ }
292
+
293
+ .ajax-scaffold .warning-message {
294
+ border-left: solid 5px #ff6;
295
+ background-color: #ffb;
296
+ }
297
+
298
+ .ajax-scaffold .info-message {
299
+ border-left: solid 5px #66f;
300
+ background-color: #bbf;
301
+ }
302
+
303
+ /* Error Styling
304
+ ========================== */
305
+
306
+ .ajax-scaffold #errorExplanation {
307
+ background-color: #fcc;
308
+ margin: 2px 0;
309
+ border: solid 1px #f66;
310
+ float: left;
311
+ }
312
+
313
+ .ajax-scaffold fieldset {
314
+ clear: both;
315
+ }
316
+
317
+ .ajax-scaffold #errorExplanation h2 {
318
+ padding: 2px 5px;
319
+ color: #333;
320
+ font-size: 11px;
321
+ margin: 0;
322
+ letter-spacing: 0;
323
+ font-family: Verdana;
324
+ background-color: #f66;
325
+ }
326
+
327
+ .ajax-scaffold #errorExplanation ul {
328
+ margin: 0;
329
+ padding: 0 2px 4px 25px;
330
+ list-style: disc;
331
+ }
332
+
333
+ .ajax-scaffold #errorExplanation p {
334
+ font-size: 11px;
335
+ padding: 2px 5px;
336
+ font-family: Verdana;
337
+ margin: 0;
338
+ }
339
+
340
+ .ajax-scaffold #errorExplanation ul li {
341
+ font: bold 11px verdana;
342
+ letter-spacing: -1px;
343
+ margin: 0;
344
+ padding: 0;
345
+ background-color: transparent;
346
+ }
347
+
348
+ .ajax-scaffold .fieldWithErrors input {
349
+ border: solid 1px #f00;
350
+ }
351
+
352
+ /* Loading Indicators
353
+ ============================== */
354
+
355
+ .ajax-scaffold .loading-indicator {
356
+ vertical-align: bottom;
357
+ margin: 0;
358
+ }
359
+
360
+ .ajax-scaffold .ajax-scaffold-header .loading-indicator,
361
+ .ajax-scaffold .update .loading-indicator,
362
+ .ajax-scaffold .create .loading-indicator {
363
+ vertical-align: bottom;
364
+ margin-bottom: 3px;
365
+ }
366
+
367
+ /* Form Styling
368
+ ============================== */
369
+
370
+ .ajax-scaffold td.update,
371
+ .ajax-scaffold td.create {
372
+ background-color: #DAFFCD;
373
+ padding: 4px;
374
+ border: solid 1px #7FcF00;
375
+ border-top: none;
376
+ }
377
+
378
+ .ajax-scaffold .ajax-scaffold td.update,
379
+ .ajax-scaffold .ajax-scaffold td.create {
380
+ background-color: #ffb;
381
+ border: solid 1px #DDDF37;
382
+ border-top: none;
383
+ }
384
+
385
+ .ajax-scaffold .submit {
386
+ font-weight: bold;
387
+ font-size: 14px;
388
+ font-family: Arial, sans-serif;
389
+ letter-spacing: 0;
390
+ margin: 0;
391
+ margin-top: 5px;
392
+ }
393
+
394
+ .ajax-scaffold fieldset {
395
+ border: none;
396
+ }
397
+
398
+ .ajax-scaffold label.required{
399
+ font-weight: bold;
400
+ }
401
+
402
+ .ajax-scaffold label.example {
403
+ font-size: 11px;
404
+ font-family: arial;
405
+ color: #888;
406
+ }
407
+
408
+ .ajax-scaffold h4 {
409
+ padding: 2px;
410
+ margin: 0;
411
+ text-transform: none;
412
+ color: #1F7F00;
413
+ letter-spacing: -1px;
414
+ font: bold 16px arial;
415
+ }
416
+
417
+ .ajax-scaffold p.form-footer a {
418
+ font: bold 14px arial, sans-serif;
419
+ letter-spacing: 0;
420
+ }
421
+
422
+ .ajax-scaffold p {
423
+ clear: both;
424
+ }
425
+
426
+ .ajax-scaffold div.row {
427
+ clear: both;
428
+ float: none;
429
+ padding: 2px;
430
+ margin-left: 5px;
431
+ }
432
+
433
+ .ajax-scaffold div.form-element {
434
+ float: left;
435
+ margin-right: 10px;
436
+ margin-bottom: 2px;
437
+ }
438
+
439
+ .ajax-scaffold label {
440
+ display: block;
441
+ font-family: Verdana, sans-serif;
442
+ color: #555;
443
+ font-size: 11px;
444
+ padding-bottom: 1px;
445
+ }
446
+
447
+ .ajax-scaffold input.text-input,
448
+ .ajax-scaffold select {
449
+ font-size: 16px;
450
+ font-weight: bold;
451
+ font-family: Arial, sans-serif;
452
+ letter-spacing: -1px;
453
+ border: solid 1px #1F7F00;
454
+ }
455
+
456
+ .ajax-scaffold .form-element input {
457
+ padding: 1px;
458
+ }
459
+
460
+ .ajax-scaffold textarea {
461
+ height: 65px;
462
+ font-family: Arial, sans-serif;
463
+ font-size: 12px;
464
+ padding: 1px;
465
+ border: solid 1px #1F7F00;
466
+ }
467
+
468
+ /* IE hacks
469
+ ==================================== */
470
+
471
+ * html .ajax-scaffold-header {
472
+ height: 1%;
473
+ }
474
+
475
+ * html .ajax-scaffold td .messages-container {
476
+ border-top: solid 1px #DAFFCD;
480
477
  }