scrivito_resourcebrowser 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +7 -0
- data/app/assets/javascripts/scrivito_resourcebrowser/inspector.js.coffee +4 -4
- data/app/assets/javascripts/scrivito_resourcebrowser/resourcebrowser.js.coffee +121 -63
- data/app/assets/javascripts/scrivito_resourcebrowser/uploader.js.coffee +9 -9
- data/app/assets/stylesheets/scrivito_resourcebrowser/icons.css.erb +82 -0
- data/app/assets/stylesheets/scrivito_resourcebrowser/resourcebrowser.css +180 -115
- data/app/controllers/scrivito_resourcebrowser/resourcebrowser_controller.rb +0 -5
- data/app/views/layouts/scrivito_resourcebrowser/inspector.html.erb +1 -1
- data/app/views/scrivito_resourcebrowser/obj/details.html +1 -1
- data/config/routes.rb +0 -2
- data/lib/scrivito_resourcebrowser/version.rb +1 -1
- metadata +4 -5
- data/app/views/scrivito_resourcebrowser/resourcebrowser/_buttons.html.erb +0 -16
- data/app/views/scrivito_resourcebrowser/resourcebrowser/_header.html.erb +0 -25
- data/app/views/scrivito_resourcebrowser/resourcebrowser/modal.html.erb +0 -12
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
z-index: 222222;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.
|
|
33
|
+
.scrivito-resourcebrowser {
|
|
34
34
|
-webkit-border-radius: 5px;
|
|
35
35
|
-moz-border-radius: 5px;
|
|
36
36
|
border-radius: 5px;
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
z-index: 3333333;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
.
|
|
59
|
+
.scrivito-resourcebrowser.show {
|
|
60
60
|
opacity: 1;
|
|
61
61
|
filter: alpha(opacity=100);
|
|
62
62
|
-webkit-transition: opacity 0.3s linear;
|
|
@@ -68,12 +68,12 @@
|
|
|
68
68
|
z-index: 3333333;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.
|
|
71
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-footer .editing-button {
|
|
72
72
|
float: right;
|
|
73
73
|
margin: 0 10px 0 0;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
.
|
|
76
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-body {
|
|
77
77
|
-webkit-box-sizing: border-box;
|
|
78
78
|
-moz-box-sizing: border-box;
|
|
79
79
|
box-sizing: border-box;
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
position: relative;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
.
|
|
88
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-wrapper {
|
|
89
89
|
-webkit-box-sizing: border-box;
|
|
90
90
|
-moz-box-sizing: border-box;
|
|
91
91
|
box-sizing: border-box;
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
width: 70%;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
.
|
|
99
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-topbar {
|
|
100
100
|
background: #666;
|
|
101
101
|
color:#fff;
|
|
102
102
|
-webkit-box-shadow: -3px 0 5px -3px #333 inset;
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
width: 100%;
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
-
.
|
|
116
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-search {
|
|
117
117
|
float: left;
|
|
118
118
|
overflow: hidden;
|
|
119
119
|
position: relative;
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
white-space: nowrap;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
.
|
|
124
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-search .search-field {
|
|
125
125
|
border:0px;
|
|
126
126
|
color:#333;
|
|
127
127
|
-webkit-border-radius: 15px 0 0 15px;
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
width: 300px;
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
.
|
|
150
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-search .search-field:focus {
|
|
151
151
|
-webkit-box-shadow: 0 0 1px #aaa inset,0 0 8px rgba(109, 131, 166, .6);
|
|
152
152
|
-moz-box-shadow: 0 0 1px #aaa inset,0 0 8px rgba(109, 131, 166, .6);
|
|
153
153
|
box-shadow: 0 0 1px #aaa inset,0 0 8px rgba(109, 131, 166, .6);
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
outline: 0;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.
|
|
161
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-search .search-field-button {
|
|
162
162
|
background: #7EA46A;
|
|
163
163
|
-webkit-border-radius: 0 15px 15px 0;
|
|
164
164
|
-moz-border-radius: 0 15px 15px 0;
|
|
@@ -185,19 +185,19 @@
|
|
|
185
185
|
width: 80px;
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
-
.
|
|
188
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-search .search-field-button:hover {
|
|
189
189
|
background: #94BA80;
|
|
190
190
|
color: #fff;
|
|
191
191
|
cursor: pointer;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
.
|
|
194
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-search .search-field-button:active {
|
|
195
195
|
background: #7EA46A;
|
|
196
196
|
color: #fff;
|
|
197
197
|
cursor: pointer;
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
.
|
|
200
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-topbar .editing-button-view {
|
|
201
201
|
display: block;
|
|
202
202
|
float: right;
|
|
203
203
|
height: 32px;
|
|
@@ -205,23 +205,23 @@
|
|
|
205
205
|
padding: 0 7px;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
.
|
|
208
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-topbar .editing-button-view:hover {
|
|
209
209
|
cursor: pointer;
|
|
210
210
|
}
|
|
211
211
|
|
|
212
|
-
.
|
|
212
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-topbar .editing-button-view .scrivito-resourcebrowser-icon {
|
|
213
213
|
-webkit-transition: all 0.3s ease-in-out;
|
|
214
214
|
-moz-transition: all 0.3s ease-in-out;
|
|
215
215
|
-o-transition: all 0.3s ease-in-out;
|
|
216
216
|
transition: all 0.3s ease-in-out;
|
|
217
217
|
color: #fff;
|
|
218
|
-
font-size:
|
|
218
|
+
font-size: 18px;
|
|
219
219
|
line-height: 32px;
|
|
220
220
|
text-shadow: 0 0 2px #333;
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
.
|
|
224
|
-
.
|
|
223
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-topbar .editing-button-view:hover .scrivito-resourcebrowser-icon,
|
|
224
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-topbar .editing-button-view.active .scrivito-resourcebrowser-icon {
|
|
225
225
|
-webkit-transition: all 0.3s ease-in-out;
|
|
226
226
|
-moz-transition: all 0.3s ease-in-out;
|
|
227
227
|
-o-transition: all 0.3s ease-in-out;
|
|
@@ -229,9 +229,9 @@
|
|
|
229
229
|
color: #7EA46A;
|
|
230
230
|
}
|
|
231
231
|
|
|
232
|
-
.
|
|
233
|
-
.
|
|
234
|
-
.
|
|
232
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-filter,
|
|
233
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-items,
|
|
234
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-inspector {
|
|
235
235
|
-webkit-box-sizing: border-box;
|
|
236
236
|
-moz-box-sizing: border-box;
|
|
237
237
|
box-sizing: border-box;
|
|
@@ -243,7 +243,7 @@
|
|
|
243
243
|
-webkit-overflow-scrolling: touch;
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.
|
|
246
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-filter {
|
|
247
247
|
background-color: #fafafa;
|
|
248
248
|
-webkit-box-shadow: 0 -3px 4px -3px #bbb inset,0 3px 4px -3px #bbb inset;
|
|
249
249
|
-moz-box-shadow: 0 -3px 4px -3px #bbb inset,0 3px 4px -3px #bbb inset;
|
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
width: 17%;
|
|
253
253
|
}
|
|
254
254
|
|
|
255
|
-
.
|
|
255
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-items {
|
|
256
256
|
background: #CCCCCC;
|
|
257
257
|
-webkit-box-shadow: 0 0 4px #666 inset;
|
|
258
258
|
-moz-box-shadow: 0 0 4px #666 inset;
|
|
@@ -261,7 +261,7 @@
|
|
|
261
261
|
width: 83%;
|
|
262
262
|
}
|
|
263
263
|
|
|
264
|
-
.
|
|
264
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-inspector {
|
|
265
265
|
-webkit-box-shadow: 0 -3px 4px -3px #bbbbbb inset;
|
|
266
266
|
-moz-box-shadow: 0 -3px 4px -3px #bbbbbb inset;
|
|
267
267
|
box-shadow: 0 -3px 4px -3px #bbbbbb inset;
|
|
@@ -269,7 +269,7 @@
|
|
|
269
269
|
width: 30%;
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.
|
|
272
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-footer {
|
|
273
273
|
background: #eee;
|
|
274
274
|
-webkit-box-sizing: border-box;
|
|
275
275
|
-moz-box-sizing: border-box;
|
|
@@ -285,25 +285,25 @@
|
|
|
285
285
|
width: 100%;
|
|
286
286
|
}
|
|
287
287
|
|
|
288
|
-
.
|
|
289
|
-
.
|
|
288
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-footer:before,
|
|
289
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-footer:after {
|
|
290
290
|
display: table;
|
|
291
291
|
content: "";
|
|
292
292
|
line-height: 0;
|
|
293
293
|
}
|
|
294
294
|
|
|
295
|
-
.
|
|
295
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-footer:after {
|
|
296
296
|
clear: both;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
.
|
|
299
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items {
|
|
300
300
|
display: block;
|
|
301
301
|
list-style-type: none;
|
|
302
302
|
margin: 0;
|
|
303
303
|
padding: 0;
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
-
.
|
|
306
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li {
|
|
307
307
|
*zoom: 1;
|
|
308
308
|
border-bottom: 1px solid #eee;
|
|
309
309
|
border-top: 1px solid #fff;
|
|
@@ -312,23 +312,23 @@
|
|
|
312
312
|
padding: 8px 5px 8px 8px;
|
|
313
313
|
}
|
|
314
314
|
|
|
315
|
-
.
|
|
316
|
-
.
|
|
315
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li:before,
|
|
316
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li:after {
|
|
317
317
|
display: table;
|
|
318
318
|
content: "";
|
|
319
319
|
line-height: 0;
|
|
320
320
|
}
|
|
321
321
|
|
|
322
|
-
.
|
|
322
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li:after {
|
|
323
323
|
clear: both;
|
|
324
324
|
}
|
|
325
325
|
|
|
326
|
-
.
|
|
326
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li:first-child {
|
|
327
327
|
border-top: 1px solid transparent;
|
|
328
328
|
}
|
|
329
329
|
|
|
330
|
-
.
|
|
331
|
-
.
|
|
330
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li:hover,
|
|
331
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li.active {
|
|
332
332
|
background: #7EA46A;
|
|
333
333
|
border-bottom: 1px solid #658B51;
|
|
334
334
|
border-top: 1px solid #658B51;
|
|
@@ -337,15 +337,15 @@
|
|
|
337
337
|
z-index: 2;
|
|
338
338
|
}
|
|
339
339
|
|
|
340
|
-
.
|
|
341
|
-
.
|
|
342
|
-
.
|
|
343
|
-
.
|
|
340
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li:hover .scrivito-resourcebrowser-icon,
|
|
341
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li.active .scrivito-resourcebrowser-icon,
|
|
342
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li:hover .scrivito-resourcebrowser-filter-name,
|
|
343
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li.active .scrivito-resourcebrowser-filter-name {
|
|
344
344
|
color: #fff;
|
|
345
345
|
text-shadow: 0 1px 1px #888;
|
|
346
346
|
}
|
|
347
347
|
|
|
348
|
-
.
|
|
348
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li.separator {
|
|
349
349
|
background-color: #f8f8f8;
|
|
350
350
|
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
|
|
351
351
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
|
|
@@ -364,22 +364,22 @@
|
|
|
364
364
|
z-index: 2;
|
|
365
365
|
}
|
|
366
366
|
|
|
367
|
-
.
|
|
367
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li.selected-items {
|
|
368
368
|
-webkit-box-shadow: 0 0 3px #cccccc inset;
|
|
369
369
|
-moz-box-shadow: 0 0 3px #cccccc inset;
|
|
370
370
|
box-shadow: 0 0 3px #cccccc inset;
|
|
371
371
|
background: #eee;
|
|
372
372
|
}
|
|
373
373
|
|
|
374
|
-
.
|
|
375
|
-
.
|
|
374
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li.selected-items:hover,
|
|
375
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li.selected-items.active {
|
|
376
376
|
-webkit-box-shadow: 0 0 3px #333333 inset;
|
|
377
377
|
-moz-box-shadow: 0 0 3px #333333 inset;
|
|
378
378
|
box-shadow: 0 0 3px #333333 inset;
|
|
379
379
|
background: #5A8BD1;
|
|
380
380
|
}
|
|
381
381
|
|
|
382
|
-
.
|
|
382
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-counter {
|
|
383
383
|
-webkit-border-radius: 15px;
|
|
384
384
|
-moz-border-radius: 15px;
|
|
385
385
|
border-radius: 15px;
|
|
@@ -393,16 +393,16 @@
|
|
|
393
393
|
padding: 1px 6px;
|
|
394
394
|
}
|
|
395
395
|
|
|
396
|
-
.
|
|
396
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items .scrivito-resourcebrowser-icon {
|
|
397
397
|
color: #666;
|
|
398
398
|
display: inline;
|
|
399
|
-
font-size:
|
|
399
|
+
font-size: 22px;
|
|
400
400
|
line-height: 20px;
|
|
401
401
|
padding: 0 7px 0 0;
|
|
402
402
|
text-shadow: 0 1px 1px #fff;
|
|
403
403
|
}
|
|
404
404
|
|
|
405
|
-
.
|
|
405
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items .scrivito-resourcebrowser-filter-name {
|
|
406
406
|
color: #666;
|
|
407
407
|
display: inline;
|
|
408
408
|
font-size: 11px;
|
|
@@ -411,21 +411,21 @@
|
|
|
411
411
|
word-wrap: break-word;
|
|
412
412
|
}
|
|
413
413
|
|
|
414
|
-
.
|
|
415
|
-
.
|
|
414
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li:hover .scrivito-resourcebrowser-counter,
|
|
415
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-filter-items li.active .scrivito-resourcebrowser-counter {
|
|
416
416
|
background: #fff;
|
|
417
417
|
color: #5a8bd1;
|
|
418
418
|
text-shadow: 0 0 0 #fff;
|
|
419
419
|
}
|
|
420
420
|
|
|
421
|
-
.
|
|
421
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-items.uploader-drag-over {
|
|
422
422
|
background: #658b51;
|
|
423
423
|
-webkit-box-shadow: 0 0 4px #333333 inset;
|
|
424
424
|
-moz-box-shadow: 0 0 4px #333333 inset;
|
|
425
425
|
box-shadow: 0 0 4px #333333 inset;
|
|
426
426
|
}
|
|
427
427
|
|
|
428
|
-
.
|
|
428
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-items.uploader-drag-over:before {
|
|
429
429
|
-webkit-user-select: none;
|
|
430
430
|
-moz-user-select: none;
|
|
431
431
|
-ms-user-select: none;
|
|
@@ -445,12 +445,12 @@
|
|
|
445
445
|
width: 83%;
|
|
446
446
|
}
|
|
447
447
|
|
|
448
|
-
.
|
|
448
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-items.uploader-drag-over ul.scrivito-resourcebrowser-thumbnails {
|
|
449
449
|
opacity: 0.3;
|
|
450
450
|
filter: alpha(opacity=30);
|
|
451
451
|
}
|
|
452
452
|
|
|
453
|
-
.
|
|
453
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails {
|
|
454
454
|
display: block;
|
|
455
455
|
list-style-type: none;
|
|
456
456
|
margin: 0;
|
|
@@ -458,7 +458,7 @@
|
|
|
458
458
|
padding: 15px 0 0 15px;
|
|
459
459
|
}
|
|
460
460
|
|
|
461
|
-
.
|
|
461
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li {
|
|
462
462
|
-webkit-border-radius: 4px;
|
|
463
463
|
-moz-border-radius: 4px;
|
|
464
464
|
border-radius: 4px;
|
|
@@ -480,7 +480,7 @@
|
|
|
480
480
|
width: 200px;
|
|
481
481
|
}
|
|
482
482
|
|
|
483
|
-
.
|
|
483
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li:hover {
|
|
484
484
|
-webkit-box-shadow: 0 0 7px 0px #555555;
|
|
485
485
|
-moz-box-shadow: 0 0 7px 0px #555555;
|
|
486
486
|
box-shadow: 0 0 7px 0px #555555;
|
|
@@ -491,20 +491,24 @@
|
|
|
491
491
|
cursor: pointer;
|
|
492
492
|
}
|
|
493
493
|
|
|
494
|
-
.
|
|
494
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li.active {
|
|
495
495
|
-webkit-box-shadow: 0 0 3px 4px #658B51;
|
|
496
496
|
-moz-box-shadow: 0 0 3px 4px #658B51;
|
|
497
497
|
box-shadow: 0 0 3px 4px #658B51;
|
|
498
498
|
}
|
|
499
499
|
|
|
500
|
-
.
|
|
500
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-item-wrapper {
|
|
501
|
+
position: relative;
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-preview {
|
|
501
505
|
background: #eee;
|
|
502
506
|
height: 160px;
|
|
503
507
|
overflow: hidden;
|
|
504
508
|
position: relative;
|
|
505
509
|
}
|
|
506
510
|
|
|
507
|
-
.
|
|
511
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-preview img {
|
|
508
512
|
display: block;
|
|
509
513
|
max-height: 100%;
|
|
510
514
|
max-width: 100%;
|
|
@@ -516,17 +520,17 @@
|
|
|
516
520
|
bottom: 0;
|
|
517
521
|
}
|
|
518
522
|
|
|
519
|
-
.
|
|
523
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-preview .scrivito-resourcebrowser-icon {
|
|
520
524
|
color: #bfbfbf;
|
|
521
525
|
display: block;
|
|
522
526
|
float: none;
|
|
523
|
-
font-size:
|
|
527
|
+
font-size: 100px;
|
|
524
528
|
line-height: 160px;
|
|
525
529
|
text-align: center;
|
|
526
530
|
text-shadow: 0 1px 1px #fff;
|
|
527
531
|
}
|
|
528
532
|
|
|
529
|
-
.
|
|
533
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-meta {
|
|
530
534
|
-webkit-box-sizing: border-box;
|
|
531
535
|
-moz-box-sizing: border-box;
|
|
532
536
|
box-sizing: border-box;
|
|
@@ -535,7 +539,7 @@
|
|
|
535
539
|
position: relative;
|
|
536
540
|
}
|
|
537
541
|
|
|
538
|
-
.
|
|
542
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-thumbnails-name {
|
|
539
543
|
color: #555;
|
|
540
544
|
display: block;
|
|
541
545
|
font-size: 11px;
|
|
@@ -546,7 +550,7 @@
|
|
|
546
550
|
white-space: nowrap;
|
|
547
551
|
}
|
|
548
552
|
|
|
549
|
-
.
|
|
553
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-thumbnails-size {
|
|
550
554
|
color: #aaa;
|
|
551
555
|
display: block;
|
|
552
556
|
font-size: 10px;
|
|
@@ -557,7 +561,7 @@
|
|
|
557
561
|
white-space: nowrap;
|
|
558
562
|
}
|
|
559
563
|
|
|
560
|
-
.
|
|
564
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-inspect:before {
|
|
561
565
|
-webkit-user-select: none;
|
|
562
566
|
-moz-user-select: none;
|
|
563
567
|
-ms-user-select: none;
|
|
@@ -585,7 +589,7 @@
|
|
|
585
589
|
z-index: 1;
|
|
586
590
|
}
|
|
587
591
|
|
|
588
|
-
.
|
|
592
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-thumbnails-select:before {
|
|
589
593
|
-webkit-user-select: none;
|
|
590
594
|
-moz-user-select: none;
|
|
591
595
|
-ms-user-select: none;
|
|
@@ -612,90 +616,152 @@
|
|
|
612
616
|
font-size: 11px;
|
|
613
617
|
}
|
|
614
618
|
|
|
615
|
-
.
|
|
619
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails li .scrivito-resourcebrowser-thumbnails-select.active:before {
|
|
616
620
|
background: #7EA46A;
|
|
617
621
|
color: #fff;
|
|
618
622
|
content: '\F02B';
|
|
619
623
|
}
|
|
620
624
|
|
|
621
|
-
|
|
625
|
+
/* normal-list */
|
|
626
|
+
|
|
627
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.normal-list {
|
|
628
|
+
padding-right: 15px;
|
|
629
|
+
}
|
|
630
|
+
|
|
631
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.normal-list li {
|
|
632
|
+
height: 35px;
|
|
633
|
+
width: 100%;
|
|
634
|
+
margin: 0 0 10px 0;
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.normal-list li .scrivito-resourcebrowser-preview {
|
|
638
|
+
display: none;
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.normal-list li .scrivito-resourcebrowser-meta {
|
|
642
|
+
top: 0;
|
|
643
|
+
left: 0;
|
|
644
|
+
right: 0;
|
|
645
|
+
bottom: 0;
|
|
646
|
+
padding: 0px 25px 0px 45px;
|
|
647
|
+
}
|
|
648
|
+
|
|
649
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.normal-list li .scrivito-resourcebrowser-thumbnails-name {
|
|
650
|
+
font-size: 12px;
|
|
651
|
+
font-weight: normal;
|
|
652
|
+
line-height: 35px;
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.normal-list li .scrivito-resourcebrowser-thumbnails-size {
|
|
656
|
+
font-size: 9px;
|
|
657
|
+
line-height: 13px;
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.normal-list li .scrivito-resourcebrowser-thumbnails-select:before {
|
|
661
|
+
font-size: 9px;
|
|
662
|
+
height: 35px;
|
|
663
|
+
line-height: 37px;
|
|
664
|
+
width: 40px;
|
|
665
|
+
position: absolute;
|
|
666
|
+
top: 0;
|
|
667
|
+
left: 0;
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.normal-list li .scrivito-resourcebrowser-inspect:before {
|
|
671
|
+
font-size: 9px;
|
|
672
|
+
line-height: 37px;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.normal-list .scrivito-resourcebrowser-loading .scrivito-resourcebrowser-icon {
|
|
676
|
+
font-size: 25px;
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
/* small */
|
|
680
|
+
|
|
681
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.small li {
|
|
622
682
|
height: 100px;
|
|
623
683
|
width: 130px;
|
|
624
684
|
}
|
|
625
685
|
|
|
626
|
-
.
|
|
686
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.small li .scrivito-resourcebrowser-preview {
|
|
627
687
|
height: 70px;
|
|
628
688
|
}
|
|
629
689
|
|
|
630
|
-
.
|
|
631
|
-
font-size:
|
|
690
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.small li .scrivito-resourcebrowser-preview .scrivito-resourcebrowser-icon {
|
|
691
|
+
font-size: 40px;
|
|
632
692
|
line-height: 70px;
|
|
633
693
|
}
|
|
634
694
|
|
|
635
|
-
.
|
|
695
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.small li .scrivito-resourcebrowser-meta {
|
|
636
696
|
height: 30px;
|
|
637
697
|
padding: 2px 25px 0px 5px;
|
|
638
698
|
}
|
|
639
699
|
|
|
640
|
-
.
|
|
700
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.small li .scrivito-resourcebrowser-thumbnails-name {
|
|
641
701
|
font-size: 10px;
|
|
642
702
|
line-height: 28px;
|
|
643
703
|
}
|
|
644
704
|
|
|
645
|
-
.
|
|
705
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.small li .scrivito-resourcebrowser-thumbnails-size {
|
|
646
706
|
font-size: 9px;
|
|
647
707
|
line-height: 13px;
|
|
648
708
|
}
|
|
649
709
|
|
|
650
|
-
.
|
|
710
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.small li .scrivito-resourcebrowser-thumbnails-select:before {
|
|
651
711
|
font-size: 9px;
|
|
652
712
|
height: 30px;
|
|
653
713
|
line-height: 32px;
|
|
654
714
|
width: 30px;
|
|
655
715
|
}
|
|
656
716
|
|
|
657
|
-
|
|
717
|
+
/* big */
|
|
718
|
+
|
|
719
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.big li {
|
|
658
720
|
height: 300px;
|
|
659
721
|
width: 300px;
|
|
660
722
|
}
|
|
661
723
|
|
|
662
|
-
.
|
|
724
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.big li .scrivito-resourcebrowser-preview {
|
|
663
725
|
height: 260px;
|
|
664
726
|
}
|
|
665
727
|
|
|
666
|
-
.
|
|
667
|
-
font-size:
|
|
728
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.big li .scrivito-resourcebrowser-preview .scrivito-resourcebrowser-icon {
|
|
729
|
+
font-size: 120px;
|
|
668
730
|
line-height: 260px;
|
|
669
731
|
}
|
|
670
732
|
|
|
671
|
-
|
|
733
|
+
/* large */
|
|
734
|
+
|
|
735
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.large li {
|
|
672
736
|
height: 400px;
|
|
673
737
|
width: 400px;
|
|
674
738
|
}
|
|
675
739
|
|
|
676
|
-
.
|
|
740
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.large li .scrivito-resourcebrowser-preview {
|
|
677
741
|
height: 360px;
|
|
678
742
|
}
|
|
679
743
|
|
|
680
|
-
.
|
|
744
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.large li .scrivito-resourcebrowser-preview .scrivito-resourcebrowser-icon {
|
|
681
745
|
line-height: 360px;
|
|
682
|
-
font-size:
|
|
746
|
+
font-size: 140px;
|
|
683
747
|
}
|
|
684
748
|
|
|
685
|
-
|
|
749
|
+
/* */
|
|
750
|
+
|
|
751
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-inspector h3 {
|
|
686
752
|
color: #666;
|
|
687
753
|
font-size: 14px;
|
|
688
754
|
line-height: 32px;
|
|
689
755
|
}
|
|
690
756
|
|
|
691
|
-
.
|
|
757
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-inspector h3 .scrivito-resourcebrowser-icon {
|
|
692
758
|
color: #666;
|
|
693
|
-
font-size:
|
|
759
|
+
font-size: 24px;
|
|
694
760
|
line-height: 32px;
|
|
695
761
|
padding: 0 5px 0;
|
|
696
762
|
}
|
|
697
763
|
|
|
698
|
-
.
|
|
764
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-inspector h3 .editing-button {
|
|
699
765
|
background-color: #f8f8f8;
|
|
700
766
|
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
|
|
701
767
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
|
|
@@ -733,7 +799,7 @@
|
|
|
733
799
|
vertical-align: middle;
|
|
734
800
|
}
|
|
735
801
|
|
|
736
|
-
.
|
|
802
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-inspector h3 .editing-button:hover {
|
|
737
803
|
background-color: #fbfbfb;
|
|
738
804
|
background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6);
|
|
739
805
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6));
|
|
@@ -747,7 +813,7 @@
|
|
|
747
813
|
cursor: pointer;
|
|
748
814
|
}
|
|
749
815
|
|
|
750
|
-
.
|
|
816
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-inspector h3 .editing-button:active {
|
|
751
817
|
background-color: #e0e0e0;
|
|
752
818
|
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
|
|
753
819
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#cccccc));
|
|
@@ -761,7 +827,7 @@
|
|
|
761
827
|
cursor: pointer;
|
|
762
828
|
}
|
|
763
829
|
|
|
764
|
-
.
|
|
830
|
+
.scrivito-resourcebrowser .scrivito-resourcebrowser-inspector h3 .editing-button .scrivito-resourcebrowser-icon {
|
|
765
831
|
color: #888;
|
|
766
832
|
font-size: 8px;
|
|
767
833
|
line-height: 20px;
|
|
@@ -776,7 +842,7 @@
|
|
|
776
842
|
text-align: center;
|
|
777
843
|
}
|
|
778
844
|
|
|
779
|
-
.no-editing-available .
|
|
845
|
+
.no-editing-available .scrivito-resourcebrowser-icon {
|
|
780
846
|
color: #e3e3e3;
|
|
781
847
|
display: block;
|
|
782
848
|
font-size: 85px;
|
|
@@ -785,22 +851,23 @@
|
|
|
785
851
|
text-shadow: 0 1px 0 #ddd;
|
|
786
852
|
}
|
|
787
853
|
|
|
788
|
-
.
|
|
854
|
+
.scrivito-resourcebrowser-loading {
|
|
789
855
|
clear: both;
|
|
790
856
|
height: 100%;
|
|
791
857
|
overflow: hidden;
|
|
792
858
|
position: relative;
|
|
793
859
|
}
|
|
794
860
|
|
|
795
|
-
.
|
|
861
|
+
.scrivito-resourcebrowser-loading .scrivito-resourcebrowser-icon {
|
|
796
862
|
color: #666;
|
|
797
863
|
display: block;
|
|
798
|
-
font-size:
|
|
864
|
+
font-size: 50px;
|
|
865
|
+
line-height: 0;
|
|
799
866
|
left: 0;
|
|
800
867
|
margin: 0 auto;
|
|
801
868
|
position: absolute;
|
|
802
869
|
text-align: center;
|
|
803
|
-
top:
|
|
870
|
+
top: 50%;
|
|
804
871
|
width: 100%;
|
|
805
872
|
-webkit-animation: editing-rotation 5s infinite linear;
|
|
806
873
|
-moz-animation: editing-rotation 5s infinite linear;
|
|
@@ -808,26 +875,24 @@
|
|
|
808
875
|
animation: editing-rotation 5s infinite linear;
|
|
809
876
|
}
|
|
810
877
|
|
|
811
|
-
.
|
|
878
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails .scrivito-resourcebrowser-loading .scrivito-resourcebrowser-icon {
|
|
812
879
|
color: #ddd;
|
|
813
|
-
font-size:
|
|
814
|
-
top: 38%;
|
|
880
|
+
font-size: 50px;
|
|
815
881
|
}
|
|
816
882
|
|
|
817
|
-
.
|
|
818
|
-
font-size:
|
|
819
|
-
top: 35%;
|
|
883
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.small .scrivito-resourcebrowser-loading .scrivito-resourcebrowser-icon {
|
|
884
|
+
font-size: 30px;
|
|
820
885
|
}
|
|
821
886
|
|
|
822
|
-
.
|
|
823
|
-
font-size:
|
|
887
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.big .scrivito-resourcebrowser-loading .scrivito-resourcebrowser-icon {
|
|
888
|
+
font-size: 80px;
|
|
824
889
|
}
|
|
825
890
|
|
|
826
|
-
.
|
|
827
|
-
font-size:
|
|
891
|
+
.scrivito-resourcebrowser ul.scrivito-resourcebrowser-thumbnails.large .scrivito-resourcebrowser-loading .scrivito-resourcebrowser-icon {
|
|
892
|
+
font-size: 100px;
|
|
828
893
|
}
|
|
829
894
|
|
|
830
|
-
.
|
|
895
|
+
.scrivito-resourcebrowser-progress-wrapper {
|
|
831
896
|
-webkit-box-shadow: 0 0 3px #bbbbbb;
|
|
832
897
|
-moz-box-shadow: 0 0 3px #bbbbbb;
|
|
833
898
|
box-shadow: 0 0 3px #bbbbbb;
|
|
@@ -841,18 +906,18 @@
|
|
|
841
906
|
width: 80%;
|
|
842
907
|
}
|
|
843
908
|
|
|
844
|
-
.
|
|
909
|
+
.scrivito-resourcebrowser-progress-wrapper .scrivito-resourcebrowser-progress-file {
|
|
845
910
|
border-top: 1px solid #ccc;
|
|
846
911
|
margin: 2px 0 0 0;
|
|
847
912
|
padding: 5px;
|
|
848
913
|
}
|
|
849
914
|
|
|
850
|
-
.
|
|
915
|
+
.scrivito-resourcebrowser-progress-wrapper .scrivito-resourcebrowser-progress-file:first-child {
|
|
851
916
|
border: none;
|
|
852
917
|
margin: 0;
|
|
853
918
|
}
|
|
854
919
|
|
|
855
|
-
.
|
|
920
|
+
.scrivito-resourcebrowser-progress-wrapper .scrivito-resourcebrowser-progress-file p {
|
|
856
921
|
color: #555;
|
|
857
922
|
font-size: 13px;
|
|
858
923
|
font-weight: bold;
|
|
@@ -861,18 +926,18 @@
|
|
|
861
926
|
text-overflow: ellipsis;
|
|
862
927
|
}
|
|
863
928
|
|
|
864
|
-
.
|
|
929
|
+
.scrivito-resourcebrowser-progress-wrapper .scrivito-resourcebrowser-progress-file .scrivito-resourcebrowser-error:empty {
|
|
865
930
|
display: none;
|
|
866
931
|
}
|
|
867
932
|
|
|
868
|
-
.
|
|
933
|
+
.scrivito-resourcebrowser-progress-wrapper .scrivito-resourcebrowser-progress-file .scrivito-resourcebrowser-error {
|
|
869
934
|
color: #aa4040;
|
|
870
935
|
font-size: 13px;
|
|
871
936
|
font-weight: normal;
|
|
872
937
|
margin: 0 3px 6px 3px;
|
|
873
938
|
}
|
|
874
939
|
|
|
875
|
-
.
|
|
940
|
+
.scrivito-resourcebrowser-progress-wrapper .scrivito-resourcebrowser-progress {
|
|
876
941
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
877
942
|
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
878
943
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
@@ -883,7 +948,7 @@
|
|
|
883
948
|
overflow: hidden;
|
|
884
949
|
}
|
|
885
950
|
|
|
886
|
-
.
|
|
951
|
+
.scrivito-resourcebrowser-progress-wrapper .scrivito-resourcebrowser-progress .scrivito-resourcebrowser-progress-bar {
|
|
887
952
|
background-color: #658b51;
|
|
888
953
|
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));
|
|
889
954
|
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);
|
|
@@ -1012,7 +1077,7 @@
|
|
|
1012
1077
|
|
|
1013
1078
|
|
|
1014
1079
|
@media (min-width: 769px) and (max-width: 979px) {
|
|
1015
|
-
.
|
|
1080
|
+
.scrivito-resourcebrowser {
|
|
1016
1081
|
height: 90%;
|
|
1017
1082
|
width: 90%;
|
|
1018
1083
|
}
|
|
@@ -1023,7 +1088,7 @@
|
|
|
1023
1088
|
}
|
|
1024
1089
|
|
|
1025
1090
|
@media (max-width: 480px) {
|
|
1026
|
-
.
|
|
1091
|
+
.scrivito-resourcebrowser {
|
|
1027
1092
|
height: 95%;
|
|
1028
1093
|
width: 95%;
|
|
1029
1094
|
}
|