appscms-tools-theme 4.1.5 → 4.1.7

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: 3dde56911641724b8696d9889cbd0c1e64a33c34370d0e8069bc17a5ef374bc9
4
- data.tar.gz: caba4909277508a5321857bddb3afb13b72fee857cae89c3ac6d890e5e48a1e2
3
+ metadata.gz: 54836c40b127d458f0c10594a3e3f153c16690a0a94083b13158ef62bf89a2c8
4
+ data.tar.gz: 23db1093c7cc60383aedb422710bd11c706a3ed80ed4abc1adcac945ed30fb47
5
5
  SHA512:
6
- metadata.gz: a14a69305ad6ad2236aabe1f7f5faceda0b93d69fd584eb07ad778ef080c61da7175beaa67dce8cce9a22aec59631f2b23be6362d0c276b0eb785e28bdbffad9
7
- data.tar.gz: 4fa5d4669f5b98cd6dba983f2bf63e42d4c12dc76aa3b20b12281757267b181eabd6b4809d28062eaf28457baffe2215d9ca68f794fcbd752565bff9918bd2bf
6
+ metadata.gz: bb4b7f11981ee53c09f9e45f9b80836871c54d704cc7367b8cea5014dcb58cfad7c2a7ac93d679f256ddfd7f5ce03bdb2bae1a59f7a0bc8bbe56bdf7281feb44
7
+ data.tar.gz: 8af9d5dc4117e8310bfb9e9ebe3c6b1f160846cfa72dea0a4961a93382bb36e11a7f853bb46bf8d59b72f7cda3ea011a5895c726b9793fac778e109355cf989b
@@ -0,0 +1,4 @@
1
+
2
+ <div class="appscms-loader">
3
+ <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
4
+ </div>
@@ -0,0 +1,141 @@
1
+ ---
2
+ layout: appscms-feature
3
+ ---
4
+
5
+ <div class="container-fluid mt-4">
6
+ {%- assign boxColor =
7
+ site.data[page.folderName][page.lang][page.fileName].color -%}
8
+ <div
9
+ class="custom-box"
10
+ style=" padding-top: 0px"
11
+ data-color="{{boxColor}}"
12
+ >
13
+ <div style="display: none" id="file-loader">
14
+ <img
15
+ src="/assets/images/spinner.gif"
16
+ alt="loading..."
17
+ {%-
18
+ if
19
+ site.crossorigin
20
+ -%}
21
+ crossorigin
22
+ {%-
23
+ endif
24
+ -%}
25
+ />
26
+ <p>Please Wait ,Loading Your file</p>
27
+ </div>
28
+
29
+ <div class="file-input">
30
+ <div class="d-flex justify-content-center align-items-center">
31
+ <div id="Inputbox" class="boxes">
32
+ <img
33
+ height="21px"
34
+ width="21px"
35
+ src="/assets/images/add.svg"
36
+ {%-
37
+ if
38
+ site.crossorigin
39
+ -%}
40
+ crossorigin
41
+ {%-
42
+ endif
43
+ -%}
44
+ />
45
+ <span class="ml-1">CHOOSE FILES</span>
46
+ </div>
47
+
48
+ </div>
49
+ <p id="dropfile" class="text-dark">or drop your image here</p>
50
+ </div>
51
+ </div>
52
+ <div class="workspace" style="display: none">
53
+ <div class="row">
54
+ <div class="col-md-8">
55
+ <div class="files-panel d-none">
56
+ <div id="saving-data" style="display: none">
57
+ <img
58
+ {%-
59
+ if
60
+ site.crossorigin
61
+ -%}
62
+ crossorigin
63
+ {%-
64
+ endif
65
+ -%}
66
+ loading="lazy"
67
+ src="/img/save.gif"
68
+ alt="saving"
69
+ />
70
+ <span class="ml-2">Saving your images...</span>
71
+ </div>
72
+
73
+ <!-- <label>
74
+ <p class="inputfiles-label"> Input files</p> -->
75
+ <input
76
+ style="display: none"
77
+ onchange="fileOnChange()"
78
+ type="file"
79
+ id="file"
80
+ multiple
81
+ />
82
+ <!-- </label> -->
83
+
84
+ <div class="selectedFilesList text-left"></div>
85
+ </div>
86
+
87
+ <div class="files-container-box">
88
+ <div class="add-more-files">
89
+ <button class="btn add-more-files-button">
90
+ <input
91
+ style="display: none"
92
+ onchange="fileOnChange2()"
93
+ type="file"
94
+ id="file2"
95
+ multiple
96
+ />
97
+ <img
98
+ {%-
99
+ if
100
+ site.crossorigin
101
+ -%}
102
+ crossorigin
103
+ {%-
104
+ endif
105
+ -%}
106
+ src="/assets/images/add.png"
107
+ alt="add-more-files"
108
+ />
109
+ Add more files
110
+ </button>
111
+ </div>
112
+ <table class="table files-processing-list m-0"></table>
113
+ </div>
114
+ <div
115
+ class="justify-content-end align-items-center bottom-section-container"
116
+ >
117
+ <div class="download-wrapper">
118
+ <button style="background:{{boxColor}};" id="download-zip">
119
+ <svg
120
+ xmlns="http://www.w3.org/2000/svg"
121
+ viewBox="0 0 512 512"
122
+ style="
123
+ width: 20px;
124
+ height: 20px;
125
+ margin-right: 10px;
126
+ fill: #fff;
127
+ "
128
+ >
129
+ <path
130
+ d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z"
131
+ ></path>
132
+ </svg>
133
+ Download Zip
134
+ </button>
135
+ </div>
136
+ </div>
137
+ </div>
138
+ <div class="col-md-4">{{content}}</div>
139
+ </div>
140
+ </div>
141
+ </div>
@@ -24,11 +24,11 @@
24
24
  </p>
