appscms-tools-theme 4.1.6 → 4.1.8

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: 447c269f2f225f04cd530f783750e3a8147e68cca2db4d1e7ca3de5e3e914cc7
4
- data.tar.gz: 1408e9533df0152e24d4dbafae15482d4236f6ae9ad3d62eb0c51213f1788aad
3
+ metadata.gz: efb195ca5f576851b232d7522d75c4345aadf4c349f3154030a35a61c17ad6aa
4
+ data.tar.gz: 79c02bf1b4879e64e6354a21bce6740d6477d85f5476c46b80c0db26b4243a09
5
5
  SHA512:
6
- metadata.gz: a8e65a3b08ce4d33c7f80533f8e3d2e6007d352dfc2416cd13a19e2ed4a0d24525e10870ca5e41c26fe7613c5e9025efcc64900d34b486c2b31ed3f05a433530
7
- data.tar.gz: e498a2e90041591097be8dc0694e89b8dc5d2c800a485744f30706864a3f4eb86fe857581bda6c0414cb3b810e83d423264df9d67551fec60a587734f86851c6
6
+ metadata.gz: eb6540a111dd70584a2dedf3001f4c37a9d9679c28c6bc588b1fabc5b9da242cfca018f0866fbddbfd80074b571517f29d1fd82872490ee043da2aca5b57ec6d
7
+ data.tar.gz: cf99435edff9fab28b3a5267099fbdc57ac0fa7a6b69be8b2ace211ab667607a53fb60b5a7d99833a4ed5161f2a4e52ee4d93c0ff8949c8da2932512f56f4188
@@ -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>
@@ -120,11 +120,12 @@ replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
120
120
  {%- endif -%}
121
121
  {%- include google-analytics.html
122
122
  -%}
123
- <!-- {%- if page.layout == "appscms-feature" -%}
123
+ {%- if site.bookmark -%}
124
+ {%- if page.layout == "appscms-feature" -%}
124
125
  <script>
125
126
  const toaster = document.querySelector(".toaster");
126
127
  if (
127
- !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
128
+ !/webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
128
129
  navigator.userAgent
129
130
  )
130
131
  ) {
@@ -134,8 +135,13 @@ replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
134
135
  toaster.innerHTML = `Press Ctrl + D to Bookmark this page`;
135
136
  }
136
137
  }
138
+ else{
139
+ toaster.style.display = "none";
140
+ }
137
141
  setTimeout(() => {
138
142
  toaster.style.display = "none";
139
143
  }, 10000);
140
144
  </script>
141
- {%- endif -%} -->
145
+ {%- endif -%}
146
+ {%- endif -%}
147
+
@@ -1,5 +1,7 @@
1
- <!-- <div class="toaster">
1
+ {%- if site.bookmark -%}
2
+ <div class="toaster">
2
3
  <div class="toaster__body">
3
4
  <div class="toaster__message">Bookmark this webpage</div>
4
5
  </div>
5
- </div> -->
6
+ </div>
7
+ {%- endif -%}
@@ -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>
@@ -20,7 +20,10 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
20
20
  endif -%}
21
21
  </div>
22
22
  </div>
