appscms-tools-theme 3.0.4 → 3.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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