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