appscms-tools-theme 2.9.5 → 2.9.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (161) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +50 -50
  4. data/_data/about/en/about.json +16 -16
  5. data/_data/blog/alertbar.yml +3 -3
  6. data/_data/blog/authors.yml +11 -11
  7. data/_data/blog/blog.yml +4 -4
  8. data/_data/blog/nav.json +13 -13
  9. data/_data/blog/share.yml +28 -28
  10. data/_data/calculators/en/biology-calc/bulb-spacing.json +78 -78
  11. data/_data/calculators/en/biology-calc/cat-chocolate-toxicity.json +52 -52
  12. data/_data/calculators/en/chemistry-calc/activation-energy.json +44 -44
  13. data/_data/calculators/en/finance-calc/401k.json +122 -122
  14. data/_data/contact/en/contact.json +38 -38
  15. data/_data/disclaimer/en/disclaimer.json +37 -37
  16. data/_data/download/en/download.json +35 -35
  17. data/_data/feature/en/3_shop_posters.json +351 -351
  18. data/_data/feature/en/allele-frequency.json +246 -246
  19. data/_data/feature/en/batch-conversion.json +77 -77
  20. data/_data/feature/en/compress-pdf.json +202 -202
  21. data/_data/feature/en/face-detection.json +52 -52
  22. data/_data/feature/en/split-pdf.json +115 -115
  23. data/_data/feature/en/theframe.json +56 -56
  24. data/_data/feature/hi/compress-pdf.json +81 -81
  25. data/_data/feature/tr/compress-pdf.json +80 -80
  26. data/_data/filecomparison/en/filecomparison.json +38 -38
  27. data/_data/fileinfo/en/fileinfo.json +15 -15
  28. data/_data/footer/en/data.json +164 -164
  29. data/_data/footer/hi/data.json +68 -68
  30. data/_data/footer/networksites.json +15 -15
  31. data/_data/header/en/data.json +173 -173
  32. data/_data/header/hi/data.json +144 -144
  33. data/_data/home/en/en.json +285 -285
  34. data/_data/home/en/photoeffects.json +23 -23
  35. data/_data/home/en/posters.json +323 -323
  36. data/_data/home/hi/hi.json +86 -86
  37. data/_data/home-1/en/en.json +229 -229
  38. data/_data/languagesupport/compress-pdf-langs.json +11 -11
  39. data/_data/languagesupport/index-langs.json +13 -13
  40. data/_data/photo-categories.json +104 -104
  41. data/_data/photoeffects.json +31 -31
  42. data/_data/privacy/en/privacyPolicy.json +265 -265
  43. data/_data/termAndCondition/en/termAndCondition.json +358 -358
  44. data/_includes/Rating/rating.html +92 -92
  45. data/_includes/Rating/structureddata.html +53 -53
  46. data/_includes/Usp/usp.html +95 -95
  47. data/_includes/adblocker.html +135 -135
  48. data/_includes/adsense/adsense.html +7 -7
  49. data/_includes/alternates/alternates.html +45 -45
  50. data/_includes/author_bio.html +16 -16
  51. data/_includes/authors/authors.html +67 -67
  52. data/_includes/batch-conversion.html +65 -65
  53. data/_includes/cssfile/links.html +11 -11
  54. data/_includes/custom-head.html +136 -136
  55. data/_includes/customblog/recentposts.html +67 -67
  56. data/_includes/customblog/relatedposts.html +203 -203
  57. data/_includes/disqus_comments.html +10 -10
  58. data/_includes/dropdown/langdropdown.html +22 -22
  59. data/_includes/feature.html +37 -37
  60. data/_includes/fileformat/Tabularcompariosn.html +158 -158
  61. data/_includes/fileformat/comparisonfiles.html +151 -151
  62. data/_includes/fileformat/fileformatdetail.html +101 -101
  63. data/_includes/fileformat/fileinfoformat.html +93 -93
  64. data/_includes/footer/index.html +534 -534
  65. data/_includes/google-analytics.html +22 -22
  66. data/_includes/head/index.html +235 -235
  67. data/_includes/header/blogHeader.html +34 -34
  68. data/_includes/header/index.html +188 -188
  69. data/_includes/languages/languages.html +60 -60
  70. data/_includes/monumetric/ads.html +57 -57
  71. data/_includes/monumetric/monumetric.html +57 -57
  72. data/_includes/monumetric/profitablecpmgate.html +51 -51
  73. data/_includes/nofiletransfer/nofiletransfer.html +38 -38
  74. data/_includes/paginationBlogPage.html +71 -71
  75. data/_includes/paginationPostPage.html +14 -14
  76. data/_includes/postauthorbio.html +17 -17
  77. data/_includes/postbox.html +31 -31
  78. data/_includes/script.html +58 -58
  79. data/_includes/section/alertbar.html +11 -11
  80. data/_includes/section/count.html +36 -36
  81. data/_includes/section/recent_posts.html +65 -65
  82. data/_includes/section/related_categories_post.html +198 -198
  83. data/_includes/share/socialshare.html +20 -20
  84. data/_includes/staticfooter.html +67 -67
  85. data/_layouts/aboutUs.html +34 -34
  86. data/_layouts/batch.html +102 -102
  87. data/_layouts/blog-1.html +83 -83
  88. data/_layouts/blog.html +94 -94
  89. data/_layouts/calculator.html +89 -89
  90. data/_layouts/categories.html +33 -33
  91. data/_layouts/contactUs.html +124 -124
  92. data/_layouts/default.html +1 -1
  93. data/_layouts/disclaimer.html +123 -123
  94. data/_layouts/download.html +299 -299
  95. data/_layouts/feature-1.html +320 -320
  96. data/_layouts/feature-download.html +308 -308
  97. data/_layouts/feature.html +258 -258
  98. data/_layouts/featureResultPage.html +65 -65
  99. data/_layouts/fileInfo.html +39 -39
  100. data/_layouts/filecomparison.html +85 -85
  101. data/_layouts/frame.html +222 -434
  102. data/_layouts/help.html +23 -23
  103. data/_layouts/home-1.html +229 -229
  104. data/_layouts/home.html +249 -249
  105. data/_layouts/homeResultPage.html +31 -31
  106. data/_layouts/imagekit.html +125 -125
  107. data/_layouts/page.html +5 -5
  108. data/_layouts/photo-effects-home.html +191 -193
  109. data/_layouts/post.html +177 -177
  110. data/_layouts/privacyPolicy.html +637 -637
  111. data/_layouts/termAndCondition.html +646 -646
  112. data/assets/cross.svg +4 -4
  113. data/assets/css/adblocker.css +187 -187
  114. data/assets/css/batch.css +437 -437
  115. data/assets/css/blog-1.css +65 -65
  116. data/assets/css/blog.css +491 -491
  117. data/assets/css/bootstrap.min.css +6 -6
  118. data/assets/css/calculators.css +47 -47
  119. data/assets/css/common.css +550 -550
  120. data/assets/css/feature-1.css +290 -290
  121. data/assets/css/filecomparison.css +25 -25
  122. data/assets/css/frame.css +780 -780
  123. data/assets/css/home-1.css +187 -187
  124. data/assets/css/imagekit.css +840 -840
  125. data/assets/css/tools.css +1278 -1278
  126. data/assets/facebook.svg +4 -4
  127. data/assets/images/abp.svg +41 -41
  128. data/assets/images/adblock.svg +266 -266
  129. data/assets/images/addimg.svg +2 -2
  130. data/assets/images/convert.svg +8 -8
  131. data/assets/images/safevideoconverter.svg +23 -23
  132. data/assets/images/uo.svg +41 -41
  133. data/assets/images/vectorpaint.svg +5 -5
  134. data/assets/instagram.svg +4 -4
  135. data/assets/js/TopScroll.js +8 -8
  136. data/assets/js/adBlocker.js +44 -44
  137. data/assets/js/ads.js +8 -8
  138. data/assets/js/append-div.js +10 -10
  139. data/assets/js/batch.js +229 -229
  140. data/assets/js/calculator-tooltip.js +3 -3
  141. data/assets/js/face-api.js +38064 -38064
  142. data/assets/js/face-detection.js +303 -303
  143. data/assets/js/featureResult.js +48 -48
  144. data/assets/js/frame.js +263 -263
  145. data/assets/js/googledrive.js +155 -155
  146. data/assets/js/homeResult.js +36 -36
  147. data/assets/js/manifest.json +16 -16
  148. data/assets/js/multiselect.js +157 -157
  149. data/assets/js/perspective.min.js +182 -182
  150. data/assets/js/photo-effects.json +84 -84
  151. data/assets/js/redirectResult.js +9 -9
  152. data/assets/js/testing-batch.js +39 -39
  153. data/assets/js/theme.js +44 -44
  154. data/assets/linkdin.svg +4 -4
  155. data/assets/noserverupload.svg +4 -4
  156. data/assets/pdf.svg +20 -20
  157. data/assets/secure.svg +43 -43
  158. data/assets/star.svg +4 -4
  159. data/assets/twitter.svg +4 -4
  160. data/assets/youtube.svg +4 -4
  161. metadata +7 -7
