active_scaffold 3.1.17 → 3.1.18

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. data/app/assets/images/{add.gif → active_scaffold/add.gif} +0 -0
  2. data/app/assets/images/{arrow_down.gif → active_scaffold/arrow_down.gif} +0 -0
  3. data/app/assets/images/{arrow_up.gif → active_scaffold/arrow_up.gif} +0 -0
  4. data/app/assets/images/{close.gif → active_scaffold/close.gif} +0 -0
  5. data/app/assets/images/{close_touch.png → active_scaffold/close_touch.png} +0 -0
  6. data/app/assets/images/{config.png → active_scaffold/config.png} +0 -0
  7. data/app/assets/images/{cross.png → active_scaffold/cross.png} +0 -0
  8. data/app/assets/images/{gears.png → active_scaffold/gears.png} +0 -0
  9. data/app/assets/images/{indicator-small.gif → active_scaffold/indicator-small.gif} +0 -0
  10. data/app/assets/images/{indicator.gif → active_scaffold/indicator.gif} +0 -0
  11. data/app/assets/images/{magnifier.png → active_scaffold/magnifier.png} +0 -0
  12. data/app/assets/javascripts/jquery/active_scaffold.js +125 -125
  13. data/app/assets/javascripts/jquery/date_picker_bridge.js.erb +5 -5
  14. data/app/assets/javascripts/jquery/draggable_lists.js +9 -9
  15. data/app/assets/javascripts/jquery/tiny_mce_bridge.js +2 -2
  16. data/app/assets/stylesheets/active_scaffold.css.erb +166 -147
  17. data/app/assets/stylesheets/active_scaffold.css.erb~ +182 -147
  18. data/app/assets/stylesheets/blue-theme.css +74 -0
  19. data/app/assets/stylesheets/blue-theme.css~ +1150 -0
  20. data/frontends/default/views/_search.html.erb +3 -3
  21. data/lib/active_scaffold/actions/nested.rb +2 -2
  22. data/lib/active_scaffold/actions/nested.rb~ +3 -3
  23. data/lib/active_scaffold/data_structures/nested_info.rb +6 -2
  24. data/lib/active_scaffold/data_structures/nested_info.rb~ +7 -3
  25. data/lib/active_scaffold/helpers/search_column_helpers.rb +3 -1
  26. data/lib/active_scaffold/helpers/view_helpers.rb +1 -1
  27. data/lib/active_scaffold/version.rb +1 -1
  28. data/lib/active_scaffold.rb +2 -1
  29. data/lib/active_scaffold.rb~ +14 -4
  30. metadata +21 -19
