Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6056 efrain 1 
/*!
2 
 * bootstrap-fileinput v5.1.3
3 
 * http://plugins.krajee.com/file-input
4 
 *
5 
 * Krajee default styling for bootstrap-fileinput.
6 
 *
7 
 * Author: Kartik Visweswaran
8 
 * Copyright: 2014 - 2020, Kartik Visweswaran, Krajee.com
9 
 *
10 
 * Licensed under the BSD-3-Clause
11 
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
12 
 */
13 
.file-loading input[type=file], input[type=file].file-loading {
14 
    width: 0;
15 
    height: 0;
16 
}
17 
 
18 
.file-no-browse {
19 
    position: absolute;
20 
    left: 50%;
21 
    bottom: 20%;
22 
    width: 1px;
23 
    height: 1px;
24 
    font-size: 0;
25 
    opacity: 0;
26 
    border: none;
27 
    background: none;
28 
    outline: none;
29 
    box-shadow: none;
30 
}
31 
 
32 
.kv-hidden, .file-caption-icon, .file-zoom-dialog .modal-header:before, .file-zoom-dialog .modal-header:after, .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-new .no-browse .input-group-btn, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button, .file-input-ajax-new .no-browse .input-group-btn, .hide-content .kv-file-content, .is-locked .fileinput-upload-button, .is-locked .fileinput-remove-button {
33 
    display: none;
34 
}
35 
 
36 
.btn-file input[type=file], .file-caption-icon, .file-preview .fileinput-remove, .krajee-default .file-thumb-progress, .file-zoom-dialog .btn-navigate, .file-zoom-dialog .floating-buttons {
37 
    position: absolute;
38 
}
39 
 
40 
.file-caption-icon .kv-caption-icon {
41 
    line-height: inherit;
42 
}
43 
 
44 
.file-input, .file-loading:before, .btn-file, .file-caption, .file-preview, .krajee-default.file-preview-frame, .krajee-default .file-thumbnail-footer, .file-zoom-dialog .modal-dialog {
45 
    position: relative;
46 
}
47 
 
48 
.file-error-message pre, .file-error-message ul, .krajee-default .file-actions, .krajee-default .file-other-error {
49 
    text-align: left;
50 
}
51 
 
52 
.file-error-message pre, .file-error-message ul {
53 
    margin: 0;
54 
}
55 
 
56 
.krajee-default .file-drag-handle, .krajee-default .file-upload-indicator {
57 
    float: left;
58 
    margin-top: 10px;
59 
    width: 16px;
60 
    height: 16px;
61 
}
62 
 
63 
.file-thumb-progress .progress, .file-thumb-progress .progress-bar {
64 
    font-family: Verdana, Helvetica, sans-serif;
65 
    font-size: 0.7rem;
66 
}
67 
 
68 
.krajee-default .file-thumb-progress .progress, .kv-upload-progress .progress {
69 
    background-color: #ccc;
70 
}
71 
 
72 
.krajee-default .file-caption-info, .krajee-default .file-size-info {
73 
    display: block;
74 
    white-space: nowrap;
75 
    overflow: hidden;
76 
    text-overflow: ellipsis;
77 
    width: 160px;
78 
    height: 15px;
79 
    margin: auto;
80 
}
81 
 
82 
.file-zoom-content > .file-object.type-video, .file-zoom-content > .file-object.type-flash, .file-zoom-content > .file-object.type-image {
83 
    max-width: 100%;
84 
    max-height: 100%;
85 
    width: auto;
86 
}
87 
 
88 
.file-zoom-content > .file-object.type-video, .file-zoom-content > .file-object.type-flash {
89 
    height: 100%;
90 
}
91 
 
92 
.file-zoom-content > .file-object.type-pdf, .file-zoom-content > .file-object.type-html, .file-zoom-content > .file-object.type-text, .file-zoom-content > .file-object.type-default {
93 
    width: 100%;
94 
}
95 
 
96 
.file-loading:before {
97 
    content: " Loading...";
98 
    display: inline-block;
99 
    padding-left: 20px;
100 
    line-height: 16px;
101 
    font-size: 13px;
102 
    font-variant: small-caps;
103 
    color: #999;
104 
    background: transparent url(../img/loading.gif) top left no-repeat;
105 
}
106 
 
