appscms-tools-theme 3.0.4 → 3.0.6

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9773f43a6c37c43e0d94f8bc293c79b8b9c279e4dafa87306fe7a13c9334429c
4
- data.tar.gz: 6b84aaf32663ffc9aa9edd3ba72c684f07c231472e2b0a0b7e59a3f6690e68d5
3
+ metadata.gz: 5cea8336fa65d6b43552c44a729a569b088684c15d81d02dc0f2277ea7756dd1
4
+ data.tar.gz: d60e2af4c09b6fcdf632c3ee4412571099a84e4ae3e96bc50241978e3232b04a
5
5
  SHA512:
6
- metadata.gz: 663744fc9f945c7f4a21fd70d612327018b1aaebd57f48bfc75a977fdb0d87ef894acc6500f7723921c0f406bae67736f2d4eeb67697f0c2733fdeeb8e1d6213
7
- data.tar.gz: f23592fd5154c55648605045256991d379f75a6beb72b6809902f511dd6d412bfb6c233d793d8bc89887013185764c3bdf38f74bdf5fe52f83af7ac6fa0b2239
6
+ metadata.gz: c79d158175d8edb1f1063a35fa4e785d4821c3a40501e65017693b38ccd9908c0b7154fb4e6f5a4fb2afd7daed2df6b4593542db04e468268244f979d8f5e439
7
+ data.tar.gz: ebcb6ab588314d6919ab90f7c1ccd22132777fea63478968b02dbf6cf6331595507115f9e7a4b9c768ca2a909e231625b82ee3b074dd32db864f98d58fe6e757
@@ -1,5 +1,5 @@
1
1
  <div class="toaster">
2
2
  <div class="toaster__body">
3
- <div class="toaster__message"></div>
3
+ <div class="toaster__message">Bookmark this webpage</div>
4
4
  </div>
5
5
  </div>
@@ -71,6 +71,7 @@
71
71
  </div>
72
72
  <button onclick="history.back()"> <i class="fas fa-redo"></i> Try processing another file</button>
73
73
  </div>
74
+
74
75
  <div class="try-more-features ">
