appscms-tools-theme 2.2.2 → 2.2.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/_data/calculators/en/biology-calc/bulb-spacing.json +79 -1
  3. data/_data/calculators/en/biology-calc/cat-chocolate-toxicity.json +53 -1
  4. data/_data/calculators/en/chemistry-calc/activation-energy.json +45 -1
  5. data/_data/feature/en/allele-frequency.json +242 -242
  6. data/_data/feature/en/batch-conversion.json +78 -0
  7. data/_data/feature/en/compress-pdf.json +11 -5
  8. data/_data/feature/en/theframe.json +64 -64
  9. data/_data/photo-categories.json +10 -10
  10. data/_includes/batch-conversion.html +70 -0
  11. data/_includes/monumetric/ads.html +57 -57
  12. data/_includes/monumetric/profitablecpmgate.html +51 -51
  13. data/_layouts/batch.html +97 -0
  14. data/_layouts/calculator.html +69 -69
  15. data/_layouts/frame.html +128 -128
  16. data/assets/css/batch.css +423 -0
  17. data/assets/css/calculators.css +40 -40
  18. data/assets/css/frame.css +431 -431
  19. data/assets/images/add-image.png +0 -0
  20. data/assets/images/add.png +0 -0
  21. data/assets/images/cloud-computing.png +0 -0
  22. data/assets/images/convert.png +0 -0
  23. data/assets/images/download.png +0 -0
  24. data/assets/images/file.png +0 -0
  25. data/assets/images/safeimagekit. (2).png +0 -0
  26. data/assets/images/safeimagekit. (3).png +0 -0
  27. data/assets/images/safeimagekit..png +0 -0
  28. data/assets/images/safeimagekit.png +0 -0
  29. data/assets/images/spinner.gif +0 -0
  30. data/assets/images/trust.svg +1 -0
  31. data/assets/images/vectorpaint.svg +6 -0
  32. data/assets/js/ads.js +8 -8
  33. data/assets/js/append-div.js +10 -10
  34. data/assets/js/batch.js +190 -0
  35. data/assets/js/frame.js +251 -251
  36. data/assets/js/photo-effects.json +55 -55
  37. data/assets/js/testing-batch.js +36 -0
  38. data/assets/js/theme.js +11 -11
  39. metadata +26 -7
