ajax_scaffold_generator 3.1.5 → 3.1.6

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