scrivito_content_browser 0.42.1 → 0.50.0.rc1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,1715 +0,0 @@
1
- /*
2
- A content browser modal window to add, edit, delete, select and search CMS resources. Each resource
3
- type like Image or BlogPost has its own item representation and custom edit view. All styles are
4
- bootstrap independent. You are free to customize the content browser to your likings.
5
- */
6
- @-webkit-keyframes progress-bar-stripes {
7
- from {
8
- background-position: 40px 0; }
9
- to {
10
- background-position: 0 0; } }
11
- @-moz-keyframes progress-bar-stripes {
12
- from {
13
- background-position: 40px 0; }
14
- to {
15
- background-position: 0 0; } }
16
- @-ms-keyframes progress-bar-stripes {
17
- from {
18
- background-position: 40px 0; }
19
- to {
20
- background-position: 0 0; } }
21
- @-o-keyframes progress-bar-stripes {
22
- from {
23
- background-position: 0 0; }
24
- to {
25
- background-position: 40px 0; } }
26
- @keyframes progress-bar-stripes {
27
- from {
28
- background-position: 40px 0; }
29
- to {
30
- background-position: 0 0; } }
31
- @-webkit-keyframes editing-rotation {
32
- 0% {
33
- -webkit-transform: rotate(0deg); }
34
- 100% {
35
- -webkit-transform: rotate(359deg); } }
36
- @-moz-keyframes editing-rotation {
37
- from {
38
- -moz-transform: rotate(0deg); }
39
- to {
40
- -moz-transform: rotate(359deg); } }
41
- @-o-keyframes editing-rotation {
42
- from {
43
- -o-transform: rotate(0deg); }
44
- to {
45
- -o-transform: rotate(359deg); } }
46
- @keyframes editing-rotation {
47
- 0% {
48
- transform: rotate(0deg); }
49
- 100% {
50
- transform: rotate(359deg); } }
51
- html {
52
- -webkit-font-smoothing: antialiased;
53
- -moz-osx-font-smoothing: grayscale; }
54
-
55
- .scrivito-content-browser * {
56
- -webkit-box-sizing: border-box;
57
- -moz-box-sizing: border-box;
58
- box-sizing: border-box; }
59
-
60
- .editing-overlay {
61
- background: rgba(0, 0, 0, 0.8);
62
- opacity: 0;
63
- filter: alpha(opacity=0);
64
- -webkit-transition: opacity 0.5s linear;
65
- transition: opacity 0.5s linear;
66
- -webkit-transform: translate3d(0, 0, 0);
67
- -moz-transform: translate3d(0, 0, 0);
68
- -ms-transform: translate3d(0, 0, 0);
69
- -o-transform: translate3d(0, 0, 0);
70
- transform: translate3d(0, 0, 0);
71
- position: fixed;
72
- z-index: 222222; }
73
-
74
- .editing-overlay.show {
75
- opacity: 0.85;
76
- filter: alpha(opacity=85);
77
- -webkit-transition: opacity 0.3s linear;
78
- transition: opacity 0.3s linear;
79
- -webkit-transform: translate3d(0, 0, 0);
80
- -moz-transform: translate3d(0, 0, 0);
81
- -ms-transform: translate3d(0, 0, 0);
82
- -o-transform: translate3d(0, 0, 0);
83
- transform: translate3d(0, 0, 0);
84
- bottom: 0;
85
- left: 0;
86
- right: 0;
87
- top: 0;
88
- z-index: 222222; }
89
-
90
- .pull-right {
91
- float: right !important; }
92
-
93
- .pull-left {
94
- float: left !important; }
95
-
96
- .img-responsive {
97
- display: block;
98
- height: auto;
99
- max-width: 100%; }
100
-
101
- .scrivito_button {
102
- display: inline-block;
103
- color: #555;
104
- font-size: 14px;
105
- font-weight: normal;
106
- line-height: 14px;
107
- text-align: center;
108
- padding: 8px 10px;
109
- margin: 0 10px 10px 0;
110
- position: relative;
111
- z-index: 1;
112
- vertical-align: middle;
113
- min-width: 90px;
114
- min-height: 14px;
115
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
116
- background: #fcfcfc;
117
- border-radius: 5px;
118
- -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
119
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
120
- -webkit-user-select: none;
121
- -moz-user-select: none;
122
- -ms-user-select: none;
123
- -o-user-select: none;
124
- user-select: none; }
125
-
126
- .scrivito_button:focus,
127
- .scrivito_button:hover {
128
- cursor: pointer;
129
- color: #333;
130
- background: white; }
131
-
132
- .scrivito_button:active {
133
- cursor: pointer;
134
- color: #333;
135
- background: #efefef; }
136
-
137
- .scrivito_button.scrivito_left {
138
- float: left;
139
- margin: 0 0 0 10px; }
140
-
141
- .scrivito_button.scrivito_right {
142
- float: right;
143
- margin: 0 10px 0 0; }
144
-
145
- input.scrivito_button {
146
- height: 30px; }
147
-
148
- a.scrivito_button, a.scrivito_button:hover, a.scrivito_button:focus, a.scrivito_button:active {
149
- text-decoration: none; }
150
-
151
- .scrivito_button.scrivito_blue {
152
- background: #516b8b;
153
- color: #fff; }
154
-
155
- .scrivito_button.scrivito_blue:hover {
156
- background: #6884a7;
157
- color: #fff; }
158
-
159
- .scrivito_button.scrivito_blue:active {
160
- background: #485f7b;
161
- color: #fff; }
162
-
163
- .scrivito_button.scrivito_green {
164
- background: #658b51;
165
- color: #fff; }
166
-
167
- .scrivito_button.scrivito_green:hover {
168
- background: #7ea768;
169
- color: #fff; }
170
-
171
- .scrivito_button.scrivito_green:active {
172
- background: #597b48;
173
- color: #fff; }
174
-
175
- .scrivito_button.scrivito_red {
176
- background: #aa4040;
177
- color: #fff; }
178
-
179
- .scrivito_button.scrivito_red:hover {
180
- background: #c15c5c;
181
- color: #fff; }
182
-
183
- .scrivito_button.scrivito_red:active {
184
- background: #973939;
185
- color: #fff; }
186
-
187
- .scrivito_button.scrivito_yellow {
188
- background: #d8d63a;
189
- color: #666; }
190
-
191
- .scrivito_button.scrivito_yellow:hover {
192
- background: #e0df65;
193
- color: #666; }
194
-
195
- .scrivito_button.scrivito_yellow:active {
196
- background: #cfcd29;
197
- color: #666; }
198
-
199
- .scrivito_button.scrivito_darkgrey {
200
- background: #555;
201
- color: #fff; }
202
-
203
- .scrivito_button.scrivito_darkgrey:hover {
204
- background: #6e6e6e;
205
- color: #fff; }
206
-
207
- .scrivito_button.scrivito_darkgrey:active {
208
- background: #484848;
209
- color: #fff; }
210
-
211
- .scrivito_button.scrivito_lightgrey {
212
- background: #888;
213
- color: #fff; }
214
-
215
- .scrivito_button.scrivito_lightgrey:hover {
216
- background: #a2a2a2;
217
- color: #fff; }
218
-
219
- .scrivito_button.scrivito_lightgrey:active {
220
- background: #7b7b7b;
221
- color: #fff; }
222
-
223
- .scrivito_button.scrivito_disabled,
224
- .scrivito_button.scrivito_disabled:hover,
225
- .scrivito_button.scrivito_disabled:active {
226
- color: #aaa !important;
227
- cursor: not-allowed;
228
- background: #eee; }
229
-
230
- .scrivito_button.scrivito_disabled .scrivito_icon {
231
- color: #aaa !important; }
232
-
233
- .scrivito_button .scrivito_icon {
234
- padding: 0 7px 0 0;
235
- font-size: 9px;
236
- line-height: 0px;
237
- color: #333; }
238
-
239
- .scrivito_button .scrivito_icon:hover {
240
- cursor: pointer; }
241
-
242
- .scrivito_button.scrivito_lightgrey .scrivito_icon,
243
- .scrivito_button.scrivito_darkgrey .scrivito_icon,
244
- .scrivito_button.scrivito_blue .scrivito_icon,
245
- .scrivito_button.scrivito_green .scrivito_icon,
246
- .scrivito_button.scrivito_red .scrivito_icon,
247
- .scrivito_button.scrivito_yellow .scrivito_icon {
248
- color: #fff; }
249
-
250
- .scrivito_button .scrivito-content-browser-icon:first-child {
251
- padding-right: 5px; }
252
-
253
- .scrivito_button .scrivito-content-browser-icon:last-child {
254
- padding-left: 5px; }
255
-
256
- .scrivito_menu_box {
257
- position: absolute;
258
- top: 30px;
259
- left: 0;
260
- display: none;
261
- list-style-type: none;
262
- margin: 0;
263
- padding: 0;
264
- background: #555;
265
- background: rgba(34, 34, 34, 0.9);
266
- color: #eee;
267
- border: 3px solid #222;
268
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
269
- border-radius: 5px;
270
- min-width: 140px;
271
- -webkit-box-shadow: 0 0 3px rgba(34, 34, 34, 0.9);
272
- box-shadow: 0 0 3px rgba(34, 34, 34, 0.9); }
273
-
274
- .scrivito_menu_box:after,
275
- .scrivito_menu_box:before {
276
- bottom: 100%;
277
- border: solid #222;
278
- content: " ";
279
- height: 0;
280
- width: 0;
281
- position: absolute;
282
- pointer-events: none; }
283
-
284
- .scrivito_menu_box:after {
285
- border-color: transparent;
286
- border-bottom-color: rgba(34, 34, 34, 0.9);
287
- border-width: 7px;
288
- left: 5px;
289
- margin-right: -7px; }
290
-
291
- .scrivito_menu_box:before {
292
- border-color: rgba(33, 33, 33, 0);
293
- border-bottom-color: #222;
294
- border-width: 11px;
295
- left: 1px;
296
- margin-right: -11px; }
297
-
298
- .scrivito_menu_box.scrivito_right {
299
- left: auto;
300
- right: 0; }
301
-
302
- .scrivito_menu_box.scrivito_right:after {
303
- left: auto;
304
- right: 5px;
305
- margin-right: 0px;
306
- margin-left: -7px; }
307
-
308
- .scrivito_menu_box.scrivito_right:before {
309
- left: auto;
310
- right: 1px;
311
- margin-right: 0px;
312
- margin-left: -11px; }
313
-
314
- .scrivito_menu_box.scrivito_bottom_left {
315
- left: 0;
316
- right: auto;
317
- top: auto;
318
- bottom: 30px; }
319
-
320
- .scrivito_menu_box.scrivito_bottom_left:after {
321
- left: 5px;
322
- right: auto;
323
- margin-left: 0px;
324
- margin-right: -7px;
325
- bottom: auto;
326
- top: 100%;
327
- border-top-color: rgba(34, 34, 34, 0.9);
328
- border-bottom-color: transparent; }
329
-
330
- .scrivito_menu_box.scrivito_bottom_left:before {
331
- left: 1px;
332
- right: auto;
333
- margin-left: 0px;
334
- margin-right: -11px;
335
- bottom: auto;
336
- top: 100%;
337
- border-top-color: #222;
338
- border-bottom-color: transparent; }
339
-
340
- .scrivito_menu_box.scrivito_bottom_right {
341
- left: auto;
342
- right: 0;
343
- top: auto;
344
- bottom: 30px; }
345
-
346
- .scrivito_menu_box.scrivito_bottom_right:after {
347
- left: auto;
348
- right: 5px;
349
- margin-right: 0px;
350
- margin-left: -7px;
351
- bottom: auto;
352
- top: 100%;
353
- border-top-color: rgba(34, 34, 34, 0.9);
354
- border-bottom-color: transparent; }
355
-
356
- .scrivito_menu_box.scrivito_bottom_right:before {
357
- left: auto;
358
- right: 1px;
359
- margin-right: 0px;
360
- margin-left: -11px;
361
- bottom: auto;
362
- top: 100%;
363
- border-top-color: #222;
364
- border-bottom-color: transparent; }
365
-
366
- .scrivito_button_bar .scrivito_menu_box {
367
- top: 49px;
368
- left: 5px; }
369
-
370
- .scrivito_button_bar .scrivito_menu_box.scrivito_right {
371
- top: 49px;
372
- left: auto;
373
- right: 5px; }
374
-
375
- .scrivito_menu_box .scrivito_menu_item {
376
- clear: left;
377
- display: block;
378
- position: relative;
379
- margin: 0;
380
- padding: 0;
381
- line-height: 25px;
382
- width: 100%;
383
- border-top: 1px solid #222; }
384
-
385
- .scrivito_menu_separator {
386
- min-height: 4px;
387
- background: rgba(0, 0, 0, 0.4); }
388
-
389
- .scrivito_menu_separator span {
390
- display: block;
391
- font-size: 10px;
392
- padding: 3px 4px 2px;
393
- color: #aaa;
394
- text-shadow: 0 1px 1px #000;
395
- font-weight: bold;
396
- text-align: left; }
397
-
398
- .scrivito_menu_box .scrivito_menu_item:first-child {
399
- border-top: none; }
400
-
401
- .scrivito_menu_box .scrivito_menu_item:first-child span,
402
- .scrivito_menu_box .scrivito_menu_item:first-child a {
403
- border-radius: 4px 4px 0 0; }
404
-
405
- .scrivito_menu_box .scrivito_menu_item:last-child span,
406
- .scrivito_menu_box .scrivito_menu_item:last-child a {
407
- border-radius: 0 0 4px 4px; }
408
-
409
- .scrivito_menu_box .scrivito_menu_item:only-child span,
410
- .scrivito_menu_box .scrivito_menu_item:only-child a {
411
- border-radius: 4px; }
412
-
413
- .scrivito_menu_box .scrivito_menu_item span,
414
- .scrivito_menu_box .scrivito_menu_item a {
415
- display: block;
416
- line-height: 23px;
417
- font-size: 12px;
418
- font-weight: bold;
419
- padding: 3px 6px 2px 6px;
420
- margin: 0;
421
- white-space: nowrap;
422
- text-align: left;
423
- text-decoration: none;
424
- color: #eee;
425
- text-shadow: 0 1px 1px #111;
426
- border-radius: 0;
427
- -webkit-user-select: none;
428
- -moz-user-select: none;
429
- -ms-user-select: none;
430
- -o-user-select: none;
431
- user-select: none; }
432
-
433
- .scrivito_menu_box .scrivito_menu_item span:hover,
434
- .scrivito_menu_box .scrivito_menu_item a:hover,
435
- .scrivito_menu_box .scrivito_menu_item span:active,
436
- .scrivito_menu_box .scrivito_menu_item a:active,
437
- .scrivito_menu_box .scrivito_menu_item.active a,
438
- .scrivito_menu_box .scrivito_menu_item.active span {
439
- color: #fff;
440
- cursor: pointer;
441
- background: #34732d; }
442
-
443
- .scrivito_menu_box .scrivito_menu_item span .scrivito-content-browser-icon,
444
- .scrivito_menu_box .scrivito_menu_item a .scrivito-content-browser-icon {
445
- font-size: 16px;
446
- padding: 0 7px 2px 0;
447
- line-height: 15px;
448
- color: #eee; }
449
-
450
- .scrivito_menu_box .scrivito_menu_item.scrivito_disabled span:hover,
451
- .scrivito_menu_box .scrivito_menu_item.scrivito_disabled a:hover {
452
- cursor: help;
453
- color: #696969 !important;
454
- background: #274324; }
455
-
456
- .scrivito_menu_box .scrivito_menu_item.scrivito_disabled span,
457
- .scrivito_menu_box .scrivito_menu_item.scrivito_disabled a,
458
- .scrivito_menu_box .scrivito_menu_item.scrivito_disabled span .scrivito-content-browser-icon,
459
- .scrivito_menu_box .scrivito_menu_item.scrivito_disabled a .scrivito-content-browser-icon {
460
- color: #696969 !important;
461
- cursor: help; }
462
-
463
- .scrivito_menu_box .scrivito_menu_item.scrivito_highlight {
464
- background: rgba(192, 175, 62, 0.4); }
465
-
466
- .scrivito-content-browser {
467
- border-radius: 5px;
468
- -webkit-box-shadow: 0 5px 30px #000;
469
- box-shadow: 0 5px 30px #000;
470
- opacity: 0;
471
- filter: alpha(opacity=0);
472
- -webkit-transition: opacity 0.5s linear;
473
- transition: opacity 0.5s linear;
474
- -webkit-transform: translate3d(0, 0, 0);
475
- -moz-transform: translate3d(0, 0, 0);
476
- -ms-transform: translate3d(0, 0, 0);
477
- -o-transform: translate3d(0, 0, 0);
478
- transform: translate3d(0, 0, 0);
479
- font-family: Arial, sans-serif;
480
- height: 90%;
481
- left: 50%;
482
- margin: -250px 0 0 -40%;
483
- overflow: hidden;
484
- position: fixed;
485
- top: 50%;
486
- visibility: hidden;
487
- width: 90%;
488
- z-index: 3333333; }
489
-
490
- .scrivito-content-browser.show {
491
- opacity: 1;
492
- filter: alpha(opacity=100);
493
- -webkit-transition: opacity 0.3s linear;
494
- transition: opacity 0.3s linear;
495
- -webkit-transform: translate3d(0, 0, 0);
496
- -moz-transform: translate3d(0, 0, 0);
497
- -ms-transform: translate3d(0, 0, 0);
498
- -o-transform: translate3d(0, 0, 0);
499
- transform: translate3d(0, 0, 0);
500
- top: 50%;
501
- visibility: visible;
502
- z-index: 3333333; }
503
-
504
- .scrivito-content-browser .scrivito-content-browser-footer .editing-button {
505
- float: right;
506
- margin: 0 10px 0 0; }
507
-
508
- .scrivito-content-browser .scrivito-content-browser-body {
509
- clear: both;
510
- height: 100%;
511
- margin: 0;
512
- padding: 0 0 50px 0;
513
- position: relative; }
514
-
515
- .scrivito-content-browser .scrivito-app-root {
516
- height: 100%; }
517
-
518
- .scrivito-content-browser .scrivito-content-browser-wrapper {
519
- float: left;
520
- height: 100%;
521
- padding-top: 50px;
522
- position: relative;
523
- width: 70%; }
524
-
525
- .scrivito-content-browser .scrivito-content-browser-topbar {
526
- background: #666;
527
- color: #fff;
528
- -webkit-box-shadow: -3px 0 5px -3px #333 inset;
529
- box-shadow: -3px 0 5px -3px #333 inset;
530
- height: 50px;
531
- left: 0;
532
- padding: 11px 10px 9px 10px;
533
- position: absolute;
534
- top: 0;
535
- width: 100%; }
536
-
537
- .scrivito-content-browser .scrivito-content-browser-search {
538
- float: left;
539
- overflow: hidden;
540
- position: relative;
541
- width: 65%;
542
- white-space: nowrap; }
543
-
544
- .scrivito-content-browser .scrivito-content-browser-search .search-field {
545
- border: 0px;
546
- color: #333;
547
- border-radius: 15px 0 0 15px;
548
- -webkit-box-shadow: 0 0 3px #ccc inset, 0 0 8px rgba(109, 131, 166, 0);
549
- box-shadow: 0 0 3px #ccc inset, 0 0 8px rgba(109, 131, 166, 0);
550
- -webkit-transition: border linear .5s, box-shadow linear .5s;
551
- -moz-transition: border linear .5s, box-shadow linear .5s;
552
- -o-transition: border linear .5s, box-shadow linear .5s;
553
- transition: border linear .5s, box-shadow linear .5s;
554
- display: block;
555
- float: left;
556
- font-size: 14px;
557
- height: 30px;
558
- line-height: 30px;
559
- margin: 0;
560
- padding: 4px 14px;
561
- width: 300px; }
562
-
563
- .scrivito-content-browser .scrivito-content-browser-search .search-field:focus {
564
- -webkit-box-shadow: 0 0 1px #aaa inset, 0 0 8px rgba(109, 131, 166, 0.6);
565
- box-shadow: 0 0 1px #aaa inset, 0 0 8px rgba(109, 131, 166, 0.6);
566
- -webkit-transition: box-shadow 0.5s linear;
567
- transition: box-shadow 0.5s linear;
568
- -webkit-transform: translate3d(0, 0, 0);
569
- -moz-transform: translate3d(0, 0, 0);
570
- -ms-transform: translate3d(0, 0, 0);
571
- -o-transform: translate3d(0, 0, 0);
572
- transform: translate3d(0, 0, 0);
573
- outline: 0; }
574
-
575
- .scrivito-content-browser .scrivito-content-browser-search .search-field-button {
576
- background: #7EA46A;
577
- border-radius: 0 15px 15px 0;
578
- -webkit-user-select: none;
579
- -moz-user-select: none;
580
- -ms-user-select: none;
581
- -o-user-select: none;
582
- user-select: none;
583
- border: 0px;
584
- border-left: none;
585
- color: #fff;
586
- cursor: pointer;
587
- display: inline;
588
- font-size: 14px;
589
- font-weight: normal;
590
- height: 30px;
591
- margin: 0;
592
- padding: 0;
593
- text-align: center;
594
- width: 80px; }
595
-
596
- .scrivito-content-browser .scrivito-content-browser-search .search-field-button:hover {
597
- background: #94BA80;
598
- color: #fff;
599
- cursor: pointer; }
600
-
601
- .scrivito-content-browser .scrivito-content-browser-search .search-field-button:active {
602
- background: #7EA46A;
603
- color: #fff;
604
- cursor: pointer; }
605
-
606
- .scrivito-content-browser .scrivito-content-browser-topbar .editing-button-view {
607
- display: block;
608
- float: right;
609
- height: 32px;
610
- line-height: 32px;
611
- padding: 0 7px; }
612
-
613
- .scrivito-content-browser .scrivito-content-browser-topbar .editing-button-view:hover {
614
- cursor: pointer; }
615
-
616
- .scrivito-content-browser .scrivito-content-browser-topbar .editing-button-view .scrivito-content-browser-icon {
617
- -webkit-transition: all 0.3s linear;
618
- transition: all 0.3s linear;
619
- -webkit-transform: translate3d(0, 0, 0);
620
- -moz-transform: translate3d(0, 0, 0);
621
- -ms-transform: translate3d(0, 0, 0);
622
- -o-transform: translate3d(0, 0, 0);
623
- transform: translate3d(0, 0, 0);
624
- color: #fff;
625
- font-size: 18px;
626
- line-height: 32px;
627
- text-shadow: 0 0 2px #333; }
628
-
629
- .scrivito-content-browser .scrivito-content-browser-topbar .editing-button-view:hover .scrivito-content-browser-icon,
630
- .scrivito-content-browser .scrivito-content-browser-topbar .editing-button-view.active .scrivito-content-browser-icon {
631
- -webkit-transition: all 0.3s linear;
632
- transition: all 0.3s linear;
633
- -webkit-transform: translate3d(0, 0, 0);
634
- -moz-transform: translate3d(0, 0, 0);
635
- -ms-transform: translate3d(0, 0, 0);
636
- -o-transform: translate3d(0, 0, 0);
637
- transform: translate3d(0, 0, 0);
638
- color: #7EA46A; }
639
-
640
- .scrivito-content-browser .scrivito-content-browser-filter,
641
- .scrivito-content-browser .scrivito-content-browser-items,
642
- .scrivito-content-browser .scrivito-content-browser-inspector {
643
- background: #eee;
644
- float: left;
645
- height: 100%;
646
- overflow: auto;
647
- position: relative;
648
- -webkit-overflow-scrolling: touch; }
649
-
650
- .scrivito-content-browser .scrivito-content-browser-filter {
651
- background-color: #fafafa;
652
- -webkit-box-shadow: 0 -3px 4px -3px #bbb inset, 0 3px 4px -3px #bbb inset;
653
- box-shadow: 0 -3px 4px -3px #bbb inset, 0 3px 4px -3px #bbb inset;
654
- padding: 40px 0 0 0;
655
- width: 25%; }
656
-
657
- .scrivito-content-browser-filter-fixed {
658
- height: 40px;
659
- width: 100%;
660
- position: absolute;
661
- top: 0;
662
- border-bottom: 3px solid #aaa;
663
- overflow: hidden; }
664
-
665
- .scrivito-content-browser-filter-scroll {
666
- height: 100%;
667
- overflow: auto; }
668
-
669
- .scrivito-content-browser .scrivito-content-browser-items {
670
- background: #ccc;
671
- -webkit-box-shadow: 0 0 4px #666 inset;
672
- box-shadow: 0 0 4px #666 inset;
673
- padding: 0;
674
- width: 75%; }
675
-
676
- .scrivito-content-browser .scrivito-content-browser-inspector {
677
- -webkit-box-shadow: 0 -3px 4px -3px #bbb inset;
678
- box-shadow: 0 -3px 4px -3px #bbb inset;
679
- padding: 0 15px;
680
- width: 30%; }
681
-
682
- .scrivito-content-browser .scrivito-content-browser-footer {
683
- background: #eee;
684
- bottom: 0;
685
- left: 0;
686
- height: 50px;
687
- margin: 0;
688
- padding: 10px 0;
689
- position: absolute;
690
- text-align: right;
691
- width: 100%; }
692
- .scrivito-content-browser .scrivito-content-browser-footer:before, .scrivito-content-browser .scrivito-content-browser-footer:after {
693
- content: " ";
694
- display: table; }
695
- .scrivito-content-browser .scrivito-content-browser-footer:after {
696
- clear: both; }
697
-
698
- /*
699
- .scrivito-content-browser ul.scrivito-content-browser-filter-items {
700
- display: block;
701
- list-style-type: none;
702
- margin: 0;
703
- padding: 0;
704
- }
705
-
706
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li {
707
- border-bottom: 1px solid #eee;
708
- border-top: 1px solid #fff;
709
- display: block;
710
- margin: 0;
711
- padding: 8px 5px 8px 8px;
712
- }
713
-
714
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li:before,
715
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li:after {
716
- display: table;
717
- content: "";
718
- line-height: 0;
719
- }
720
-
721
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li:after {
722
- clear: both;
723
- }
724
-
725
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li:first-child {
726
- border-top: 1px solid transparent;
727
- }
728
-
729
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li:hover,
730
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li.active {
731
- background: #7EA46A;
732
- border-bottom: 1px solid #658B51;
733
- border-top: 1px solid #658B51;
734
- cursor: pointer;
735
- position: relative;
736
- }
737
-
738
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li:hover .scrivito-content-browser-icon,
739
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li.active .scrivito-content-browser-icon,
740
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li:hover .scrivito-content-browser-filter-name,
741
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li.active .scrivito-content-browser-filter-name {
742
- color: #fff;
743
- text-shadow: 0 1px 1px #888;
744
- }
745
-
746
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li.separator {
747
- background-color: #f8f8f8;
748
- @include box-shadow(0 0 1px #aaa);
749
- border: none;
750
- height: 4px;
751
- padding: 0;
752
- position: relative;
753
- }
754
-
755
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li.selected-items {
756
- @include box-shadow(0 0 3px #ccc inset);
757
- background: #eee;
758
- }
759
-
760
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li.selected-items:hover,
761
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li.selected-items.active {
762
- @include box-shadow(0 0 3px #333 inset);
763
- background: #5A8BD1;
764
- }
765
-
766
- .scrivito-content-browser .scrivito-content-browser-counter {
767
- border-radius: 15px;
768
- background: #444;
769
- color: #fff;
770
- display: inline-block;
771
- font-size: 10px;
772
- font-weight: bold;
773
- line-height: 11px;
774
- margin: 1px -5px 0 7px;
775
- padding: 1px 6px;
776
- }
777
-
778
- .scrivito-content-browser ul.scrivito-content-browser-filter-items .scrivito-content-browser-icon {
779
- color: #666;
780
- display: inline;
781
- font-size: 22px;
782
- line-height: 20px;
783
- padding: 0 7px 0 0;
784
- text-shadow: 0 1px 1px #fff;
785
- }
786
-
787
- .scrivito-content-browser ul.scrivito-content-browser-filter-items .scrivito-content-browser-filter-name {
788
- color: #666;
789
- display: inline;
790
- font-size: 11px;
791
- font-weight: bold;
792
- line-height: 20px;
793
- word-wrap: break-word;
794
- }
795
-
796
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li:hover .scrivito-content-browser-counter,
797
- .scrivito-content-browser ul.scrivito-content-browser-filter-items li.active .scrivito-content-browser-counter {
798
- background: #fff;
799
- color: #5a8bd1;
800
- text-shadow: 0 0 0 #fff;
801
- }
802
- */
803
- .scrivito-content-browser-counter {
804
- border-radius: 15px;
805
- background: #444;
806
- color: #fff;
807
- display: inline-block;
808
- font-size: 10px;
809
- font-weight: bold;
810
- line-height: 11px;
811
- margin: 1px -5px 0 7px;
812
- padding: 1px 6px; }
813
-
814
- .scrivito-content-browser-filter-item {
815
- padding: 8px;
816
- color: #444;
817
- -webkit-user-select: none;
818
- -moz-user-select: none;
819
- -ms-user-select: none;
820
- -o-user-select: none;
821
- user-select: none; }
822
-
823
- .scrivito-content-browser-filter-item .scrivito-content-browser-icon {
824
- display: inline-block;
825
- font-size: 22px;
826
- line-height: 20px;
827
- padding: 0 7px 0 0; }
828
-
829
- .scrivito-content-browser-filter-item:hover,
830
- .scrivito-content-browser-filter-item.active {
831
- background: #7EA46A;
832
- color: #fff;
833
- cursor: pointer;
834
- position: relative; }
835
-
836
- .scrivito-content-browser-filter-item .scrivito-content-browser-filter-label {
837
- display: inline-block;
838
- font-size: 11px;
839
- font-weight: bold;
840
- line-height: 20px;
841
- word-wrap: break-word; }
842
-
843
- .scrivito-content-browser-filter-item:hover .scrivito-content-browser-counter,
844
- .scrivito-content-browser-filter-item.active .scrivito-content-browser-counter {
845
- background: #fff;
846
- color: #7EA46A; }
847
-
848
- .scrivito-content-browser-filter .scrivito_button {
849
- display: block;
850
- float: none;
851
- font-size: 11px;
852
- font-weight: bold;
853
- margin: 5px;
854
- padding: 2px; }
855
-
856
- .scrivito-content-browser-hierarchy-filter {
857
- display: block;
858
- list-style-type: none;
859
- margin: 0;
860
- padding: 0;
861
- color: #444; }
862
-
863
- .scrivito-content-browser-hierarchy-filter.disabled {
864
- opacity: 0.5;
865
- filter: alpha(opacity=50); }
866
-
867
- .scrivito-content-browser-hierarchy-filter li {
868
- display: block;
869
- margin: 0;
870
- padding: 0;
871
- position: relative;
872
- -webkit-user-select: none;
873
- -moz-user-select: none;
874
- -ms-user-select: none;
875
- -o-user-select: none;
876
- user-select: none; }
877
-
878
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-arrow,
879
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-checkbox,
880
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-radio {
881
- font-size: 11px;
882
- padding: 0 5px 0 10px;
883
- line-height: 30px;
884
- position: absolute;
885
- top: 0;
886
- left: 0;
887
- font-family: 'scrivito_iconsregular';
888
- font-style: normal;
889
- font-weight: normal;
890
- text-decoration: none;
891
- vertical-align: middle;
892
- -webkit-font-smoothing: antialiased;
893
- -moz-osx-font-smoothing: grayscale; }
894
-
895
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-checkbox,
896
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-radio {
897
- font-size: 15px;
898
- line-height: 23px; }
899
-
900
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-arrow {
901
- display: none; }
902
-
903
- .scrivito-content-browser-hierarchy-filter li.open > .scrivito-content-browser-hierarchy-arrow,
904
- .scrivito-content-browser-hierarchy-filter li.closed > .scrivito-content-browser-hierarchy-arrow {
905
- display: block; }
906
-
907
- .scrivito-content-browser-hierarchy-filter li.open .scrivito-content-browser-hierarchy-arrow:after {
908
- content: "\F025"; }
909
-
910
- .scrivito-content-browser-hierarchy-filter li.closed .scrivito-content-browser-hierarchy-arrow:after {
911
- content: "\F027"; }
912
-
913
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-checkbox:after {
914
- content: "\F123"; }
915
-
916
- .scrivito-content-browser-hierarchy-filter li.active .scrivito-content-browser-hierarchy-checkbox:after {
917
- content: "\F124"; }
918
-
919
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-radio:after {
920
- content: "\F136"; }
921
-
922
- .scrivito-content-browser-hierarchy-filter li.active .scrivito-content-browser-hierarchy-radio:after {
923
- content: "\F137"; }
924
-
925
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-arrow:hover,
926
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-checkbox:hover,
927
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-radio:hover {
928
- cursor: pointer; }
929
-
930
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-icon {
931
- font-size: 14px;
932
- line-height: 30px;
933
- padding-right: 3px; }
934
-
935
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-label {
936
- padding: 0 5px 0 30px;
937
- line-height: 30px; }
938
-
939
- /* compact */
940
- .scrivito-content-browser-hierarchy-filter.compact li .scrivito-content-browser-hierarchy-arrow {
941
- line-height: 23px; }
942
-
943
- .scrivito-content-browser-hierarchy-filter.compact li .scrivito-content-browser-icon {
944
- font-size: 14px;
945
- line-height: 23px; }
946
-
947
- .scrivito-content-browser-hierarchy-filter.compact li .scrivito-content-browser-hierarchy-label {
948
- padding: 0 5px 0 30px;
949
- line-height: 23px; }
950
-
951
- .scrivito-content-browser-hierarchy-filter.compact > li > .scrivito-content-browser-hierarchy-label {
952
- border-bottom: 2px solid #eee; }
953
-
954
- .scrivito-content-browser-hierarchy-filter li .scrivito-content-browser-hierarchy-label:hover {
955
- background: rgba(155, 182, 141, 0.4);
956
- cursor: pointer; }
957
-
958
- .scrivito-content-browser-hierarchy-filter li.active > .scrivito-content-browser-hierarchy-label {
959
- background: #7EA46A;
960
- color: #fff;
961
- cursor: pointer; }
962
-
963
- .scrivito-content-browser-hierarchy-filter li.active > .scrivito-content-browser-hierarchy-arrow,
964
- .scrivito-content-browser-hierarchy-filter li.active > .scrivito-content-browser-hierarchy-checkbox,
965
- .scrivito-content-browser-hierarchy-filter li.active > .scrivito-content-browser-hierarchy-radio {
966
- color: #fff; }
967
-
968
- .scrivito-content-browser-hierarchy-filter span {
969
- vertical-align: middle;
970
- display: inline-block;
971
- font-size: 11px;
972
- font-weight: bold;
973
- line-height: 20px;
974
- word-wrap: break-word; }
975
-
976
- .scrivito-content-browser-hierarchy-filter li.closed ul {
977
- display: none; }
978
-
979
- .scrivito-content-browser-hierarchy-filter ul {
980
- margin: 0;
981
- padding: 0; }
982
-
983
- .scrivito-content-browser-hierarchy-filter ul li .scrivito-content-browser-hierarchy-arrow {
984
- left: 5px; }
985
-
986
- .scrivito-content-browser-hierarchy-filter ul li .scrivito-content-browser-hierarchy-label {
987
- background: #eee; }
988
-
989
- .scrivito-content-browser-hierarchy-filter li.closed ul {
990
- display: none; }
991
-
992
- .scrivito-content-browser-hierarchy-filter ul li li .scrivito-content-browser-hierarchy-label {
993
- padding: 0 5px 0 40px;
994
- background: #e5e5e5; }
995
-
996
- .scrivito-content-browser-hierarchy-filter ul li li .scrivito-content-browser-hierarchy-arrow {
997
- left: 10px; }
998
-
999
- .scrivito-content-browser-hierarchy-filter ul li li li .scrivito-content-browser-hierarchy-label {
1000
- padding: 0 5px 0 45px;
1001
- background: #dadada; }
1002
-
1003
- .scrivito-content-browser-hierarchy-filter ul li li li .scrivito-content-browser-hierarchy-arrow {
1004
- left: 15px; }
1005
-
1006
- .scrivito-content-browser-hierarchy-filter ul li li li li .scrivito-content-browser-hierarchy-label {
1007
- padding: 0 5px 0 50px;
1008
- background: #cfcfcf; }
1009
-
1010
- .scrivito-content-browser-hierarchy-filter ul li li li li .scrivito-content-browser-hierarchy-arrow {
1011
- left: 20px; }
1012
-
1013
- .scrivito-content-browser-filter .scrivito_separator {
1014
- padding: 3px 8px;
1015
- margin: 5px 0;
1016
- background: rgba(0, 0, 0, 0.1);
1017
- color: #777;
1018
- text-transform: uppercase;
1019
- font-size: 11px;
1020
- font-weight: bold;
1021
- line-height: 14px; }
1022
-
1023
- .scrivito-content-browser .scrivito-content-browser-items.uploader-drag-over {
1024
- background: #658b51;
1025
- -webkit-box-shadow: 0 0 4px #333 inset;
1026
- box-shadow: 0 0 4px #333 inset; }
1027
-
1028
- .scrivito-content-browser .scrivito-content-browser-items.uploader-drag-over:before {
1029
- -webkit-user-select: none;
1030
- -moz-user-select: none;
1031
- -ms-user-select: none;
1032
- -o-user-select: none;
1033
- user-select: none;
1034
- color: #fff;
1035
- content: '\F022';
1036
- display: block;
1037
- text-align: center;
1038
- font-family: 'scrivito_iconsregular';
1039
- font-size: 83px;
1040
- font-style: normal;
1041
- font-weight: normal;
1042
- position: absolute;
1043
- top: 50%;
1044
- vertical-align: middle;
1045
- width: 83%; }
1046
-
1047
- .scrivito-content-browser .scrivito-content-browser-items.uploader-drag-over ul.scrivito-content-browser-thumbnails {
1048
- opacity: 0.3;
1049
- filter: alpha(opacity=30); }
1050
-
1051
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails {
1052
- display: block;
1053
- list-style-type: none;
1054
- margin: 0;
1055
- overflow: hidden;
1056
- padding: 15px 0 0 15px; }
1057
-
1058
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li {
1059
- border-radius: 4px;
1060
- -webkit-box-shadow: 0 0 4px #888;
1061
- box-shadow: 0 0 4px #888;
1062
- -webkit-transition: all 0.3s linear;
1063
- transition: all 0.3s linear;
1064
- -webkit-transform: translate3d(0, 0, 0);
1065
- -moz-transform: translate3d(0, 0, 0);
1066
- -ms-transform: translate3d(0, 0, 0);
1067
- -o-transform: translate3d(0, 0, 0);
1068
- transform: translate3d(0, 0, 0);
1069
- background: #fff;
1070
- display: block;
1071
- float: left;
1072
- height: 200px;
1073
- line-height: normal;
1074
- margin: 0 15px 15px 0;
1075
- overflow: hidden;
1076
- padding: 0;
1077
- width: 200px; }
1078
-
1079
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li:hover {
1080
- -webkit-box-shadow: 0 0 7px 0px #555;
1081
- box-shadow: 0 0 7px 0px #555;
1082
- -webkit-transition: all 0.3s linear;
1083
- transition: all 0.3s linear;
1084
- -webkit-transform: translate3d(0, 0, 0);
1085
- -moz-transform: translate3d(0, 0, 0);
1086
- -ms-transform: translate3d(0, 0, 0);
1087
- -o-transform: translate3d(0, 0, 0);
1088
- transform: translate3d(0, 0, 0);
1089
- cursor: pointer; }
1090
-
1091
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li.active {
1092
- -webkit-box-shadow: 0 0 0 3px #658B51, 0 0 4px 6px rgba(255, 255, 255, 0.3);
1093
- box-shadow: 0 0 0 3px #658B51, 0 0 4px 6px rgba(255, 255, 255, 0.3);
1094
- -webkit-transition: all 0.2s linear;
1095
- transition: all 0.2s linear;
1096
- -webkit-transform: translate3d(0, 0, 0);
1097
- -moz-transform: translate3d(0, 0, 0);
1098
- -ms-transform: translate3d(0, 0, 0);
1099
- -o-transform: translate3d(0, 0, 0);
1100
- transform: translate3d(0, 0, 0); }
1101
-
1102
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-item-wrapper {
1103
- position: relative; }
1104
-
1105
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-preview {
1106
- background: #e3e3e3;
1107
- height: 160px;
1108
- overflow: hidden;
1109
- position: relative; }
1110
-
1111
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-preview img {
1112
- display: block;
1113
- max-height: 100%;
1114
- max-width: 100%;
1115
- margin: auto;
1116
- position: absolute;
1117
- top: 0;
1118
- left: 0;
1119
- right: 0;
1120
- bottom: 0; }
1121
-
1122
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-preview .scrivito-content-browser-icon {
1123
- color: #fff;
1124
- display: block;
1125
- float: none;
1126
- font-size: 100px;
1127
- line-height: 160px;
1128
- text-align: center;
1129
- text-shadow: 0 0 5px rgba(0, 0, 0, 0.05); }
1130
-
1131
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-meta {
1132
- background: #fff;
1133
- height: 40px;
1134
- padding: 5px 42px 5px 5px;
1135
- position: relative;
1136
- z-index: 2; }
1137
-
1138
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-thumbnails-name {
1139
- color: #555;
1140
- display: block;
1141
- font-size: 11px;
1142
- font-weight: bold;
1143
- line-height: 15px;
1144
- overflow: hidden;
1145
- text-overflow: ellipsis;
1146
- white-space: nowrap; }
1147
-
1148
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-thumbnails-size {
1149
- color: #aaa;
1150
- display: block;
1151
- font-size: 10px;
1152
- font-weight: bold;
1153
- line-height: 15px;
1154
- overflow: hidden;
1155
- text-overflow: ellipsis;
1156
- white-space: nowrap; }
1157
-
1158
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-inspect:before {
1159
- -webkit-user-select: none;
1160
- -moz-user-select: none;
1161
- -ms-user-select: none;
1162
- -o-user-select: none;
1163
- user-select: none;
1164
- opacity: 0;
1165
- filter: alpha(opacity=0);
1166
- -webkit-transition: all 0.6s ease;
1167
- transition: all 0.6s ease;
1168
- -webkit-transform: translate3d(0, 0, 0);
1169
- -moz-transform: translate3d(0, 0, 0);
1170
- -ms-transform: translate3d(0, 0, 0);
1171
- -o-transform: translate3d(0, 0, 0);
1172
- transform: translate3d(0, 0, 0);
1173
- background: rgba(126, 164, 106, 0.7);
1174
- top: 0;
1175
- color: #fff;
1176
- content: '\F063';
1177
- display: block;
1178
- font-family: 'scrivito_iconsregular';
1179
- font-style: normal;
1180
- font-weight: normal;
1181
- line-height: 170px;
1182
- min-height: 200px;
1183
- margin: 0;
1184
- padding: 0;
1185
- position: absolute;
1186
- right: 0;
1187
- text-align: center;
1188
- text-decoration: none;
1189
- vertical-align: middle;
1190
- width: 100%;
1191
- font-size: 65px;
1192
- z-index: 1; }
1193
-
1194
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-preview:hover .scrivito-content-browser-inspect:before {
1195
- opacity: 1;
1196
- filter: alpha(opacity=100);
1197
- -webkit-transition: all 0.6s ease;
1198
- transition: all 0.6s ease;
1199
- -webkit-transform: translate3d(0, 0, 0);
1200
- -moz-transform: translate3d(0, 0, 0);
1201
- -ms-transform: translate3d(0, 0, 0);
1202
- -o-transform: translate3d(0, 0, 0);
1203
- transform: translate3d(0, 0, 0); }
1204
-
1205
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-thumbnails-select:before {
1206
- -webkit-user-select: none;
1207
- -moz-user-select: none;
1208
- -ms-user-select: none;
1209
- -o-user-select: none;
1210
- user-select: none;
1211
- background: #fff;
1212
- bottom: 0;
1213
- color: #ddd;
1214
- content: '\F123';
1215
- display: block;
1216
- font-family: 'scrivito_iconsregular';
1217
- font-style: normal;
1218
- font-weight: normal;
1219
- height: 40px;
1220
- line-height: 42px;
1221
- margin: 0;
1222
- padding: 0;
1223
- position: absolute;
1224
- right: 0;
1225
- text-align: center;
1226
- text-decoration: none;
1227
- vertical-align: middle;
1228
- width: 40px;
1229
- font-size: 22px; }
1230
-
1231
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails li .scrivito-content-browser-thumbnails-select.active:before {
1232
- background: #7EA46A;
1233
- color: #fff;
1234
- content: '\F124'; }
1235
-
1236
- /* normal-list */
1237
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.normal-list {
1238
- padding-right: 15px; }
1239
-
1240
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.normal-list li {
1241
- height: 35px;
1242
- width: 100%;
1243
- margin: 0 0 10px 0; }
1244
-
1245
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.normal-list li .scrivito-content-browser-preview {
1246
- display: none; }
1247
-
1248
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.normal-list li .scrivito-content-browser-meta {
1249
- top: 0;
1250
- left: 0;
1251
- right: 0;
1252
- bottom: 0;
1253
- padding: 0px 25px 0px 45px; }
1254
-
1255
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.normal-list li .scrivito-content-browser-thumbnails-name {
1256
- font-size: 12px;
1257
- font-weight: normal;
1258
- line-height: 35px; }
1259
-
1260
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.normal-list li .scrivito-content-browser-thumbnails-size {
1261
- font-size: 9px;
1262
- line-height: 13px; }
1263
-
1264
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.normal-list li .scrivito-content-browser-thumbnails-select:before {
1265
- font-size: 9px;
1266
- height: 35px;
1267
- line-height: 37px;
1268
- width: 40px;
1269
- position: absolute;
1270
- top: 0;
1271
- left: 0; }
1272
-
1273
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.normal-list li .scrivito-content-browser-inspect:before {
1274
- font-size: 9px;
1275
- line-height: 37px; }
1276
-
1277
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.normal-list .scrivito-content-browser-loading .scrivito-content-browser-icon {
1278
- font-size: 25px; }
1279
-
1280
- /* small */
1281
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.small li {
1282
- height: 100px;
1283
- width: 130px; }
1284
-
1285
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.small li .scrivito-content-browser-preview {
1286
- height: 70px; }
1287
-
1288
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.small li .scrivito-content-browser-inspect:before {
1289
- line-height: 70px;
1290
- min-height: 100px;
1291
- font-size: 40px; }
1292
-
1293
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.small li .scrivito-content-browser-preview .scrivito-content-browser-icon {
1294
- font-size: 40px;
1295
- line-height: 70px; }
1296
-
1297
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.small li .scrivito-content-browser-meta {
1298
- height: 30px;
1299
- padding: 2px 25px 0px 5px; }
1300
-
1301
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.small li .scrivito-content-browser-thumbnails-name {
1302
- font-size: 9px;
1303
- line-height: 14px; }
1304
-
1305
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.small li .scrivito-content-browser-thumbnails-size {
1306
- font-size: 8px;
1307
- line-height: 10px; }
1308
-
1309
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.small li .scrivito-content-browser-thumbnails-select:before {
1310
- font-size: 15px;
1311
- height: 30px;
1312
- line-height: 32px;
1313
- width: 30px; }
1314
-
1315
- /* big */
1316
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.big li {
1317
- height: 300px;
1318
- width: 300px; }
1319
-
1320
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.big li .scrivito-content-browser-preview {
1321
- height: 260px; }
1322
-
1323
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.big li .scrivito-content-browser-inspect:before {
1324
- line-height: 250px;
1325
- min-height: 300px;
1326
- font-size: 120px; }
1327
-
1328
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.big li .scrivito-content-browser-preview .scrivito-content-browser-icon {
1329
- font-size: 120px;
1330
- line-height: 260px; }
1331
-
1332
- /* large */
1333
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.large li {
1334
- height: 400px;
1335
- width: 400px; }
1336
-
1337
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.large li .scrivito-content-browser-preview {
1338
- height: 360px; }
1339
-
1340
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.large li .scrivito-content-browser-inspect:before {
1341
- line-height: 370px;
1342
- min-height: 400px;
1343
- font-size: 150px; }
1344
-
1345
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.large li .scrivito-content-browser-preview .scrivito-content-browser-icon {
1346
- line-height: 360px;
1347
- font-size: 140px; }
1348
-
1349
- /* scrivito-content-browser-list */
1350
- .scrivito-content-browser-list {
1351
- padding: 30px 0 0 0;
1352
- height: 100%;
1353
- background: rgba(255, 255, 255, 0.4); }
1354
-
1355
- .scrivito-content-browser-list-head {
1356
- height: 30px;
1357
- overflow: hidden;
1358
- position: absolute;
1359
- top: 0;
1360
- width: 100%;
1361
- padding: 0 15px 0 0;
1362
- background: rgba(0, 0, 0, 0.1); }
1363
-
1364
- .scrivito-content-browser-list-content {
1365
- height: 100%;
1366
- overflow-y: scroll; }
1367
-
1368
- .scrivito-content-browser-list table {
1369
- margin: 0;
1370
- padding-top: 30px;
1371
- border: 0;
1372
- max-width: 100%;
1373
- width: 100%;
1374
- border-collapse: collapse;
1375
- border-spacing: 0; }
1376
-
1377
- .scrivito-content-browser-list table th,
1378
- .scrivito-content-browser-list table td {
1379
- padding: 2px 6px;
1380
- font-size: 11px;
1381
- min-width: 20px;
1382
- font-weight: bold;
1383
- line-height: 24px;
1384
- vertical-align: middle;
1385
- word-wrap: break-word;
1386
- border: 0; }
1387
-
1388
- .scrivito-content-browser-list table th {
1389
- color: #666 !important; }
1390
-
1391
- .scrivito-content-browser-list table th:hover {
1392
- cursor: pointer;
1393
- -webkit-user-select: none;
1394
- -moz-user-select: none;
1395
- -ms-user-select: none;
1396
- -o-user-select: none;
1397
- user-select: none; }
1398
-
1399
- .scrivito-content-browser-list table th.sort_up:after {
1400
- content: '\F026';
1401
- display: inline-block;
1402
- font-family: 'scrivito_iconsregular';
1403
- font-style: normal;
1404
- font-weight: normal;
1405
- line-height: 24px;
1406
- margin: 0;
1407
- padding: 0 0 0 5px;
1408
- text-decoration: none;
1409
- vertical-align: middle;
1410
- font-size: 13px; }
1411
-
1412
- .scrivito-content-browser-list table th.sort_down:after {
1413
- content: '\F025';
1414
- display: inline-block;
1415
- font-family: 'scrivito_iconsregular';
1416
- font-style: normal;
1417
- font-weight: normal;
1418
- line-height: 24px;
1419
- margin: 0;
1420
- padding: 0 0 0 5px;
1421
- text-decoration: none;
1422
- vertical-align: middle;
1423
- font-size: 13px; }
1424
-
1425
- .scrivito-content-browser-list table tr:nth-child(even) td {
1426
- background: rgba(255, 255, 255, 0.3); }
1427
-
1428
- .scrivito-content-browser-list table th:nth-child(1),
1429
- .scrivito-content-browser-list table td:nth-child(1) {
1430
- width: 5%;
1431
- padding: 0; }
1432
-
1433
- .scrivito-content-browser-list table th:nth-child(2),
1434
- .scrivito-content-browser-list table td:nth-child(2) {
1435
- width: 20%;
1436
- text-overflow: ellipsis;
1437
- overflow: hidden;
1438
- white-space: nowrap;
1439
- max-width: 20px;
1440
- color: #333; }
1441
-
1442
- .scrivito-content-browser-list table th:nth-child(3),
1443
- .scrivito-content-browser-list table td:nth-child(3) {
1444
- width: 20%;
1445
- text-overflow: ellipsis;
1446
- overflow: hidden;
1447
- white-space: nowrap;
1448
- max-width: 20px;
1449
- color: #777; }
1450
-
1451
- .scrivito-content-browser-list table th:nth-child(4),
1452
- .scrivito-content-browser-list table td:nth-child(4) {
1453
- width: 15%;
1454
- text-overflow: ellipsis;
1455
- overflow: hidden;
1456
- white-space: nowrap;
1457
- max-width: 20px;
1458
- color: #777; }
1459
-
1460
- .scrivito-content-browser-list table th:nth-child(5),
1461
- .scrivito-content-browser-list table td:nth-child(5) {
1462
- width: 15%;
1463
- text-overflow: ellipsis;
1464
- overflow: hidden;
1465
- white-space: nowrap;
1466
- max-width: 20px;
1467
- color: #777; }
1468
-
1469
- .scrivito-content-browser-list table th:nth-child(6),
1470
- .scrivito-content-browser-list table td:nth-child(6) {
1471
- width: 15%;
1472
- text-overflow: ellipsis;
1473
- overflow: hidden;
1474
- white-space: nowrap;
1475
- max-width: 20px;
1476
- color: #777; }
1477
-
1478
- .scrivito-content-browser-list-content tr:hover td,
1479
- .scrivito-content-browser-list-content tr.active td {
1480
- color: #fff;
1481
- background: #9bb68d !important; }
1482
-
1483
- .scrivito-content-browser-list-content tr.active {
1484
- outline: 2px solid #658B51; }
1485
-
1486
- .scrivito-content-browser-list-content .scrivito-content-browser-list-select:before {
1487
- -webkit-user-select: none;
1488
- -moz-user-select: none;
1489
- -ms-user-select: none;
1490
- -o-user-select: none;
1491
- user-select: none;
1492
- color: #666;
1493
- content: '\F123';
1494
- display: block;
1495
- font-family: 'scrivito_iconsregular';
1496
- font-style: normal;
1497
- font-weight: normal;
1498
- height: 28px;
1499
- line-height: 28px;
1500
- margin: 0;
1501
- padding: 0;
1502
- text-align: center;
1503
- text-decoration: none;
1504
- vertical-align: middle;
1505
- width: 100%;
1506
- font-size: 16px;
1507
- z-index: 2;
1508
- position: relative; }
1509
-
1510
- .scrivito-content-browser-list-content .scrivito-content-browser-list-select.active:before {
1511
- background: #7EA46A;
1512
- color: #fff;
1513
- content: '\F124'; }
1514
-
1515
- .scrivito-content-browser-list-content .scrivito-content-browser-list-select:hover {
1516
- cursor: pointer; }
1517
-
1518
- /* scrivito-content-browser-inspector */
1519
- .scrivito-content-browser .scrivito-content-browser-inspector {
1520
- position: relative; }
1521
-
1522
- .scrivito-content-browser .scrivito-content-browser-inspector h3 {
1523
- color: #666;
1524
- font-size: 14px;
1525
- line-height: 32px;
1526
- margin-top: 10px; }
1527
-
1528
- .scrivito-content-browser .scrivito-content-browser-inspector h3 .scrivito-content-browser-icon {
1529
- color: #666;
1530
- font-size: 24px;
1531
- line-height: 32px;
1532
- padding: 0 5px 0; }
1533
-
1534
- .scrivito-content-browser .scrivito-content-browser-inspector .inspector-content {
1535
- position: absolute;
1536
- top: 46px;
1537
- bottom: 2px;
1538
- left: 10px;
1539
- right: 10px; }
1540
-
1541
- .scrivito-content-browser .scrivito-content-browser-inspector .inspector-content iframe {
1542
- height: 100%;
1543
- border: 0; }
1544
-
1545
- .scrivito-content-browser .scrivito-content-browser-inspector code {
1546
- word-wrap: break-word; }
1547
-
1548
- .no-editing-available {
1549
- color: #d3d3d3;
1550
- font-size: 15px;
1551
- font-weight: bold;
1552
- text-align: center; }
1553
-
1554
- .no-editing-available .scrivito-content-browser-icon {
1555
- color: #e3e3e3;
1556
- display: block;
1557
- font-size: 85px;
1558
- line-height: 200px;
1559
- text-align: center;
1560
- text-shadow: 0 1px 0 #ddd; }
1561
-
1562
- .scrivito-content-browser-loading {
1563
- clear: both;
1564
- height: 100%;
1565
- overflow: hidden;
1566
- position: relative; }
1567
-
1568
- .scrivito-content-browser-endless-loader {
1569
- position: absolute;
1570
- bottom: 0;
1571
- left: 20%;
1572
- right: 0;
1573
- height: 100px;
1574
- width: 80%;
1575
- background-image: -webkit-linear-gradient(rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.5) 40%, rgba(200, 200, 200, 0.9));
1576
- background-image: linear-gradient(rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.5) 40%, rgba(200, 200, 200, 0.9));
1577
- background-repeat: no-repeat;
1578
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FFC8C8C8', GradientType=0); }
1579
-
1580
- .scrivito-content-browser-endless-loader .scrivito-content-browser-icon {
1581
- color: #666;
1582
- display: block;
1583
- font-size: 50px;
1584
- line-height: 0;
1585
- left: 0;
1586
- margin: 0 auto;
1587
- position: absolute;
1588
- text-align: center;
1589
- top: 50%;
1590
- width: 100%;
1591
- -webkit-animation: editing-rotation 5s infinite linear;
1592
- -moz-animation: editing-rotation 5s infinite linear;
1593
- -o-animation: editing-rotation 5s infinite linear;
1594
- animation: editing-rotation 5s infinite linear; }
1595
-
1596
- .scrivito-content-browser-loading .scrivito-content-browser-icon {
1597
- color: #666;
1598
- display: block;
1599
- font-size: 50px;
1600
- line-height: 0;
1601
- left: 0;
1602
- margin: 0 auto;
1603
- position: absolute;
1604
- text-align: center;
1605
- top: 50%;
1606
- width: 100%;
1607
- -webkit-animation: editing-rotation 5s infinite linear;
1608
- -moz-animation: editing-rotation 5s infinite linear;
1609
- -o-animation: editing-rotation 5s infinite linear;
1610
- animation: editing-rotation 5s infinite linear; }
1611
-
1612
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails .scrivito-content-browser-loading .scrivito-content-browser-icon {
1613
- color: #ddd;
1614
- font-size: 50px; }
1615
-
1616
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.small .scrivito-content-browser-loading .scrivito-content-browser-icon {
1617
- font-size: 30px; }
1618
-
1619
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.big .scrivito-content-browser-loading .scrivito-content-browser-icon {
1620
- font-size: 80px; }
1621
-
1622
- .scrivito-content-browser ul.scrivito-content-browser-thumbnails.large .scrivito-content-browser-loading .scrivito-content-browser-icon {
1623
- font-size: 100px; }
1624
-
1625
- .scrivito-content-browser-progress-wrapper {
1626
- -webkit-box-shadow: 0 0 3px #bbb;
1627
- box-shadow: 0 0 3px #bbb;
1628
- background: rgba(255, 255, 255, 0.6);
1629
- border-radius: 3px;
1630
- left: 0;
1631
- margin: 2% 10%;
1632
- padding: 0;
1633
- position: absolute;
1634
- top: 0;
1635
- width: 80%; }
1636
-
1637
- .scrivito-content-browser-progress-wrapper .scrivito-content-browser-progress-file {
1638
- border-top: 1px solid #ccc;
1639
- margin: 2px 0 0 0;
1640
- padding: 5px; }
1641
-
1642
- .scrivito-content-browser-progress-wrapper .scrivito-content-browser-progress-file:first-child {
1643
- border: none;
1644
- margin: 0; }
1645
-
1646
- .scrivito-content-browser-progress-wrapper .scrivito-content-browser-progress-file p {
1647
- color: #555;
1648
- font-size: 13px;
1649
- font-weight: bold;
1650
- margin: 0 3px 6px 3px;
1651
- overflow: hidden;
1652
- text-overflow: ellipsis; }
1653
-
1654
- .scrivito-content-browser-progress-wrapper .scrivito-content-browser-progress-file .scrivito-content-browser-error:empty {
1655
- display: none; }
1656
-
1657
- .scrivito-content-browser-progress-wrapper .scrivito-content-browser-progress-file .scrivito-content-browser-error {
1658
- color: #aa4040;
1659
- font-size: 13px;
1660
- font-weight: normal;
1661
- margin: 0 3px 6px 3px; }
1662
-
1663
- .scrivito-content-browser-progress-wrapper .scrivito-content-browser-progress {
1664
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1665
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1666
- background-color: #bbb;
1667
- border-radius: 3px;
1668
- height: 10px;
1669
- margin: 0;
1670
- overflow: hidden; }
1671
-
1672
- .scrivito-content-browser-progress-wrapper .scrivito-content-browser-progress .scrivito-content-browser-progress-bar {
1673
- background-color: #658b51;
1674
- background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.7)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.7)), color-stop(0.75, rgba(255, 255, 255, 0.7)), color-stop(0.75, transparent), to(transparent));
1675
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.7) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 75%, transparent 75%, transparent);
1676
- background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.7) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 75%, transparent 75%, transparent);
1677
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.7) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
1678
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.7) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 75%, transparent 75%, transparent);
1679
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1680
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1681
- -webkit-transition: width 0.6s ease;
1682
- transition: width 0.6s ease;
1683
- -webkit-transform: translate3d(0, 0, 0);
1684
- -moz-transform: translate3d(0, 0, 0);
1685
- -ms-transform: translate3d(0, 0, 0);
1686
- -o-transform: translate3d(0, 0, 0);
1687
- transform: translate3d(0, 0, 0);
1688
- background-color: #658b51;
1689
- background-size: 15px 15px;
1690
- float: left;
1691
- font-size: 12px;
1692
- height: 100%;
1693
- line-height: 10px;
1694
- text-align: center;
1695
- width: 0%;
1696
- -webkit-animation: progress-bar-stripes 3s linear infinite;
1697
- -moz-animation: progress-bar-stripes 3s linear infinite;
1698
- -ms-animation: progress-bar-stripes 3s linear infinite;
1699
- -o-animation: progress-bar-stripes 3s linear infinite;
1700
- animation: progress-bar-stripes 3s linear infinite; }
1701
-
1702
- @media (min-width: 1150px) {
1703
- .scrivito-content-browser .scrivito-content-browser-filter {
1704
- width: 20%; }
1705
-
1706
- .scrivito-content-browser .scrivito-content-browser-items {
1707
- width: 80%; } }
1708
- @media (min-width: 769px) and (max-width: 979px) {
1709
- .scrivito-content-browser {
1710
- height: 90%;
1711
- width: 90%; } }
1712
- @media (max-width: 480px) {
1713
- .scrivito-content-browser {
1714
- height: 95%;
1715
- width: 95%; } }