appscms-tools-theme 2.7.1 → 2.7.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,47 +1,47 @@
1
- .calculator-workspace {
2
- width: 400px;
3
- background: #f6f6f6d2;
4
- position: relative;
5
- z-index: 1;
6
- margin: 0 auto;
7
- box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
- border-radius: 8px;
9
- padding: 1.5rem;
10
- }
11
-
12
- .calculator-workspace label {
13
- font-weight: 600;
14
- text-align: left;
15
- margin-top: 10px;
16
- margin-right: 8px;
17
- }
18
-
19
- .submit-button {
20
- border: none;
21
- border-radius: 4px;
22
- padding: 10px 22px;
23
- color: #fff;
24
- margin-left: auto;
25
- font-weight: 600;
26
- }
27
-
28
- .calculator-inputs {
29
- display: flex;
30
- gap: 10px;
31
- }
32
- .unit {
33
- background: #ffff;
34
- padding: 0px 10px;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- border-radius: 4px;
39
- font-weight: 600;
40
- }
41
- .calculator-tooltip {
42
- display: flex;
43
- align-items: center;
44
- }
45
- .calculator-tooltip .fa-info-circle {
46
- margin-bottom: 0px;
47
- }
1
+ .calculator-workspace {
2
+ width: 400px;
3
+ background: #f6f6f6d2;
4
+ position: relative;
5
+ z-index: 1;
6
+ margin: 0 auto;
7
+ box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
+ border-radius: 8px;
9
+ padding: 1.5rem;
10
+ }
11
+
12
+ .calculator-workspace label {
13
+ font-weight: 600;
14
+ text-align: left;
15
+ margin-top: 10px;
16
+ margin-right: 8px;
17
+ }
18
+
19
+ .submit-button {
20
+ border: none;
21
+ border-radius: 4px;
22
+ padding: 10px 22px;
23
+ color: #fff;
24
+ margin-left: auto;
25
+ font-weight: 600;
26
+ }
27
+
28
+ .calculator-inputs {
29
+ display: flex;
30
+ gap: 10px;
31
+ }
32
+ .unit {
33
+ background: #ffff;
34
+ padding: 0px 10px;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ border-radius: 4px;
39
+ font-weight: 600;
40
+ }
41
+ .calculator-tooltip {
42
+ display: flex;
43
+ align-items: center;
44
+ }
45
+ .calculator-tooltip .fa-info-circle {
46
+ margin-bottom: 0px;
47
+ }
data/assets/css/frame.css CHANGED
@@ -1,6 +1,7 @@
1
1
  body {
2
- font-family: "Dancing Script", cursive;
2
+ font-family: "PT Sans", sans-serif !important;
3
3
  }
4
+
4
5
  :root {
5
6
  --dark: #374151;
6
7
  --darker: #1f2937;
@@ -10,6 +11,7 @@ body {
10
11
  --pink: #ec4899;
11
12
  --purple: #8b5cf6;
12
13
  }
14
+
13
15
  #img-svg {
14
16
  margin: auto;
15
17
  margin-top: 16px;
@@ -120,17 +122,20 @@ body {
120
122
  align-items: center;
121
123
  justify-content: center;
122
124
  }
125
+
123
126
  #dropfile {
124
127
  font-size: 16px;
125
128
  margin-top: 15px;
126
129
  text-align: center;
127
130
  color: #fff;
128
131
  }
132
+
129
133
  .saving-file-download-wrap {
130
134
  display: flex;
131
135
  flex-direction: column;
132
136
  align-items: center;
133
137
  }
138
+
134
139
  #download {
135
140
  padding: 10px 16px;
136
141
  background: #fff;
@@ -140,6 +145,7 @@ body {
140
145
  height: 80px;
141
146
  width: 80px;
142
147
  }
148
+
143
149
  .options-panel select,
144
150
  textarea,
