appscms-tools-theme 3.8.9 → 3.9.0

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.
@@ -0,0 +1,100 @@
1
+ body {
2
+ background-color: #f9f9f9 !important;
3
+ }
4
+
5
+ .appscms-h1 {
6
+ margin-top: 1px;
7
+ padding-top: 2px;
8
+ font-weight: 600;
9
+ font-size: 40px;
10
+ color: #453a38;
11
+ }
12
+
13
+ #calculate_btn {
14
+ background: #f94f00;
15
+ }
16
+
17
+ .appscms-h2 {
18
+ font-size: 17px;
19
+ padding-top: 0px;
20
+ font-weight: 400;
21
+ color: rgb(118, 118, 118);
22
+ }
23
+ .appscms-toolbar {
24
+ background: #f85408;
25
+ }
26
+
27
+ #safeui-alert {
28
+ display: none;
29
+ }
30
+ .list-item-dropdown li .toolbar-link {
31
+ color: rgb(112, 112, 112);
32
+ }
33
+ .calculator-workspace {
34
+ max-width: 430px;
35
+ width: 100%;
36
+ background: #fdfdfd;
37
+ position: relative;
38
+ z-index: 1;
39
+ margin: 0 auto;
40
+ box-shadow: 1px 2px 12px rgb(0 0 0 / 15%);
41
+ border-radius: 8px;
42
+ padding: 1.5rem;
43
+ }
44
+
45
+ .calculator-workspace label {
46
+ font-weight: 500;
47
+ text-align: left;
48
+ margin-top: 10px;
49
+ color: #585858;
50
+ margin-right: 8px;
51
+ }
52
+
53
+ .submit-button {
54
+ border: none;
55
+ border-radius: 4px;
56
+ padding: 10px 22px;
57
+ color: #fff;
58
+ background-color: #e7510b;
59
+ margin-left: auto;
60
+ font-weight: 600;
61
+ }
62
+
63
+ .list-item-dropdown li .toolbar-link:hover {
64
+ color: #ff4000;
65
+ }
66
+ .calculator-inputs {
67
+ display: flex;
68
+ gap: 10px;
69
+ }
70
+ .unit {
71
+ background: #ffff;
72
+ padding: 0px 10px;
73
+ display: flex;
74
+ color: gray;
75
+ align-items: center;
76
+ justify-content: center;
77
+ border-radius: 4px;
78
+ font-weight: 600;
79
+ }
80
+ .calculator-tooltip {
81
+ display: flex;
82
+ align-items: center;
83
+ }
84
+ .calculator-tooltip .fa-info-circle {
85
+ margin-bottom: 0px;
86
+ }
87
+
88
+ .form-control {
89
+ border-bottom: 3px solid #ff6003;
90
+ height: calc(2em + 0.75rem + 2px);
91
+ }
92
+ .form-control:focus {
93
+ border: 1.5px solid rgb(210, 210, 210);
94
+ border-bottom: 4px solid #ff6003;
95
+ height: calc(1.9em + 0.75rem + 2px);
96
+ }
97
+
98
+ .toaster {
99
+ display: none;
100
+ }
@@ -15,10 +15,6 @@
15
15
  background-color: white;
16
16
  gap: 10px;
17
17
  }
18
- .upload-btn {
19
- padding: 10px;
20
- cursor: pointer;
21
- }
22
18
  .upload-btn {
23
19
  text-align: center;
24
20
  background-color: rgb(29, 22, 232);
@@ -26,8 +22,9 @@
26
22
  border-radius: 10px;
27
23
  width: 195px;
28
24
  height: 41px;
25
+ padding: 10px;
26
+ cursor: pointer;
29
27
  }
30
-
31
28
  .appscms-upload-section {
32
29
  display: flex;
33
30
  flex-direction: column;
@@ -140,12 +137,6 @@
140
137
  top: 2px;
141
138
  }
142
139
 