23
- {%- endif -%} {%- include appscms/headings/headings.html -%} {%- include
23
+ {%- endif -%} {%- include appscms/headings/headings.html -%}
24
+ <div class="appscms-sidebar-left"></div>
25
+ <div class="appscms-sidebar-right"></div>
26
+ {%- include
24
27
  appscms/uploadbutton/uploadbutton.html -%} {%- include
25
28
  appscms/featurehighlight/featurehighlight.html -%} {%- include
26
29
  appscms/howto/howto.html -%} {%- if pageData.infographics.size > 0 -%} {%-
data/assets/.DS_Store CHANGED
Binary file
@@ -1315,4 +1315,617 @@ body {
1315
1315
  .related_post_heading {
1316
1316
  font-size: 23px;
1317
1317
  font-weight: bold;
1318
- }
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
+
1436
+
1437
+ #Inputbox:hover,
1438
+ #dropbox:hover,
1439
+ #filepicker:hover {
1440
+ transition: all .5s linear;
1441
+ background-color: #000;
1442
+ }
1443
+
1444
+ #img-svg {
1445
+ margin: auto;
1446
+ margin-top: 16px;
1447
+ height: 67px;
1448
+ width: 98px;
1449
+ }
1450
+
1451
+ #file-loader {
1452
+ display: flex;
1453
+ align-items: center;
1454
+ flex-direction: column;
1455
+ }
1456
+
1457
+ #file-loader img {
1458
+ height: 60px;
1459
+ }
1460
+
1461
+ #file-loader p {
1462
+ text-align: center;
1463
+ color: #fff;
1464
+ font-size: 17px;
1465
+ }
1466
+
1467
+ #loading-img {
1468
+ height: 27px;
1469
+ width: 27px;
1470
+ margin-right: 21px;
1471
+ }
1472
+
1473
+ #dropbox svg,
1474
+ #filepicker svg,
1475
+ .boxes svg {
1476
+ height: 24px !important;
1477
+ width: 24px !important;
1478
+ }
1479
+
1480
+ .feature-content-box {
1481
+ max-width: 900px;
1482
+ margin: auto
1483
+ }
1484
+
1485
+ .boxes {
1486
+ background: #fff;
1487
+ border-radius: 0;
1488
+ cursor: pointer;
1489
+ display: flex;
1490
+ align-items: center;
1491
+ padding: 15px 24px;
1492
+ height: 54px;
1493
+ border-top-left-radius: 4px;
1494
+ border-bottom-left-radius: 4px;
1495
+ justify-content: center;
1496
+ font-size: 15px;
1497
+ font-weight: 800;
1498
+ color: #000;
1499
+ }
1500
+
1501
+ .files-processing-list {
1502
+ box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
1503
+ }
1504
+
1505
+ .inputfiles-label {
1506
+ background: #d6f0fb70;
1507
+ /* padding: 10px; */
1508
+ /* margin: 10px; */
1509
+ text-transform: uppercase;
1510
+ font-weight: 900;
1511
+ padding: 5px;
1512
+ /* margin: 10px 0; */
1513
+ width: 100px;
1514
+ margin-bottom: 7px;
1515
+ border-radius: 2px;
1516
+ }
1517
+
1518
+
1519
+ .ready {
1520
+ text-transform: uppercase;
1521
+ color: #fff;
1522
+ padding: 0 5px;
1523
+ color: red;
1524
+ border: red 1px solid;
1525
+ font-size: 10px;
1526
+ }
1527
+
1528
+ .processing {
1529
+ text-transform: uppercase;
1530
+ color: #fff;
1531
+ background-color: #ffb103;
1532
+ padding: 0 5px;
1533
+ border: #ffb103 1px solid;
1534
+ font-size: 10px;
1535
+ }
1536
+
1537
+ .done {
1538
+ text-transform: uppercase;
1539
+ color: #fff;
1540
+ background-color: #32be5b;
1541
+ padding: 0 5px;
1542
+ border: #32be5b 1px solid;
1543
+ font-size: 10px;
1544
+ }
1545
+
1546
+ .spinner-border {
1547
+ color: #000;
1548
+ display: inline-block;
1549
+ width: 15px;
1550
+ height: 15px;
1551
+ vertical-align: middle;
1552
+ border: 2px solid currentColor;
1553
+ border-right-color: transparent;
1554
+ border-radius: 50%;
1555
+ -webkit-animation: .75s linear infinite spinner-border;
1556
+ animation: .75s linear infinite spinner-border;
1557
+ /* padding-right: 1rem; */
1558
+ position: relative;
1559
+ left: 20px;
1560
+ }
1561
+
1562
+ .files-panel {
1563
+ text-align: left;
1564
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
1565
+ border-radius: 4px;
1566
+ padding: 15px;
1567
+ }
1568
+
1569
+ .files-container-box {
1570
+ margin-top: 1rem;
1571
+ text-align: left;
1572
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
1573
+ /* padding-bottom: 10px; */
1574
+ width: 100%;
1575
+ }
1576
+
1577
+ .table td,
1578
+ .table th {
1579
+ font-size: 15px;
1580
+ border-top: none !important;
1581
+ border-bottom: 1px solid #dee2e6;
1582
+ vertical-align: middle !important;
1583
+ }
1584
+
1585
+ .download-file-btn {
1586
+ border: none;
1587
+ background: #404040;
1588
+ color: #fff;
1589
+ padding: 4px 15px;
1590
+ border-radius: 5px;
1591
+ width: auto;
1592
+ font-size: 14px;
1593
+ }
1594
+
1595
+ .download-file-btn:hover {
1596
+ color: #fff !important;
1597
+ }
1598
+
1599
+ .add-more-files-button:hover {
1600
+ color: #fff !important
1601
+ }
1602
+
1603
+ .add-more-files-button {
1604
+ border: 1px solid rgba(0, 0, 0, 0.1) !important;
1605
+ border-bottom-left-radius: unset;
1606
+ border-bottom-right-radius: unset;
1607
+ color: #fff;
1608
+ background-color: #404040;
1609
+ font-size: 15px;
1610
+ display: flex;
1611
+ align-items: center;
1612
+ justify-content: center;
1613
+ gap: 10px;
1614
+ position: absolute;
1615
+ top: -28px;
1616
+ padding: 9px 20px;
1617
+
1618
+ }
1619
+
1620
+ .add-more-files-button img {
1621
+ width: 18px;
1622
+ }
1623
+
1624
+ .bottom-section-container {
1625
+ display: none;
1626
+ background: #f8f9fa;
1627
+ border: 1px solid #f8f9fa;
1628
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
1629
+ }
1630
+
1631
+ #submit-button {
1632
+ padding: 8px 20px;
1633
+ color: #fff;
1634
+ display: flex;
1635
+ gap: 20px;
1636
+ align-items: center;
1637
+ margin-top: 1.5rem;
1638
+ justify-content: center;
1639
+ width: 100%;
1640
+ }
1641
+
1642
+ #submit-button:focus {
1643
+ border: none;
1644
+ outline: none;
1645
+ box-shadow: unset !important;
1646
+ }
1647
+
1648
+ .custom-box {
1649
+ padding: 15px;
1650
+ }
1651
+
1652
+ .inner-box {
1653
+ border: 1px dashed rgba(0, 0, 0, 0.15);
1654
+ background: rgba(0, 0, 0, 0.1);
1655
+ padding: 40px;
1656
+ min-height: 300px;
1657
+ width: 100%;
1658
+ }
1659
+
1660
+ .file-picker-dropdown {
1661
+ width: 213px;
1662
+ position: absolute;
1663
+ /* background: #fff; */
1664
+ top: 111%;
1665
+ left: 0;
1666
+ display: none;
1667
+ /* box-shadow: rgb/(26 26 26 / 20%) 0 0 12px; */
1668
+ border-radius: 4px;
1669
+ }
1670
+
1671
+ .file-pick-dropdown i {
1672
+ margin: 0;
1673
+ }
1674
+
1675
+ .file-pick-dropdown {
1676
+ color: #fff;
1677
+ cursor: pointer;
1678
+ display: inline-flex;
1679
+ background: var(--primary-color);
1680
+ height: 70px;
1681
+ border-left: 1px solid #fff;
1682
+ padding: 13px 20px;
1683
+ border-top-right-radius: 4px;
1684
+ border-bottom-right-radius: 4px;
1685
+ align-items: center;
1686
+ position: relative;
1687
+ }
1688
+
1689
+ #dropfile {
1690
+ font-size: 16px;
1691
+ margin-top: 15px;
1692
+ text-align: center;
1693
+ color: #fff;
1694
+ }
1695
+
1696
+ .file-icon {
1697
+ width: 20px;
1698
+ }
1699
+
1700
+ .file-picker-dropdown a,
1701
+ .file-picker-dropdown button {
1702
+ border: none;
1703
+ width: 100%;
1704
+ border-radius: 4px;
1705
+ text-align: left;
1706
+ background: #fff;
1707
+ font-weight: 400;
1708
+ font-size: 16px;
1709
+ line-height: 24px;
1710
+ padding: 15px 24px;
1711
+ list-style: none;
1712
+ height: 54px;
1713
+ }
1714
+
1715
+ /* user css */
1716
+ input[type='range'] {
1717
+ width: 100%;
1718
+ -webkit-appearance: none;
1719
+ }
1720
+
1721
+ input[type='range']:focus {
1722
+ outline: none;
1723
+ }
1724
+
1725
+ input[type='range']::-webkit-slider-thumb:focus {
1726
+ background-color: var(--maincolor);
1727
+ }
1728
+
1729
+ input[type='range']::-webkit-slider-runnable-track {
1730
+ width: 100%;
1731
+ height: 3px;
1732
+ cursor: pointer;
1733
+ box-shadow: none;
1734
+ background: #ccc;
1735
+ border-radius: 0px;
1736
+ border: 0px solid var(--maincolor);
1737
+ }
1738
+
1739
+ input[type='range']::-moz-range-track {
1740
+ width: 100%;
1741
+ height: 3px;
1742
+ cursor: pointer;
1743
+ box-shadow: none;
1744
+ background: #ccc;
1745
+ border-radius: 0px;
1746
+ border: 0px solid var(--maincolor);
1747
+ }
1748
+
1749
+ input[type='range']::-webkit-slider-thumb {
1750
+ box-shadow: none;
1751
+ border: 0px solid #fff;
1752
+ height: 15px;
1753
+ width: 15px;
1754
+ border-radius: 22px;
1755
+ background: var(--maincolor);
1756
+ cursor: pointer;
1757
+ -webkit-appearance: none;
1758
+ margin-top: -5px;
1759
+ }
1760
+
1761
+ input[type='range']::-moz-range-thumb {
1762
+ box-shadow: none;
1763
+ border: 0px solid #fff;
1764
+ height: 42px;
1765
+ width: 22px;
1766
+ border-radius: 22px;
1767
+ background: var(--maincolor);
1768
+ cursor: pointer;
1769
+ -webkit-appearance: none;
1770
+ margin-top: -20px;
1771
+ }
1772
+
1773
+ input[type='range']::-moz-focus-outer {
1774
+ border: 0;
1775
+ }
1776
+
1777
+ .options-panel {
1778
+ box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
1779
+ border-radius: 4px;
1780
+ padding: 15px;
1781
+ width: 100%;
1782
+ }
1783
+
1784
+ .options-panel .title {
1785
+ width: 100%;
1786
+ margin-bottom: 20px;
1787
+ font-size: 22px;
1788
+ line-height: 36px;
1789
+ color: #000;
1790
+ font-weight: 700;
1791
+ text-align: left;
1792
+ }
1793
+
1794
+ .options-panel .description {
1795
+ width: 100%;
1796
+ font-size: 17px;
1797
+ color: #666;
1798
+ font-weight: 400;
1799
+ text-align: left;
1800
+ }
1801
+
1802
+ .options-title {
1803
+ width: 100%;
1804
+ font-size: 17px;
1805
+ color: #666;
1806
+ font-weight: 400;
1807
+ text-align: left;
1808
+ }
1809
+
1810
+ .download-format,
1811
+ .download-wrapper {
1812
+ display: flex;
1813
+ align-items: flex-start;
1814
+ /* border-bottom: 1px solid #ddd; */
1815
+ /* margin: 12px 0px; */
1816
+ /* padding: 12px 0px; */
1817
+ flex-direction: column;
1818
+ }
1819
+
1820
+ .download-format .select-format-title {
1821
+ font-size: 17px;
1822
+ color: #666;
1823
+ font-weight: 400;
1824
+ text-align: left;
1825
+ }
1826
+
1827
+ #download-button,
1828
+ #addMore,
1829
+ #common_btn,
1830
+ #download-zip {
1831
+ border-radius: 5px;
1832
+ cursor: pointer;
1833
+ display: inline-block;
1834
+ width: 100%;
1835
+ padding: 14px 0;
1836
+ /* margin-bottom: 20px; */
1837
+ text-align: center;
1838
+ /* border-radsius: 50px; */
1839
+ background: #404044 !important;
1840
+ font-size: 15px;
1841
+ color: #fff;
1842
+ font-weight: 700;
1843
+ text-decoration: none;
1844
+ transition: all 0.3s;
1845
+ border: none;
1846
+ }
1847
+
1848
+ #download-button svg {
1849
+ fill: #fff;
1850
+ margin-right: 4px;
1851
+ height: 20px;
1852
+ }
1853
+
1854
+ #download-zip {
1855
+ padding: 10px 20px;
1856
+ display: none;
1857
+ /* backgr/ound: #fff; */
1858
+ }
1859
+
1860
+ @media (max-width: 768px) {
1861
+ .file-icon-row {
1862
+ display: none;
1863
+ }
1864
+
1865
+ .file-picker-dropdown {
1866
+ width: auto;
1867
+ left: auto;
1868
+ }
1869
+
1870
+ #filepicker,
1871
+ #dropbox {
1872
+ margin-bottom: 0.3rem;
1873
+ }
1874
+
1875
+ .options-panel {
1876
+ margin-top: 15px;
1877
+ }
1878
+
1879
+ .fileName {
1880
+ font-size: 10px !important;
1881
+ }
1882
+
1883
+ .download-file-btn {
1884
+ font-size: 10px;
1885
+ }
1886
+
1887
+ .download-icon {
1888
+ display: none;
1889
+ }
1890
+
1891
+ }
1892
+ @media (max-width: 992px) {
1893
+ .appscms-sidebar-right,
1894
+ .appscms-sidebar-left {
1895
+ display: none;
1896
+ }
1897
+
1898
+ }
1899
+ .appscms-sidebar-right,
1900
+ .appscms-sidebar-left {
1901
+ min-width: 220px;
1902
+ max-width: fit-content;
1903
+ height: 100vh;
1904
+ min-height: 300px;
1905
+ max-height: fit-content;
1906
+ top: 72px;
1907
+ position: absolute;
1908
+ }
1909
+ .appscms-sidebar-left {
1910
+ left: 80px;
1911
+ }
1912
+ .appscms-sidebar-right {
1913
+ right: 80px;
1914
+ }
1915
+ @media screen and (min-width: 1450px) {
1916
+ .appscms-sidebar-left {
1917
+ left: 200px !important;
1918
+ }
1919
+ .appscms-sidebar-right {
1920
+ right: 200px !important;
1921
+ }
1922
+ }
1923
+ @media screen and (min-width: 1920px) {
1924
+
1925
+ .appscms-sidebar-left {
1926
+ left: 300px !important;
1927
+ }
1928
+ .appscms-sidebar-right {
1929
+ right: 300px !important;
1930
+ }
1931
+ }
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.6
4
+ version: 4.1.8
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-26 00:00:00.000000000 Z
11
+ date: 2024-01-04 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