145
151
  input {
@@ -155,9 +161,11 @@ input {
155
161
  color: #0f0c0c;
156
162
  border: 1px solid #ccc;
157
163
  }
164
+
158
165
  .options-panel div {
159
166
  width: 100%;
160
167
  }
168
+
161
169
  #action-button {
162
170
  background-color: #ff6537;
163
171
  margin: 0;
@@ -173,16 +181,19 @@ input {
173
181
  margin: auto;
174
182
  margin-top: 20px;
175
183
  }
184
+
176
185
  #workspace-area input[type="text"] {
177
186
  height: 40px;
178
187
  border: 1px solid gray;
179
188
  border-radius: 2px;
180
189
  }
190
+
181
191
  #canvas-area {
182
192
  width: 100%;
183
193
  margin-top: 30px;
184
194
  max-width: 100%;
185
195
  }
196
+
186
197
  #img-svg {
187
198
  margin: auto;
188
199
  margin-top: 16px;
@@ -301,18 +312,21 @@ input {
301
312
  min-height: 300px;
302
313
  width: 100%;
303
314
  }
315
+
304
316
  #dropfile {
305
317
  font-size: 16px;
306
318
  margin-top: 15px;
307
319
  text-align: center;
308
320
  color: #fff;
309
321
  }
322
+
310
323
  .options-panel {
311
324
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
312
325
  border-radius: 4px;
313
326
  padding: 30px;
314
327
  width: 100%;
315
328
  }
