active_scaffold 3.1.19 → 3.1.20

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