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 Explorer Font Awesome 4.x theme style for bootstrap-fileinput. Load this theme file after loading
6 
 * `fileinput.css`.
7 
 *
8 
 * Author: Kartik Visweswaran
9 
 * Copyright: 2014 - 2020, Kartik Visweswaran, Krajee.com
10 
 *
11 
 * Licensed under the BSD-3-Clause
12 
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
13 
 */
14 
//colors
15 
$boston-blue: #428bca !default;
16 
$alto: #ddd !default;
17 
$tapa: #777 !default;
18 
$mystic: #e1edf7 !default;
19 
$perano: #a1abff !default;
20 
$white-smoke: #f5f5f5 !default;
21 
 
22 
//fonts
23 
$font: Menlo, Monaco, Consolas, "Courier New", monospace !default;
24 
 
25 
//standard measures
26 
$pad: 5px !default;
27 
 
28 
//operations
29 
@function multiply($pixels, $multiplier) {
30 
    @return $pixels * $multiplier;
31 
}
32 
 
33 
.theme-explorer-fa {
34 
    .file-preview-frame {
35 
        border: multiply($pad, 0.2) solid $alto;
36 
        margin: multiply($pad, 0.4) 0;
37 
        width: 100%;
38 
        display: flex;
39 
        justify-content: space-between;
40 
        align-items: center;
41 
 
42 
        samp {
43 
            font-size: 0.9rem;
44 
        }
45 
    }
46 
 
47 
    .file-actions {
48 
        text-align: center;
49 
    }
50 
 
51 
    .file-upload-indicator,
52 
    .file-drag-handle {
53 
        text-align: center;
54 
        position: absolute;
55 
        display: inline-block;
56 
        bottom: multiply($pad, 1.6);
57 
        right: multiply($pad, 0.8);
58 
        width: multiply($pad, 3.2);
59 
        height: multiply($pad, 3.2);
60 
        font-size: multiply($pad, 3.2);
61 
    }
62 
 
63 
    .explorer-frame {
64 
        .kv-file-content {
65 
            width: multiply($pad, 32);
66 
            height: multiply($pad, 16);
67 
            padding: $pad;
68 
            text-align: left;
69 
        }
70 
    }
71 
 
72 
    .file-thumb-progress {
73 
        .progress {
74 
            display: block;
75 
            white-space: nowrap;
76 
            text-overflow: ellipsis;
77 
            overflow: hidden;
78 
            margin-top: 5px;
79 
        }
80 
    }
81 
 
82 
    .explorer-caption {
83 
        display: block;
84 
        white-space: nowrap;
85 
        text-overflow: ellipsis;
86 
        overflow: hidden;
87 
        padding: 5px;
88 
        color: $tapa;
89 
    }
90 
 
91 
    .file-footer-buttons {
92 
        padding: 5px;
93 
        text-align: right;
94 
    }
95 
 
96 
    .kvsortable-ghost {
97 
        opacity: 0.6;
98 
        background: $mystic;
99 
        border: multiply($pad, 0.4) solid $perano;
100 
    }
101 
 
102 
    .file-preview {
103 
        .table {
104 
            margin: 0;
105 
        }
106 
    }
107 
 
108 
    .file-error-message {
109 
        ul {
110 
            padding: 5px 0 0 20px;
111 
        }
112 
    }
113 
 
114 
    .file-details-cell {
115 
        width: 60%;
116 
        font-size: 0.95rem;
117 
        text-align: left;
118 
        margin-right: auto;
119 
    }
120 
 
121 
    .file-actions-cell {
122 
        position: relative;
123 
        height: multiply($pad, 16);
124 
        width: multiply($pad, 40);
125 
    }
126 
}
127 
 
128 
.explorer-frame {
129 
    .file-preview-other {
130 
        text-align: center;
131 
    }
132 
 
133 
    .file-preview-text {
134 
        display: inline-block;
135 
        color: $boston-blue;
136 
        border: 1px solid $alto;
137 
        font-family: $font;
138 
        outline: none;
139 
        padding: multiply($pad, 1.6);
140 
        resize: none;
141 
    }
142 
 
143 
    .file-preview-html {
144 
        display: inline-block;
145 
        border: 1px solid $alto;
146 
        padding: multiply($pad, 1.6);
147 
        overflow: auto;
148 
    }
149 
 
150 
    .file-other-icon {
151 
        font-size: 2.6em;
152 
    }
153 
 
154 
    &:hover {
155 
        background-color: $white-smoke;
156 
    }
157 
}
158 
 
159 
.file-zoom-dialog {
160 
    .explorer-frame {
161 
        .file-other-icon {
162 
            //noinspection CssOverwrittenProperties
163 
            font-size: 22em;
164 
            //noinspection CssOverwrittenProperties
165 
            font-size: 50vmin;
166 
        }
167 
    }
168 
}
169 
 
170 
@media only screen and (max-width: 1249px) {
171 
    .theme-explorer-fa {
172 
        .file-preview-frame {
173 
            .file-details-cell {
174 
                width: 40%;
175 
            }
176 
        }
177 
    }
178 
}
179 
 
180 
@media only screen and (max-width: 1023px) {
181 
    .theme-explorer-fa {
182 
        .file-preview-frame {
183 
            .file-details-cell {
184 
                width: 30%;
185 
            }
186 
        }
187 
    }
188 
}
189 
 
190 
@media only screen and (max-width: 767px) {
191 
    .theme-explorer-fa {
192 
        .file-preview-frame {
193 
            .file-details-cell {
194 
                width: multiply($pad, 40);
195 
            }
196 
        }
197 
    }
198 
}
199 
 
200 
@media only screen and (max-width: 575px) {
201 
    .theme-explorer-fa {
202 
        .file-preview-frame {
203 
            flex-direction: column;
204 
 
205 
            .kv-file-content {
206 
                width: auto;
207 
                text-align: center;
208 
            }
209 
        }
210 
 
211 
        .file-details-cell {
212 
            width: multiply($pad, 20);
213 
            text-align: center;
214 
            margin-right: 0;
215 
        }
216 
 
217 
        .file-actions-cell {
218 
            width: 100%;
219 
            height: auto;
220 
        }
221 
 
222 
        .file-footer-buttons {
223 
            text-align: left;
224 
        }
225 
    }
226 
}