107 
.file-object {
108 
    margin: 0 0 -5px 0;
109 
    padding: 0;
110 
}
111 
 
112 
.btn-file {
113 
    overflow: hidden;
114 
}
115 
 
116 
.btn-file input[type=file] {
117 
    top: 0;
118 
    left: 0;
119 
    min-width: 100%;
120 
    min-height: 100%;
121 
    text-align: right;
122 
    opacity: 0;
123 
    background: none repeat scroll 0 0 transparent;
124 
    cursor: inherit;
125 
    display: block;
126 
}
127 
 
128 
.btn-file ::-ms-browse {
129 
    font-size: 10000px;
130 
    width: 100%;
131 
    height: 100%;
132 
}
133 
 
134 
.file-caption .file-caption-name {
135 
    width: 100%;
136 
    margin: 0;
137 
    padding: 0;
138 
    box-shadow: none;
139 
    border: none;
140 
    background: none;
141 
    outline: none;
142 
}
143 
 
144 
.file-caption.icon-visible .file-caption-icon {
145 
    display: inline-block;
146 
}
147 
 
148 
.file-caption.icon-visible .file-caption-name {
149 
    padding-left: 15px;
150 
}
151 
 
152 
.file-caption-icon {
153 
    left: 8px;
154 
}
155 
 
156 
.file-error-message {
157 
    color: #a94442;
158 
    background-color: #f2dede;
159 
    margin: 5px;
160 
    border: 1px solid #ebccd1;
161 
    border-radius: 4px;
162 
    padding: 15px;
163 
}
164 
 
165 
.file-error-message pre {
166 
    margin: 5px 0;
167 
}
168 
 
169 
.file-caption-disabled {
170 
    background-color: #eee;
171 
    cursor: not-allowed;
172 
    opacity: 1;
173 
}
174 
 
175 
.file-preview {
176 
    border-radius: 5px;
177 
    border: 1px solid #ddd;
178 
    padding: 8px;
179 
    width: 100%;
180 
    margin-bottom: 5px;
181 
}
182 
 
183 
.file-preview .btn-xs {
184 
    padding: 1px 5px;
185 
    font-size: 12px;
186 
    line-height: 1.5;
187 
    border-radius: 3px;
188 
}
189 
 
190 
.file-preview .fileinput-remove {
191 
    top: 1px;
192 
    right: 1px;
193 
    line-height: 10px;
194 
}
195 
 
196 
.file-preview .clickable {
197 
    cursor: pointer;
198 
}
199 
 
200 
.file-preview-image {
201 
    font: 40px Impact, Charcoal, sans-serif;
202 
    color: #008000;
203 
}
204 
 
205 
.krajee-default.file-preview-frame {
206 
    margin: 8px;
207 
    border: 1px solid rgba(0, 0, 0, 0.2);
208 
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
209 
    padding: 6px;
210 
    float: left;
211 
    text-align: center;
212 
}
213 
 
214 
.krajee-default.file-preview-frame .kv-file-content {
215 
    width: 213px;
216 
    height: 160px;
217 
}
218 
 
219 
.krajee-default .file-preview-other-frame {
220 
    display: flex;
221 
    align-items: center;
222 
    justify-content: center;
223 
}
224 
 
225 
.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
226 
    width: 400px;
227 
}
228 
 
229 
.krajee-default.file-preview-frame[data-template="audio"] .kv-file-content {
230 
    width: 240px;
231 
    height: 55px;
232 
}
233 
 
234 
.krajee-default.file-preview-frame .file-thumbnail-footer {
235 
    height: 70px;
236 
}
237 
 
238 
.krajee-default.file-preview-frame:not(.file-preview-error):hover {
239 
    border: 1px solid rgba(0, 0, 0, 0.3);
240 
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
241 
}
242 
 
243 
.krajee-default .file-preview-text {
244 
    display: block;
245 
    color: #428bca;
246 
    border: 1px solid #ddd;
247 
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
248 
    outline: none;
249 
    padding: 8px;
250 
    resize: none;
251 
}
252 
 
253 
.krajee-default .file-preview-html {
254 
    border: 1px solid #ddd;
255 
    padding: 8px;
256 
    overflow: auto;
257 
}
258 
 
259 
.krajee-default .file-other-icon {
260 
    font-size: 6em;
261 
    line-height: 1;
262 
}
263 
 