25
25
  </div>
26
26
  <div class="go-back-block">
27
- <button onclick="history.back()"> <i class="fas fa-redo"></i> Try processing another file</button>
27
+ <button onclick="history.back()"> Try processing another file</button>
28
28
  </div>
29
29
 
30
30
  </div>
31
- <div class="col-lg-7 col-md-9 col-sm-11 text-center mx-auto">
31
+ <!-- <div class="col-lg-7 col-md-9 col-sm-11 text-center mx-auto">
32
32
  <img id="rating-img" loading='lazy' src="/assets/images/rating.png" alt="rating-img" {%- if
33
33
  site.crossorigin -%} crossorigin {%- endif -%}>
34
34
  <div class="rating-tool" style="border: none;">
@@ -115,7 +115,7 @@
115
115
  }
116
116
  }))
117
117
  </script>
118
- </div>
118
+ </div> -->
119
119
  <div class="try-more-features mt-4 ">
120
120
  <h2 class="appscms-heading"> {{downloadData.tryfeatureheading | default: 'You can also
121
121
  try
data/assets/.DS_Store CHANGED
Binary file
@@ -957,7 +957,7 @@ body {
957
957
  top: 30px;
958
958
  }
959
959
 
960
- .rating-tool #rating-img {
960
+ .rating-tool #rating-img,#rating-img {
961
961
  height: 1px;
962
962
  width: 1px;
963
963
  filter: brightness(100);
@@ -1315,4 +1315,595 @@ body {
1315
1315
  .related_post_heading {
1316
1316
  font-size: 23px;
1317
1317
  font-weight: bold;
1318
+ }
1319
+ .appscms-loader{
1320
+ display: flex;
1321
+ width: 100%;
1322
+ align-items: center;
1323
+ justify-content: center;
1324
+ }
1325
+ .lds-roller {
1326
+ display: inline-block;
1327
+ position: relative;
1328
+ width: 80px;
1329
+ height: 80px;
1330
+ }
1331
+ .lds-roller div {
1332
+ animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
1333
+ transform-origin: 40px 40px;
1334
+ }
1335
+ .lds-roller div:after {
1336
+ content: " ";
1337
+ display: block;
1338
+ position: absolute;
1339
+ width: 7px;
1340
+ height: 7px;
1341
+ border-radius: 50%;
1342
+ background: var(--primary-color);
1343
+ margin: -4px 0 0 -4px;
1344
+ }
1345
+ .lds-roller div:nth-child(1) {
1346
+ animation-delay: -0.036s;
1347
+ }
1348
+ .lds-roller div:nth-child(1):after {
1349
+ top: 63px;
1350
+ left: 63px;
1351
+ }
1352
+ .lds-roller div:nth-child(2) {
1353
+ animation-delay: -0.072s;
1354
+ }
1355
+ .lds-roller div:nth-child(2):after {
1356
+ top: 68px;
1357
+ left: 56px;
1358
+ }
1359
+ .lds-roller div:nth-child(3) {
1360
+ animation-delay: -0.108s;
1361
+ }
1362
+ .lds-roller div:nth-child(3):after {
1363
+ top: 71px;
1364
+ left: 48px;
1365
+ }
1366
+ .lds-roller div:nth-child(4) {
1367
+ animation-delay: -0.144s;
1368
+ }
1369
+ .lds-roller div:nth-child(4):after {
1370
+ top: 72px;
1371
+ left: 40px;
1372
+ }
1373
+ .lds-roller div:nth-child(5) {
1374
+ animation-delay: -0.18s;
1375
+ }
1376
+ .lds-roller div:nth-child(5):after {
1377
+ top: 71px;
1378
+ left: 32px;
1379
+ }
1380
+ .lds-roller div:nth-child(6) {
1381
+ animation-delay: -0.216s;
1382
+ }
1383
+ .lds-roller div:nth-child(6):after {
1384
+ top: 68px;
1385
+ left: 24px;
1386
+ }
1387
+ .lds-roller div:nth-child(7) {
1388
+ animation-delay: -0.252s;
1389
+ }
1390
+ .lds-roller div:nth-child(7):after {
1391
+ top: 63px;
1392
+ left: 17px;
1393
+ }
1394
+ .lds-roller div:nth-child(8) {
1395
+ animation-delay: -0.288s;
1396
+ }
1397
+ .lds-roller div:nth-child(8):after {
1398
+ top: 56px;
1399
+ left: 12px;
1400
+ }
1401
+ @keyframes lds-roller {
1402
+ 0% {
1403
+ transform: rotate(0deg);
1404
+ }
1405
+ 100% {
1406
+ transform: rotate(360deg);
1407
+ }
1408
+ }
1409
+
1410
+ :root {
1411
+ --maincolor: #e55c5c;
1412
+ }
1413
+
1414
+ .workspace {
1415
+ margin-bottom: 3rem;
1416
+ }
1417
+
1418
+ #Inputbox {
1419
+ width: 250px;
1420
+ cursor: pointer;
1421
+ display: flex;
1422
+ justify-content: space-around;
1423
+ min-height: 70px;
1424
+ align-items: center;
1425
+ background: var(--primary-color);
1426
+ font-weight: 600;
1427
+ font-size: 22px;
1428
+ line-height: 32px;
1429
+ vertical-align: middle;
1430
+ color: #fff;
1431
+ border-radius: 4px;
1432
+ box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
1433
+ }
1434
+
1435
+ #filepicker,
1436
+ #dropbox {
1437
+ border: none;
1438
+ background: var(--primary-color);
1439
+ border-radius: 100%;
1440
+ height: 32px;
1441
+ width: 32px;
1442
+ min-width: 0;
1443
+ padding: 0;
1444
+ color: #fff;
1445
+ text-decoration: none;
1446
+ display: -ms-inline-flexbox;
1447
+ display: inline-flex;
1448
+ justify-content: center;
1449
+ align-items: center;
1450
+ -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
1451
+ box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
1452
+ }
1453
+
1454
+
1455
+ #Inputbox:hover,
1456
+ #dropbox:hover,
1457
+ #filepicker:hover {
1458
+ transition: all .5s linear;
1459
+ background-color: #000;
1460
+ }
1461
+
1462
+ #img-svg {
1463
+ margin: auto;
1464
+ margin-top: 16px;
1465
+ height: 67px;
1466
+ width: 98px;
1467
+ }
1468
+
1469
+ #file-loader {
1470
+ display: flex;
1471
+ align-items: center;
1472
+ flex-direction: column;
1473
+ }
1474
+
1475
+ #file-loader img {
1476
+ height: 60px;
1477
+ }
1478
+
1479
+ #file-loader p {
1480
+ text-align: center;
1481
+ color: #fff;
1482
+ font-size: 17px;
1483
+ }
1484
+
1485
+ #loading-img {
1486
+ height: 27px;
1487
+ width: 27px;
1488
+ margin-right: 21px;
1489
+ }
1490
+
1491
+ #dropbox svg,
1492
+ #filepicker svg,
1493
+ .boxes svg {
1494
+ height: 24px !important;
1495
+ width: 24px !important;
1496
+ }
1497
+
1498
+ .feature-content-box {
1499
+ max-width: 900px;
1500
+ margin: auto
1501
+ }
1502
+
1503
+ .boxes {
1504
+ background: #fff;
1505
+ border-radius: 0;
1506
+ cursor: pointer;
1507
+ display: flex;
1508
+ align-items: center;
1509
+ padding: 15px 24px;
1510
+ height: 54px;
1511
+ border-top-left-radius: 4px;
1512
+ border-bottom-left-radius: 4px;
1513
+ justify-content: center;
1514
+ font-size: 15px;
1515
+ font-weight: 800;
1516
+ color: #000;
1517
+ }
1518
+
1519
+ .files-processing-list {
1520
+ box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
1521
+ }
1522
+
1523
+ .inputfiles-label {
1524
+ background: #d6f0fb70;
1525
+ /* padding: 10px; */
1526
+ /* margin: 10px; */
1527
+ text-transform: uppercase;
1528
+ font-weight: 900;
1529
+ padding: 5px;
1530
+ /* margin: 10px 0; */
1531
+ width: 100px;
1532
+ margin-bottom: 7px;
1533
+ border-radius: 2px;
1534
+ }
1535
+
1536
+
1537
+ .ready {
1538
+ text-transform: uppercase;
1539
+ color: #fff;
1540
+ padding: 0 5px;
1541
+ color: red;
1542
+ border: red 1px solid;
1543
+ font-size: 10px;
1544
+ }
1545
+
1546
+ .processing {
1547
+ text-transform: uppercase;
1548
+ color: #fff;
1549
+ background-color: #ffb103;
1550
+ padding: 0 5px;
1551
+ border: #ffb103 1px solid;
1552
+ font-size: 10px;
1553
+ }
1554
+
1555
+ .done {
1556
+ text-transform: uppercase;
1557
+ color: #fff;
1558
+ background-color: #32be5b;
1559
+ padding: 0 5px;
1560
+ border: #32be5b 1px solid;
1561
+ font-size: 10px;
1562
+ }
1563
+
1564
+ .spinner-border {
1565
+ color: #000;
1566
+ display: inline-block;
1567
+ width: 15px;
1568
+ height: 15px;
1569
+ vertical-align: middle;
1570
+ border: 2px solid currentColor;
1571
+ border-right-color: transparent;
1572
+ border-radius: 50%;
1573
+ -webkit-animation: .75s linear infinite spinner-border;
1574
+ animation: .75s linear infinite spinner-border;
1575
+ /* padding-right: 1rem; */
1576
+ position: relative;
1577
+ left: 20px;
1578
+ }
1579
+
1580
+ .files-panel {
1581
+ text-align: left;
1582
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
1583
+ border-radius: 4px;
1584
+ padding: 15px;
1585
+ }
1586
+
1587
+ .files-container-box {
1588
+ margin-top: 1rem;
1589
+ text-align: left;
1590
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
1591
+ /* padding-bottom: 10px; */
1592
+ width: 100%;
1593
+ }
1594
+
1595
+ .table td,
1596
+ .table th {
1597
+ font-size: 15px;
1598
+ border-top: none !important;
1599
+ border-bottom: 1px solid #dee2e6;
1600
+ vertical-align: middle !important;
1601
+ }
1602
+
1603
+ .download-file-btn {
1604
+ border: none;
1605
+ background: #404040;
1606
+ color: #fff;
1607
+ padding: 4px 15px;
1608
+ border-radius: 5px;
1609
+ width: auto;
1610
+ font-size: 14px;
1611
+ }
1612
+
1613
+ .download-file-btn:hover {
1614
+ color: #fff !important;
1615
+ }
1616
+
1617
+ .add-more-files-button:hover {
1618
+ color: #fff !important
1619
+ }
1620
+
1621
+ .add-more-files-button {
1622
+ border: 1px solid rgba(0, 0, 0, 0.1) !important;
1623
+ border-bottom-left-radius: unset;
1624
+ border-bottom-right-radius: unset;
1625
+ color: #fff;
1626
+ background-color: #404040;
1627
+ font-size: 15px;
1628
+ display: flex;
1629
+ align-items: center;
1630
+ justify-content: center;
1631
+ gap: 10px;
1632
+ position: absolute;
1633
+ top: -28px;
1634
+ padding: 9px 20px;
1635
+
1636
+ }
1637
+
1638
+ .add-more-files-button img {
1639
+ width: 18px;
1640
+ }
1641
+
1642
+ .bottom-section-container {
1643
+ display: none;
1644
+ background: #f8f9fa;
1645
+ border: 1px solid #f8f9fa;
1646
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
1647
+ }
1648
+
1649
+ #submit-button {
1650
+ padding: 8px 20px;
1651
+ color: #fff;
1652
+ display: flex;
1653
+ gap: 20px;
1654
+ align-items: center;
1655
+ margin-top: 1.5rem;
1656
+ justify-content: center;
1657
+ width: 100%;
1658
+ }
1659
+
1660
+ #submit-button:focus {
1661
+ border: none;
1662
+ outline: none;
1663
+ box-shadow: unset !important;
1664
+ }
1665
+
1666
+ .custom-box {
1667
+ padding: 15px;
1668
+ }
1669
+
1670
+ .inner-box {
1671
+ border: 1px dashed rgba(0, 0, 0, 0.15);
1672
+ background: rgba(0, 0, 0, 0.1);
1673
+ padding: 40px;
1674
+ min-height: 300px;
1675
+ width: 100%;
1676
+ }
1677
+
1678
+ .file-picker-dropdown {
1679
+ width: 213px;
1680
+ position: absolute;
1681
+ /* background: #fff; */
1682
+ top: 111%;
1683
+ left: 0;
1684
+ display: none;
1685
+ /* box-shadow: rgb/(26 26 26 / 20%) 0 0 12px; */
1686
+ border-radius: 4px;
1687
+ }
1688
+
1689
+ .file-pick-dropdown i {
1690
+ margin: 0;
1691
+ }
1692
+
1693
+ .file-pick-dropdown {
1694
+ color: #fff;
1695
+ cursor: pointer;
1696
+ display: inline-flex;
1697
+ background: var(--primary-color);
1698
+ height: 70px;
1699
+ border-left: 1px solid #fff;
1700
+ padding: 13px 20px;
1701
+ border-top-right-radius: 4px;
1702
+ border-bottom-right-radius: 4px;
1703
+ align-items: center;
1704
+ position: relative;
1705
+ }
1706
+
1707
+ #dropfile {
1708
+ font-size: 16px;
1709
+ margin-top: 15px;
1710
+ text-align: center;
1711
+ color: #fff;
1712
+ }
1713
+
1714
+ .file-icon {
1715
+ width: 20px;
1716
+ }
1717
+
1718
+ .file-picker-dropdown a,
1719
+ .file-picker-dropdown button {
1720
+ border: none;
1721
+ width: 100%;
1722
+ border-radius: 4px;
1723
+ text-align: left;
1724
+ background: #fff;
1725
+ font-weight: 400;
1726
+ font-size: 16px;
1727
+ line-height: 24px;
1728
+ padding: 15px 24px;
1729
+ list-style: none;
1730
+ height: 54px;
1731
+ }
1732
+
1733
+ /* user css */
1734
+ input[type='range'] {
1735
+ width: 100%;
1736
+ -webkit-appearance: none;
1737
+ }
1738
+
1739
+ input[type='range']:focus {
1740
+ outline: none;
1741
+ }
1742
+
1743
+ input[type='range']::-webkit-slider-thumb:focus {
1744
+ background-color: var(--maincolor);
1745
+ }
1746
+
1747
+ input[type='range']::-webkit-slider-runnable-track {
1748
+ width: 100%;
1749
+ height: 3px;
1750
+ cursor: pointer;
1751
+ box-shadow: none;
1752
+ background: #ccc;
1753
+ border-radius: 0px;
1754
+ border: 0px solid var(--maincolor);
1755
+ }
1756
+
1757
+ input[type='range']::-moz-range-track {
1758
+ width: 100%;
1759
+ height: 3px;
1760
+ cursor: pointer;
1761
+ box-shadow: none;
1762
+ background: #ccc;
1763
+ border-radius: 0px;
1764
+ border: 0px solid var(--maincolor);
1765
+ }
1766
+
1767
+ input[type='range']::-webkit-slider-thumb {
1768
+ box-shadow: none;
1769
+ border: 0px solid #fff;
1770
+ height: 15px;
1771
+ width: 15px;
1772
+ border-radius: 22px;
1773
+ background: var(--maincolor);
1774
+ cursor: pointer;
1775
+ -webkit-appearance: none;
1776
+ margin-top: -5px;
1777
+ }
1778
+
1779
+ input[type='range']::-moz-range-thumb {
1780
+ box-shadow: none;
1781
+ border: 0px solid #fff;
1782
+ height: 42px;
1783
+ width: 22px;
1784
+ border-radius: 22px;
1785
+ background: var(--maincolor);
1786
+ cursor: pointer;
1787
+ -webkit-appearance: none;
1788
+ margin-top: -20px;
1789
+ }
1790
+
1791
+ input[type='range']::-moz-focus-outer {
1792
+ border: 0;
1793
+ }
1794
+
1795
+ .options-panel {
1796
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
1797
+ border-radius: 4px;
1798
+ padding: 15px;
1799
+ width: 100%;
1800
+ }
1801
+
1802
+ .options-panel .title {
1803
+ width: 100%;
1804
+ margin-bottom: 20px;
1805
+ font-size: 22px;
1806
+ line-height: 36px;
1807
+ color: #000;
1808
+ font-weight: 700;
1809
+ text-align: left;
1810
+ }
1811
+
1812
+ .options-panel .description {
1813
+ width: 100%;
1814
+ font-size: 17px;
1815
+ color: #666;
1816
+ font-weight: 400;
1817
+ text-align: left;
1818
+ }
1819
+
1820
+ .options-title {
1821
+ width: 100%;
1822
+ font-size: 17px;
1823
+ color: #666;
1824
+ font-weight: 400;
1825
+ text-align: left;
1826
+ }
1827
+
1828
+ .download-format,
1829
+ .download-wrapper {
1830
+ display: flex;
1831
+ align-items: flex-start;
1832
+ /* border-bottom: 1px solid #ddd; */
1833
+ /* margin: 12px 0px; */
1834
+ /* padding: 12px 0px; */
1835
+ flex-direction: column;
1836
+ }
1837
+
1838
+ .download-format .select-format-title {
1839
+ font-size: 17px;
1840
+ color: #666;
1841
+ font-weight: 400;
1842
+ text-align: left;
1843
+ }
1844
+
1845
+ #download-button,
1846
+ #addMore,
1847
+ #common_btn,
1848
+ #download-zip {
1849
+ border-radius: 5px;
1850
+ cursor: pointer;
1851
+ display: inline-block;
1852
+ width: 100%;
1853
+ padding: 14px 0;
1854
+ /* margin-bottom: 20px; */
1855
+ text-align: center;
1856
+ /* border-radsius: 50px; */
1857
+ background: #404044 !important;
1858
+ font-size: 15px;
1859
+ color: #fff;
1860
+ font-weight: 700;
1861
+ text-decoration: none;
1862
+ transition: all 0.3s;
1863
+ border: none;
1864
+ }
1865
+
1866
+ #download-button svg {
1867
+ fill: #fff;
1868
+ margin-right: 4px;
1869
+ height: 20px;
1870
+ }
1871
+
1872
+ #download-zip {
1873
+ padding: 10px 20px;
1874
+ display: none;
1875
+ /* backgr/ound: #fff; */
1876
+ }
1877
+
1878
+ @media (max-width: 768px) {
1879
+ .file-icon-row {
1880
+ display: none;
1881
+ }
1882
+
1883
+ .file-picker-dropdown {
1884
+ width: auto;
1885
+ left: auto;
1886
+ }
1887
+
1888
+ #filepicker,
1889
+ #dropbox {
1890
+ margin-bottom: 0.3rem;
1891
+ }
1892
+
1893
+ .options-panel {
1894
+ margin-top: 15px;
1895
+ }
1896
+
1897
+ .fileName {
1898
+ font-size: 10px !important;
1899
+ }
1900
+
1901
+ .download-file-btn {
1902
+ font-size: 10px;
1903
+ }
1904
+
1905
+ .download-icon {
1906
+ display: none;
1907
+ }
1908
+
1318
1909
  }
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: 4.1.5
4
+ version: 4.1.7
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-12-23 00:00:00.000000000 Z
11
+ date: 2023-12-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -130,6 +130,7 @@ files:
130
130
  - _includes/appscms/home/feature-boxes.html
131
131
  - _includes/appscms/howto/howto.html
132
132
  - _includes/appscms/infographics/infographics.html
133
+ - _includes/appscms/loaders/loader.html
133
134
  - _includes/appscms/navbars/navbar.html
134
135
  - _includes/appscms/navbars/toolbar.html
135
136
  - _includes/appscms/recent-posts/recent_posts.html
@@ -187,6 +188,7 @@ files:
187
188
  - _layouts/appscms-audio.html
188
189
  - _layouts/appscms-author.html
189
190
  - _layouts/appscms-authors.html
191
+ - _layouts/appscms-batch.html
190
192
  - _layouts/appscms-blog.html
191
193
  - _layouts/appscms-calculator.html
192
194
  - _layouts/appscms-categories.html