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