264 
.krajee-default .file-footer-buttons {
265 
    float: right;
266 
}
267 
 
268 
.krajee-default .file-footer-caption {
269 
    display: block;
270 
    text-align: center;
271 
    padding-top: 4px;
272 
    font-size: 11px;
273 
    color: #777;
274 
    margin-bottom: 30px;
275 
}
276 
 
277 
.file-upload-stats {
278 
    font-size: 10px;
279 
    text-align: center;
280 
    width: 100%;
281 
}
282 
 
283 
.kv-upload-progress .file-upload-stats {
284 
    font-size: 12px;
285 
    margin: -10px 0 5px;
286 
}
287 
 
288 
.krajee-default .file-preview-error {
289 
    opacity: 0.65;
290 
    box-shadow: none;
291 
}
292 
 
293 
.krajee-default .file-thumb-progress {
294 
    top: 37px;
295 
    left: 0;
296 
    right: 0;
297 
}
298 
 
299 
.krajee-default.kvsortable-ghost {
300 
    background: #e1edf7;
301 
    border: 2px solid #a1abff;
302 
}
303 
 
304 
.krajee-default .file-preview-other:hover {
305 
    opacity: 0.8;
306 
}
307 
 
308 
.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
309 
    color: #000;
310 
}
311 
 
312 
.kv-upload-progress .progress {
313 
    height: 20px;
314 
    margin: 10px 0;
315 
    overflow: hidden;
316 
}
317 
 
318 
.kv-upload-progress .progress-bar {
319 
    height: 20px;
320 
    font-family: Verdana, Helvetica, sans-serif;
321 
}
322 
 
323 
/*noinspection CssOverwrittenProperties*/
324 
.file-zoom-dialog .file-other-icon {
325 
    font-size: 22em;
326 
    font-size: 50vmin;
327 
}
328 
 
329 
.file-zoom-dialog .modal-dialog {
330 
    width: auto;
331 
}
332 
 
333 
.file-zoom-dialog .modal-header {
334 
    display: flex;
335 
    align-items: center;
336 
    justify-content: space-between;
337 
}
338 
 
339 
.file-zoom-dialog .btn-navigate {
340 
    padding: 0;
341 
    margin: -60px 0 0;
342 
    font-size: 60px;
343 
    background: transparent;
344 
    text-decoration: none;
345 
    outline: none;
346 
    opacity: 0.7;
347 
    top: 50%;
348 
    color: #1c94c4;
349 
}
350 
 
351 
.file-zoom-dialog .btn-navigate:not([disabled]):hover {
352 
    outline: none;
353 
    box-shadow: none;
354 
    opacity: 0.6;
355 
}
356 
 
357 
.file-zoom-dialog .floating-buttons {
358 
    top: 5px;
359 
    right: 10px;
360 
}
361 
 
362 
.file-zoom-dialog .btn-navigate[disabled] {
363 
    opacity: 0.3;
364 
}
365 
 
366 
.file-zoom-dialog .btn-prev {
367 
    left: 1px;
368 
}
369 
 
370 
.file-zoom-dialog .btn-next {
371 
    right: 1px;
372 
}
373 
 
374 
.file-zoom-dialog .kv-zoom-title {
375 
    font-weight: 300;
376 
    color: #999;
377 
    max-width: 50%;
378 
    overflow: hidden;
379 
    white-space: nowrap;
380 
    text-overflow: ellipsis;
381 
}
382 
 
383 
.file-input-new .no-browse .form-control {
384 
    border-top-right-radius: 4px;
385 
    border-bottom-right-radius: 4px;
386 
}
387 
 
388 
.file-input-ajax-new .no-browse .form-control {
389 
    border-top-right-radius: 4px;
390 
    border-bottom-right-radius: 4px;
391 
}
392 
 
393 
.file-caption-main {
394 
    width: 100%;
395 
}
396 
 
397 
.file-thumb-loading {
398 
    background: transparent url(../img/loading.gif) no-repeat scroll center center content-box !important;
399 
}
400 
 
401 
.file-drop-zone {
402 
    border: 1px dashed #aaa;
403 
    min-height: 260px;
404 
    border-radius: 4px;
405 
    text-align: center;
406 
    vertical-align: middle;
407 
    margin: 12px 15px 12px 12px;
408 
    padding: 5px;
409 
}
410 
 