@@ -0,0 +1,1150 @@
1
+ /*
2
+ ActiveScaffold
3
+ (c) 2007 Richard White <rrwhite@gmail.com>
4
+
5
+ ActiveScaffold is freely distributable under the terms of an MIT-style license.
6
+
7
+ For details, see the ActiveScaffold web site: http://www.activescaffold.com/
8
+
9
+ */
10
+ <%
11
+ @disabled_color ||= '#999'
12
+ @actions_disabled_color ||= '#666'
13
+ @link_color ||= '#06c'
14
+ @hover_bg ||= '#ff8'
15
+ @header_color ||= '#555'
16
+
17
+ @column_header_bg ||= '#555'
18
+ @column_header_link_color ||= '#fff'
19
+ @column_header_link_hover_bg ||= '#000'
20
+ @column_header_color ||= '#eee'
21
+ @column_header_sorted_bg ||= '#333'
22
+
23
+ @column_bg ||= '#E6F2FF'
24
+ @column_even_bg ||= '#fff'
25
+ @column_color ||= '#333'
26
+ @column_empty_color ||= '#999'
27
+ @column_border_color ||= '#C5DBF7'
28
+ @column_even_border_color ||= '#ddd'
29
+
30
+ @column_sorted_bg ||= '#B9DCFF'
31
+ @column_sorted_border_color ||= '#AFD0F5'
32
+ @column_even_sorted_bg ||= '#E6F2FF'
33
+ @column_even_sorted_border_color ||= '#AFD0F5'
34
+
35
+ @calculations_bg ||= '#eee'
36
+ @calculations_border_color ||= '#005CB8'
37
+
38
+ @action_group_color ||= '#0066CC'
39
+ @action_group_border_color ||= '#005CB8'
40
+ @action_group_items_bg ||= '#EEE'
41
+ @action_group_items_border_color ||= '#222'
42
+ @action_group_link_color ||= @column_color
43
+
44
+ @nested_bg ||= '#DAFFCD'
45
+ @nested_border_color ||= '#7FcF00'
46
+ @nested_footer_color ||= '#444'
47
+ @nested_column_bg ||= '#ECFFE7'
48
+ @nested_column_border_color ||= @column_border_color
49
+
50
+ @second_nested_bg ||= '#FFFFBB'
51
+ @second_nested_border_color ||= '#DDDF37'
52
+
53
+ @third_nested_bg ||= @nested_bg
54
+ @third_nested_border_color ||= @nested_border_color
55
+ %>
56
+
57
+ .active-scaffold form,
58
+ .active-scaffold table,
59
+ .active-scaffold p,
60
+ .active-scaffold div,
61
+ .active-scaffold fieldset {
62
+ margin: 0;
63
+ padding: 0;
64
+ }
65
+
66
+ .active-scaffold {
67
+ margin: 5px 0;
68
+ }
69
+
70
+ .active-scaffold table {
71
+ width: 100%;
72
+ border-collapse: separate;
73
+ }
74
+
75
+ .active-scaffold a,
76
+ .active-scaffold a:visited {
77
+ color: <%= @link_color %>;
78
+ text-decoration: none;
79
+ }
80
+
81
+ .active-scaffold a.disabled {
82
+ color: <%= @disabled_color %>;
83
+ }
84
+
85
+ .active-scaffold a:hover, .active-scaffold div.hover, .active-scaffold td span.hover {
86
+ background-color: <%= @hover_bg %>;
87
+ }
88
+
89
+ .active-scaffold div.actions a img,
90
+ .active-scaffold td.actions a img {
91
+ border: none;
92
+ vertical-align: middle;
93
+ }
94
+
95
+ .active-scaffold div.actions a.disabled img,
96
+ .active-scaffold td.actions a.disabled img {
97
+ opacity: 0.5;
98
+ }
99
+
100
+ .active-scaffold .clear-fix {
101
+ clear: both;
102
+ }
103
+
104
+ noscript.active-scaffold {
105
+ border-left: solid 5px #f66;
106
+ background-color: #fbb;
107
+ font-size: 11px;
108
+ font-weight: bold;
109
+ padding: 5px 20px 5px 5px;
110
+ color: #333;
111
+ }
112
+
113
+ .active-scaffold .mark_record_column {
114
+ width: 1px;
115
+ }
116
+
117
+ /* Header
118
+ ======================== */
119
+
120
+ .active-scaffold-header {
121
+ position: relative;
122
+ }
123
+
124
+ .blue-theme .active-scaffold-header {
125
+ background-color: #005CB8;
126
+ }
127
+
128
+ .active-scaffold-header h2 {
129
+ padding: 2px 0px;
130
+ margin: 0;
131
+ color: <%= @header_color %>;
132
+ font: bold 160% arial, sans-serif;
133
+ }
134
+
135
+ .blue-theme .active-scaffold-header h2 {
136
+ color: #fff;
137
+ padding: 2px 5px 4px 5px;
138
+ }
139
+
140
+ .active-scaffold-header div.actions a,
141
+ .active-scaffold-header div.actions {
142
+ float: right;
143
+ font: bold 14px arial;
144
+ letter-spacing: -1px;
145
+ text-decoration: none;
146
+ padding: 1px 2px;
147
+ white-space: nowrap;
148
+ margin-left: 5px;
149
+ background-position: 1px 50%;
150
+ background-repeat: no-repeat;
151
+ }
152
+
153
+ .active-scaffold-header div.actions a {
154
+ padding: 5px 5px;
155
+ margin-left: 0px;
156
+ }
157
+
158
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions > a {
159
+ padding: 1px 5px;
160
+ }
161
+
162
+ .active-scaffold-header div.actions div.action_group {
163
+ display: inline;
164
+ float: right;
165
+ }
166
+
167
+ .active-scaffold-header div.actions div.action_group li a,
168
+ .active-scaffold-header div.actions div.action_group li div {
169
+ float: none;
170
+ margin: 0;
171
+ }
172
+
173
+ .active-scaffold-header div.actions .action_group ul {
174
+ line-height: 130%;
175
+ top: 19px;
176
+ }
177
+
178
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions .action_group ul {
179
+ top: 14px;
180
+ }
181
+
182
+ .view .active-scaffold-header div.actions a,
183
+ .view .active-scaffold-header div.actions div,
184
+ .view .active-scaffold-header div.actions div.action_group {
185
+ float: left;
186
+ }
187
+
188
+ .blue-theme .active-scaffold-header div.actions a {
189
+ color: #fff;
190
+ }
191
+
192
+ .active-scaffold-header div.actions a.disabled {
193
+ color: <%= @actions_disabled_color %>;
194
+ opacity: 0.5;
195
+ }
196
+
197
+ .blue-theme .active-scaffold-header div.actions a.disabled {
198
+ color: #fff;
199
+ opacity: 0.5;
200
+ }
201
+
202
+ .active-scaffold-header div.actions a.new,
203
+ .active-scaffold-header div.actions a.new_existing,
204
+ .active-scaffold-header div.actions a.show_search,
205
+ .active-scaffold-header div.actions a.show_config_list,
206
+ .active-scaffold-header div.actions div.action_group div {
207
+ margin:0;
208
+ padding: 5px 5px 5px 25px;
209
+ background-position: 5px 50%;
210
+ background-repeat: no-repeat;
211
+ }
212
+
213
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions > a.new,
214
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions > a.new_existing,
215
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions > a.show_search,
216
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions > a.show_config_list,
217
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions div.action_group > div {
218
+ margin:0;
219
+ padding: 1px 5px 1px 20px;
220
+ background-position: 1px 50%;
221
+ background-repeat: no-repeat;
222
+ }
223
+
224
+ .active-scaffold-header div.actions div.action_group div {
225
+ background-image: url(<%= asset_path 'gears.png' %>); /* default icon for actions or override with css */
226
+ }
227
+
228
+ .active-scaffold-header div.actions a.show_config_list {
229
+ background-image: url(<%= asset_path 'config.png' %>);
230
+ }
231
+
232
+ .active-scaffold-header div.actions a.new,
233
+ .active-scaffold-header div.actions a.new_existing {
234
+ background-image: url(<%= asset_path 'add.gif' %>);
235
+ }
236
+
237
+ .active-scaffold-header div.actions a.show_search {
238
+
239
+ background-image: url(<%= asset_path 'magnifier.png' %>);
240
+ }
241
+
242
+ .blue-theme .active-scaffold-header div.actions a:hover {
243
+ background-color: #378CDF;
244
+ }
245
+
246
+ .active-scaffold-header div.actions a.disabled:hover {
247
+ background-color: transparent;
248
+ cursor: default;
249
+ }
250
+
251
+ .active-scaffold-header div.actions {
252
+ position: absolute;
253
+ right: 5px;
254
+ top: 5px;
255
+ text-align: right;
256
+ }
257
+
258
+ /* Table :: Column Headers
259
+ ============================= */
260
+
261
+ .active-scaffold th {
262
+ background-color: <%= @column_header_bg %>;
263
+ text-align: left;
264
+ }
265
+
266
+ .active-scaffold th a,
267
+ .active-scaffold th p {
268
+ font: bold 11px arial, sans-serif;
269
+ display: block;
270
+ background-color: <%= @column_header_bg %>;
271
+ }
272
+
273
+ .active-scaffold th a, .active-scaffold th a:visited {
274
+ color: <%= @column_header_link_color %>;
275
+ padding: 2px 2px 2px 5px;
276
+ }
277
+
278
+ .active-scaffold th p {
279
+ color: <%= @column_header_color %>;
280
+ padding: 2px 5px;
281
+ }
282
+
283
+ .active-scaffold th a:hover {
284
+ background-color: <%= @column_header_link_hover_bg %>;
285
+ color: #ff8;
286
+ }
287
+
288
+ .active-scaffold th.sorted {
289
+ background-color: <%= @column_header_sorted_bg %>;
290
+ }
291
+
292
+ .active-scaffold th.sorted a {
293
+ padding-right: 18px;
294
+ }
295
+
296
+ .active-scaffold th.asc a,
297
+ .active-scaffold th.asc a:hover {
298
+ background: <%= @column_header_sorted_bg %> url(<%= asset_path 'arrow_up.gif' %>) right 50% no-repeat;
299
+ }
300
+
301
+ .active-scaffold th.desc a,
302
+ .active-scaffold th.desc a:hover {
303
+ background: <%= @column_header_sorted_bg %> url(<%= asset_path 'arrow_down.gif' %>) right 50% no-repeat;
304
+ }
305
+
306
+ .active-scaffold th.loading a,
307
+ .active-scaffold th.loading a:hover {
308
+ background: <%= @column_header_sorted_bg %> url(<%= asset_path 'indicator-small.gif' %>) right 50% no-repeat;
309
+ }
310
+
311
+ .active-scaffold th .mark_heading {
312
+ margin-left: 5px;
313
+ }
314
+
315
+ .active-scaffold th.hidden, .active-scaffold td.hidden {
316
+ display: none;
317
+ }
318
+
319
+ /* Table :: Record Rows
320
+ ============================= */
321
+
322
+ .active-scaffold tr.record {
323
+ background-color: <%= @column_bg %>;
324
+ }
325
+ .active-scaffold tr.record td {
326
+ padding: 5px 4px;
327
+ color: <%= @column_color %>;
328
+ font-family: Verdana, sans-serif;
329
+ font-size: 11px;
330
+ border: solid 1px <%= @column_border_color %>;
331
+ border-width: 0 0 1px 1px;
332
+ }
333
+
334
+ .active-scaffold tr.record td.messages-container {
335
+ padding: 0px;
336
+ }
337
+
338
+ .active-scaffold tr.even-record {
339
+ background-color: <%= @column_even_bg %>;
340
+ }
341
+ .active-scaffold tr.even-record td {
342
+ border-left-color: <%= @column_even_border_color %>;
343
+ }
344
+
345
+ .active-scaffold tr.record td.sorted {
346
+ background-color: <%= @column_sorted_bg %>;
347
+ border-bottom-color: <%= @column_sorted_border_color %>;
348
+ }
349
+
350
+ .active-scaffold tr.even-record td.sorted {
351
+ background-color: <%= @column_even_sorted_bg %>;
352
+ border-bottom-color: <%= @column_even_sorted_border_color %>;
353
+ }
354
+
355
+ .active-scaffold tbody.records td.empty {
356
+ color: <%= @column_empty_color %>;
357
+ text-align: center;
358
+ }
359
+
360
+ .active-scaffold td.numeric,
361
+ .active-scaffold-calculations td {
362
+ text-align: right;
363
+ }
364
+
365
+ /* Table :: Actions (Edit, Delete)
366
+ ============================= */
367
+ .active-scaffold tr.record td.actions {
368
+ border-right: solid 1px #ccc;
369
+ padding: 0;
370
+ min-width: 1%;
371
+ }
372
+
373
+ .active-scaffold tr.record td.actions table {
374
+ float: right;
375
+ width: auto;
376
+ margin-right: 5px;
377
+ }
378
+
379
+ .active-scaffold tr.record td.actions table td {
380
+ border: none;
381
+ text-align: right;
382
+ padding: 0 2px;
383
+ }
384
+
385
+ .active-scaffold tr.record td.actions a,
386
+ .active-scaffold tr.record td.actions div {
387
+ font: bold 11px verdana, sans-serif;
388
+ letter-spacing: -1px;
389
+ padding: 2px;
390
+ margin: 0 2px;
391
+ line-height: 16px;
392
+ white-space: nowrap;
393
+ }
394
+
395
+ .active-scaffold tr.record td.actions a.disabled {
396
+ color: <%= @actions_disabled_color %>;
397
+ opacity: 0.5;
398
+ }
399
+
400
+ .active-scaffold .actions .action_group div:hover {
401
+ background-color: #ff8;
402
+ }
403
+
404
+ .active-scaffold .actions .action_group {
405
+ position: relative;
406
+ text-align: left;
407
+ color: <%= @action_group_color %>;
408
+ }
409
+
410
+ .active-scaffold .actions .action_group ul {
411
+ border: 2px solid <%= @action_group_border_color %>;
412
+ list-style-type: none;
413
+ margin: 0;
414
+ padding: 0;
415
+ position: absolute;
416
+ line-height: 200%;
417
+ display: none;
418
+ width: 150px;
419
+ right: 0px;
420
+ }
421
+
422
+ .active-scaffold .actions .action_group ul ul {
423
+ display: none;
424
+ position: absolute;
425
+ top: 0;
426
+ right: 150px;
427
+ }
428
+
429
+ .active-scaffold .actions .action_group ul li {
430
+ background: none repeat scroll 0 0 <%= @action_group_items_bg %>;
431
+ border-top: 1px dashed <%= @action_group_items_border_color %>;
432
+ display: block;
433
+ position: relative;
434
+ width: auto;
435
+ z-index: 2;
436
+ }
437
+
438
+ .active-scaffold .actions .action_group ul li div {
439
+ margin: 0;
440
+ padding: 5px 5px 5px 25px;
441
+ background-position: 5px 50%;
442
+ background-repeat: no-repeat;
443
+ }
444
+
445
+ .active-scaffold .actions .action_group ul li a {
446
+ display: block;
447
+ color: <%= @action_group_link_color %>;
448
+ margin: 0;
449
+ padding: 5px 5px 5px 25px;
450
+ background-position: 5px 50%;
451
+ background-repeat: no-repeat;
452
+ }
453
+
454
+ .active-scaffold .actions .action_group ul li.top {
455
+ border-top-width: 0px;
456
+ }
457
+
458
+ .active-scaffold .actions .action_group:hover ul ul,
459
+ .active-scaffold .actions .action_group:hover ul ul ul {
460
+ display: none;
461
+ }
462
+
463
+ .active-scaffold .actions .action_group:hover ul,
464
+ .active-scaffold .actions .action_group ul li:hover > ul,
465
+ .active-scaffold .actions .action_group ul ul li:hover ul {
466
+ display: block;
467
+ }
468
+
469
+ /* Table :: Inline Adapter
470
+ ============================= */
471
+
472
+ .active-scaffold .view {
473
+ background-color: <%= @nested_bg %>;
474
+ padding: 4px;
475
+ border: solid 1px <%= @nested_border_color %>;
476
+ }
477
+
478
+ .active-scaffold tbody.records td.inline-adapter-cell .view {
479
+ border-top: none;
480
+ }
481
+
482
+ .active-scaffold .before-header td.inline-adapter-cell .view {
483
+ border-bottom: none;
484
+ }
485
+
486
+ .active-scaffold a.inline-adapter-close {
487
+ float: right;
488
+ text-indent: -4000px;
489
+ width: 16px;
490
+ height: 17px;
491
+ background: url(<%= asset_path 'close.gif' %>) 0 0 no-repeat;
492
+ }
493
+
494
+ /* Nested
495
+ ======================== */
496
+
497
+ .blue-theme .active-scaffold .active-scaffold-header,
498
+ .blue-theme .active-scaffold .active-scaffold-footer {
499
+ background-color: #1F7F00;
500
+
501
+ background: transparent;
502
+ }
503
+
504
+ .active-scaffold .active-scaffold .active-scaffold-header {
505
+ margin-right: 25px;
506
+ }
507
+
508
+ .active-scaffold .active-scaffold .active-scaffold-header h2 {
509
+ font-size: 12px;
510
+ font-weight: bold;
511
+ }
512
+
513
+ .blue-theme .active-scaffold .active-scaffold-header h2 {
514
+ color: #444;
515
+ }
516
+ .active-scaffold .active-scaffold .active-scaffold-footer {
517
+ color: <%= @nested_footer_color %>;
518
+ }
519
+
520
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions {
521
+ top: 0px;
522
+ right: 0px;
523
+ }
524
+
525
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions a,
526
+ .active-scaffold .active-scaffold .active-scaffold-header div.actions div {
527
+ font: bold 11px verdana, sans-serif;
528
+ }
529
+
530
+ .blue-theme .active-scaffold .active-scaffold-header div.actions a,
531
+ .blue-theme .active-scaffold .active-scaffold-header div.actions a:visited {
532
+ color: #06c;
533
+ }
534
+
535
+ .blue-theme .active-scaffold .active-scaffold-header div.actions a:hover {
536
+ background-color: #ff8;
537
+ }
538
+
539
+ .active-scaffold .active-scaffold .view {
540
+ background-color: transparent;
541
+ padding: 0px;
542
+ border: none;
543
+ }
544
+
545
+ .active-scaffold .active-scaffold td {
546
+ background-color: <%= @nested_column_bg %>;
547
+ border-bottom: solid 1px <%= @nested_column_border_color %>;
548
+ border-left: solid 1px <%= @nested_column_border_color %>;
549
+ }
550
+
551
+ .active-scaffold .active-scaffold td.inline-adapter-cell {
552
+ background-color: <%= @second_nested_bg %>;
553
+ padding: 4px;
554
+ border: solid 1px <%= @second_nested_border_color %>;
555
+ border-top: none;
556
+ }
557
+
558
+ .active-scaffold .active-scaffold .active-scaffold td.inline-adapter-cell {
559
+ background-color: <%= @third_nested_bg %>;
560
+ padding: 4px;
561
+ border: solid 1px <%= @third_nested_border_color %>;
562
+ border-top: none;
563
+ }
564
+
565
+ .active-scaffold .active-scaffold .active-scaffold-footer {
566
+ font-size: 11px;
567
+ }
568
+
569
+ /* Footer
570
+ ========================== */
571
+
572
+ .active-scaffold-calculations td {
573
+ background-color: <%= @calculations_bg %>;
574
+ border-top: 2px solid <%= @calculations_border_color %>;
575
+ font: bold 12px arial, sans-serif;
576
+ }
577
+
578
+ .active-scaffold .active-scaffold-footer {
579
+ padding: 3px 0px 2px 0px;
580
+ border-bottom: none;
581
+ font: bold 12px arial, sans-serif;
582
+ }
583
+
584
+ .blue-theme .active-scaffold-footer {
585
+ background-color: #005CB8;
586
+ color: #ccc;
587
+ }
588
+
589
+ .active-scaffold-footer .active-scaffold-pagination {
590
+ float: right;
591
+ white-space: nowrap;
592
+ margin-right: 5px;
593
+ }
594
+
595
+ .blue-theme .active-scaffold-footer .active-scaffold-records {
596
+ margin-left: 5px;
597
+ }
598
+
599
+ .active-scaffold-footer a {
600
+ text-decoration: none;
601
+ letter-spacing: 0;
602
+ padding: 0 2px;
603
+ margin: 0 -2px;
604
+ font: bold 12px arial, sans-serif;
605
+ }
606
+
607
+ .blue-theme .active-scaffold-footer a,
608
+ .blue-theme .active-scaffold-footer a:visited {
609
+ color: #fff;
610
+ }
611
+
612
+ .blue-theme .active-scaffold-footer a:hover {
613
+ background-color: #378CDF;
614
+ }
615
+
616
+ .active-scaffold-footer .next {
617
+ margin-left: 0;
618
+ padding-left: 5px;
619
+ border-left: solid 1px #ccc;
620
+ }
621
+
622
+ .active-scaffold-footer .previous {
623
+ margin-right: 0;
624
+ padding-right: 5px;
625
+ border-right: solid 1px #ccc;
626
+ }
627
+
628
+ /* Messages
629
+ ========================= */
630
+
631
+ .active-scaffold .messages-container,
632
+ .active-scaffold .active-scaffold .messages-container{
633
+ padding: 0;
634
+ margin: 0 7px;
635
+ border: none;
636
+ }
637
+
638
+ .active-scaffold .empty-message, .active-scaffold .filtered-message {
639
+ background-color: #e8e8e8;
640
+ padding: 4px;
641
+ text-align: center;
642
+ color: #666;
643
+ }
644
+
645
+ .active-scaffold .message {
646
+ font-size: 11px;
647
+ font-weight: bold;
648
+ padding: 5px 20px 5px 5px;
649
+ color: #333;
650
+ position: relative;
651
+ margin: 2px 7px;
652
+ line-height: 12px;
653
+ }
654
+
655
+ .active-scaffold .message a {
656
+ position: absolute;
657
+ right: 10px;
658
+ top: 4px;
659
+ padding: 0;
660
+ font: bold 11px verdana, sans-serif;
661
+ letter-spacing: -1px;
662
+ }
663
+
664
+ .active-scaffold .messages-container .message {
665
+ margin: 0;
666
+ }
667
+
668
+ .active-scaffold .error-message {
669
+ border-left: solid 5px #f66;
670
+ background-color: #fbb;
671
+ }
672
+
673
+ .active-scaffold .warning-message {
674
+ border-left: solid 5px #ff6;
675
+ background-color: #ffb;
676
+ }
677
+
678
+ .active-scaffold .info-message {
679
+ border-left: solid 5px #66f;
680
+ background-color: #bbf;
681
+ }
682
+
683
+ /* Error Styling
684
+ ========================== */
685
+
686
+ .active-scaffold .errorExplanation {
687
+ background-color: #fcc;
688
+ margin: 2px 0;
689
+ border: solid 1px #f66;
690
+ }
691
+
692
+ .active-scaffold fieldset {
693
+ clear: both;
694
+ }
695
+
696
+ .active-scaffold .errorExplanation h2 {
697
+ padding: 2px 5px;
698
+ color: #333;
699
+ font-size: 11px;
700
+ margin: 0;
701
+ letter-spacing: 0;
702
+ font-family: Verdana;
703
+ background-color: #f66;
704
+ }
705
+
706
+ .active-scaffold .errorExplanation ul {
707
+ margin: 0;
708
+ padding: 0 2px 4px 25px;
709
+ list-style: disc;
710
+ }
711
+
712
+ .active-scaffold .errorExplanation p {
713
+ font-size: 11px;
714
+ padding: 2px 5px;
715
+ font-family: Verdana;
716
+ margin: 0;
717
+ }
718
+
719
+ .active-scaffold .errorExplanation ul li {
720
+ font: bold 11px verdana;
721
+ letter-spacing: -1px;
722
+ margin: 0;
723
+ padding: 0;
724
+ background-color: transparent;
725
+ }
726
+
727
+ /* Loading Indicators
728
+ ============================== */
729
+
730
+ .active-scaffold .loading-indicator {
731
+ vertical-align: text-bottom;
732
+ width: 16px;
733
+ margin: 0;
734
+ }
735
+
736
+ .active-scaffold .active-scaffold-header .loading-indicator {
737
+ margin-top: 3px;
738
+ }
739
+
740
+ /* Show
741
+ ============================= */
742
+
743
+ .active-scaffold .show-view dl {
744
+ margin-left: 5px;
745
+ }
746
+ .active-scaffold .show-view dl dl {
747
+ margin-left: 0px;
748
+ }
749
+
750
+ .active-scaffold .show-view dt {
751
+ width: 12em;
752
+ float: left;
753
+ clear: left;
754
+ font: normal 11px verdana, sans-serif;
755
+ color: #555;
756
+ line-height: 16px;
757
+ }
758
+
759
+ .active-scaffold .show-view dd {
760
+ float: left;
761
+ font: bold 14px arial;
762
+ padding-left: 5px;
763
+ margin-bottom: 5px;
764
+ }
765
+
766
+ /* Form
767
+ ============================== */
768
+
769
+ .active-scaffold dl {
770
+ margin: 0;
771
+ }
772
+
773
+ .active-scaffold .submit {
774
+ font-weight: bold;
775
+ font-size: 14px;
776
+ font-family: Arial, sans-serif;
777
+ letter-spacing: 0;
778
+ margin: 0;
779
+ margin-top: 5px;
780
+ }
781
+
782
+ .active-scaffold form p {
783
+ clear: both;
784
+ }
785
+
786
+ .active-scaffold fieldset {
787
+ border: none;
788
+ }
789
+
790
+ .active-scaffold h4,
791
+ .active-scaffold h5 {
792
+ padding: 2px;
793
+ margin: 0;
794
+ text-transform: none;
795
+ color: #1F7F00;
796
+ letter-spacing: -1px;
797
+ font: bold 16px arial;
798
+ }
799
+
800
+ .active-scaffold h5 {
801
+ padding: 0;
802
+ margin: 5px 0 2px 0;
803
+ font-size: 14px;
804
+ letter-spacing: 0;
805
+ }
806
+
807
+ .active-scaffold ol {
808
+ clear: both;
809
+ float: none;
810
+ padding: 2px;
811
+ margin-left: 5px;
812
+ list-style: none;
813
+ }
814
+
815
+ .active-scaffold p.form-footer {
816
+ clear: both;
817
+ }
818
+
819
+ .active-scaffold a.as_cancel,
820
+ .active-scaffold p.form-footer a {
821
+ font: bold 14px arial, sans-serif;
822
+ letter-spacing: 0;
823
+ }
824
+
825
+ /* Form :: Fields
826
+ ============================== */
827
+
828
+ .active-scaffold li.form-element {
829
+ clear: both;
830
+ }
831
+
832
+ .active-scaffold label {
833
+ font: normal 11px verdana, sans-serif;
834
+ color: #555;
835
+ }
836
+
837
+ .active-scaffold li.form-element dt {
838
+ float: left;
839
+ width: 12em;
840
+ padding: 6px 0;
841
+ }
842
+
843
+ .active-scaffold li.form-element dd {
844
+ float: left;
845
+ }
846
+
847
+ .active-scaffold li.form-element dd p,
848
+ .active-scaffold li.form-element dd input[type="checkbox"] {
849
+ margin-top: 6px;
850
+ }
851
+
852
+ .active-scaffold .form dd {
853
+ margin: 0;
854
+ }
855
+
856
+
857
+ .active-scaffold .description {
858
+ display: inline-block;
859
+ color: #999;
860
+ font-size: 10px;
861
+ margin-left: 5px;
862
+ }
863
+
864
+ .active-scaffold .required label {
865
+ font-weight: bold;
866
+ }
867
+
868
+ .active-scaffold label.example {
869
+ font-size: 11px;
870
+ font-family: arial;
871
+ color: #888;
872
+ }
873
+
874
+ .active-scaffold input.text-input,
875
+ .active-scaffold select {
876
+ font: bold 16px arial;
877
+ letter-spacing: -1px;
878
+ border: solid 1px #1F7F00;
879
+ }
880
+
881
+ .active-scaffold input.text-input {
882
+ padding: 2px;
883
+ }
884
+
885
+ .active-scaffold .fieldWithErrors input,
886
+ .active-scaffold .field_with_errors input,
887
+ .active-scaffold .fieldWithErrors textarea,
888
+ .active-scaffold .field_with_errors textarea,
889
+ .active-scaffold .fieldWithErrors select,
890
+ .active-scaffold .field_with_errors select {
891
+ border: solid 1px #f00;
892
+ }
893
+
894
+ .active-scaffold select {
895
+ padding: 1px;
896
+ }
897
+
898
+ .active-scaffold input.example {
899
+ color: #aaa;
900
+ }
901
+
902
+ .active-scaffold select:focus,
903
+ .active-scaffold input.text-input:focus {
904
+ background-color: #ffc;
905
+ }
906
+
907
+ .active-scaffold textarea {
908
+ font-family: Arial, sans-serif;
909
+ font-size: 12px;
910
+ padding: 1px;
911
+ border: solid 1px #1F7F00;
912
+ }
913
+
914
+ .active-scaffold .checkbox-list {
915
+ padding-left: 0px;
916
+ }
917
+
918
+ .active-scaffold .checkbox-list li {
919
+ padding-right: 5px;
920
+ display: inline;
921
+ }
922
+
923
+ .active-scaffold .checkbox-list li label {
924
+ padding: 0 0 0 2px;
925
+ }
926
+
927
+ .active-scaffold .draggable-list {
928
+ float: left;
929
+ width: 300px;
930
+ margin-right: 15px;
931
+ min-height: 30px;
932
+ max-height: 100px;
933
+ overflow: auto;
934
+ background-color: #FFFF88;
935
+ }
936
+
937
+ .active-scaffold .draggable-list.hover {
938
+ opacity: 0.5;
939
+ }
940
+
941
+ .active-scaffold .draggable-list.selected {
942
+ background-color: #7FCF00;
943
+ }
944
+
945
+ .active-scaffold .draggable-list li {
946
+ display: block;
947
+ }
948
+
949
+ li.draggable-item {
950
+ list-style: none;
951
+ }
952
+ li.draggable-item input,
953
+ .active-scaffold .draggable-list input {
954
+ display: none;
955
+ }
956
+
957
+ /* Form :: Sub-Sections
958
+ ============================== */
959
+
960
+ .active-scaffold li.sub-section {
961
+ clear: left;
962
+ padding: 5px 0;
963
+ }
964
+
965
+ /* Form :: Association Sub-Forms
966
+ ============================== */
967
+
968
+ .active-scaffold .sub-form {
969
+ float: left;
970
+ clear: left;
971
+ padding: 5px 0;
972
+ padding-left: 5px;
973
+ }
974
+
975
+ .active-scaffold .sub-form h5 {
976
+ margin-left: -5px;
977
+ }
978
+
979
+ .active-scaffold .sub-form table,
980
+ .active-scaffold .sub-form table td {
981
+ width: auto;
982
+ background: none;
983
+ }
984
+
985
+ .active-scaffold .sub-form table th {
986
+ font: normal 10px verdana, sans-serif;
987
+ color: #555;
988
+ padding: 0 5px 0 1px;
989
+ background: none;
990
+ }
991
+
992
+ .active-scaffold .horizontal-sub-form td dt label {
993
+ display: none;
994
+ }
995
+
996
+ .active-scaffold .sub-form .checkbox-list {
997
+ padding: 0 2px 2px 2px;
998
+ background-color: #fff;
999
+ border: solid 1px #1F7F00;
1000
+ }
1001
+
1002
+ .active-scaffold .sub-form .checkbox-list label {
1003
+ display: block;
1004
+ }
1005
+
1006
+ .active-scaffold .sub-form table td {
1007
+ border: none;
1008
+ background-color: transparent;
1009
+ padding: 1px;
1010
+ vertical-align: top;
1011
+ color: #999;
1012
+ }
1013
+
1014
+ .active-scaffold .sub-form .actions {
1015
+ vertical-align: middle;
1016
+ background-color: transparent;
1017
+ clear: left;
1018
+ }
1019
+
1020
+ .active-scaffold .sub-form .association-record a.destroy {
1021
+ font-weight: bold;
1022
+ display: block;
1023
+ height: 16px;
1024
+ padding: 0;
1025
+ width: 16px;
1026
+ text-indent: -4000px;
1027
+ background: url(<%= asset_path 'cross.png' %>) 0 0 no-repeat;
1028
+ }
1029
+
1030
+ .active-scaffold .sub-form .locked a.destroy {
1031
+ display: none;
1032
+ }
1033
+
1034
+ .active-scaffold .sub-form .association-record a {
1035
+ font: bold 12px arial;
1036
+ }
1037
+
1038
+ .active-scaffold .sub-form input.text-input,
1039
+ .active-scaffold .sub-form select {
1040
+ letter-spacing: 0;
1041
+ font: bold 12px arial;
1042
+ }
1043
+
1044
+ .active-scaffold .sub-form .footer-wrapper {
1045
+ margin-top: 3px;
1046
+ margin-right: 10px;
1047
+ }
1048
+
1049
+ .active-scaffold .sub-form .footer {
1050
+ color: #999;
1051
+ padding: 3px 5px;
1052
+ }
1053
+
1054
+ .active-scaffold .sub-form .footer select,
1055
+ .active-scaffold .sub-form .footer input {
1056
+ font-weight: bold;
1057
+ font-size: 12px;
1058
+ padding: 0;
1059
+ }
1060
+
1061
+ .active-scaffold a.visibility-toggle {
1062
+ font-size: 100%;
1063
+ }
1064
+
1065
+ .active-scaffold-found {
1066
+ float:left;
1067
+ }
1068
+
1069
+ .as_touch a.inline-adapter-close {
1070
+ width: 25px;
1071
+ height: 27px;
1072
+ background: url(<%= asset_path 'close_touch.png' %>) 0 0 no-repeat;
1073
+ }
1074
+
1075
+ .as_touch .as_paginate {
1076
+ font-size: 20px;
1077
+ padding: 3px 10px;
1078
+ }
1079
+
1080
+ .as_touch .active-scaffold-header div.actions a {
1081
+ padding: 7px 5px;
1082
+ }
1083
+
1084
+ .as_touch .active-scaffold .active-scaffold-header div.actions a {
1085
+ padding: 7px 5px;
1086
+ }
1087
+
1088
+ .as_touch .active-scaffold-header div.actions .action_group ul {
1089
+ line-height: 130%;
1090
+ top: 23px;
1091
+ }
1092
+
1093
+ .as_touch .active-scaffold .active-scaffold-header div.actions .action_group ul {
1094
+ top: 23px;
1095
+ }
1096
+
1097
+ .as_touch .active-scaffold-header div.actions a.new,
1098
+ .as_touch .active-scaffold-header div.actions a.new_existing,
1099
+ .as_touch .active-scaffold-header div.actions a.show_search,
1100
+ .as_touch .active-scaffold-header div.actions a.show_config_list,
1101
+ .as_touch .active-scaffold-header div.actions div.action_group div {
1102
+ padding: 7px 5px 7px 25px;
1103
+ }
1104
+
1105
+ .as_touch .active-scaffold .active-scaffold-header div.actions > a.new,
1106
+ .as_touch .active-scaffold .active-scaffold-header div.actions > a.new_existing,
1107
+ .as_touch .active-scaffold .active-scaffold-header div.actions > a.show_search,
1108
+ .as_touch .active-scaffold .active-scaffold-header div.actions > a.show_config_list,
1109
+ .as_touch .active-scaffold .active-scaffold-header div.actions div.action_group > div {
1110
+ padding: 7px 5px 7px 25px;
1111
+ background-position: 5px 50%;
1112
+ }
1113
+
1114
+ .as_touch .actions .action_group ul li div {
1115
+ padding: 7px 5px 7px 25px;
1116
+ }
1117
+
1118
+ .as_touch .actions .action_group ul li a {
1119
+ padding: 7px 5px 7px 25px;
1120
+ }
1121
+
1122
+ .as_touch .active-scaffold-header h2 {
1123
+ padding: 4px 0px;
1124
+ }
1125
+
1126
+ .as_touch .active-scaffold .active-scaffold-header div.actions a,
1127
+ .as_touch .active-scaffold .active-scaffold-header div.actions div {
1128
+ font: bold 14px arial;
1129
+ }
1130
+
1131
+ .as_touch .active-scaffold .active-scaffold-header div.actions {
1132
+ right: 15px;
1133
+ }
1134
+
1135
+ .as_touch tr.record {
1136
+ line-height: 130%;
1137
+ }
1138
+
1139
+ .as_touch th a, .as_touch th a:visited {
1140
+ color: #fff;
1141
+ padding: 5px 2px 5px 5px;
1142
+ }
1143
+
1144
+ .as_touch tr.record td {
1145
+ padding: 5px 10px;
1146
+ }
1147
+
1148
+ <% require_asset "jquery-ui" %>
1149
+ <% ActiveScaffold.stylesheets.each {|css| require_asset css} %>
1150
+ <% ActiveScaffold::Bridges.all_stylesheets.each {|css| require_asset css} %>