143
- @media (min-width: 768px) {
144
- .appscms-h1 {
145
- margin-top: 50px !important;
146
- }
147
- }
148
-
149
140
  @media (max-width: 768px) {
150
141
  .upload-btn {
151
142
  width: 268px;
@@ -378,7 +369,6 @@
378
369
 
379
370
  .inforgraphics_section .wrapper i:first-child {
380
371
  left: 0;
381
- /* margin-left: 14px; */
382
372
  z-index: 99;
383
373
  }
384
374
 
@@ -397,3 +387,9 @@
397
387
  margin-right: 0;
398
388
  }
399
389
  }
390
+
391
+ @media (min-width: 768px) {
392
+ .appscms-h1 {
393
+ margin-top: 0px;
394
+ }
395
+ }
@@ -0,0 +1,5 @@
1
+ @media (min-width: 768px) {
2
+ .appscms-h1 {
3
+ margin-top: 50px !important;
4
+ }
5
+ }
@@ -11,16 +11,17 @@
11
11
  --secondary-color: #f8f8f8;
12
12
  --secondary-color-1: #fafafa;
13
13
  --secondary-color-3: #f4f5ff;
14
- --black-color: #000;
14
+ --black-color: #202020;
15
15
  --while-color: #ffffff;
16
- --black-light: #606060;
16
+ --black-light: #777777;
17
17
  --font-family: "Inter", sans-serif;
18
- --text-color: #000;
19
- --success-color: #00cc00;
20
- --error-color: #ff0000;
21
- --warning-color: #ffcc00;
18
+ --text-color: #303030;
19
+ --success-color: #3de968;
20
+ --error-color: #e33e3e;
21
+ --warning-color: #efcf2a;
22
22
  --dark-gray: #4d4d4d;
23
23
  --mid-gray: #1d1d1d;
24
+ --light-gray: rgb(137, 137, 137);
24
25
  }
