appscms-tools-theme 3.8.9 → 3.9.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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