appscms-tools-theme 4.1.6 → 4.1.8

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: 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