329
+
316
330
  .options-panel .title {
317
331
  width: 100%;
318
332
  font-size: 28px;
@@ -322,6 +336,7 @@ input {
322
336
  text-align: left;
323
337
  text-transform: capitalize;
324
338
  }
339
+
325
340
  .options-panel .description {
326
341
  width: 100%;
327
342
  font-size: 17px;
@@ -329,6 +344,7 @@ input {
329
344
  font-weight: 400;
330
345
  text-align: left;
331
346
  }
347
+
332
348
  .options-title {
333
349
  width: 100%;
334
350
  font-size: 17px;
@@ -336,6 +352,7 @@ input {
336
352
  font-weight: 400;
337
353
  text-align: left;
338
354
  }
355
+
339
356
  #download-button {
340
357
  text-decoration: none;
341
358
  border-radius: 2px;
@@ -345,12 +362,14 @@ input {
345
362
  margin: 3px;
346
363
  padding: 4px 15px;
347
364
  }
365
+
348
366
  #download-button svg {
349
367
  fill: #fff;
350
368
  margin-right: 4px;
351
369
  margin-bottom: 4px;
352
370
  height: 15px;
353
371
  }
372
+
354
373
  .download-wrapper {
355
374
  display: flex;
356
375
  align-items: center;
@@ -358,9 +377,11 @@ input {
358
377
  margin: 12px 0px;
359
378
  padding: 12px 0px;
360
379
  }
380
+
361
381
  #canvas-panel canvas {
362
382
  max-width: 100%;
363
383
  }
384
+
364
385
  .example-images-modal-container,
365
386
  .crop-image-modal-container {
366
387
  position: fixed;
@@ -374,6 +395,7 @@ input {
374
395
  z-index: 999999;
375
396
  padding: 0px 20px;
376
397
  }
398
+
377
399
  .example-images-modal,
378
400
  .crop-image-modal {
379
401
  height: fit-content;
@@ -384,6 +406,7 @@ input {
384
406
  padding: 0;
385
407
  overflow-y: auto;
386
408
  }
409
+
387
410
  .example-images-modal-header,
388
411
  .crop-image-modal-header {
389
412
  border-top-right-radius: 5px;
@@ -395,6 +418,7 @@ input {
395
418
  align-items: center;
396
419
  padding: 10px 20px;
397
420
  }
421
+
398
422
  .example-images-modal-header div,
399
423
  .crop-image-modal-header div {
400
424
  height: 100%;
@@ -403,31 +427,37 @@ input {
403
427
  font-size: 20px;
404
428
  color: #fff;
405
429
  }
430
+
406
431
  .example-images-modal-body,
407
432
  .crop-image-modal-body {
408
433
  width: 450px;
409
434
  margin: 10px auto;
410
435
  }
436
+
411
437
  .example-images-modal-header button,
412
438
  .crop-image-modal-header button {
413
439
  border: none;
414
440
  background-color: transparent;
415
441
  }
442
+
416
443
  .example-images-modal-header button i,
417
444
  .crop-image-modal-header button i {
418
445
  color: #fff;
419
446
  font-size: 20px;
420
447
  }
448
+
421
449
  .example-images-modal-body,
422
450
  .crop-image-modal-body {
423
451
  border-top-right-radius: 5px;
424
452
  border-top-left-radius: 5px;
425
453
  }
454
+
426
455
  #crop {
427
456
  border: none;
428
457
  padding: 7px 14px;
429
458
  color: #fff;
430
459
  }
460
+
431
461
  .carousel-control-next,
432
462
  .carousel-control-prev {
433
463
  border: none;
@@ -436,14 +466,15 @@ input {
436
466
  background: #ff5554;
437
467
  top: 50%;
438
468
  }
439
- .accordion > .card > .card-header {
469
+
470
+ .accordion>.card>.card-header {
440
471
  background: none;
441
472
  border: none;
442
473
  height: 34px;
443
474
  padding: 0;
444
475
  }
445
476
 
446
- .accordion > .card {
477
+ .accordion>.card {
447
478
  border: none;
448
479
  border-bottom: 1px solid #f2f2f2 !important;
449
480
  display: block;
@@ -453,12 +484,15 @@ input {
453
484
  font-size: 0.95em;
454
485
  border-radius: 1px;
455
486
  }
487
+
456
488
  .card-header:hover {
457
489
  background: #f8f8f8 !important;
458
490
  }
491
+
459
492
  .categories-list .card-body {
460
493
  padding: 0px;
461
494
  }
495
+
462
496
  .categories-list .card-body a {
463
497
  width: 100%;
464
498
  text-align: left;
@@ -466,34 +500,40 @@ input {
466
500
  border-top: 1px solid #dadada;
467
501
  padding: 9px 9px;
468
502
  }
469
- .categories-list .accordion > .card > .card-header {
503
+
504
+ .categories-list .accordion>.card>.card-header {
470
505
  display: flex;
471
506
  justify-content: space-between;
472
507
  background-color: transparent;
473
508
  padding: 7px 9px;
474
509
  }
475
- .categories-list .accordion > .card > .card-header i {
510
+
511
+ .categories-list .accordion>.card>.card-header i {
476
512
  color: #888888;
477
513
  margin-bottom: 0;
478
514
  font-size: 19px;
479
515
  }
480
- .categories-list .accordion > .card > .card-header {
516
+
517
+ .categories-list .accordion>.card>.card-header {
481
518
  height: auto;
482
519
  }
483
- .categories-list .accordion > .card > .card-header > button {
520
+
521
+ .categories-list .accordion>.card>.card-header>button {
484
522
  display: flex;
485
523
  justify-content: space-between;
486
524
  align-items: center;
487
525
  width: 100%;
488
526
  }
527
+
489
528
  .frame-h1 {
490
529
  margin: 0;
491
530
  font-size: 17pt;
492
531
  line-height: 24pt;
493
532
  font-weight: 600;
494
- text-align: center;
533
+ text-align: left;
495
534
  color: #555;
496
535
  }
536
+
497
537
  .frame-h2 {
498
538
  font-size: 15px;
499
539
  line-height: 16px;
@@ -501,8 +541,9 @@ input {
501
541
  max-width: 100%;
502
542
  color: #555;
503
543
  padding: 4px 0;
504
- text-align: center;
544
+ text-align: left;
505
545
  }
546
+
506
547
  .image-samples {
507
548
  display: flex;
508
549
  flex-wrap: wrap;
@@ -511,6 +552,7 @@ input {
511
552
  gap: 5px;
512
553
  cursor: pointer;
513
554
  }
555
+
514
556
  .image-samples img {
515
557
  cursor: pointer;
516
558
  width: 52px;
@@ -528,15 +570,18 @@ input {
528
570
  font-weight: 600;
529
571
  border-bottom: 1px solid #dadada;
530
572
  }
573
+
531
574
  .preview-section {
532
575
  display: flex;
533
576
  justify-content: left;
534
577
  margin-top: 15px;
535
578
  }
579
+
536
580
  .preview-section img {
537
581
  width: auto;
538
582
  height: auto;
539
583
  }
584
+
540
585
  #effect-form label {
541
586
  display: block;
542
587
  font-weight: 600;
@@ -561,18 +606,17 @@ input {
561
606
  -moz-border-radius: 2px;
562
607
  border-radius: 2px;
563
608
  background: linear-gradient(to right, var(--pink), var(--purple));
564
- background: -webkit-gradient(
565
- linear,
566
- left bottom,
567
- left top,
568
- color-stop(0, #ff6537),
569
- color-stop(1, #ff754b)
570
- );
609
+ background: -webkit-gradient(linear,
610
+ left bottom,
611
+ left top,
612
+ color-stop(0, #ff6537),
613
+ color-stop(1, #ff754b));
571
614
  background: linear-gradient(to right, var(--pink), var(--purple));
572
615
  background: linear-gradient(to right, var(--pink), var(--purple));
573
616
  background: linear-gradient(to right, var(--pink), var(--purple));
574
617
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff754b', endColorstr='#ff6537', GradientType=0);
575
618
  }
619
+
576
620
  .cam-image {
577
621
  color: #666;
578
622
  height: 40px;
@@ -582,35 +626,34 @@ input {
582
626
  justify-content: center;
583
627
  border: 1px solid #ccc;
584
628
  background: #eee;
585
- background: -webkit-gradient(
586
- linear,
587
- left bottom,
588
- left top,
589
- color-stop(0, #ececec),
590
- color-stop(1, #f6f6f6)
591
- );
629
+ background: -webkit-gradient(linear,
630
+ left bottom,
631
+ left top,
632
+ color-stop(0, #ececec),
633
+ color-stop(1, #f6f6f6));
592
634
  }
635
+
593
636
  .cam-image i {
594
637
  margin-bottom: 0px;
595
638
  color: #666;
596
639
  }
640
+
597
641
  .small-image-preview {
598
642
  height: 40px;
599
643
  width: 50px !important;
600
644
  width: 100%;
601
645
  }
646
+
602
647
  .choose-image {
603
648
  color: #666;
604
649
  margin-right: 6px;
605
650
  border: 1px solid #ccc;
606
651
  background: #eee;
607
- background: -webkit-gradient(
608
- linear,
609
- left bottom,
610
- left top,
611
- color-stop(0, #ececec),
612
- color-stop(1, #f6f6f6)
613
- );
652
+ background: -webkit-gradient(linear,
653
+ left bottom,
654
+ left top,
655
+ color-stop(0, #ececec),
656
+ color-stop(1, #f6f6f6));
614
657
  padding: 0;
615
658
  width: 186px;
616
659
  height: 40px;
@@ -637,15 +680,19 @@ input {
637
680
  margin: 0;
638
681
  width: 216px;
639
682
  }
683
+
640
684
  .mb-15 {
641
685
  margin-bottom: 15px !important;
642
686
  }
687
+
643
688
  .btn:focus {
644
689
  box-shadow: none !important;
645
690
  }
691
+
646
692
  .result-info {
647
693
  display: flex;
648
694
  }
695
+
649
696
  .result-info a {
650
697
  color: rgb(155, 22, 155) !important;
651
698
  cursor: pointer;
@@ -658,6 +705,7 @@ input {
658
705
  color: #444;
659
706
  text-transform: capitalize;
660
707
  }
708
+
661
709
  .result-info i {
662
710
  margin-left: 6px;
663
711
  margin-right: 6px;
@@ -666,6 +714,7 @@ input {
666
714
  margin-bottom: 0px;
667
715
  margin-top: 11px;
668
716
  }
717
+
669
718
  .result-info div {
670
719
  float: left;
671
720
  font-size: 17pt;
@@ -675,14 +724,17 @@ input {
675
724
  margin: 0 0 5px;
676
725
  color: #444;
677
726
  }
727
+
678
728
  #saving-data {
679
729
  display: flex;
680
730
  flex-direction: column;
681
731
  align-items: center;
682
732
  }
733
+
683
734
  #saving-data img {
684
735
  height: 200px;
685
736
  }
737
+
686
738
  .photo-card {
687
739
  display: inline-block;
688
740
  zoom: 1;
@@ -698,14 +750,17 @@ input {
698
750
  -moz-border-radius: 2px;
699
751
  border-radius: px;
700
752
  }
753
+
701
754
  .photo-effect-feature-name {
702
755
  text-align: center;
703
756
  color: #777;
704
757
  }
758
+
705
759
  .categories-list li {
706
760
  font-size: 1em;
707
761
  border-bottom: 1px solid #f2f2f2;
708
762
  }
763
+
709
764
  .categories-list .category-link {
710
765
  display: block;
711
766
  padding: 7px 9px;
@@ -717,10 +772,11 @@ input {
717
772
  -moz-border-radius: 1px;
718
773
  border-radius: 1px;
719
774
  }
775
+
720
776
  .categories-list .category-link:hover {
721
777
  background-color: #f4f4f4;
722
778
  }
723
779
 
724
780
  .categories-list .active-cat {
725
781
  background-color: #f4f4f4;
726
- }
782
+ }
data/assets/css/tools.css CHANGED
@@ -976,9 +976,8 @@ ul li {
976
976
  text-align: right;
977
977
  }
978
978
  .post-date {
979
+ color: rgba(0, 0, 0, 0.44);
979
980
  font-size: 13px;
980
- display: block;
981
- text-align: left;
982
981
  }
983
982
  .social-count {
984
983
  background: #d60000;
@@ -1280,3 +1279,4 @@ ol li::marker {
1280
1279
  .catPad li {
1281
1280
  margin: 0 0 20px !important;
1282
1281
  }
1282
+
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 512 512">
2
- <path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 512 512">
2
+ <path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
3
3
  </svg>
data/assets/js/ads.js CHANGED
@@ -1,8 +1,8 @@
1
- ;(function (s, u, z, p) {
2
- ;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
3
- })(
4
- document.createElement('script'),
5
- 'https://inklinkor.com/tag.min.js',
6
- 5225477,
7
- document.body || document.documentElement
8
- )
1
+ ;(function (s, u, z, p) {
2
+ ;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
3
+ })(
4
+ document.createElement('script'),
5
+ 'https://inklinkor.com/tag.min.js',
6
+ 5225477,
7
+ document.body || document.documentElement
8
+ )
@@ -1,10 +1,10 @@
1
- ---
2
- ---
3
- function insertAfter(referenceNode, newNode) {
4
- referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
5
- }
6
- let themeContentBox = document.getElementById('theme-content-box')
7
- const div = document.createElement('div')
8
- const profitablecpmgateId = '{{site.profitablecpmgateId}}'
9
- div.setAttribute('id', `container-${profitablecpmgateId}`)
10
- insertAfter(themeContentBox, div)
1
+ ---
2
+ ---
3
+ function insertAfter(referenceNode, newNode) {
4
+ referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
5
+ }
6
+ let themeContentBox = document.getElementById('theme-content-box')
7
+ const div = document.createElement('div')
8
+ const profitablecpmgateId = '{{site.profitablecpmgateId}}'
9
+ div.setAttribute('id', `container-${profitablecpmgateId}`)
10
+ insertAfter(themeContentBox, div)
@@ -1,3 +1,3 @@
1
- $(function () {
2
- $('[data-toggle="tooltip"]').tooltip()
3
- })
1
+ $(function () {
2
+ $('[data-toggle="tooltip"]').tooltip()
3
+ })