25
26
  body {
26
27
  padding: 0;
@@ -39,7 +40,11 @@ body {
39
40
  .appscms-navbar {
40
41
  background-color: var(--while-color);
41
42
  height: 45px;
43
+ position: sticky;
44
+ top: 0;
45
+ z-index: 999;
42
46
  }
47
+
43
48
  .appscms-navbar-nav {
44
49
  display: flex;
45
50
  width: 100%;
@@ -55,24 +60,31 @@ body {
55
60
  height: 100%;
56
61
  display: flex;
57
62
  justify-content: flex-end;
58
- gap: 80px;
63
+ gap: 45px;
59
64
  align-items: center;
60
65
  }
66
+
61
67
  .appscms-nav-link {
62
- color: #000;
68
+ font-size: 15px;
69
+ color: var(--black-light);
70
+ font-weight: 450;
63
71
  }
64
72
  .appscms-nav-link:hover {
65
73
  color: var(--black-color);
66
- text-decoration: none;
74
+ text-decoration: underline;
67
75
  }
68
76
  .arrow-svg {
69
77
  display: none;
70
78
  }
71
79
 
72
80
  .appscms-toolbar {
73
- background-color: var(--primary-color);
81
+ background-color: #1a2cce;
74
82
  box-shadow: 1px 4px 10 #00000026;
83
+ position: sticky;
84
+ z-index: 999;
85
+ top: 45px;
75
86
  }
87
+
76
88
  .appscms-toolbar .appscms-toolbar-list {
77
89
  list-style: none;
78
90
  display: flex;
@@ -81,6 +93,7 @@ body {
81
93
  height: 40px;
82
94
  gap: 59px;
83
95
  }
96
+
84
97
  .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
85
98
  color: var(--black-light);
86
99
  display: block;
@@ -160,18 +173,25 @@ body {
160
173
  list-style: none;
161
174
  }
162
175
  .list-item-dropdown li .toolbar-link {
163
- font-weight: 500;
164
- line-height: 2.5;
165
- color: rgb(45, 45, 45);
176
+ font-weight: 600;
177
+ line-height: 1.7;
178
+ color: var(--dark-gray);
166
179
  padding-top: 10px;
167
180
  padding-bottom: 8px;
168
181
  align-items: center;
169
182
  width: 100%;
170
- font-size: 17px;
183
+ font-size: 16px;
171
184
  text-decoration: none;
172
185
  text-transform: capitalize;
173
186
  white-space: nowrap;
174
187
  }
188
+
189
+ .list-item-dropdown li .toolbar-link:hover {
190
+ background-color: rgba(241, 241, 241, 0.279);
191
+ box-shadow: 0px 0px 5px rgba(241, 241, 241, 0.279);
192
+ border-radius: 5px;
193
+ color: #323232;
194
+ }
175
195
  .appscms-toolbar-list-item-span {
176
196
  color: var(--while-color);
177
197
  display: block;
@@ -186,13 +206,18 @@ body {
186
206
  .hamburger {
187
207
  display: none;
188
208
  }
209
+
210
+ .appscms-faq-section {
211
+ max-width: 1140px;
212
+ }
213
+
189
214
  @media (max-width: 768px) {
190
215
  .hamburger {
191
216
  display: block;
192
217
  cursor: pointer;
193
218
  position: absolute;
194
219
  right: -20px;
195
- top: 5px;
220
+ /* top: 5px; */
196
221
  z-index: 9999;
197
222
  }
198
223
  .appscms-toolbar {
@@ -231,6 +256,7 @@ body {
231
256
  border-bottom: none;
232
257
  padding-bottom: 10px;
233
258
  }
259
+
234
260
  .appscms-toolbar
235
261
  .appscms-toolbar-list
236
262
  .appscms-toolbar-list-item:first-child {
@@ -279,8 +305,9 @@ body {
279
305
  .success-msg {
280
306
  font-size: 50px;
281
307
  font-weight: 799;
308
+ font-family: "inter", sans-serif;
282
309
  margin: 20px 0px;
283
- color: #000;
310
+ color: var(--mid-gray);
284
311
  }
285
312
  .appscms-h3 {
286
313
  font-size: 30px;
@@ -289,8 +316,8 @@ body {
289
316
  .appscms-h2 {
290
317
  font-size: 20px;
291
318
  padding-top: 8px;
292
- font-weight: 400;
293
- color: var(--mid-gray);
319
+ font-weight: 500;
320
+ color: var(--light-gray);
294
321
  }
295
322
 
296
323
  /* searchbar */
@@ -369,14 +396,22 @@ body {
369
396
  #appscms-tools-section {
370
397
  padding-top: 50px;
371
398
  }
399
+
372
400
  .appscms-tool {
373
401
  border-radius: 10px;
374
- box-shadow: 2px 3px 7px 2px rgba(0, 0, 0, 0.26);
402
+ box-shadow: 2px 3px 7px 2px rgba(0, 0, 0, 0.158);
375
403
  cursor: pointer;
376
- height: 171px;
404
+ height: 169px;
377
405
  margin-bottom: 25px;
378
406
  background-color: rgba(255, 255, 255, 0.7);
407
+ transition: all 0.2s ease;
408
+ }
409
+
410
+ .appscms-tool:hover {
411
+ transform: translate(0, -4px) scale(1.01);
412
+ box-shadow: 2px 5px 7px 2px rgba(0, 0, 0, 0.236);
379
413
  }
414
+
380
415
  .appscms-tool .tool-top {
381
416
  background: #4b5cf4;
382
417
  overflow: hidden;
@@ -385,30 +420,57 @@ body {
385
420
  border-top-left-radius: 10px;
386
421
  display: flex;
387
422
  align-items: center;
423
+ transition: all 0.5s ease;
388
424
  }
389
425
 
426
+ .appscms-tool .tool-top:hover {
427
+ transform: translate(0, 0px) scale(1.001);
428
+ animation: moveGradient 10s linear infinite;
429
+ filter: hue-rotate(15deg) saturate(125%) brightness(104%);
430
+ }
431
+ .appscms-tool .tool-top:active {
432
+ transform: translate(0, 0px) scale(1.003);
433
+ animation: moveGradient 10s linear infinite;
434
+ filter: hue-rotate(-15deg) saturate(105%) brightness(95%);
435
+ }
436
+
437
+ @keyframes moveGradient {
438
+ 0% {
439
+ background-position: 0% 50%;
440
+ }
441
+ 100% {
442
+ background-position: 100% 50%;
443
+ }
444
+ }
390
445
  .appscms-tool .tool-top .tool-img {
391
446
  padding: 0px;
392
447
  margin-right: 21px;
393
- background: white;
448
+ background: rgba(255, 255, 255, 25%);
394
449
  border-radius: 300px;
395
450
  margin-left: 20px;
396
- height: 60px;
397
- width: 60px;
451
+ height: 58px;
452
+ width: 58px;
398
453
  display: flex;
399
454
  align-items: center;
455
+ border: 1px solid #ffffff12;
400
456
  }
457
+
401
458
  .appscms-tool .tool-top .tool-img img {
402
- filter: invert(1);
403
- height: 37px;
459
+ height: 34px;
404
460
  width: 72px;
405
- border-radius: 50%;
461
+ transition: filter 0.3s ease-in-out; /* Smooth transitions for transform and box-shadow */
406
462
  }
463
+
464
+ .appscms-tool .tool-top .tool-img img:hover {
465
+ transform: scale(1.001); /* Slightly scale up the image on hover */
466
+ filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.355));
467
+ }
468
+
407
469
  .appscms-tool .tool-text {
408
470
  color: var(--while-color);
409
471
  padding-right: 33px;
410
472
  font-weight: 300;
411
- font-size: 17px;
473
+ font-size: 16px;
412
474
  line-height: 20.57px;
413
475
  }
414
476
  .appscms-tool .tool-heading {
@@ -416,8 +478,8 @@ body {
416
478
  padding-bottom: 19px;
417
479
  color: var(--dark-gray);
418
480
  height: 57px;
419
- font-weight: 400;
420
- font-size: 19px;
481
+ font-weight: 500;
482
+ font-size: 17px;
421
483
  text-align: center;
422
484
  }
423
485
  .text-primary {
@@ -452,7 +514,12 @@ body {
452
514
  .card-body {
453
515
  display: flex;
454
516
  flex-direction: column;
455
- justify-content: space-between;
517
+ }
518
+
519
+ @media (min-width: 768px) {
520
+ .appscms-h1 {
521
+ margin-top: 50px;
522
+ }
456
523
  }
457
524
 
458
525
  /* recent post blog heading */
@@ -553,7 +620,7 @@ body {
553
620
  width: 100%;
554
621
  align-items: center;
555
622
  padding: 9px 9px;
556
- color: #000;
623
+ color: #1e1e1e;
557
624
  border-bottom: 1px solid rgb(224, 224, 224);
558
625
  }
559
626
 
@@ -685,47 +752,66 @@ body {
685
752
 
686
753
  /* Medium devices (desktops) */
687
754
  @media (max-width: 768px) {
755
+ #appscms-tools-section-row {
756
+ gap: 15px;
757
+ justify-content: center;
758
+ }
688
759
  .appscms-tool .tool-top .tool-img img {
689
- filter: invert(0);
760
+ border-radius: 0;
690
761
  }
762
+
691
763
  .appscms-tool .tool-top .tool-img {
692
764
  justify-content: center;
693
765
  background: unset;
766
+ border: 5px solid #ffffff08;
694
767
  }
695
768
  .appscms-tool {
696
769
  box-shadow: none;
697
770
  margin-bottom: 25px;
698
771
  height: auto;
699
772
  background-color: transparent;
773
+ display: flex;
774
+ flex-direction: column;
775
+ align-items: center;
700
776
  }
777
+
778
+ .appscms-tool:hover {
779
+ box-shadow: unset;
780
+ }
781
+
701
782
  .appscms-tool .tool-top {
702
783
  background-color: transparent;
703
784
  flex-direction: column;
704
785
  justify-content: center;
705
786
  border-radius: 10px;
706
- height: 72px;
787
+ height: 64px;
788
+ width: 64px;
789
+ border-radius: 21px;
707
790
  }
708
791
  .appscms-tool .tool-img {
709
792
  padding: 0px !important;
710
793
  }
794
+
711
795
  .appscms-tool .tool-img img {
712
- height: 37px !important;
713
- width: 37px !important;
714
- border-radius: 20px !important;
796
+ height: 38px !important;
797
+ width: 38px !important;
715
798
  }
799
+
716
800
  .appscms-tool .tool-text {
717
801
  display: none;
718
802
  }
803
+
719
804
  .appscms-tool .tool-heading {
720
805
  font-size: 12px;
721
806
  line-height: 14.52px;
722
807
  margin-top: 14px;
723
808
  padding: 0px;
724
809
  height: 15px;
725
- font-weight: 300;
810
+ font-weight: 400;
726
811
  }
812
+
727
813
  .appscms-tool-container {
728
- margin: 0 auto;
814
+ /* margin: 0 auto; */
729
815
  width: auto !important;
730
816
  }
731
817
  .appscms-tool-container:nth-child(even) .appscms-tool .tool-top {
@@ -758,21 +844,24 @@ body {
758
844
  .appscms-product-footer li {
759
845
  list-style: none;
760
846
  }
847
+
761
848
  .footer-product-link {
762
849
  border-radius: 5px;
763
- color: #262628;
850
+ color: #5e5e5f;
764
851
  display: block;
765
- font-size: 13px;
766
- line-height: 20px;
767
- padding: 14px 20px 14px 48px;
852
+ font-weight: 500;
853
+ font-size: 14px;
854
+ line-height: 19px;
855
+ padding: 15px 20px 14px 25px;
768
856
  position: relative;
769
857
  transition: none;
770
858
  }
771
859
  .footer-product-link:hover {
772
- background-color: #f3f3f4;
860
+ background-color: #f3f3f451;
773
861
  color: #262628;
774
862
  text-decoration: none;
775
863
  }
864
+
776
865
  .appscms-footer {
777
866
  background-color: var(--while-color);
778
867
  padding: 44px 10px 10px 10px;
@@ -782,22 +871,24 @@ body {
782
871
  .appscms-footer-link {
783
872
  list-style: none;
784
873
  }
874
+
785
875
  .appscms-footer-link a {
786
- color: var(--dark-gray);
876
+ color: #6b6b6b;
787
877
  display: block;
788
- margin-top: 24px;
789
- font-size: 15px;
790
- font-weight: 400;
791
- line-height: 20px;
878
+ margin-top: 18px;
879
+ font-size: 14px;
880
+ font-weight: 500;
881
+ line-height: 18px;
792
882
  }
793
883
  .appscms-footer-link a:hover {
794
884
  color: var(--black-color);
795
885
  }
796
886
  .appscms-footer-category {
797
887
  font-size: 14px;
798
- font-weight: 600;
799
- line-height: 20px;
800
- color: var(--black-color);
888
+ padding-bottom: 12px;
889
+ font-weight: 700;
890
+ line-height: 12px;
891
+ color: var(--mid-gray);
801
892
  list-style: none;
802
893
  }
803
894
 
@@ -1099,6 +1190,7 @@ body {
1099
1190
  .infographics_section .slide img {
1100
1191
  width: 200px;
1101
1192
  height: 100%;
1193
+ transition-duration: 0.27s;
1102
1194
  /* object-fit: contain; */
1103
1195
  }
1104
1196
 
@@ -1115,7 +1207,6 @@ body {
1115
1207
  position: absolute;
1116
1208
  top: 50%;
1117
1209
  z-index: 10;
1118
-
1119
1210
  height: 5.5rem;
1120
1211
  width: 5.5rem;
1121
1212
  cursor: pointer;
@@ -1150,7 +1241,10 @@ body {
1150
1241
  .infographics_section .dot.active {
1151
1242
  background: #272727;
1152
1243
  }
1244
+ .slide img {
1245
+ transition-duration: 0.27s;
1246
+ }
1153
1247
  .slide img:hover {
1154
- transform: scale(1.4);
1155
- transition: cubic-bezier(0.165, 0.84, 0.44, 1);
1248
+ transform: scale(1.1);
1249
+ box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
1156
1250
  }
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.8.9
4
+ version: 3.9.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-09-14 00:00:00.000000000 Z
11
+ date: 2023-09-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -231,6 +231,7 @@ files:
231
231
  - assets/cloud.svg
232
232
  - assets/cross.svg
233
233
  - assets/css/adblocker.css
234
+ - assets/css/appscms-calculator.css
234
235
  - assets/css/appscms-feature.css
235
236
  - assets/css/appscms-home.css
236
237
  - assets/css/appscms-imagekit.css