@@ -0,0 +1,423 @@
1
+ :root {
2
+ --maincolor: #e55c5c;
3
+ }
4
+
5
+ #img-svg {
6
+ margin: auto;
7
+ margin-top: 16px;
8
+ height: 67px;
9
+ width: 98px;
10
+ }
11
+
12
+ #file-loader {
13
+ display: flex;
14
+ align-items: center;
15
+ flex-direction: column;
16
+ }
17
+
18
+ #file-loader img {
19
+ height: 60px;
20
+ }
21
+
22
+ #file-loader p {
23
+ text-align: center;
24
+ color: #fff;
25
+ font-size: 17px;
26
+ }
27
+
28
+ #loading-img {
29
+ height: 27px;
30
+ width: 27px;
31
+ margin-right: 21px;
32
+ }
33
+
34
+ #dropbox svg,
35
+ #filepicker svg,
36
+ .boxes svg {
37
+ height: 24px !important;
38
+ width: 24px !important;
39
+ }
40
+
41
+ .feature-content-box {
42
+ max-width: 900px;
43
+ margin: auto
44
+ }
45
+
46
+ .boxes {
47
+ background: #fff;
48
+ border-radius: 0;
49
+ cursor: pointer;
50
+ display: flex;
51
+ align-items: center;
52
+ padding: 15px 24px;
53
+ height: 54px;
54
+ border-top-left-radius: 4px;
55
+ border-bottom-left-radius: 4px;
56
+ justify-content: center;
57
+ font-size: 15px;
58
+ font-weight: 800;
59
+ color: #000;
60
+ }
61
+
62
+ .inputfiles-label {
63
+ background: #d6f0fb70;
64
+ /* padding: 10px; */
65
+ /* margin: 10px; */
66
+ text-transform: uppercase;
67
+ font-weight: 900;
68
+ padding: 5px;
69
+ /* margin: 10px 0; */
70
+ width: 100px;
71
+ margin-bottom: 7px;
72
+ border-radius: 2px;
73
+ }
74
+
75
+
76
+ .ready {
77
+ text-transform: uppercase;
78
+ color: #fff;
79
+ padding: 0 5px;
80
+ color: red;
81
+ border: red 1px solid;
82
+ font-size: 10px;
83
+ }
84
+
85
+ .processing {
86
+ text-transform: uppercase;
87
+ color: #fff;
88
+ background-color: #ffb103;
89
+ padding: 0 5px;
90
+ border: #ffb103 1px solid;
91
+ font-size: 10px;
92
+ }
93
+
94
+ .done {
95
+ text-transform: uppercase;
96
+ color: #fff;
97
+ background-color: #32be5b;
98
+ padding: 0 5px;
99
+ border: #32be5b 1px solid;
100
+ font-size: 10px;
101
+ }
102
+
103
+ .spinner-border {
104
+ color: #000;
105
+ display: inline-block;
106
+ width: 15px;
107
+ height: 15px;
108
+ vertical-align: middle;
109
+ border: 2px solid currentColor;
110
+ border-right-color: transparent;
111
+ border-radius: 50%;
112
+ -webkit-animation: .75s linear infinite spinner-border;
113
+ animation: .75s linear infinite spinner-border;
114
+ /* padding-right: 1rem; */
115
+ position: relative;
116
+ left: 20px;
117
+ }
118
+
119
+ .files-panel {
120
+ text-align: left;
121
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
122
+ border-radius: 4px;
123
+ padding: 15px;
124
+ }
125
+
126
+ .files-container-box {
127
+ margin-top: 1rem;
128
+ text-align: left;
129
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
130
+ /* padding-bottom: 10px; */
131
+ width: 100%;
132
+ }
133
+
134
+ .table td,
135
+ .table th {
136
+ border-top: none !important;
137
+ border-bottom: 1px solid #dee2e6;
138
+ vertical-align: middle !important;
139
+ }
140
+
141
+ .download-file-btn {
142
+ border: none;
143
+ background: #404040;
144
+ color: #fff;
145
+ padding: 4px 15px;
146
+ border-radius: 5px;
147
+ width: auto;
148
+ font-size: 14px;
149
+ }
150
+
151
+ .download-file-btn:hover,
152
+ .add-more-files-button:hover {
153
+ color: white !important;
154
+ }
155
+
156
+ .add-more-files-button {
157
+ padding: 6px 20px;
158
+ color: #fff;
159
+ background-color: #404040;
160
+ border-color: #404040;
161
+ /* width: 200px; */
162
+ font-size: 15px;
163
+ display: flex;
164
+ align-items: center;
165
+ justify-content: center;
166
+ gap: 10px;
167
+ /* margin-left: 12px; */
168
+ }
169
+
170
+ .add-more-files-button img {
171
+ width: 30px;
172
+ }
173
+
174
+ .bottom-section-container {
175
+ background: #0000000f;
176
+ padding: 25px 10px;
177
+ border: 1px solid #0000000f;
178
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
179
+ }
180
+
181
+ #submit-button {
182
+ padding: 8px 20px;
183
+ color: #fff;
184
+ display: flex;
185
+ gap: 20px;
186
+ align-items: center;
187
+ }
188
+
189
+ #submit-button:focus {
190
+ border: none;
191
+ outline: none;
192
+ box-shadow: unset !important;
193
+ }
194
+
195
+ .custom-box {
196
+ padding: 15px;
197
+ }
198
+
199
+ .inner-box {
200
+ border: 1px dashed rgba(0, 0, 0, 0.15);
201
+ background: rgba(0, 0, 0, 0.1);
202
+ padding: 40px;
203
+ min-height: 300px;
204
+ width: 100%;
205
+ }
206
+
207
+ .file-picker-dropdown {
208
+ width: 213px;
209
+ position: absolute;
210
+ background: #fff;
211
+ top: 111%;
212
+ right: 0;
213
+ display: none;
214
+ box-shadow: rgb(26 26 26 / 20%) 0 0 12px;
215
+ border-radius: 4px;
216
+ }
217
+
218
+ .file-pick-dropdown i {
219
+ margin: 0;
220
+ }
221
+
222
+ .file-pick-dropdown {
223
+ color: #000;
224
+ cursor: pointer;
225
+ display: inline-flex;
226
+ background: #fff;
227
+ height: 54px;
228
+ border-left: 1px solid rgba(95, 88, 88, 0.75);
229
+ padding: 13px 20px;
230
+ border-top-right-radius: 4px;
231
+ border-bottom-right-radius: 4px;
232
+ align-items: center;
233
+ position: relative;
234
+ }
235
+
236
+ #dropfile {
237
+ font-size: 16px;
238
+ margin-top: 15px;
239
+ text-align: center;
240
+ color: #fff;
241
+ }
242
+
243
+ .file-icon {
244
+ width: 20px;
245
+ }
246
+
247
+ .file-picker-dropdown a,
248
+ .file-picker-dropdown button {
249
+ border: none;
250
+ width: 100%;
251
+ border-radius: 4px;
252
+ text-align: left;
253
+ background: #fff;
254
+ font-weight: 400;
255
+ font-size: 16px;
256
+ line-height: 24px;
257
+ padding: 15px 24px;
258
+ list-style: none;
259
+ height: 54px;
260
+ }
261
+
262
+ /* user css */
263
+ input[type='range'] {
264
+ width: 100%;
265
+ -webkit-appearance: none;
266
+ }
267
+
268
+ input[type='range']:focus {
269
+ outline: none;
270
+ }
271
+
272
+ input[type='range']::-webkit-slider-thumb:focus {
273
+ background-color: var(--maincolor);
274
+ }
275
+
276
+ input[type='range']::-webkit-slider-runnable-track {
277
+ width: 100%;
278
+ height: 3px;
279
+ cursor: pointer;
280
+ box-shadow: none;
281
+ background: #ccc;
282
+ border-radius: 0px;
283
+ border: 0px solid var(--maincolor);
284
+ }
285
+
286
+ input[type='range']::-moz-range-track {
287
+ width: 100%;
288
+ height: 3px;
289
+ cursor: pointer;
290
+ box-shadow: none;
291
+ background: #ccc;
292
+ border-radius: 0px;
293
+ border: 0px solid var(--maincolor);
294
+ }
295
+
296
+ input[type='range']::-webkit-slider-thumb {
297
+ box-shadow: none;
298
+ border: 0px solid #fff;
299
+ height: 15px;
300
+ width: 15px;
301
+ border-radius: 22px;
302
+ background: var(--maincolor);
303
+ cursor: pointer;
304
+ -webkit-appearance: none;
305
+ margin-top: -5px;
306
+ }
307
+
308
+ input[type='range']::-moz-range-thumb {
309
+ box-shadow: none;
310
+ border: 0px solid #fff;
311
+ height: 42px;
312
+ width: 22px;
313
+ border-radius: 22px;
314
+ background: var(--maincolor);
315
+ cursor: pointer;
316
+ -webkit-appearance: none;
317
+ margin-top: -20px;
318
+ }
319
+
320
+ input[type='range']::-moz-focus-outer {
321
+ border: 0;
322
+ }
323
+
324
+ .options-panel {
325
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
326
+ border-radius: 4px;
327
+ padding: 15px;
328
+ width: 100%;
329
+ }
330
+
331
+ .options-panel .title {
332
+ width: 100%;
333
+ margin-bottom: 20px;
334
+ font-size: 22px;
335
+ line-height: 36px;
336
+ color: #000;
337
+ font-weight: 700;
338
+ text-align: left;
339
+ }
340
+
341
+ .options-panel .description {
342
+ width: 100%;
343
+ font-size: 17px;
344
+ color: #666;
345
+ font-weight: 400;
346
+ text-align: left;
347
+ }
348
+
349
+ .options-title {
350
+ width: 100%;
351
+ font-size: 17px;
352
+ color: #666;
353
+ font-weight: 400;
354
+ text-align: left;
355
+ }
356
+
357
+ .download-format,
358
+ .download-wrapper {
359
+ display: flex;
360
+ align-items: flex-start;
361
+ border-bottom: 1px solid #ddd;
362
+ margin: 12px 0px;
363
+ padding: 12px 0px;
364
+ flex-direction: column;
365
+ }
366
+
367
+ .download-format .select-format-title {
368
+ font-size: 17px;
369
+ color: #666;
370
+ font-weight: 400;
371
+ text-align: left;
372
+ }
373
+
374
+ #download-button,
375
+ #addMore,
376
+ #common_btn,
377
+ #download-zip {
378
+ cursor: pointer;
379
+ display: inline-block;
380
+ width: 100%;
381
+ padding: 14px 0;
382
+ margin-bottom: 20px;
383
+ text-align: center;
384
+ border-radius: 50px;
385
+ background: var(--maincolor) !important;
386
+ font-size: 18px;
387
+ color: #fff;
388
+ font-weight: 700;
389
+ text-decoration: none;
390
+ transition: all 0.3s;
391
+ border: none;
392
+ }
393
+
394
+ #download-button svg {
395
+ fill: #fff;
396
+ margin-right: 4px;
397
+ height: 20px;
398
+ }
399
+
400
+ #download-zip {
401
+ padding: 10px 16px;
402
+ display: none;
403
+ /* backgr/ound: #fff; */
404
+ }
405
+
406
+ @media (max-width: 768px) {
407
+ .options-panel {
408
+ margin-top: 15px;
409
+ }
410
+
411
+ .fileName {
412
+ font-size: 12px;
413
+ }
414
+
415
+ .download-file-btn {
416
+ font-size: 10px;
417
+ }
418
+
419
+ .download-icon {
420
+ display: none;
421
+ }
422
+
423
+ }
@@ -1,40 +1,40 @@
1
- .calculator-workspace {
2
- width: 400px;
3
- background: #f6f6f6d2;
4
- position: relative;
5
- z-index: 1;
6
- margin: 0 auto;
7
- box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
- border-radius: 8px;
9
- padding: 1.5rem;
10
- }
11
-
12
- .calculator-workspace label {
13
- width: 100%;
14
- font-weight: 600;
15
- text-align: left;
16
- margin-top: 10px;
17
- }
18
-
19
- .submit-button {
20
- border: none;
21
- border-radius: 4px;
22
- padding: 10px 22px;
23
- color: #fff;
24
- margin-left: auto;
25
- font-weight: 600;
26
- }
27
-
28
- .calculator-inputs {
29
- display: flex;
30
- gap: 10px;
31
- }
32
- .unit {
33
- background: #ffff;
34
- padding: 0px 10px;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- border-radius: 4px;
39
- font-weight: 600;
40
- }
1
+ .calculator-workspace {
2
+ width: 400px;
3
+ background: #f6f6f6d2;
4
+ position: relative;
5
+ z-index: 1;
6
+ margin: 0 auto;
7
+ box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
+ border-radius: 8px;
9
+ padding: 1.5rem;
10
+ }
11
+
12
+ .calculator-workspace label {
13
+ width: 100%;
14
+ font-weight: 600;
15
+ text-align: left;
16
+ margin-top: 10px;
17
+ }
18
+
19
+ .submit-button {
20
+ border: none;
21
+ border-radius: 4px;
22
+ padding: 10px 22px;
23
+ color: #fff;
24
+ margin-left: auto;
25
+ font-weight: 600;
26
+ }
27
+
28
+ .calculator-inputs {
29
+ display: flex;
30
+ gap: 10px;
31
+ }
32
+ .unit {
33
+ background: #ffff;
34
+ padding: 0px 10px;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ border-radius: 4px;
39
+ font-weight: 600;
40
+ }