data/assets/css/frame.css CHANGED
@@ -1,781 +1,781 @@
1
- body {
2
- font-family: "PT Sans", sans-serif !important;
3
- }
4
-
5
- :root {
6
- --dark: #374151;
7
- --darker: #1f2937;
8
- --darkest: #111827;
9
- --gray: #6b7280;
10
- --light: #eee;
11
- --pink: #ec4899;
12
- --purple: #8b5cf6;
13
- }
14
-
15
- #img-svg {
16
- margin: auto;
17
- margin-top: 16px;
18
- height: 67px;
19
- width: 98px;
20
- }
21
-
22
- #file-loader {
23
- display: flex;
24
- align-items: center;
25
- flex-direction: column;
26
- }
27
-
28
- #file-loader img {
29
- height: 60px;
30
- }
31
-
32
- #file-loader p {
33
- text-align: center;
34
- color: #fff;
35
- font-size: 17px;
36
- }
37
-
38
- #loading-img {
39
- height: 27px;
40
- width: 27px;
41
- margin-right: 21px;
42
- }
43
-
44
- #dropbox svg,
45
- #filepicker svg,
46
- .boxes svg {
47
- height: 24px !important;
48
- width: 24px !important;
49
- }
50
-
51
- .file-picker-dropdown a,
52
- .file-picker-dropdown button {
53
- border: none;
54
- width: 100%;
55
- border-radius: 4px;
56
- text-align: left;
57
- background: #fff;
58
- font-weight: 400;
59
- font-size: 16px;
60
- line-height: 24px;
61
- padding: 15px 24px;
62
- list-style: none;
63
- height: 54px;
64
- }
65
-
66
- .file-picker-dropdown {
67
- width: 213px;
68
- position: absolute;
69
- background: #fff;
70
- top: 111%;
71
- right: 0;
72
- display: none;
73
- box-shadow: rgb(26 26 26 / 20%) 0 0 12px;
74
- border-radius: 4px;
75
- }
76
-
77
- .file-pick-dropdown i {
78
- margin: 0;
79
- }
80
-
81
- .boxes {
82
- background: #fff;
83
- border-radius: 0;
84
- cursor: pointer;
85
- display: flex;
86
- align-items: center;
87
- padding: 15px 24px;
88
- height: 54px;
89
- border-top-left-radius: 4px;
90
- border-bottom-left-radius: 4px;
91
- justify-content: center;
92
- font-size: 15px;
93
- font-weight: 800;
94
- color: #000;
95
- }
96
-
97
- .file-pick-dropdown {
98
- color: #000;
99
- cursor: pointer;
100
- display: inline-flex;
101
- background: #fff;
102
- height: 54px;
103
- border-left: 1px solid rgba(95, 88, 88, 0.75);
104
- padding: 13px 20px;
105
- border-top-right-radius: 4px;
106
- border-bottom-right-radius: 4px;
107
- align-items: center;
108
- position: relative;
109
- }
110
-
111
- .custom-box {
112
- padding: 15px;
113
- }
114
-
115
- .inner-box {
116
- border: 1px dashed rgba(0, 0, 0, 0.15);
117
- background: rgba(0, 0, 0, 0.1);
118
- padding: 40px;
119
- min-height: 300px;
120
- width: 100%;
121
- display: flex;
122
- align-items: center;
123
- justify-content: center;
124
- }
125
-
126
- #dropfile {
127
- font-size: 16px;
128
- margin-top: 15px;
129
- text-align: center;
130
- color: #fff;
131
- }
132
-
133
- .saving-file-download-wrap {
134
- display: flex;
135
- flex-direction: column;
136
- align-items: center;
137
- }
138
-
139
- #download {
140
- padding: 10px 16px;
141
- background: #fff;
142
- }
143
-
144
- .trust-img {
145
- height: 80px;
146
- width: 80px;
147
- }
148
-
149
- .options-panel select,
150
- textarea,
151
- input {
152
- width: 100%;
153
- text-align: left;
154
- background: #fff;
155
- height: 34px;
156
- display: flex;
157
- border-radius: 4px;
158
- align-items: center;
159
- justify-content: space-between;
160
- box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
161
- color: #0f0c0c;
162
- border: 1px solid #ccc;
163
- }
164
-
165
- .options-panel div {
166
- width: 100%;
167
- }
168
-
169
- #action-button {
170
- background-color: #ff6537;
171
- margin: 0;
172
- width: 180px;
173
- padding: 10px 0;
174
- font-size: 13pt;
175
- position: relative;
176
- border-radius: 2px;
177
- border: 1px solid #ff6131;
178
- color: #fff;
179
- font-weight: 600;
180
- display: block;
181
- margin: auto;
182
- margin-top: 20px;
183
- }
184
-
185
- #workspace-area input[type="text"] {
186
- height: 40px;
187
- border: 1px solid gray;
188
- border-radius: 2px;
189
- }
190
-
191
- #canvas-area {
192
- width: 100%;
193
- margin-top: 30px;
194
- max-width: 100%;
195
- }
196
-
197
- #img-svg {
198
- margin: auto;
199
- margin-top: 16px;
200
- height: 67px;
201
- width: 98px;
202
- }
203
-
204
- #file-loader {
205
- display: flex;
206
- align-items: center;
207
- flex-direction: column;
208
- }
209
-
210
- #file-loader img {
211
- height: 60px;
212
- }
213
-
214
- #file-loader p {
215
- text-align: center;
216
- color: #fff;
217
- font-size: 17px;
218
- }
219
-
220
- #loading-img {
221
- height: 27px;
222
- width: 27px;
223
- margin-right: 21px;
224
- }
225
-
226
- #dropbox svg,
227
- #filepicker svg,
228
- .boxes svg {
229
- height: 24px !important;
230
- width: 24px !important;
231
- }
232
-
233
- .file-picker-dropdown a,
234
- .file-picker-dropdown button {
235
- border: none;
236
- width: 100%;
237
- border-radius: 4px;
238
- text-align: left;
239
- background: #fff;
240
- font-weight: 400;
241
- font-size: 16px;
242
- line-height: 24px;
243
- padding: 15px 24px;
244
- list-style: none;
245
- height: 54px;
246
- }
247
-
248
- .file-picker-dropdown {
249
- width: 213px;
250
- position: absolute;
251
- background: #fff;
252
- top: 111%;
253
- right: 0;
254
- display: none;
255
- box-shadow: rgb(26 26 26 / 20%) 0 0 12px;
256
- border-radius: 4px;
257
- }
258
-
259
- .file-pick-dropdown i {
260
- margin: 0;
261
- }
262
-
263
- .boxes {
264
- background: #fff;
265
- border-radius: 0;
266
- cursor: pointer;
267
- display: flex;
268
- align-items: center;
269
- padding: 15px 24px;
270
- height: 54px;
271
- border-top-left-radius: 4px;
272
- border-bottom-left-radius: 4px;
273
- justify-content: center;
274
- font-size: 15px;
275
- font-weight: 800;
276
- color: #000;
277
- }
278
-
279
- .file-pick-dropdown {
280
- color: #000;
281
- cursor: pointer;
282
- display: inline-flex;
283
- background: #fff;
284
- height: 54px;
285
- border-left: 1px solid rgba(95, 88, 88, 0.75);
286
- padding: 13px 20px;
287
- border-top-right-radius: 4px;
288
- border-bottom-right-radius: 4px;
289
- align-items: center;
290
- position: relative;
291
- }
292
-
293
- .crop-img-box {
294
- background-color: #fff;
295
- width: 100%;
296
- border-radius: 0.75em;
297
- border: 1px solid #f2f2f2;
298
- box-shadow: 0px 5px 16px -2px rgb(42 115 217 / 20%);
299
- font-size: 16px;
300
- height: auto;
301
- display: none;
302
- }
303
-
304
- .custom-box {
305
- padding: 15px;
306
- }
307
-
308
- .inner-box {
309
- border: 1px dashed rgba(0, 0, 0, 0.15);
310
- background: rgba(0, 0, 0, 0.1);
311
- padding: 40px;
312
- min-height: 300px;
313
- width: 100%;
314
- }
315
-
316
- #dropfile {
317
- font-size: 16px;
318
- margin-top: 15px;
319
- text-align: center;
320
- color: #fff;
321
- }
322
-
323
- .options-panel {
324
- box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
325
- border-radius: 4px;
326
- padding: 30px;
327
- width: 100%;
328
- }
329
-
330
- .options-panel .title {
331
- width: 100%;
332
- font-size: 28px;
333
- line-height: 36px;
334
- color: #000;
335
- font-weight: 700;
336
- text-align: left;
337
- text-transform: capitalize;
338
- }
339
-
340
- .options-panel .description {
341
- width: 100%;
342
- font-size: 17px;
343
- color: #666;
344
- font-weight: 400;
345
- text-align: left;
346
- }
347
-
348
- .options-title {
349
- width: 100%;
350
- font-size: 17px;
351
- color: #666;
352
- font-weight: 400;
353
- text-align: left;
354
- }
355
-
356
- #download-button {
357
- text-decoration: none;
358
- border-radius: 2px;
359
- border: 1px solid linear-gradient(to right, var(--pink), var(--purple));
360
- box-shadow: 0;
361
- color: #fff;
362
- margin: 3px;
363
- padding: 4px 15px;
364
- }
365
-
366
- #download-button svg {
367
- fill: #fff;
368
- margin-right: 4px;
369
- margin-bottom: 4px;
370
- height: 15px;
371
- }
372
-
373
- .download-wrapper {
374
- display: flex;
375
- align-items: center;
376
- border-bottom: 1px solid #ddd;
377
- margin: 12px 0px;
378
- padding: 12px 0px;
379
- }
380
-
381
- #canvas-panel canvas {
382
- max-width: 100%;
383
- }
384
-
385
- .example-images-modal-container,
386
- .crop-image-modal-container {
387
- position: fixed;
388
- display: none;
389
- justify-content: center;
390
- background-color: rgba(0, 0, 0, 0.297);
391
- height: 100vh;
392
- width: 100%;
393
- top: 0;
394
- left: 0;
395
- z-index: 999999;
396
- padding: 0px 20px;
397
- }
398
-
399
- .example-images-modal,
400
- .crop-image-modal {
401
- height: fit-content;
402
- background-color: #fff;
403
- width: 100%;
404
- margin-top: 10px;
405
- border-radius: 5px;
406
- padding: 0;
407
- overflow-y: auto;
408
- }
409
-
410
- .example-images-modal-header,
411
- .crop-image-modal-header {
412
- border-top-right-radius: 5px;
413
- border-top-left-radius: 5px;
414
- display: flex;
415
- justify-content: space-between;
416
- background: linear-gradient(to right, var(--pink), var(--purple));
417
- display: flex;
418
- align-items: center;
419
- padding: 10px 20px;
420
- }
421
-
422
- .example-images-modal-header div,
423
- .crop-image-modal-header div {
424
- height: 100%;
425
- display: flex;
426
- align-items: center;
427
- font-size: 20px;
428
- color: #fff;
429
- }
430
-
431
- .example-images-modal-body,
432
- .crop-image-modal-body {
433
- width: 450px;
434
- margin: 10px auto;
435
- }
436
-
437
- .example-images-modal-header button,
438
- .crop-image-modal-header button {
439
- border: none;
440
- background-color: transparent;
441
- }
442
-
443
- .example-images-modal-header button i,
444
- .crop-image-modal-header button i {
445
- color: #fff;
446
- font-size: 20px;
447
- }
448
-
449
- .example-images-modal-body,
450
- .crop-image-modal-body {
451
- border-top-right-radius: 5px;
452
- border-top-left-radius: 5px;
453
- }
454
-
455
- #crop {
456
- border: none;
457
- padding: 7px 14px;
458
- color: #fff;
459
- }
460
-
461
- .carousel-control-next,
462
- .carousel-control-prev {
463
- border: none;
464
- background: none;
465
- height: 40px;
466
- background: #ff5554;
467
- top: 50%;
468
- }
469
-
470
- .accordion>.card>.card-header {
471
- background: none;
472
- border: none;
473
- height: 34px;
474
- padding: 0;
475
- }
476
-
477
- .accordion>.card {
478
- border: none;
479
- border-bottom: 1px solid #f2f2f2 !important;
480
- display: block;
481
-
482
- color: #444;
483
- text-decoration: none;
484
- font-size: 0.95em;
485
- border-radius: 1px;
486
- }
487
-
488
- .card-header:hover {
489
- background: #f8f8f8 !important;
490
- }
491
-
492
- .categories-list .card-body {
493
- padding: 0px;
494
- }
495
-
496
- .categories-list .card-body a {
497
- width: 100%;
498
- text-align: left;
499
- display: block;
500
- border-top: 1px solid #dadada;
501
- padding: 9px 9px;
502
- }
503
-
504
- .categories-list .accordion>.card>.card-header {
505
- display: flex;
506
- justify-content: space-between;
507
- background-color: transparent;
508
- padding: 7px 9px;
509
- }
510
-
511
- .categories-list .accordion>.card>.card-header i {
512
- color: #888888;
513
- margin-bottom: 0;
514
- font-size: 19px;
515
- }
516
-
517
- .categories-list .accordion>.card>.card-header {
518
- height: auto;
519
- }
520
-
521
- .categories-list .accordion>.card>.card-header>button {
522
- display: flex;
523
- justify-content: space-between;
524
- align-items: center;
525
- width: 100%;
526
- }
527
-
528
- .frame-h1 {
529
- margin: 0;
530
- font-size: 17pt;
531
- line-height: 24pt;
532
- font-weight: 600;
533
- text-align: left;
534
- color: #555;
535
- }
536
-
537
- .frame-h2 {
538
- font-size: 15px;
539
- line-height: 16px;
540
- color: #656464;
541
- max-width: 100%;
542
- color: #555;
543
- padding: 4px 0;
544
- text-align: left;
545
- }
546
-
547
- .image-samples {
548
- display: flex;
549
- flex-wrap: wrap;
550
- margin-top: 5px;
551
- margin-bottom: 18px;
552
- gap: 5px;
553
- cursor: pointer;
554
- }
555
-
556
- .image-samples img {
557
- cursor: pointer;
558
- width: 52px;
559
- height: 52px;
560
- float: left;
561
- background-color: #eee;
562
- }
563
-
564
- #example-h3 {
565
- font-size: 0.98em;
566
- padding: 3px 0 3px;
567
- text-align: left;
568
- color: #555;
569
- margin: 0 0 8px;
570
- font-weight: 600;
571
- border-bottom: 1px solid #dadada;
572
- }
573
-
574
- .preview-section {
575
- display: flex;
576
- justify-content: left;
577
- margin-top: 15px;
578
- }
579
-
580
- .preview-section img {
581
- width: auto;
582
- height: auto;
583
- }
584
-
585
- #effect-form label {
586
- display: block;
587
- font-weight: 600;
588
- margin: 0 0 5px;
589
- color: #666;
590
- text-align: left;
591
- text-transform: capitalize;
592
- font-size: 14px;
593
- }
594
-
595
- .submit-btn {
596
- margin: 0;
597
- width: 216px;
598
- padding: 10px 0;
599
- font-size: 13pt;
600
- position: relative;
601
- border: 1px solid linear-gradient(to right, var(--pink), var(--purple));
602
- box-shadow: 0;
603
- color: #fff;
604
- padding: 5px 15px;
605
- -webkit-border-radius: 2px;
606
- -moz-border-radius: 2px;
607
- border-radius: 2px;
608
- background: linear-gradient(to right, var(--pink), var(--purple));
609
- background: -webkit-gradient(linear,
610
- left bottom,
611
- left top,
612
- color-stop(0, #ff6537),
613
- color-stop(1, #ff754b));
614
- background: linear-gradient(to right, var(--pink), var(--purple));
615
- background: linear-gradient(to right, var(--pink), var(--purple));
616
- background: linear-gradient(to right, var(--pink), var(--purple));
617
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff754b', endColorstr='#ff6537', GradientType=0);
618
- }
619
-
620
- .cam-image {
621
- color: #666;
622
- height: 40px;
623
- width: 50px;
624
- display: flex;
625
- align-items: center;
626
- justify-content: center;
627
- border: 1px solid #ccc;
628
- background: #eee;
629
- background: -webkit-gradient(linear,
630
- left bottom,
631
- left top,
632
- color-stop(0, #ececec),
633
- color-stop(1, #f6f6f6));
634
- }
635
-
636
- .cam-image i {
637
- margin-bottom: 0px;
638
- color: #666;
639
- }
640
-
641
- .small-image-preview {
642
- height: 40px;
643
- width: 50px !important;
644
- width: 100%;
645
- }
646
-
647
- .choose-image {
648
- color: #666;
649
- margin-right: 6px;
650
- border: 1px solid #ccc;
651
- background: #eee;
652
- background: -webkit-gradient(linear,
653
- left bottom,
654
- left top,
655
- color-stop(0, #ececec),
656
- color-stop(1, #f6f6f6));
657
- padding: 0;
658
- width: 186px;
659
- height: 40px;
660
- line-height: 40px;
661
- font-size: 13pt;
662
- }
663
-
664
- #effect-form {
665
- display: flex;
666
- flex-direction: column;
667
- justify-content: left;
668
- }
669
-
670
- #effect-form input[type="text"] {
671
- box-shadow: none;
672
- border: 1px solid #ccc;
673
- background: #fff;
674
- padding: 5px 2%;
675
- margin: 4px 0;
676
- min-width: 190px;
677
- -webkit-border-radius: 2px;
678
- -moz-border-radius: 2px;
679
- border-radius: 2px;
680
- margin: 0;
681
- width: 216px;
682
- }
683
-
684
- .mb-15 {
685
- margin-bottom: 15px !important;
686
- }
687
-
688
- .btn:focus {
689
- box-shadow: none !important;
690
- }
691
-
692
- .result-info {
693
- display: flex;
694
- }
695
-
696
- .result-info a {
697
- color: rgb(155, 22, 155) !important;
698
- cursor: pointer;
699
- text-decoration: underline;
700
- float: left;
701
- font-size: 17pt;
702
- line-height: 24pt;
703
- margin: 0 0 5px;
704
- font-weight: 600;
705
- color: #444;
706
- text-transform: capitalize;
707
- }
708
-
709
- .result-info i {
710
- margin-left: 6px;
711
- margin-right: 6px;
712
- color: black;
713
- font-size: 17px;
714
- margin-bottom: 0px;
715
- margin-top: 11px;
716
- }
717
-
718
- .result-info div {
719
- float: left;
720
- font-size: 17pt;
721
- font-weight: 600;
722
- text-transform: capitalize;
723
- line-height: 24pt;
724
- margin: 0 0 5px;
725
- color: #444;
726
- }
727
-
728
- #saving-data {
729
- display: flex;
730
- flex-direction: column;
731
- align-items: center;
732
- }
733
-
734
- #saving-data img {
735
- height: 200px;
736
- }
737
-
738
- .photo-card {
739
- display: inline-block;
740
- zoom: 1;
741
- margin: 7px 3px 3px;
742
- padding: 8px 12px 4px;
743
- border: 1px solid #e5e5e5;
744
- border-bottom-color: #dcdcdc;
745
- border-right-color: #e0e0e0;
746
- text-decoration: none;
747
- position: relative;
748
- overflow: hidden;
749
- -webkit-border-radius: 2px;
750
- -moz-border-radius: 2px;
751
- border-radius: px;
752
- }
753
-
754
- .photo-effect-feature-name {
755
- text-align: center;
756
- color: #777;
757
- }
758
- .categories-list li {
759
- font-size: 1em;
760
- border-bottom: 1px solid #f2f2f2;
761
- }
762
- .categories-list .category-link {
763
- display: block;
764
- padding: 7px 9px;
765
- color: #444;
766
- text-transform: capitalize;
767
- text-decoration: none;
768
- font-size: 0.95em;
769
- -webkit-border-radius: 1px;
770
- -moz-border-radius: 1px;
771
- border-radius: 1px;
772
- }
773
- .categories-list .category-link:hover {
774
- background-color: #f4f4f4;
775
- }
776
- .categories-list .active-cat {
777
- background-color: #f4f4f4;
778
- }
779
- .crop-image-modal-container {
780
- overflow-y: auto;
1
+ body {
2
+ font-family: "PT Sans", sans-serif !important;
3
+ }
4
+
5
+ :root {
6
+ --dark: #374151;
7
+ --darker: #1f2937;
8
+ --darkest: #111827;
9
+ --gray: #6b7280;
10
+ --light: #eee;
11
+ --pink: #ec4899;
12
+ --purple: #8b5cf6;
13
+ }
14
+
15
+ #img-svg {
16
+ margin: auto;
17
+ margin-top: 16px;
18
+ height: 67px;
19
+ width: 98px;
20
+ }
21
+
22
+ #file-loader {
23
+ display: flex;
24
+ align-items: center;
25
+ flex-direction: column;
26
+ }
27
+
28
+ #file-loader img {
29
+ height: 60px;
30
+ }
31
+
32
+ #file-loader p {
33
+ text-align: center;
34
+ color: #fff;
35
+ font-size: 17px;
36
+ }
37
+
38
+ #loading-img {
39
+ height: 27px;
40
+ width: 27px;
41
+ margin-right: 21px;
42
+ }
43
+
44
+ #dropbox svg,
45
+ #filepicker svg,
46
+ .boxes svg {
47
+ height: 24px !important;
48
+ width: 24px !important;
49
+ }
50
+
51
+ .file-picker-dropdown a,
52
+ .file-picker-dropdown button {
53
+ border: none;
54
+ width: 100%;
55
+ border-radius: 4px;
56
+ text-align: left;
57
+ background: #fff;
58
+ font-weight: 400;
59
+ font-size: 16px;
60
+ line-height: 24px;
61
+ padding: 15px 24px;
62
+ list-style: none;
63
+ height: 54px;
64
+ }
65
+
66
+ .file-picker-dropdown {
67
+ width: 213px;
68
+ position: absolute;
69
+ background: #fff;
70
+ top: 111%;
71
+ right: 0;
72
+ display: none;
73
+ box-shadow: rgb(26 26 26 / 20%) 0 0 12px;
74
+ border-radius: 4px;
75
+ }
76
+
77
+ .file-pick-dropdown i {
78
+ margin: 0;
79
+ }
80
+
81
+ .boxes {
82
+ background: #fff;
83
+ border-radius: 0;
84
+ cursor: pointer;
85
+ display: flex;
86
+ align-items: center;
87
+ padding: 15px 24px;
88
+ height: 54px;
89
+ border-top-left-radius: 4px;
90
+ border-bottom-left-radius: 4px;
91
+ justify-content: center;
92
+ font-size: 15px;
93
+ font-weight: 800;
94
+ color: #000;
95
+ }
96
+
97
+ .file-pick-dropdown {
98
+ color: #000;
99
+ cursor: pointer;
100
+ display: inline-flex;
101
+ background: #fff;
102
+ height: 54px;
103
+ border-left: 1px solid rgba(95, 88, 88, 0.75);
104
+ padding: 13px 20px;
105
+ border-top-right-radius: 4px;
106
+ border-bottom-right-radius: 4px;
107
+ align-items: center;
108
+ position: relative;
109
+ }
110
+
111
+ .custom-box {
112
+ padding: 15px;
113
+ }
114
+
115
+ .inner-box {
116
+ border: 1px dashed rgba(0, 0, 0, 0.15);
117
+ background: rgba(0, 0, 0, 0.1);
118
+ padding: 40px;
119
+ min-height: 300px;
120
+ width: 100%;
121
+ display: flex;
122
+ align-items: center;
123
+ justify-content: center;
124
+ }
125
+
126
+ #dropfile {
127
+ font-size: 16px;
128
+ margin-top: 15px;
129
+ text-align: center;
130
+ color: #fff;
131
+ }
132
+
133
+ .saving-file-download-wrap {
134
+ display: flex;
135
+ flex-direction: column;
136
+ align-items: center;
137
+ }
138
+
139
+ #download {
140
+ padding: 10px 16px;
141
+ background: #fff;
142
+ }
143
+
144
+ .trust-img {
145
+ height: 80px;
146
+ width: 80px;
147
+ }
148
+
149
+ .options-panel select,
150
+ textarea,
151
+ input {
152
+ width: 100%;
153
+ text-align: left;
154
+ background: #fff;
155
+ height: 34px;
156
+ display: flex;
157
+ border-radius: 4px;
158
+ align-items: center;
159
+ justify-content: space-between;
160
+ box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
161
+ color: #0f0c0c;
162
+ border: 1px solid #ccc;
163
+ }
164
+
165
+ .options-panel div {
166
+ width: 100%;
167
+ }
168
+
169
+ #action-button {
170
+ background-color: #ff6537;
171
+ margin: 0;
172
+ width: 180px;
173
+ padding: 10px 0;
174
+ font-size: 13pt;
175
+ position: relative;
176
+ border-radius: 2px;
177
+ border: 1px solid #ff6131;
178
+ color: #fff;
179
+ font-weight: 600;
180
+ display: block;
181
+ margin: auto;
182
+ margin-top: 20px;
183
+ }
184
+
185
+ #workspace-area input[type="text"] {
186
+ height: 40px;
187
+ border: 1px solid gray;
188
+ border-radius: 2px;
189
+ }
190
+
191
+ #canvas-area {
192
+ width: 100%;
193
+ margin-top: 30px;
194
+ max-width: 100%;
195
+ }
196
+
197
+ #img-svg {
198
+ margin: auto;
199
+ margin-top: 16px;
200
+ height: 67px;
201
+ width: 98px;
202
+ }
203
+
204
+ #file-loader {
205
+ display: flex;
206
+ align-items: center;
207
+ flex-direction: column;
208
+ }
209
+
210
+ #file-loader img {
211
+ height: 60px;
212
+ }
213
+
214
+ #file-loader p {
215
+ text-align: center;
216
+ color: #fff;
217
+ font-size: 17px;
218
+ }
219
+
220
+ #loading-img {
221
+ height: 27px;
222
+ width: 27px;
223
+ margin-right: 21px;
224
+ }
225
+
226
+ #dropbox svg,
227
+ #filepicker svg,
228
+ .boxes svg {
229
+ height: 24px !important;
230
+ width: 24px !important;
231
+ }
232
+
233
+ .file-picker-dropdown a,
234
+ .file-picker-dropdown button {
235
+ border: none;
236
+ width: 100%;
237
+ border-radius: 4px;
238
+ text-align: left;
239
+ background: #fff;
240
+ font-weight: 400;
241
+ font-size: 16px;
242
+ line-height: 24px;
243
+ padding: 15px 24px;
244
+ list-style: none;
245
+ height: 54px;
246
+ }
247
+
248
+ .file-picker-dropdown {
249
+ width: 213px;
250
+ position: absolute;
251
+ background: #fff;
252
+ top: 111%;
253
+ right: 0;
254
+ display: none;
255
+ box-shadow: rgb(26 26 26 / 20%) 0 0 12px;
256
+ border-radius: 4px;
257
+ }
258
+
259
+ .file-pick-dropdown i {
260
+ margin: 0;
261
+ }
262
+
263
+ .boxes {
264
+ background: #fff;
265
+ border-radius: 0;
266
+ cursor: pointer;
267
+ display: flex;
268
+ align-items: center;
269
+ padding: 15px 24px;
270
+ height: 54px;
271
+ border-top-left-radius: 4px;
272
+ border-bottom-left-radius: 4px;
273
+ justify-content: center;
274
+ font-size: 15px;
275
+ font-weight: 800;
276
+ color: #000;
277
+ }
278
+
279
+ .file-pick-dropdown {
280
+ color: #000;
281
+ cursor: pointer;
282
+ display: inline-flex;
283
+ background: #fff;
284
+ height: 54px;
285
+ border-left: 1px solid rgba(95, 88, 88, 0.75);
286
+ padding: 13px 20px;
287
+ border-top-right-radius: 4px;
288
+ border-bottom-right-radius: 4px;
289
+ align-items: center;
290
+ position: relative;
291
+ }
292
+
293
+ .crop-img-box {
294
+ background-color: #fff;
295
+ width: 100%;
296
+ border-radius: 0.75em;
297
+ border: 1px solid #f2f2f2;
298
+ box-shadow: 0px 5px 16px -2px rgb(42 115 217 / 20%);
299
+ font-size: 16px;
300
+ height: auto;
301
+ display: none;
302
+ }
303
+
304
+ .custom-box {
305
+ padding: 15px;
306
+ }
307
+
308
+ .inner-box {
309
+ border: 1px dashed rgba(0, 0, 0, 0.15);
310
+ background: rgba(0, 0, 0, 0.1);
311
+ padding: 40px;
312
+ min-height: 300px;
313
+ width: 100%;
314
+ }
315
+
316
+ #dropfile {
317
+ font-size: 16px;
318
+ margin-top: 15px;
319
+ text-align: center;
320
+ color: #fff;
321
+ }
322
+
323
+ .options-panel {
324
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
325
+ border-radius: 4px;
326
+ padding: 30px;
327
+ width: 100%;
328
+ }
329
+
330
+ .options-panel .title {
331
+ width: 100%;
332
+ font-size: 28px;
333
+ line-height: 36px;
334
+ color: #000;
335
+ font-weight: 700;
336
+ text-align: left;
337
+ text-transform: capitalize;
338
+ }
339
+
340
+ .options-panel .description {
341
+ width: 100%;
342
+ font-size: 17px;
343
+ color: #666;
344
+ font-weight: 400;
345
+ text-align: left;
346
+ }
347
+
348
+ .options-title {
349
+ width: 100%;
350
+ font-size: 17px;
351
+ color: #666;
352
+ font-weight: 400;
353
+ text-align: left;
354
+ }
355
+
356
+ #download-button {
357
+ text-decoration: none;
358
+ border-radius: 2px;
359
+ border: 1px solid linear-gradient(to right, var(--pink), var(--purple));
360
+ box-shadow: 0;
361
+ color: #fff;
362
+ margin: 3px;
363
+ padding: 4px 15px;
364
+ }
365
+
366
+ #download-button svg {
367
+ fill: #fff;
368
+ margin-right: 4px;
369
+ margin-bottom: 4px;
370
+ height: 15px;
371
+ }
372
+
373
+ .download-wrapper {
374
+ display: flex;
375
+ align-items: center;
376
+ border-bottom: 1px solid #ddd;
377
+ margin: 12px 0px;
378
+ padding: 12px 0px;
379
+ }
380
+
381
+ #canvas-panel canvas {
382
+ max-width: 100%;
383
+ }
384
+
385
+ .example-images-modal-container,
386
+ .crop-image-modal-container {
387
+ position: fixed;
388
+ display: none;
389
+ justify-content: center;
390
+ background-color: rgba(0, 0, 0, 0.297);
391
+ height: 100vh;
392
+ width: 100%;
393
+ top: 0;
394
+ left: 0;
395
+ z-index: 999999;
396
+ padding: 0px 20px;
397
+ }
398
+
399
+ .example-images-modal,
400
+ .crop-image-modal {
401
+ height: fit-content;
402
+ background-color: #fff;
403
+ width: 100%;
404
+ margin-top: 10px;
405
+ border-radius: 5px;
406
+ padding: 0;
407
+ overflow-y: auto;
408
+ }
409
+
410
+ .example-images-modal-header,
411
+ .crop-image-modal-header {
412
+ border-top-right-radius: 5px;
413
+ border-top-left-radius: 5px;
414
+ display: flex;
415
+ justify-content: space-between;
416
+ background: linear-gradient(to right, var(--pink), var(--purple));
417
+ display: flex;
418
+ align-items: center;
419
+ padding: 10px 20px;
420
+ }
421
+
422
+ .example-images-modal-header div,
423
+ .crop-image-modal-header div {
424
+ height: 100%;
425
+ display: flex;
426
+ align-items: center;
427
+ font-size: 20px;
428
+ color: #fff;
429
+ }
430
+
431
+ .example-images-modal-body,
432
+ .crop-image-modal-body {
433
+ width: 450px;
434
+ margin: 10px auto;
435
+ }
436
+
437
+ .example-images-modal-header button,
438
+ .crop-image-modal-header button {
439
+ border: none;
440
+ background-color: transparent;
441
+ }
442
+
443
+ .example-images-modal-header button i,
444
+ .crop-image-modal-header button i {
445
+ color: #fff;
446
+ font-size: 20px;
447
+ }
448
+
449
+ .example-images-modal-body,
450
+ .crop-image-modal-body {
451
+ border-top-right-radius: 5px;
452
+ border-top-left-radius: 5px;
453
+ }
454
+
455
+ #crop {
456
+ border: none;
457
+ padding: 7px 14px;
458
+ color: #fff;
459
+ }
460
+
461
+ .carousel-control-next,
462
+ .carousel-control-prev {
463
+ border: none;
464
+ background: none;
465
+ height: 40px;
466
+ background: #ff5554;
467
+ top: 50%;
468
+ }
469
+
470
+ .accordion>.card>.card-header {
471
+ background: none;
472
+ border: none;
473
+ height: 34px;
474
+ padding: 0;
475
+ }
476
+
477
+ .accordion>.card {
478
+ border: none;
479
+ border-bottom: 1px solid #f2f2f2 !important;
480
+ display: block;
481
+
482
+ color: #444;
483
+ text-decoration: none;
484
+ font-size: 0.95em;
485
+ border-radius: 1px;
486
+ }
487
+
488
+ .card-header:hover {
489
+ background: #f8f8f8 !important;
490
+ }
491
+
492
+ .categories-list .card-body {
493
+ padding: 0px;
494
+ }
495
+
496
+ .categories-list .card-body a {
497
+ width: 100%;
498
+ text-align: left;
499
+ display: block;
500
+ border-top: 1px solid #dadada;
501
+ padding: 9px 9px;
502
+ }
503
+
504
+ .categories-list .accordion>.card>.card-header {
505
+ display: flex;
506
+ justify-content: space-between;
507
+ background-color: transparent;
508
+ padding: 7px 9px;
509
+ }
510
+
511
+ .categories-list .accordion>.card>.card-header i {
512
+ color: #888888;
513
+ margin-bottom: 0;
514
+ font-size: 19px;
515
+ }
516
+
517
+ .categories-list .accordion>.card>.card-header {
518
+ height: auto;
519
+ }
520
+
521
+ .categories-list .accordion>.card>.card-header>button {
522
+ display: flex;
523
+ justify-content: space-between;
524
+ align-items: center;
525
+ width: 100%;
526
+ }
527
+
528
+ .frame-h1 {
529
+ margin: 0;
530
+ font-size: 17pt;
531
+ line-height: 24pt;
532
+ font-weight: 600;
533
+ text-align: left;
534
+ color: #555;
535
+ }
536
+
537
+ .frame-h2 {
538
+ font-size: 15px;
539
+ line-height: 16px;
540
+ color: #656464;
541
+ max-width: 100%;
542
+ color: #555;
543
+ padding: 4px 0;
544
+ text-align: left;
545
+ }
546
+
547
+ .image-samples {
548
+ display: flex;
549
+ flex-wrap: wrap;
550
+ margin-top: 5px;
551
+ margin-bottom: 18px;
552
+ gap: 5px;
553
+ cursor: pointer;
554
+ }
555
+
556
+ .image-samples img {
557
+ cursor: pointer;
558
+ width: 52px;
559
+ height: 52px;
560
+ float: left;
561
+ background-color: #eee;
562
+ }
563
+
564
+ #example-h3 {
565
+ font-size: 0.98em;
566
+ padding: 3px 0 3px;
567
+ text-align: left;
568
+ color: #555;
569
+ margin: 0 0 8px;
570
+ font-weight: 600;
571
+ border-bottom: 1px solid #dadada;
572
+ }
573
+
574
+ .preview-section {
575
+ display: flex;
576
+ justify-content: left;
577
+ margin-top: 15px;
578
+ }
579
+
580
+ .preview-section img {
581
+ width: auto;
582
+ height: auto;
583
+ }
584
+
585
+ #effect-form label {
586
+ display: block;
587
+ font-weight: 600;
588
+ margin: 0 0 5px;
589
+ color: #666;
590
+ text-align: left;
591
+ text-transform: capitalize;
592
+ font-size: 14px;
593
+ }
594
+
595
+ .submit-btn {
596
+ margin: 0;
597
+ width: 216px;
598
+ padding: 10px 0;
599
+ font-size: 13pt;
600
+ position: relative;
601
+ border: 1px solid linear-gradient(to right, var(--pink), var(--purple));
602
+ box-shadow: 0;
603
+ color: #fff;
604
+ padding: 5px 15px;
605
+ -webkit-border-radius: 2px;
606
+ -moz-border-radius: 2px;
607
+ border-radius: 2px;
608
+ background: linear-gradient(to right, var(--pink), var(--purple));
609
+ background: -webkit-gradient(linear,
610
+ left bottom,
611
+ left top,
612
+ color-stop(0, #ff6537),
613
+ color-stop(1, #ff754b));
614
+ background: linear-gradient(to right, var(--pink), var(--purple));
615
+ background: linear-gradient(to right, var(--pink), var(--purple));
616
+ background: linear-gradient(to right, var(--pink), var(--purple));
617
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff754b', endColorstr='#ff6537', GradientType=0);
618
+ }
619
+
620
+ .cam-image {
621
+ color: #666;
622
+ height: 40px;
623
+ width: 50px;
624
+ display: flex;
625
+ align-items: center;
626
+ justify-content: center;
627
+ border: 1px solid #ccc;
628
+ background: #eee;
629
+ background: -webkit-gradient(linear,
630
+ left bottom,
631
+ left top,
632
+ color-stop(0, #ececec),
633
+ color-stop(1, #f6f6f6));
634
+ }
635
+
636
+ .cam-image i {
637
+ margin-bottom: 0px;
638
+ color: #666;
639
+ }
640
+
641
+ .small-image-preview {
642
+ height: 40px;
643
+ width: 50px !important;
644
+ width: 100%;
645
+ }
646
+
647
+ .choose-image {
648
+ color: #666;
649
+ margin-right: 6px;
650
+ border: 1px solid #ccc;
651
+ background: #eee;
652
+ background: -webkit-gradient(linear,
653
+ left bottom,
654
+ left top,
655
+ color-stop(0, #ececec),
656
+ color-stop(1, #f6f6f6));
657
+ padding: 0;
658
+ width: 186px;
659
+ height: 40px;
660
+ line-height: 40px;
661
+ font-size: 13pt;
662
+ }
663
+
664
+ #effect-form {
665
+ display: flex;
666
+ flex-direction: column;
667
+ justify-content: left;
668
+ }
669
+
670
+ #effect-form input[type="text"] {
671
+ box-shadow: none;
672
+ border: 1px solid #ccc;
673
+ background: #fff;
674
+ padding: 5px 2%;
675
+ margin: 4px 0;
676
+ min-width: 190px;
677
+ -webkit-border-radius: 2px;
678
+ -moz-border-radius: 2px;
679
+ border-radius: 2px;
680
+ margin: 0;
681
+ width: 216px;
682
+ }
683
+
684
+ .mb-15 {
685
+ margin-bottom: 15px !important;
686
+ }
687
+
688
+ .btn:focus {
689
+ box-shadow: none !important;
690
+ }
691
+
692
+ .result-info {
693
+ display: flex;
694
+ }
695
+
696
+ .result-info a {
697
+ color: rgb(155, 22, 155) !important;
698
+ cursor: pointer;
699
+ text-decoration: underline;
700
+ float: left;
701
+ font-size: 17pt;
702
+ line-height: 24pt;
703
+ margin: 0 0 5px;
704
+ font-weight: 600;
705
+ color: #444;
706
+ text-transform: capitalize;
707
+ }
708
+
709
+ .result-info i {
710
+ margin-left: 6px;
711
+ margin-right: 6px;
712
+ color: black;
713
+ font-size: 17px;
714
+ margin-bottom: 0px;
715
+ margin-top: 11px;
716
+ }
717
+
718
+ .result-info div {
719
+ float: left;
720
+ font-size: 17pt;
721
+ font-weight: 600;
722
+ text-transform: capitalize;
723
+ line-height: 24pt;
724
+ margin: 0 0 5px;
725
+ color: #444;
726
+ }
727
+
728
+ #saving-data {
729
+ display: flex;
730
+ flex-direction: column;
731
+ align-items: center;
732
+ }
733
+
734
+ #saving-data img {
735
+ height: 200px;
736
+ }
737
+
738
+ .photo-card {
739
+ display: inline-block;
740
+ zoom: 1;
741
+ margin: 7px 3px 3px;
742
+ padding: 8px 12px 4px;
743
+ border: 1px solid #e5e5e5;
744
+ border-bottom-color: #dcdcdc;
745
+ border-right-color: #e0e0e0;
746
+ text-decoration: none;
747
+ position: relative;
748
+ overflow: hidden;
749
+ -webkit-border-radius: 2px;
750
+ -moz-border-radius: 2px;
751
+ border-radius: px;
752
+ }
753
+
754
+ .photo-effect-feature-name {
755
+ text-align: center;
756
+ color: #000;
757
+ }
758
+ .categories-list li {
759
+ font-size: 1em;
760
+ border-bottom: 1px solid #f2f2f2;
761
+ }
762
+ .categories-list .category-link {
763
+ display: block;
764
+ padding: 7px 9px;
765
+ color: #444;
766
+ text-transform: capitalize;
767
+ text-decoration: none;
768
+ font-size: 0.95em;
769
+ -webkit-border-radius: 1px;
770
+ -moz-border-radius: 1px;
771
+ border-radius: 1px;
772
+ }
773
+ .categories-list .category-link:hover {
774
+ background-color: #f4f4f4;
775
+ }
776
+ .categories-list .active-cat {
777
+ background-color: #f4f4f4;
778
+ }
779
+ .crop-image-modal-container {
780
+ overflow-y: auto;
781
781
  }