411 
.file-drop-zone.clickable:hover {
412 
    border: 2px dashed #999;
413 
}
414 
 
415 
.file-drop-zone.clickable:focus {
416 
    border: 2px solid #5acde2;
417 
}
418 
 
419 
.file-drop-zone .file-preview-thumbnails {
420 
    cursor: default;
421 
}
422 
 
423 
.file-drop-zone-title {
424 
    color: #aaa;
425 
    font-size: 1.6em;
426 
    text-align:center;
427 
    padding: 85px 10px;
428 
    cursor: default;
429 
}
430 
 
431 
.file-highlighted {
432 
    border: 2px dashed #999 !important;
433 
    background-color: #eee;
434 
}
435 
 
436 
.file-uploading {
437 
    background: url(../img/loading-sm.gif) no-repeat center bottom 10px;
438 
    opacity: 0.65;
439 
}
440 
 
441 
.file-zoom-fullscreen .modal-dialog {
442 
    min-width: 100%;
443 
    margin: 0;
444 
}
445 
 
446 
.file-zoom-fullscreen .modal-content {
447 
    border-radius: 0;
448 
    box-shadow: none;
449 
    min-height: 100vh;
450 
}
451 
 
452 
.file-zoom-fullscreen .modal-body {
453 
    overflow-y: auto;
454 
}
455 
 
456 
.floating-buttons {
457 
    z-index: 3000;
458 
}
459 
 
460 
.floating-buttons .btn-kv {
461 
    margin-left: 3px;
462 
    z-index: 3000;
463 
}
464 
 
465 
.kv-zoom-actions .btn-kv {
466 
    margin-left: 3px;
467 
}
468 
 
469 
.file-zoom-content {
470 
    text-align: center;
471 
    min-height: 300px;
472 
}
473 
 
474 
.file-zoom-content .file-preview-image {
475 
    max-height: 100%;
476 
}
477 
 
478 
.file-zoom-content .file-preview-video {
479 
    max-height: 100%;
480 
}
481 
 
482 
.file-zoom-content > .file-object.type-image {
483 
    height: auto;
484 
    min-height: inherit;
485 
}
486 
 
487 
.file-zoom-content > .file-object.type-audio {
488 
    width: auto;
489 
    height: 30px;
490 
}
491 
 
492 
@media (min-width: 576px) {
493 
    .file-zoom-dialog .modal-dialog {
494 
        max-width: 500px;
495 
    }
496 
}
497 
 
498 
@media (min-width: 992px) {
499 
    .file-zoom-dialog .modal-lg {
500 
        max-width: 800px;
501 
    }
502 
}
503 
 
504 
@media (max-width: 767px) {
505 
    .file-preview-thumbnails {
506 
        display: flex;
507 
        justify-content: center;
508 
        align-items: center;
509 
        flex-direction: column;
510 
    }
511 
 
512 
    .file-zoom-dialog .modal-header {
513 
        flex-direction: column;
514 
    }
515 
}
516 
 
517 
@media (max-width: 350px) {
518 
    .krajee-default.file-preview-frame:not([data-template="audio"]) .kv-file-content {
519 
        width: 160px;
520 
    }
521 
}
522 
 
523 
@media (max-width: 420px) {
524 
    .krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered {
525 
        width: 100%;
526 
    }
527 
}
528 
 
529 
.file-loading[dir=rtl]:before {
530 
    background: transparent url(../img/loading.gif) top right no-repeat;
531 
    padding-left: 0;
532 
    padding-right: 20px;
533 
}
534 
 
535 
.clickable .file-drop-zone-title {
536 
    cursor: pointer;
537 
}
538 
 
539 
.file-sortable .file-drag-handle:hover {
540 
    opacity: 0.7;
541 
}
542 
 
543 
.file-sortable .file-drag-handle {
544 
    cursor: grab;
545 
    opacity: 1;
546 
}
547 
 
548 
.file-grabbing, .file-grabbing * {
549 
    cursor: not-allowed !important;
550 
}
551 
 
552 
.file-grabbing .file-preview-thumbnails * {
553 
    cursor: grabbing !important;
554 
}
555 
 
556 
.file-preview-frame.sortable-chosen {
557 
    background-color: #d9edf7;
558 
    border-color: #17a2b8;
559 
    box-shadow: none !important;
560 
}