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,481 @@
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 a.disabled {
87
+ color: $disabled_color;
88
+ }
89
+
90
+ .active-scaffold a:hover, .active-scaffold div.hover, .active-scaffold td span.hover {
91
+ background-color: $hover_bg;
92
+ }
93
+
94
+ noscript.active-scaffold {
95
+ border-color: $msg_error_border_color;
96
+ background-color: $msg_error_bg;
97
+ color: $column_color;
98
+ }
99
+
100
+ /* Header
101
+ ======================== */
102
+
103
+ .active-scaffold-header h2 {
104
+ color: $header_color;
105
+ }
106
+
107
+ .active-scaffold-header div.actions a.disabled {
108
+ color: $actions_disabled_color;
109
+ }
110
+
111
+ /* Table :: Column Headers
112
+ ============================= */
113
+
114
+ .active-scaffold th {
115
+ background-color: $column_header_bg;
116
+ }
117
+
118
+ .active-scaffold th a,
119
+ .active-scaffold th p {
120
+ background-color: $column_header_bg;
121
+ }
122
+
123
+ .active-scaffold th a, .active-scaffold th a:visited {
124
+ color: $column_header_link_color;
125
+ }
126
+
127
+ .active-scaffold th p {
128
+ color: $column_header_color;
129
+ }
130
+
131
+ .active-scaffold th a:hover {
132
+ background-color: $column_header_link_hover_bg;
133
+ color: $column_header_link_hover_color;
134
+ }
135
+
136
+ .active-scaffold th.sorted {
137
+ background-color: $column_header_sorted_bg;
138
+ }
139
+
140
+ .active-scaffold th.asc a,
141
+ .active-scaffold th.asc a:hover,
142
+ .active-scaffold th.desc a,
143
+ .active-scaffold th.desc a:hover,
144
+ .active-scaffold th.loading a,
145
+ .active-scaffold th.loading a:hover {
146
+ background-color: $column_header_sorted_bg;
147
+ }
148
+
149
+ /* Table :: Record Rows
150
+ ============================= */
151
+
152
+ .active-scaffold tr.record {
153
+ background-color: $column_bg;
154
+ }
155
+ .active-scaffold tr.record td {
156
+ color: $column_color;
157
+ border-color: $column_border_color;
158
+ }
159
+
160
+ .active-scaffold tr.even-record {
161
+ background-color: $column_even_bg;
162
+ }
163
+ .active-scaffold tr.even-record td {
164
+ border-left-color: $column_even_border_color;
165
+ }
166
+
167
+ .active-scaffold tr.record td.sorted {
168
+ background-color: $column_sorted_bg;
169
+ border-bottom-color: $column_sorted_border_color;
170
+ }
171
+
172
+ .active-scaffold tr.even-record td.sorted {
173
+ background-color: $column_even_sorted_bg;
174
+ border-bottom-color: $column_even_sorted_border_color;
175
+ }
176
+
177
+ .active-scaffold tbody.records td.empty {
178
+ color: $column_empty_color;
179
+ }
180
+
181
+ /* Table :: Actions (Edit, Delete)
182
+ ============================= */
183
+ .active-scaffold tr.record td.actions {
184
+ border-color: $column_actions_border_color;
185
+ }
186
+
187
+ .active-scaffold tr.record td.actions a.disabled {
188
+ color: $actions_disabled_color;
189
+ }
190
+
191
+ .active-scaffold .actions .action_group div:hover {
192
+ background-color: $action_group_hover_bg;
193
+ }
194
+
195
+ .active-scaffold .actions .action_group {
196
+ color: $action_group_color;
197
+ }
198
+
199
+ .active-scaffold .actions .action_group ul {
200
+ border-color: $action_group_border_color;
201
+ }
202
+
203
+ .active-scaffold .actions .action_group ul li {
204
+ background-color: $action_group_items_bg;
205
+ border-color: $action_group_items_border_color;
206
+ }
207
+
208
+ .active-scaffold .actions .action_group ul li a {
209
+ color: $action_group_link_color;
210
+ }
211
+
212
+ /* Table :: Inline Adapter
213
+ ============================= */
214
+
215
+ .active-scaffold .view {
216
+ background-color: $nested_bg;
217
+ border-color: $nested_border_color;
218
+ }
219
+
220
+ /* Nested
221
+ ======================== */
222
+
223
+ .active-scaffold .active-scaffold .active-scaffold-footer {
224
+ color: $nested_footer_color;
225
+ }
226
+
227
+ .active-scaffold .active-scaffold td {
228
+ background-color: $nested_column_bg;
229
+ border-color: $nested_column_border_color;
230
+ }
231
+
232
+ .active-scaffold .active-scaffold td.inline-adapter-cell {
233
+ background-color: $second_nested_bg;
234
+ border-color: $second_nested_border_color;
235
+ }
236
+
237
+ .active-scaffold .active-scaffold .active-scaffold td.inline-adapter-cell {
238
+ background-color: $third_nested_bg;
239
+ border-color: $third_nested_border_color;
240
+ }
241
+
242
+ /* Footer
243
+ ========================== */
244
+
245
+ .active-scaffold-calculations td {
246
+ background-color: $calculations_bg;
247
+ border-color: $calculations_border_color;
248
+ }
249
+
250
+ .active-scaffold-footer .next {
251
+ border-color: $pagination_border_color;
252
+ }
253
+
254
+ .active-scaffold-footer .previous {
255
+ border-color: $pagination_border_color;
256
+ }
257
+
258
+ /* Messages
259
+ ========================= */
260
+
261
+
262
+ .active-scaffold .empty-message, .active-scaffold .filtered-message {
263
+ background-color: $msg_filtered_bg;
264
+ color: $msg_filtered_color;
265
+ }
266
+
267
+ .active-scaffold .message {
268
+ color: $msg_color;
269
+ }
270
+
271
+ .active-scaffold .error-message {
272
+ border-color: $msg_error_border_color;
273
+ background-color: $msg_error_bg;
274
+ }
275
+
276
+ .active-scaffold .warning-message {
277
+ border-color: $msg_warning_border_color;
278
+ background-color: $msg_warning_bg;
279
+ }
280
+
281
+ .active-scaffold .info-message {
282
+ border-color: $msg_info_border_color;
283
+ background-color: $msg_info_bg;
284
+ }
285
+
286
+ /* Error Styling
287
+ ========================== */
288
+
289
+ .active-scaffold .errorExplanation {
290
+ background-color: $msg_error_bg;
291
+ border-color: $msg_error_border_color;
292
+ }
293
+
294
+ .active-scaffold .errorExplanation h2 {
295
+ color: $msg_color;
296
+ background-color: $msg_error_border_color;
297
+ }
298
+
299
+ /* Show
300
+ ============================= */
301
+
302
+ .active-scaffold .show-view dt {
303
+ color: $label_color;
304
+ }
305
+
306
+ /* Form
307
+ ============================== */
308
+
309
+ .active-scaffold h4,
310
+ .active-scaffold h5 {
311
+ color: $form_title_color;
312
+ }
313
+
314
+ /* Form :: Fields
315
+ ============================== */
316
+
317
+ .active-scaffold label {
318
+ color: $label_color;
319
+ }
320
+
321
+ .active-scaffold .description {
322
+ color: $description_color;
323
+ }
324
+
325
+ .active-scaffold label.example {
326
+ color: $placeholder_color;
327
+ }
328
+
329
+ .active-scaffold input.text-input,
330
+ .active-scaffold select {
331
+ border-color: $input_border_color;
332
+ }
333
+
334
+ .active-scaffold .fieldWithErrors input,
335
+ .active-scaffold .field_with_errors input,
336
+ .active-scaffold .fieldWithErrors textarea,
337
+ .active-scaffold .field_with_errors textarea,
338
+ .active-scaffold .fieldWithErrors select,
339
+ .active-scaffold .field_with_errors select {
340
+ border-color: $input_error_border_color;
341
+ }
342
+
343
+ .active-scaffold input.example {
344
+ color: $placeholder_color;
345
+ }
346
+
347
+ .active-scaffold select:focus,
348
+ .active-scaffold input.text-input:focus {
349
+ background-color: $input_focus_bg;
350
+ }
351
+
352
+ .active-scaffold textarea {
353
+ border-color: $input_border_color;
354
+ }
355
+
356
+ .active-scaffold .draggable-list {
357
+ background-color: $draggable_list_bg;
358
+ }
359
+
360
+ .active-scaffold .draggable-list.selected {
361
+ background-color: $draggable_list_selected_bg;
362
+ }
363
+
364
+
365
+ /* Form :: Association Sub-Forms
366
+ ============================== */
367
+
368
+ .active-scaffold .sub-form table th {
369
+ color: $subform_header_color;
370
+ }
371
+
372
+ .active-scaffold .sub-form .checkbox-list {
373
+ background-color: $checkbox_list_bg;
374
+ border-color: $input_border_color;
375
+ }
376
+
377
+ .active-scaffold .sub-form .checkbox-list label {
378
+ display: block;
379
+ }
380
+
381
+ .active-scaffold .sub-form table td {
382
+ color: $subform_color;
383
+ }
384
+
385
+ .active-scaffold .sub-form .footer {
386
+ color: $subform_footer_color;
387
+ }
388
+
389
+ .active-scaffold .sub-form .footer select,
390
+ .active-scaffold .sub-form .footer input {
391
+ font-weight: bold;
392
+ font-size: 12px;
393
+ padding: 0;
394
+ }
395
+
396
+ .active-scaffold a.visibility-toggle {
397
+ font-size: 100%;
398
+ }
399
+
400
+ .active-scaffold-found {
401
+ float:left;
402
+ }
403
+
404
+ .as_touch a.inline-adapter-close {
405
+ width: 25px;
406
+ height: 27px;
407
+ background: 0 0 no-repeat;
408
+ }
409
+
410
+ .as_touch .as_paginate {
411
+ font-size: 20px;
412
+ padding: 3px 10px;
413
+ }
414
+
415
+ .as_touch .active-scaffold-header div.actions a {
416
+ padding: 7px 5px;
417
+ }
418
+
419
+ .as_touch .active-scaffold .active-scaffold-header div.actions a {
420
+ padding: 7px 5px;
421
+ }
422
+
423
+ .as_touch .active-scaffold-header div.actions .action_group ul {
424
+ line-height: 130%;
425
+ top: 23px;
426
+ }
427
+
428
+ .as_touch .active-scaffold .active-scaffold-header div.actions .action_group ul {
429
+ top: 23px;
430
+ }
431
+
432
+ .as_touch .active-scaffold-header div.actions a.new,
433
+ .as_touch .active-scaffold-header div.actions a.new_existing,
434
+ .as_touch .active-scaffold-header div.actions a.show_search,
435
+ .as_touch .active-scaffold-header div.actions a.show_config_list,
436
+ .as_touch .active-scaffold-header div.actions div.action_group div {
437
+ padding: 7px 5px 7px 25px;
438
+ }
439
+
440
+ .as_touch .active-scaffold .active-scaffold-header div.actions > a.new,
441
+ .as_touch .active-scaffold .active-scaffold-header div.actions > a.new_existing,
442
+ .as_touch .active-scaffold .active-scaffold-header div.actions > a.show_search,
443
+ .as_touch .active-scaffold .active-scaffold-header div.actions > a.show_config_list,
444
+ .as_touch .active-scaffold .active-scaffold-header div.actions div.action_group > div {
445
+ padding: 7px 5px 7px 25px;
446
+ background-position: 5px 50%;
447
+ }
448
+
449
+ .as_touch .actions .action_group ul li div {
450
+ padding: 7px 5px 7px 25px;
451
+ }
452
+
453
+ .as_touch .actions .action_group ul li a {
454
+ padding: 7px 5px 7px 25px;
455
+ }
456
+
457
+ .as_touch .active-scaffold-header h2 {
458
+ padding: 4px 0px;
459
+ }
460
+
461
+ .as_touch .active-scaffold .active-scaffold-header div.actions a,
462
+ .as_touch .active-scaffold .active-scaffold-header div.actions div {
463
+ font: bold 14px arial;
464
+ }
465
+
466
+ .as_touch .active-scaffold .active-scaffold-header div.actions {
467
+ right: 15px;
468
+ }
469
+
470
+ .as_touch tr.record {
471
+ line-height: 130%;
472
+ }
473
+
474
+ .as_touch th a, .as_touch th a:visited {
475
+ color: $column_header_link_color;
476
+ padding: 5px 2px 5px 5px;
477
+ }
478
+
479
+ .as_touch tr.record td {
480
+ padding: 5px 10px;
481
+ }