scrivito_content_browser 0.30.0 → 0.40.0.rc1

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