75
76
  <h2 class="success-msg border-bottom-none"> {{downloadData.tryfeatureheading | default: 'You can also
76
77
  try
@@ -168,6 +169,8 @@
168
169
 
169
170
  </div>
170
171
  <div class="col-md-12 download-page-rate-us sites-config py-0">
172
+ <img id="rating-img" loading='lazy' src="/assets/images/rating.png" alt="rating-img" {%- if
173
+ site.crossorigin -%} crossorigin {%- endif -%}>
171
174
  <div class="rating-tool" style="border: none;">
172
175
  <div class="rating-text">{{downloadData.rateus | default: 'Rate us'}}</div>
173
176
  <div class="rating-stars">
@@ -213,12 +216,12 @@
213
216
  const urlParams = new URLSearchParams(window.location.search)
214
217
  let tool = urlParams.get('tool')
215
218
  const fetchRating = async () => {
216
-
217
219
  const data = await fetch(`https://ratingapi-main.netlify.app/.netlify/functions/api/v1/${tool}/rating`).then(res => res.json())
218
220
  ratingValue.innerText = data.rating
219
221
  count.innerText = data.votes
220
222
  }
221
- window.addEventListener('DOMContentLoaded', () => {
223
+ let ratingImg = document.querySelector('#rating-img');
224
+ ratingImg.addEventListener('load', (event) => {
222
225
  fetchRating()
223
226
  });
224
227
  const ratingNode = document.getElementsByClassName('rating-star')
@@ -228,7 +231,6 @@
228
231
  item.style.color = '#FDD300'
229
232
  })
230
233
  }
231
-
232
234
  Array.from(ratingNode).map(item => item.addEventListener('click', () => {
233
235
  const urlParams = new URLSearchParams(window.location.search)
234
236
  let tool = urlParams.get('tool')
@@ -227,7 +227,8 @@
227
227
  ratingValue.innerText = data.rating
228
228
  count.innerText = data.votes
229
229
  }
230
- window.addEventListener('DOMContentLoaded', () => {
230
+ let ratingImg = document.querySelector('#rating-img');
231
+ ratingImg.addEventListener('load', (event) => {
231
232
  fetchRating()
232
233
  });
233
234
  const ratingNode = document.getElementsByClassName('rating-star')
data/assets/css/tools.css CHANGED
@@ -1,6 +1,7 @@
1
1
  * {
2
2
  box-sizing: border-box;
3
3
  }
4
+
4
5
  body {
5
6
  padding: 0;
6
7
  margin: 0;
@@ -10,22 +11,27 @@ body {
10
11
  background: white;
11
12
  font-family: Arial, sans-serif;
12
13
  }
14
+
13
15
  header {
14
16
  width: 100%;
15
17
  }
18
+
16
19
  a,
17
20
  a:hover {
18
21
  text-decoration: none;
19
22
  color: rgb(26, 25, 25);
20
23
  }
24
+
21
25
  .navbar-toggler {
22
26
  outline: none !important;
23
27
  }
24
- .navbar-toggler > .fa_bars {
28
+
29
+ .navbar-toggler>.fa_bars {
25
30
  position: absolute;
26
31
  top: 20px;
27
32
  font-size: 22px;
28
33
  }
34
+
29
35
  .nav-header {
30
36
  position: sticky;
31
37
  top: 0;
@@ -33,6 +39,7 @@ a:hover {
33
39
  background: #fff;
34
40
  border-bottom: 1px solid #ddd;
35
41
  }
42
+
36
43
  .nav__item {
37
44
  margin: 0 !important;
38
45
  padding: 0 15px;
@@ -43,29 +50,35 @@ a:hover {
43
50
  list-style: none;
44
51
  position: relative;
45
52
  }
53
+
46
54
  .nav__item a:hover {
47
55
  color: #000;
48
56
  text-decoration: none !important;
49
57
  }
58
+
50
59
  .navbar .dropdown-menu {
51
60
  position: fixed;
52
61
  left: 0;
53
62
  top: 71px;
54
63
  width: 100%;
55
64
  }
65
+
56
66
  .inner-dropdown {
57
67
  display: flex;
58
68
  justify-content: left;
59
69
  padding: 30px 100px;
60
70
  flex-wrap: wrap;
61
71
  }
72
+
62
73
  .catPad {
63
74
  padding: 0 85px;
64
75
  }
76
+
65
77
  .catPad div {
66
78
  font-size: 14px !important;
67
79
  font-weight: 500;
68
80
  }
81
+
69
82
  @media (max-width: 992px) {
70
83
  .navbar .dropdown-menu {
71
84
  overflow-y: scroll;
@@ -73,10 +86,12 @@ a:hover {
73
86
  position: static !important;
74
87
  float: none;
75
88
  }
89
+
76
90
  .inner-dropdown {
77
91
  flex-direction: column;
78
92
  padding: 0px 30px;
79
93
  }
94
+
80
95
  .navbar-nav {
81
96
  margin: 0 !important;
82
97
  }
@@ -85,82 +100,105 @@ a:hover {
85
100
  padding: 15px 0;
86
101
  }
87
102
  }
103
+
88
104
  @media (max-width: 768px) {
105
+ .toaster {
106
+ display: none !important;
107
+ }
108
+
89
109
  .innerWrapper {
90
110
  padding: 40px 51px;
91
111
  }
112
+
92
113
  .success-msg-cont button {
93
114
  margin: auto;
94
115
  width: 100% !important;
95
116
  justify-content: center !important;
96
117
  }
118
+
97
119
  .success-msg-cont {
98
120
  flex-direction: column;
99
121
  justify-content: center;
100
122
  }
123
+
101
124
  .language-drop-down-item {
102
125
  width: 100% !important;
103
126
  }
127
+
104
128
  .file-detail-table {
105
129
  overflow-x: scroll;
106
130
  }
131
+
107
132
  .compare-table {
108
133
  overflow-x: scroll;
109
134
  }
135
+
110
136
  .faq-list {
111
137
  width: 100% !important;
112
138
  }
139
+
113
140
  .feature-h1,
114
141
  .home-top-h1,
115
142
  .how-to-title {
116
143
  font-size: 16px !important;
117
144
  }
145
+
118
146
  .feature-h2,
119
147
  .home-top-h2,
120
148
  .how-to-title {
121
149
  font-size: 14px !important;
122
150
  }
151
+
123
152
  .social-count {
124
153
  right: auto !important;
125
154
  margin-top: 25px !important;
126
155
  }
156
+
127
157
  .rating-tool {
128
158
  flex-direction: column;
129
159
  }
160
+
130
161
  .how-to-leftimg {
131
162
  margin-bottom: 24px;
132
163
  }
133
164
  }
165
+
134
166
  .how-to-section,
135
167
  .faq-section {
136
168
  padding: 90px 0px;
137
169
  border-top: 1px solid rgb(224, 224, 224);
138
170
  }
171
+
139
172
  .related-posts-section,
140
173
  .usp-section,
141
174
  .footer {
142
175
  padding: 32px 0px;
143
176
  border-top: 1px solid rgb(224, 224, 224);
144
177
  }
178
+
145
179
  .how-to-leftimg {
146
180
  height: 180px;
147
181
  width: 300px;
148
182
  }
183
+
149
184
  .how-to-right {
150
185
  color: rgb(33, 33, 33);
151
186
  }
187
+
152
188
  @media (min-width: 768px) {
153
189
  .how-to-title {
154
190
  line-height: 30px;
155
191
  font-size: 22px;
156
192
  }
157
193
  }
194
+
158
195
  .how-to-list {
159
196
  margin: 0px;
160
197
  padding: 6px 0px;
161
198
  list-style: none;
162
199
  text-align: left;
163
200
  }
201
+
164
202
  .how-to-list-item {
165
203
  line-height: 24px;
166
204
  font-size: 16px;
@@ -168,18 +206,21 @@ a:hover {
168
206
  display: flex;
169
207
  padding: 6px 0px;
170
208
  }
209
+
171
210
  .how-to-list-item span {
172
211
  line-height: 24px;
173
212
  font-size: 16px;
174
213
  font-weight: 600;
175
214
  min-width: 24px;
176
215
  }
216
+
177
217
  .how-to-title {
178
218
  line-height: 30px;
179
219
  font-weight: 600;
180
220
  margin: 0px;
181
221
  padding-bottom: 12px;
182
222
  }
223
+
183
224
  .how-to-img-wrapper {
184
225
  width: 100%;
185
226
  height: 100%;
@@ -187,10 +228,12 @@ a:hover {
187
228
  justify-content: center;
188
229
  align-items: center;
189
230
  }
231
+
190
232
  .feature-card-img {
191
233
  width: 48px;
192
234
  height: 48px;
193
235
  }
236
+
194
237
  .feature-card-title,
195
238
  .faq-question,
196
239
  .feature-card-desc,
@@ -203,21 +246,26 @@ a:hover {
203
246
  margin: 0px;
204
247
  padding: 12px 0px;
205
248
  }
249
+
206
250
  .faq-question {
207
251
  text-align: left;
208
252
  }
253
+
209
254
  .feature-card-desc {
210
255
  font-weight: 400;
211
256
  }
257
+
212
258
  .faq-answer {
213
259
  font-weight: 400;
214
260
  text-align: left;
215
261
  margin: 0px;
216
262
  max-width: 100%;
217
263
  }
264
+
218
265
  main {
219
266
  display: block;
220
267
  }
268
+
221
269
  #app {
222
270
  display: -webkit-box;
223
271
  display: -webkit-flex;
@@ -225,56 +273,67 @@ main {
225
273
  display: flex;
226
274
  min-height: 100vh;
227
275
  }
276
+
228
277
  .box-border {
229
278
  position: absolute;
230
279
  inset: 12px;
231
280
  background: rgba(0, 0, 0, 0.1);
232
281
  border: 1px dashed rgba(0, 0, 0, 0.15);
233
282
  }
283
+
234
284
  .div-cont {
235
285
  display: flex;
236
286
  }
287
+
237
288
  .content-box {
238
289
  display: flex;
239
290
  flex: 1 1 auto;
240
291
  z-index: 1;
241
292
  }
293
+
242
294
  .flex-container {
243
295
  display: flex;
244
296
  -webkit-box-pack: center;
245
297
  justify-content: center;
246
298
  width: 100%;
247
299
  }
300
+
248
301
  .flex-class {
249
302
  -webkit-flex: 1 0 auto;
250
303
  -ms-flex: 1 0 auto;
251
304
  flex: 1 0 auto;
252
305
  width: 100%;
253
306
  }
307
+
254
308
  @media (min-width: 0px) and (max-width: 1199px) {
255
309
  .flex-class {
256
310
  max-width: none;
257
311
  }
258
312
  }
313
+
259
314
  @media (min-width: 1200px) {
260
315
  .flex-class {
261
316
  max-width: 1200px;
262
317
  }
263
318
  }
319
+
264
320
  @media (min-width: 0px) and (max-width: 767px) {
265
321
  .flex-class {
266
322
  padding: 0 18px;
267
323
  }
268
324
  }
325
+
269
326
  @media (min-width: 768px) {
270
327
  .flex-class {
271
328
  padding: 0 30px;
272
329
  }
273
330
  }
331
+
274
332
  .flex-class {
275
333
  flex: 1 0 auto;
276
334
  width: 100%;
277
335
  }
336
+
278
337
  .feature-h1,
279
338
  .home-top-h2 {
280
339
  line-height: 36px;
@@ -284,6 +343,7 @@ main {
284
343
  text-align: center;
285
344
  margin: 0px;
286
345
  }
346
+
287
347
  .feature-h2,
288
348
  .home-top-h2 {
289
349
  font-weight: 300;
@@ -291,12 +351,14 @@ main {
291
351
  text-align: center;
292
352
  margin: 0px;
293
353
  }
354
+
294
355
  @media (min-width: 768px) {
295
356
  .feature-h2 {
296
357
  line-height: 30px;
297
358
  font-size: 22px;
298
359
  }
299
360
  }
361
+
300
362
  .footer-nav-item {
301
363
  margin: -12px 0;
302
364
  padding: 0;
@@ -318,6 +380,7 @@ main {
318
380
  -ms-flex-preferred-size: 0;
319
381
  flex-basis: 0;
320
382
  }
383
+
321
384
  @media (min-width: 992px) {
322
385
  .footer-nav-item {
323
386
  -webkit-flex: initial;
@@ -326,27 +389,33 @@ main {
326
389
  width: 160px;
327
390
  }
328
391
  }
392
+
329
393
  @media (min-width: 576px) and (max-width: 991px) {
330
394
  .footer-nav-item {
331
395
  padding: 0 20px;
332
396
  }
397
+
333
398
  .footer-nav-item:first-child {
334
399
  padding-left: 0;
335
400
  }
401
+
336
402
  .footer-nav-item:last-child {
337
403
  padding-right: 0;
338
404
  }
339
405
  }
406
+
340
407
  @media (max-width: 575px) {
341
408
  .footer-nav-item {
342
409
  -webkit-flex-basis: auto;
343
410
  -ms-flex-preferred-size: auto;
344
411
  flex-basis: auto;
345
412
  }
413
+
346
414
  .footer-nav-item:not(:first-child) {
347
415
  margin-top: 28px;
348
416
  }
349
417
  }
418
+
350
419
  .home-feature-desc {
351
420
  line-height: 18px;
352
421
  font-size: 14px;
@@ -355,6 +424,7 @@ main {
355
424
  position: absolute;
356
425
  padding: 12px;
357
426
  }
427
+
358
428
  @media (max-width: 767px) {
359
429
  .home-feature-desc {
360
430
  right: 0;
@@ -363,6 +433,7 @@ main {
363
433
  top: 36px;
364
434
  }
365
435
  }
436
+
366
437
  @media (min-width: 768px) {
367
438
  .home-feature-desc {
368
439
  left: 0;
@@ -371,6 +442,7 @@ main {
371
442
  top: 84px;
372
443
  }
373
444
  }
445
+
374
446
  @media (min-width: 768px) {
375
447
  .home-top-h1 {
376
448
  line-height: 36px;
@@ -378,39 +450,48 @@ main {
378
450
  margin-bottom: 0px !important;
379
451
  }
380
452
  }
453
+
381
454
  @media (min-width: 768px) {
382
455
  .home-top-h2 {
383
456
  line-height: 30px;
384
457
  font-size: 22px;
385
458
  }
386
459
  }
460
+
387
461
  html {
388
462
  line-height: 1.15;
389
463
  -webkit-text-size-adjust: 100%;
390
464
  }
465
+
391
466
  .header {
392
467
  min-height: 80px;
393
468
  }
469
+
394
470
  .heading {
395
471
  text-align: center;
396
472
  margin-top: 90px;
397
473
  }
474
+
398
475
  .row {
399
476
  text-align: center;
400
477
  }
478
+
401
479
  i {
402
480
  display: block;
403
481
  margin-bottom: 18px;
404
482
  }
483
+
405
484
  p {
406
485
  font-size: 15px;
407
486
  line-height: 1.41;
408
487
  color: rgb(17, 48, 78);
409
488
  }
489
+
410
490
  .how-to {
411
491
  margin-right: -15px;
412
492
  margin-left: -15px;
413
493
  }
494
+
414
495
  .how-to-text {
415
496
  position: relative;
416
497
  min-height: 1px;
@@ -420,6 +501,7 @@ p {
420
501
  width: 74%;
421
502
  padding: 10px;
422
503
  }
504
+
423
505
  .how-to-h2 {
424
506
  font-size: 40px;
425
507
  font-weight: 800;
@@ -429,9 +511,11 @@ p {
429
511
  width: 100%;
430
512
  margin-top: 70px;
431
513
  }
514
+
432
515
  .steps {
433
516
  padding-left: 29px;
434
517
  }
518
+
435
519
  ul li span {
436
520
  display: inline-block;
437
521
  width: 20px;
@@ -440,12 +524,14 @@ ul li span {
440
524
  top: 0px;
441
525
  left: 0px;
442
526
  }
527
+
443
528
  img {
444
529
  outline: none;
445
530
  border: none;
446
531
  max-width: 100%;
447
532
  height: auto;
448
533
  }
534
+
449
535
  ul li {
450
536
  margin: 0 0 20px;
451
537
  padding: 0;
@@ -457,9 +543,11 @@ ul li {
457
543
  list-style: none;
458
544
  position: relative;
459
545
  }
546
+
460
547
  .header {
461
548
  padding: 20px 10px;
462
549
  }
550
+
463
551
  /* footer css start */
464
552
  .footer-wrapper {
465
553
  padding: 32px 0;
@@ -472,6 +560,7 @@ ul li {
472
560
  flex-direction: row;
473
561
  border-bottom: 1px solid #e8e8e8;
474
562
  }
563
+
475
564
  @media (max-width: 991px) {
476
565
  .footer-wrapper {
477
566
  -webkit-flex-direction: column;
@@ -479,6 +568,7 @@ ul li {
479
568
  flex-direction: column;
480
569
  }
481
570
  }
571
+
482
572
  .footer-logo-cont {
483
573
  flex: 1 1 auto;
484
574
  display: flex;
@@ -494,6 +584,7 @@ ul li {
494
584
  color: rgba(26, 26, 26, 1);
495
585
  padding-top: 24px;
496
586
  }
587
+
497
588
  .footer-nav {
498
589
  -webkit-flex: 1 1 auto;
499
590
  -ms-flex: 1 1 auto;
@@ -510,6 +601,7 @@ ul li {
510
601
  -ms-flex-pack: end;
511
602
  justify-content: space-between;
512
603
  }
604
+
513
605
  @media (max-width: 991px) {
514
606
  .footer-nav {
515
607
  padding-top: 32px;
@@ -519,6 +611,7 @@ ul li {
519
611
  justify-content: space-between;
520
612
  }
521
613
  }
614
+
522
615
  @media (max-width: 575px) {
523
616
  .footer-nav {
524
617
  -webkit-flex-direction: column;
@@ -526,11 +619,13 @@ ul li {
526
619
  flex-direction: column;
527
620
  }
528
621
  }
622
+
529
623
  .footer-ul {
530
624
  display: flex;
531
625
  flex-direction: column;
532
626
  padding-left: 0;
533
627
  }
628
+
534
629
  .footer-ul-title {
535
630
  font-stretch: 400;
536
631
  font-weight: 700;
@@ -543,6 +638,7 @@ ul li {
543
638
  -ms-user-select: none;
544
639
  user-select: none;
545
640
  }
641
+
546
642
  .footer-link {
547
643
  font-stretch: 400;
548
644
  font-weight: 400;
@@ -555,9 +651,11 @@ ul li {
555
651
  flex: 0 0 auto;
556
652
  width: 100%;
557
653
  }
654
+
558
655
  .footer-link:hover {
559
656
  color: rgba(117, 117, 117, 1);
560
657
  }
658
+
561
659
  .footer-msg {
562
660
  text-align: left;
563
661
  font-stretch: 400;
@@ -569,11 +667,13 @@ ul li {
569
667
  -ms-flex: 1 1 auto;
570
668
  flex: 1 1 auto;
571
669
  }
670
+
572
671
  @media (min-width: 576px) and (max-width: 991px) {
573
672
  .footer-msg {
574
673
  padding-top: 24px;
575
674
  }
576
675
  }
676
+
577
677
  .privacy-footer {
578
678
  display: -webkit-box;
579
679
  display: -webkit-flex;
@@ -584,6 +684,7 @@ ul li {
584
684
  flex-direction: row;
585
685
  padding: 24px 0;
586
686
  }
687
+
587
688
  @media (max-width: 991px) {
588
689
  .privacy-footer {
589
690
  -webkit-flex-direction: column-reverse;
@@ -591,11 +692,13 @@ ul li {
591
692
  flex-direction: column-reverse;
592
693
  }
593
694
  }
695
+
594
696
  @media (max-width: 575px) {
595
697
  .privacy-footer {
596
698
  padding: 32px 0;
597
699
  }
598
700
  }
701
+
599
702
  .privacy-links {
600
703
  display: -webkit-box;
601
704
  display: -webkit-flex;
@@ -609,6 +712,7 @@ ul li {
609
712
  -ms-flex-direction: row;
610
713
  flex-direction: row;
611
714
  }
715
+
612
716
  @media (max-width: 575px) {
613
717
  .privacy-links {
614
718
  -webkit-flex-direction: column-reverse;
@@ -616,6 +720,7 @@ ul li {
616
720
  flex-direction: column-reverse;
617
721
  }
618
722
  }
723
+
619
724
  .privacy-links-item {
620
725
  font-stretch: 400;
621
726
  font-weight: 400;
@@ -624,15 +729,19 @@ ul li {
624
729
  color: rgba(26, 26, 26, 1);
625
730
  margin: 0 20px;
626
731
  }
732
+
627
733
  .privacy-links-item:hover {
628
734
  color: rgba(117, 117, 117, 1);
629
735
  }
736
+
630
737
  .privacy-links-item:first-child {
631
738
  margin-left: 0;
632
739
  }
740
+
633
741
  .privacy-links-item:last-child {
634
742
  margin-right: 0;
635
743
  }
744
+
636
745
  @media (max-width: 575px) {
637
746
  .privacy-links-item {
638
747
  margin-left: 0;
@@ -640,6 +749,7 @@ ul li {
640
749
  margin-bottom: 32px;
641
750
  }
642
751
  }
752
+
643
753
  /* footer css end */
644
754
  /*about termsand conditions help*/
645
755
  .contact-h1 {
@@ -651,12 +761,14 @@ ul li {
651
761
  text-align: center;
652
762
  margin: 0;
653
763
  }
764
+
654
765
  @media (min-width: 768px) {
655
766
  .contact-h1 {
656
767
  line-height: 36px;
657
768
  font-size: 30px;
658
769
  }
659
770
  }
771
+
660
772
  .contact-h2 {
661
773
  line-height: 30px;
662
774
  font-stretch: 400;
@@ -666,12 +778,14 @@ ul li {
666
778
  text-align: center;
667
779
  margin: 0;
668
780
  }
781
+
669
782
  @media (min-width: 768px) {
670
783
  .contact-h2 {
671
784
  line-height: 30px;
672
785
  font-size: 22px;
673
786
  }
674
787
  }
788
+
675
789
  .about-h1 {
676
790
  line-height: 30px;
677
791
  font-size: 22px;
@@ -681,12 +795,14 @@ ul li {
681
795
  text-align: center;
682
796
  margin: 0;
683
797
  }
798
+
684
799
  @media (min-width: 768px) {
685
800
  .about-h1 {
686
801
  line-height: 36px;
687
802
  font-size: 30px;
688
803
  }
689
804
  }
805
+
690
806
  .about-h2 {
691
807
  line-height: 30px;
692
808
  font-stretch: 400;
@@ -696,27 +812,33 @@ ul li {
696
812
  text-align: center;
697
813
  margin: 0;
698
814
  }
815
+
699
816
  .common-h2 {
700
817
  font-stretch: 400;
701
818
  font-size: 20px;
702
819
  color: rgba(33, 33, 33, 1);
703
820
  }
821
+
704
822
  @media (min-width: 768px) {
705
823
  .about-h2 {
706
824
  line-height: 30px;
707
825
  font-size: 22px;
708
826
  }
827
+
709
828
  .common-h2 {
710
829
  font-size: 22px;
711
830
  }
712
831
  }
832
+
713
833
  .feature-img {
714
834
  width: 36px;
715
835
  height: 36px;
716
836
  }
837
+
717
838
  .box-padding {
718
839
  padding: 0px 0px 24px;
719
840
  }
841
+
720
842
  .box {
721
843
  position: relative;
722
844
  display: flex;
@@ -725,6 +847,7 @@ ul li {
725
847
  min-height: 300px;
726
848
  width: 100%;
727
849
  }
850
+
728
851
  .social-icons {
729
852
  position: fixed;
730
853
  right: 0;
@@ -747,6 +870,7 @@ ul li {
747
870
  .catPad {
748
871
  padding: 0;
749
872
  }
873
+
750
874
  .social-icons {
751
875
  left: 0;
752
876
  bottom: 0 !important;
@@ -761,14 +885,17 @@ ul li {
761
885
  line-height: 100px;
762
886
  }
763
887
  }
888
+
764
889
  .social-icon {
765
890
  margin: 0 !important;
766
891
  color: gray;
767
892
  font-size: 1.6rem;
768
893
  }
894
+
769
895
  .social-icon:hover {
770
896
  color: black;
771
897
  }
898
+
772
899
  .home-features {
773
900
  display: -webkit-box;
774
901
  display: -webkit-flex;
@@ -789,27 +916,32 @@ ul li {
789
916
  transition: 0.2s linear;
790
917
  border: 1px solid white;
791
918
  }
919
+
792
920
  .home-feature-box:hover {
793
921
  transform: translateY(-17px);
794
922
  }
923
+
795
924
  @media (min-width: 0px) and (max-width: 767px) {
796
925
  .home-feature-box {
797
926
  width: 100%;
798
927
  height: 114px;
799
928
  }
800
929
  }
930
+
801
931
  @media (min-width: 768px) and (max-width: 991px) {
802
932
  .home-feature-box {
803
933
  width: 25%;
804
934
  height: 180px;
805
935
  }
806
936
  }
937
+
807
938
  @media (min-width: 992px) {
808
939
  .home-feature-box {
809
940
  width: 20%;
810
941
  height: 180px;
811
942
  }
812
943
  }
944
+
813
945
  .home-feature-name {
814
946
  line-height: 24px;
815
947
  font-size: 16px;
@@ -826,26 +958,31 @@ ul li {
826
958
  left: 0;
827
959
  transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
828
960
  }
961
+
829
962
  .home-feature-name:hover {
830
963
  box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.2);
831
964
  z-index: 1;
832
965
  color: currentColor;
833
966
  text-decoration: none;
834
967
  }
968
+
835
969
  @media (max-width: 767px) {
836
970
  .home-feature-name {
837
971
  padding: 12px 12px 12px 60px;
838
972
  }
839
973
  }
974
+
840
975
  @media (min-width: 768px) {
841
976
  .home-feature-name {
842
977
  padding: 60px 12px 12px 12px;
843
978
  }
844
979
  }
980
+
845
981
  .home-inner-box {
846
982
  position: absolute;
847
983
  padding: 12px;
848
984
  }
985
+
849
986
  .div-cont {
850
987
  display: -webkit-box;
851
988
  display: -webkit-flex;
@@ -853,7 +990,8 @@ ul li {
853
990
  display: flex;
854
991
  /* overflow: hidden; */
855
992
  }
856
- .div-cont > svg {
993
+
994
+ .div-cont>svg {
857
995
  display: -webkit-box;
858
996
  display: -webkit-flex;
859
997
  display: -ms-flexbox;
@@ -862,19 +1000,23 @@ ul li {
862
1000
  -ms-flex: 1 1 auto;
863
1001
  flex: 1 1 auto;
864
1002
  }
865
- .div-cont > svg > * {
1003
+
1004
+ .div-cont>svg>* {
866
1005
  fill: currentColor;
867
1006
  }
1007
+
868
1008
  .mega-menu::first-line {
869
1009
  color: gray !important;
870
1010
  font-weight: 600;
871
1011
  }
1012
+
872
1013
  .lang-dropdown {
873
1014
  position: fixed;
874
1015
  right: 30px;
875
1016
  top: 20px;
876
1017
  z-index: 999;
877
1018
  }
1019
+
878
1020
  @media (max-width: 994px) {
879
1021
  .lang-dropdown {
880
1022
  top: 75px;
@@ -882,23 +1024,28 @@ ul li {
882
1024
  right: 4px;
883
1025
  position: absolute;
884
1026
  }
1027
+
885
1028
  .lang-dropdown .lang-dropdown-btn {
886
1029
  position: absolute;
887
1030
  right: 0;
888
1031
  }
1032
+
889
1033
  .drop-down-wrapper {
890
1034
  overflow-y: unset !important;
891
1035
  }
892
1036
  }
1037
+
893
1038
  .drop-down-wrapper {
894
1039
  height: fit-content !important;
895
1040
  }
1041
+
896
1042
  .lang-dropdown-item {
897
1043
  width: 100%;
898
1044
  display: block;
899
1045
  text-align: center;
900
1046
  text-decoration: none !important;
901
1047
  }
1048
+
902
1049
  .rating-tool {
903
1050
  width: 100%;
904
1051
  display: flex;
@@ -907,22 +1054,26 @@ ul li {
907
1054
  padding: 20px 0px 20px 0px;
908
1055
  border-top: 1px solid rgb(221, 221, 221);
909
1056
  }
1057
+
910
1058
  .rating-text {
911
1059
  font-size: 17px;
912
1060
  font-weight: 700;
913
1061
  color: rgb(33, 33, 33);
914
1062
  padding: 6px;
915
1063
  }
1064
+
916
1065
  .rating-stars {
917
1066
  color: #9d9d9d !important;
918
1067
  padding-top: 17px;
919
1068
  display: flex;
920
1069
  align-items: center;
921
1070
  }
1071
+
922
1072
  .rating-stars i {
923
1073
  padding: 5px;
924
1074
  font-size: 17px;
925
1075
  }
1076
+
926
1077
  .rating-value {
927
1078
  line-height: 24px;
928
1079
  font-size: 16px;
@@ -932,6 +1083,7 @@ ul li {
932
1083
  color: rgb(33, 33, 33);
933
1084
  padding: 6px;
934
1085
  }
1086
+
935
1087
  .related_post_heading {
936
1088
  width: 100%;
937
1089
  font-size: 46px;
@@ -946,36 +1098,44 @@ ul li {
946
1098
  padding-top: 75px;
947
1099
  display: inline-block;
948
1100
  }
1101
+
949
1102
  .card-footer {
950
1103
  border: none;
951
1104
  }
1105
+
952
1106
  .wrapfooter {
953
1107
  display: flex;
954
1108
  align-items: center;
955
1109
  margin-bottom: 15px;
956
1110
  }
1111
+
957
1112
  .wrapfooter img {
958
1113
  width: 35px;
959
1114
  height: 35px;
960
1115
  border-radius: 50%;
961
1116
  }
1117
+
962
1118
  .wrapfooter .author-meta {
963
1119
  padding: 0 15px;
964
1120
  }
1121
+
965
1122
  .wrapfooter .author-meta a {
966
1123
  font-size: 15px;
967
1124
  color: #000;
968
1125
  text-transform: capitalize;
969
1126
  }
1127
+
970
1128
  .wrapfooter .post-read-more {
971
1129
  flex: 50;
972
1130
  text-align: right;
973
1131
  }
1132
+
974
1133
  .post-date {
975
1134
  font-size: 13px;
976
1135
  display: block;
977
1136
  text-align: left;
978
1137
  }
1138
+
979
1139
  .social-count {
980
1140
  background: #d60000;
981
1141
  color: #fff;
@@ -993,41 +1153,49 @@ ul li {
993
1153
  margin-top: 1px;
994
1154
  padding: 9px;
995
1155
  }
1156
+
996
1157
  .file-detail-table th,
997
1158
  .file-detail-table td {
998
1159
  border: none !important;
999
1160
  }
1161
+
1000
1162
  .softwares-section img {
1001
1163
  height: 32px !important;
1002
1164
  width: 32px !important;
1003
1165
  }
1166
+
1004
1167
  .software-name {
1005
1168
  color: #1565c0 !important;
1006
1169
  font-size: 1.1rem;
1007
1170
  margin-top: -4px;
1008
1171
  margin-left: 4px;
1009
1172
  }
1173
+
1010
1174
  .software-value {
1011
1175
  font-size: 0.7rem;
1012
1176
  margin-left: 4px;
1013
1177
  color: #6d6d6d;
1014
1178
  margin-top: -3px;
1015
1179
  }
1180
+
1016
1181
  #rating-img {
1017
1182
  height: 1px;
1018
1183
  width: 1px;
1019
1184
  filter: brightness();
1020
1185
  filter: brightness(100);
1021
1186
  }
1187
+
1022
1188
  .download-section {
1023
1189
  box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
1024
1190
  margin-top: 5px;
1025
1191
  }
1192
+
1026
1193
  .download-btn-container {
1027
1194
  border-bottom: 1px solid rgb(238, 238, 238);
1028
1195
  border-left: 1px solid rgb(238, 238, 238);
1029
1196
  padding: 24px 24px 40px;
1030
1197
  }
1198
+
1031
1199
  .success-greeting {
1032
1200
  display: flex;
1033
1201
  justify-content: center;
@@ -1035,22 +1203,26 @@ ul li {
1035
1203
  margin-right: 15px;
1036
1204
  width: 100%;
1037
1205
  }
1206
+
1038
1207
  .success-greeting p {
1039
1208
  margin-bottom: 0px;
1040
1209
  padding: 0;
1041
1210
  }
1211
+
1042
1212
  .success-msg-cont {
1043
1213
  padding: 24px 30px;
1044
1214
  display: flex;
1045
1215
  justify-content: space-between;
1046
1216
  flex-direction: column;
1047
1217
  }
1218
+
1048
1219
  .success-msg {
1049
1220
  color: rgb(26, 26, 26);
1050
1221
  font-size: 20px;
1051
1222
  font-weight: 600;
1052
1223
  padding: 24px 0px;
1053
1224
  }
1225
+
1054
1226
  .success-msg-cont button {
1055
1227
  border: none;
1056
1228
  width: 400px;
@@ -1064,70 +1236,87 @@ ul li {
1064
1236
  margin-left: auto;
1065
1237
  padding-top: 5px;
1066
1238
  }
1239
+
1067
1240
  .success-msg-cont button i {
1068
1241
  margin-right: 4px;
1069
1242
  padding-top: 1px;
1070
1243
  margin-bottom: 0;
1071
1244
  color: #11304e;
1072
1245
  }
1246
+
1073
1247
  .sites-config {
1074
1248
  padding: 0px 24px;
1075
1249
  border-top: 1px solid rgb(238, 238, 238);
1076
1250
  }
1251
+
1077
1252
  .social-share-section {
1078
1253
  padding: 0px 24px;
1079
1254
  border-top: 1px solid rgb(238, 238, 238);
1080
1255
  }
1256
+
1081
1257
  .try-more-features {
1082
1258
  padding: 0px 24px;
1083
1259
  border-bottom: 1px solid rgb(238, 238, 238);
1084
1260
  }
1261
+
1085
1262
  .sites-config {
1086
1263
  padding: 24px 0px;
1087
1264
  }
1265
+
1088
1266
  .social-share-section {
1089
1267
  padding: 24px 0px;
1090
1268
  }
1269
+
1091
1270
  #filename {
1092
1271
  font-size: 22px;
1093
1272
  font-weight: 700;
1094
1273
  }
1274
+
1095
1275
  .download-social-share a i {
1096
1276
  font-size: 1.5rem;
1097
1277
  padding: 0px 10px;
1098
1278
  margin: 0px 30px;
1099
1279
  }
1280
+
1100
1281
  .share-heading {
1101
1282
  font-size: 17px;
1102
1283
  font-weight: 700;
1103
1284
  color: rgb(33, 33, 33);
1104
1285
  padding: 6px;
1105
1286
  }
1287
+
1106
1288
  .sites-config img {
1107
1289
  height: 27px;
1108
1290
  }
1291
+
1109
1292
  .social-share-section,
1110
1293
  .try-more-features {
1111
1294
  padding: 0px 24px;
1112
1295
  border-top: 1px solid rgb(238, 238, 238);
1113
1296
  }
1297
+
1114
1298
  .download-social-share {
1115
1299
  padding: 24px 0px;
1116
1300
  border-top: 1px solid rgb(238, 238, 238);
1117
1301
  }
1302
+
1118
1303
  .sites-config {
1119
1304
  padding: 24px 0px;
1120
1305
  }
1306
+
1121
1307
  .social-share-section {
1122
1308
  padding: 24px 0px;
1123
1309
  }
1310
+
1124
1311
  #filename {
1125
1312
  font-size: 22px;
1126
1313
  font-weight: 700;
1127
1314
  }
1315
+
1128
1316
  .sites-config a {
1129
1317
  text-decoration: none;
1130
1318
  }
1319
+
1131
1320
  .feature-showcase-div {
1132
1321
  margin: 0px;
1133
1322
  padding: 0px;
@@ -1150,25 +1339,32 @@ ul li {
1150
1339
  height: 66px;
1151
1340
  background: rgb(250, 250, 250);
1152
1341
  }
1342
+
1153
1343
  .feature-showcase-div:hover {
1154
1344
  background-color: #fff;
1155
1345
  }
1346
+
1156
1347
  .feature-showcase-div img {
1157
1348
  width: 32px;
1158
1349
  height: 32px;
1159
1350
  }
1351
+
1160
1352
  .feature-showcase-div a {
1161
1353
  text-decoration: none;
1162
1354
  }
1355
+
1163
1356
  .feature-showcase-div i {
1164
1357
  font-size: 11px;
1165
1358
  }
1359
+
1166
1360
  .website-img {
1167
1361
  height: 38px;
1168
1362
  }
1363
+
1169
1364
  .website-wrap {
1170
1365
  text-align: left;
1171
1366
  }
1367
+
1172
1368
  .file-info-h1 {
1173
1369
  font-family: Helvetica, sans-serif;
1174
1370
  font-weight: 600;
@@ -1176,6 +1372,7 @@ ul li {
1176
1372
  margin: 0;
1177
1373
  margin-bottom: 8px;
1178
1374
  }
1375
+
1179
1376
  .file-info-h2 {
1180
1377
  font-family: Helvetica, sans-serif;
1181
1378
  font-weight: 600;
@@ -1183,6 +1380,7 @@ ul li {
1183
1380
  color: #848d95;
1184
1381
  margin-bottom: 10px;
1185
1382
  }
1383
+
1186
1384
  .file-info-item-list {
1187
1385
  list-style: disc;
1188
1386
  color: rgb(26, 25, 25);
@@ -1191,20 +1389,25 @@ ul li {
1191
1389
  line-height: 32px;
1192
1390
  padding: 0;
1193
1391
  }
1392
+
1194
1393
  .file-info-img {
1195
1394
  height: 500px;
1196
1395
  width: 100%;
1197
1396
  }
1397
+
1198
1398
  .info-title {
1199
1399
  font-weight: 600;
1200
1400
  }
1401
+
1201
1402
  .sticky-div-file-info {
1202
1403
  position: sticky;
1203
1404
  top: 0%;
1204
1405
  }
1406
+
1205
1407
  ol li::marker {
1206
1408
  font-size: 25px;
1207
1409
  }
1410
+
1208
1411
  .drop-down-btn {
1209
1412
  cursor: pointer;
1210
1413
  outline: 0px;
@@ -1221,9 +1424,11 @@ ol li::marker {
1221
1424
  line-height: 24px;
1222
1425
  color: rgb(26, 26, 26);
1223
1426
  }
1427
+
1224
1428
  .drop-down-btn svg {
1225
1429
  height: 22px;
1226
1430
  }
1431
+
1227
1432
  .language-drop-down-menu {
1228
1433
  display: flex;
1229
1434
  justify-content: space-between;
@@ -1231,6 +1436,7 @@ ol li::marker {
1231
1436
  padding: 0;
1232
1437
  flex-wrap: wrap;
1233
1438
  }
1439
+
1234
1440
  .language-drop-down-item {
1235
1441
  width: 50%;
1236
1442
  padding: 10px 12px 0px 0px;
@@ -1238,6 +1444,7 @@ ol li::marker {
1238
1444
  font-size: 15px;
1239
1445
  margin-bottom: 0;
1240
1446
  }
1447
+
1241
1448
  .language-drop-down-item a {
1242
1449
  display: flex;
1243
1450
  width: 100%;
@@ -1245,17 +1452,21 @@ ol li::marker {
1245
1452
  padding: 9px 9px;
1246
1453
  border-bottom: 1px solid rgb(224, 224, 224);
1247
1454
  }
1455
+
1248
1456
  .language-drop-down-item a:hover {
1249
1457
  background: rgb(238, 238, 238);
1250
1458
  border-radius: 3px;
1251
1459
  }
1460
+
1252
1461
  .language-drop-down-item a i {
1253
1462
  margin: 0;
1254
1463
  }
1464
+
1255
1465
  .active-lang {
1256
1466
  background: rgb(238, 238, 238);
1257
1467
  border-radius: 3px;
1258
1468
  }
1469
+
1259
1470
  .row .col-md-9 p {
1260
1471
  text-align: left;
1261
1472
  }
@@ -1276,6 +1487,7 @@ ol li::marker {
1276
1487
  .catPad div {
1277
1488
  margin: 0 0 20px !important;
1278
1489
  }
1490
+
1279
1491
  .upload-redirect {
1280
1492
  padding: 13px 1.5em 14px 1.5em;
1281
1493
  color: #fff;
@@ -1286,29 +1498,35 @@ ol li::marker {
1286
1498
  font-weight: 600;
1287
1499
  border: none;
1288
1500
  }
1501
+
1289
1502
  #left-section {
1290
1503
  display: flex;
1291
1504
  flex-direction: column;
1292
1505
  align-items: baseline;
1293
1506
  justify-content: center;
1294
1507
  }
1508
+
1295
1509
  .right-section img {
1296
1510
  width: 90%;
1297
1511
  }
1512
+
1298
1513
  #left-section h1,
1299
1514
  #left-section h2 {
1300
1515
  text-align: left;
1301
1516
  width: 100%;
1302
1517
  }
1518
+
1303
1519
  .video-h1,
1304
1520
  .audio-h1 {
1305
1521
  font-weight: 600;
1306
1522
  font-size: 53px;
1307
1523
  }
1524
+
1308
1525
  .video-h2,
1309
1526
  .audio-h2 {
1310
1527
  font-size: 22px;
1311
1528
  }
1529
+
1312
1530
  .toaster {
1313
1531
  top: 15px;
1314
1532
  padding: 12px 20px;
@@ -1325,4 +1543,4 @@ ol li::marker {
1325
1543
  text-decoration: none;
1326
1544
  max-width: calc(50% - 20px);
1327
1545
  z-index: 2147483647;
1328
- }
1546
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: appscms-tools-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.0.4
4
+ version: 3.0.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-12-22 00:00:00.000000000 Z
11
+ date: 2022-12-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll