Changeset 2026357
- Timestamp:
- 02/07/2019 08:00:44 AM (7 years ago)
- Location:
- addon-elements-for-elementor-page-builder/trunk
- Files:
-
- 10 edited
-
assets/css/eae.css (modified) (4 diffs)
-
assets/js/animated-main.js (modified) (1 diff)
-
assets/js/eae.js (modified) (10 diffs)
-
assets/js/particles.min.js (modified) (1 diff)
-
elementor-addon-elements.php (modified) (1 diff)
-
inc/admin/Settings.php (modified) (6 diffs)
-
inc/admin/controls.php (modified) (1 diff)
-
inc/admin/settings-page.php (modified) (1 diff)
-
inc/elementor-helper.php (modified) (1 diff)
-
readme.txt (modified) (5 diffs)
Legend:
- Unmodified
- Added
- Removed
-
addon-elements-for-elementor-page-builder/trunk/assets/css/eae.css
r2026355 r2026357 239 239 } 240 240 .eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-front { 241 transform: perspective(0px) rotateX(-90deg) rotateY(0) rotateZ(0deg);241 transform: perspective(0px) rotateX(-90deg) rotateY(0) rotateZ(0deg); 242 242 } 243 243 .eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-back { … … 319 319 @media only screen and (max-width: 768px) { 320 320 321 .flipbox-content, .eae-flip-box-front, .eae-flip-box-back{322 cursor:pointer;323 overflow: visible !important;324 transform-style: preserve-3d;325 -webkit-transform-style: preserve-3d;321 .flipbox-content, .eae-flip-box-front, .eae-flip-box-back{ 322 cursor:pointer; 323 overflow: visible !important; 324 transform-style: preserve-3d; 325 -webkit-transform-style: preserve-3d; 326 326 } 327 327 } … … 1179 1179 padding: 0; } } 1180 1180 1181 1182 .elementor-element.eae-animated-gradient-yes {1183 background-size: 400% 400% !important;1184 -webkit-animation: AnimateGradient 15s ease-in-out infinite;1185 -moz-animation: AnimateGradient 15s ease-in-out infinite;1186 animation: AnimateGradient 15s ease-in-out infinite;1187 }1188 @-webkit-keyframes AnimateGradient {1189 0% {1190 background-position: 0% 50%1191 }1192 50% {1193 background-position: 100% 50%1194 }1195 100% {1196 background-position: 0% 50%1197 }1198 }1199 @-moz-keyframes AnimateGradient {1200 0% {1201 background-position: 0% 50%1202 }1203 50% {1204 background-position: 100% 50%1205 }1206 100% {1207 background-position: 0% 50%1208 }1209 }1210 @keyframes AnimateGradient {1211 0% {1212 background-position: 0% 50%1213 }1214 50% {1215 background-position: 100% 50%1216 }1217 100% {1218 background-position: 0% 50%1219 }1220 }1221 1222 /*--------------------------------Testimonial Slider----------------------------*/1223 1224 .eae-swiper-outer-wrapper .swiper-slide{1225 height: auto;1226 overflow: inherit;1227 }1228 .eae-swiper-outer-wrapper .swiper-slide-wrapper , .eae-swiper-outer-wrapper .testimonial-wrapper{1229 height: 100%;1230 }1231 1232 .eae-grid {1233 display: flex;1234 flex-wrap: wrap;1235 flex-direction: row;1236 }1237 .eae-masonry- .eae-grid-item {1238 position: relative;1239 height: 100%;1240 }1241 .eae-masonry- .eae-grid-item .testimonial-wrapper{1242 height: 100%;1243 }1244 .eae-grid-container {1245 transition: 0.1s all ease;1246 }1247 .eae-grid-container{1248 display: inline-block;1249 }1250 1251 .wrapper .content{1252 margin: 10px 0;1253 }/*------------------------skin-2------------------*/1254 .skin-2.testimonial-wrapper{1255 display: flex;1256 flex-direction: column;1257 background-color: #9c989821;1258 min-height: 300px;1259 padding: 10px 20px;1260 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);1261 color : #696969;1262 }1263 .skin-2 .content-wrapper{1264 padding: 10px;1265 position: relative;1266 background-color: #fff;1267 border-radius: 10px;1268 color: #77778E;1269 1270 }1271 .skin-2 i.before-content , .skin-2 i.after-content{1272 position: absolute;1273 }1274 .skin-2 i.before-content{1275 top : 10px;1276 left : 20px;1277 }1278 .skin-2 i.after-content{1279 bottom : 10px;1280 right: 20px;1281 }1282 .skin-2 blockquote{1283 position: relative;1284 font-size: 14px;1285 padding: 10px;1286 font-weight: 500;1287 text-align: left;1288 margin: 0;1289 line-height: 1.6em;1290 font-style: italic;1291 }1292 .skin-2 blockquote::before , .skin-2 blockquote::after{1293 font-family: 'FontAwesome';1294 content: "\201C";1295 position: absolute;1296 font-size: 50px;1297 opacity: 0.3;1298 font-style: normal;1299 }1300 1301 .skin-2 blockquote::before{1302 top : 10px;1303 left: 20px;1304 }1305 .skin-2 blockquote::after{1306 content: "\201D";1307 right: 20px;1308 1309 }1310 .skin-2 .image-wrapper{1311 position: relative;1312 max-width: 100%;1313 text-align: center;1314 }1315 .skin-2 img{1316 width: 100px;1317 border-radius: 25%1318 }1319 .skin-2 .detail-wrapper{1320 text-align : center;1321 }1322 .skin-2 .rating-wrapper , .skin-2 .title , .skin-2 .designation , .skin-2 .company{1323 padding: 5px 0;1324 }1325 .skin-2 .rating-wrapper{1326 color : #000080;1327 }1328 1329 .skin-2 .title{1330 font-weight: 800;1331 color: #000000;1332 }1333 .skin-2 blockquote p{1334 margin : 10px 0 !important;1335 }1336 1337 /*------------------------skin-1------------------*/1338 1339 .skin-1.testimonial-wrapper{1340 display: flex;1341 flex-direction: column;1342 background-color: #ffffff;1343 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);1344 color : black;1345 }1346 .skin-1 .content-wrapper{1347 order : 0;1348 }1349 .skin-1 .image-wrapper{1350 order : 1;1351 text-align: center;1352 margin: 15px 0;1353 }1354 .skin-1 .detail-wrapper{1355 order : 2;1356 }1357 .skin-1 .content-wrapper{1358 padding: 10px;1359 position: relative;1360 }1361 .skin-1 i.before-content , .skin-1 i.after-content{1362 position: absolute;1363 }1364 .skin-1 i.before-content{1365 top : 10px;1366 left : 20px;1367 }1368 .skin-1 i.after-content{1369 bottom : 10px;1370 right: 20px;1371 }1372 .skin-1 blockquote{1373 position: relative;1374 background-color: #ffffff;1375 font-size: 14px;1376 padding: 10px;1377 font-weight: 500;1378 text-align: left;1379 margin: 0;1380 line-height: 1.6em;1381 font-style: italic;1382 }1383 .skin-1 blockquote::before , .skin-1 blockquote::after{1384 font-family: 'FontAwesome';1385 content: "\201C";1386 position: absolute;1387 font-size: 50px;1388 opacity: 0.3;1389 font-style: normal;1390 }1391 1392 .skin-1 blockquote::before{1393 top : 10px;1394 left: 20px;1395 }1396 .skin-1 blockquote::after{1397 content: "\201D";1398 right: 20px;1399 1400 }1401 .skin-1 .image-wrapper{1402 position: relative;1403 max-width: 100%;1404 }1405 .skin-1 img{1406 width: 100px;1407 height: auto;1408 border-radius: 50%;1409 }1410 .skin-1 .detail-wrapper{1411 display: flex;1412 flex-direction: row-reverse;1413 justify-content: space-between;1414 padding: 10px;1415 background-color: rgba(157,163,156,0.18);1416 }1417 .skin-1 .rating-wrapper , .skin-1 .title , .skin-1 .designation{1418 margin: 0 5px;1419 }1420 .skin-1 .title-wrapper{1421 display: flex;1422 flex-direction: row;1423 }1424 .skin-1 .rating-wrapper{1425 color : #fecc1f;1426 }1427 1428 /*------------------------skin-4------------------*/1429 1430 .skin-4.testimonial-wrapper{1431 flex-direction: column;1432 display: flex;1433 background-color: #bfbfb6bd;1434 min-height: 300px;1435 padding: 10px 0;1436 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);1437 color : #77778E;1438 }1439 .skin-4 .content-wrapper{1440 padding: 10px;1441 position: relative;1442 }1443 .skin-4 .content-wrapper{1444 order : 2;1445 color: #3C3C3C;1446 }1447 .skin-4 i.before-content , .skin-4 i.after-content{1448 position: absolute;1449 }1450 .skin-4 i.before-content{1451 top : 10px;1452 left : 20px;1453 }1454 .skin-4 i.after-content{1455 bottom : 10px;1456 right: 20px;1457 }1458 .skin-4 blockquote{1459 position: relative;1460 font-size: 14px;1461 padding: 10px;1462 font-weight: 500;1463 text-align: left;1464 margin: 0;1465 line-height: 1.6em;1466 font-style: italic;1467 }1468 .skin-4 blockquote::before , .skin-4 blockquote::after{1469 font-family: 'FontAwesome';1470 content: "\201C";1471 position: absolute;1472 font-size: 50px;1473 opacity: 0.3;1474 font-style: normal;1475 }1476 1477 .skin-4 blockquote::before{1478 top : 10px;1479 left: 20px;1480 }1481 .skin-4 blockquote::after{1482 content: "\201D";1483 right: 20px;1484 1485 }1486 .skin-4 .image-wrapper{1487 position: relative;1488 max-width: 100%;1489 text-align: center;1490 }1491 .skin-4 img{1492 width: 100px;1493 border-radius: 50%1494 }1495 .skin-4 .detail-wrapper{1496 text-align : center;1497 }1498 .skin-4 .rating-wrapper , .skin-2 .title , .skin-2 .designation{1499 padding: 5px 0;1500 }1501 .skin-4 .rating-wrapper{1502 color : #690A69;1503 }1504 1505 .skin-4 .title{1506 font-weight: 800;1507 color: #000000;1508 }1509 1510 /*------------------------skin-3------------------*/1511 1512 .skin-3.testimonial-wrapper{1513 display: flex;1514 flex-direction: row;1515 background-color: #9c989821;1516 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);1517 color : black;1518 overflow: hidden;1519 }1520 .skin-3 .content-section{1521 display: flex;1522 flex-direction: column;1523 align-self: center;1524 }1525 .skin-3 .content-wrapper{1526 padding: 10px;1527 position: relative;1528 }1529 .skin-3 i.before-content , .skin-2 i.after-content{1530 position: absolute;1531 }1532 .skin-3 i.before-content{1533 top : 10px;1534 left : 20px;1535 }1536 .skin-3 i.after-content{1537 bottom : 10px;1538 right: 20px;1539 }1540 .skin-3 blockquote{1541 position: relative;1542 font-size: 18px;1543 padding: 10px;1544 font-weight: 500;1545 text-align: left;1546 margin: 0;1547 line-height: 1.6em;1548 font-style: italic;1549 }1550 .skin-3 blockquote::before , .skin-3 blockquote::after{1551 font-family: 'FontAwesome';1552 content: "\201C";1553 position: absolute;1554 font-size: 50px;1555 opacity: 0.3;1556 font-style: normal;1557 }1558 1559 .skin-3 blockquote::before{1560 top : 10px;1561 left: 20px;1562 }1563 .skin-3 blockquote::after{1564 content: "\201D";1565 right: 20px;1566 1567 }1568 .skin-3 .image-wrapper{1569 position: relative;1570 max-width: 30%;1571 max-height: 250px;1572 text-align: center;1573 align-self: center;1574 }1575 .skin-3 img{1576 width: 100%;1577 }1578 .testimonial-wrapper .skin-3 .eae-person-avatar{ border-radius: 50% ;1579 }1580 .skin-3 .detail-wrapper{1581 text-align : left;1582 padding-left: 20px;1583 }1584 .skin-3 .rating-wrapper , .skin-3 .title , .skin-3 .designation{1585 padding: 3px 0;1586 }1587 .skin-3 .rating-wrapper{1588 color : #800040;1589 }1590 1591 .skin-3 .title{1592 font-weight: 800;1593 }1594 .eae-swiper-outer-wrapper .swiper-button-prev{1595 -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%;1596 mask: url(arrow-left.svg) no-repeat 100% 100%;1597 -webkit-mask-size: cover;1598 mask-size: cover;1599 background-image: none;1600 background-color: #007aff;1601 transform: translateY(-50%);1602 margin-top:0px;1603 1604 }1605 .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-prev{1606 -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%;1607 mask: url(arrow-right.svg) no-repeat 100% 100%;1608 }1609 .eae-swiper-outer-wrapper .swiper-button-next{1610 -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%;1611 mask: url(arrow-right.svg) no-repeat 100% 100%;1612 -webkit-mask-size: cover;1613 mask-size: cover;1614 background-image: none;1615 background-color: #007aff;1616 transform: translateY(-50%);1617 margin-top:0px;1618 }1619 .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-next{1620 -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%;1621 mask: url(arrow-left.svg) no-repeat 100% 100%;1622 }1623 .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-prev, .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-next{1624 -webkit-mask: none;1625 mask: none;1626 -webkit-mask-size: unset;1627 mask-size: unset;1628 background-image: none;1629 background-color: unset;1630 width: auto;1631 height: auto;1632 transform: translateY(-50%);1633 margin-top:0px;1634 }1635 1636 .swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i{1637 width: 1em;1638 height: 1em;1639 text-align: center;1640 position: relative;1641 }1642 1643 .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .eae-swiper-button-wrapper{ position: absolute; height: auto; line-height: 0; }1644 1645 .eae-hpos-right.eae-vpos-top .eae-swiper-button-wrapper{1646 bottom: auto; top: 0; width: auto; right: 0;1647 }1648 .eae-vpos-top.eae-hpos-left .eae-swiper-button-wrapper{1649 bottom: auto; top: 0; width: auto; left: 0;1650 }1651 .eeae-hpos-right.eae-vpos-bottom .eae-swiper-button-wrapper{1652 bottom: 0; top: auto; width: auto; right: 0;1653 }1654 .eae-vpos-bottom.eae-hpos-left .eae-swiper-button-wrapper{1655 bottom: 0; top: auto; width: auto; left: 0;1656 }1657 .eae-hpos-right.eae-vpos-middle .eae-swiper-button-wrapper{1658 bottom: auto; top: 50%; width: auto; right: 0;1659 }1660 .eae-hpos-left.eae-vpos-middle .eae-swiper-button-wrapper{1661 bottom: auto; top: 50%; width: auto; left: 0;1662 }1663 1664 .eae-hpos-right .swiper-button-prev, .eae-hpos-left .swiper-button-prev, .eae-hpos-right .swiper-button-next, .eae-hpos-left .swiper-button-next {1665 position: relative;1666 display: inline-block;1667 right: auto;1668 left: auto;1669 }1670 1671 .eae-hpos-right.eae-vpos-bottom .swiper-button-prev, .eae-hpos-right.eae-vpos-bottom .swiper-button-next {1672 top: auto;1673 bottom: 0;1674 transform: unset;1675 }1676 .eae-hpos-right.eae-vpos-top .swiper-button-next, .eae-hpos-right.eae-vpos-top .swiper-button-prev {1677 top: 0;1678 bottom: auto;1679 transform: unset;1680 }1681 .eae-hpos-left.eae-vpos-top .swiper-button-prev, .eae-hpos-left.eae-vpos-top .swiper-button-next {1682 top: 0;1683 bottom: auto;1684 transform: unset;1685 }1686 .eae-hpos-left.eae-vpos-bottom .swiper-button-next, .eae-hpos-left.eae-vpos-bottom .swiper-button-prev {1687 top: auto;1688 bottom: 0;1689 transform: unset;1690 }1691 .eae-hpos-center.eae-vpos-bottom .swiper-button-next, .eae-hpos-center.eae-vpos-bottom .swiper-button-prev {1692 top: auto;1693 bottom: 0;1694 transform: unset;1695 }1696 .eae-hpos-center.eae-vpos-top .swiper-button-next, .eae-hpos-center.eae-vpos-top .swiper-button-prev {1697 top: 0;1698 bottom: auto;1699 transform: unset;1700 }1701 1702 1703 1181 @media all and (max-width: 900px) { 1704 1182 .mfp-arrow { … … 1713 1191 .mfp-container { 1714 1192 padding-left: 6px; 1715 padding-right: 6px; } 1716 } 1717 1718 /* Info Circle */ 1719 .eae-info-circle { 1720 position: relative; 1721 width: 90%; 1722 margin: 0 auto; 1723 border-radius: 50%; 1724 display: block; 1725 } 1726 1727 .eae-info-circle:before { 1728 content: ''; 1729 display: block; 1730 position: absolute; 1731 top: 4%; 1732 left: 4%; 1733 width: 92%; 1734 height: 92%; 1735 border-radius: 50%; 1736 z-index: 1; 1737 -webkit-box-sizing: border-box; 1738 -moz-box-sizing: border-box; 1739 box-sizing: border-box; 1740 pointer-events: none; 1741 } 1742 1743 .eae-info-circle:after { 1744 content: ''; 1745 display: block; 1746 padding-top: 100%; 1747 } 1748 1749 .eae-info-circle .eae-ic-icon-wrap { 1750 position: absolute; 1751 display: inline-block; 1752 top: 50%; 1753 left: 50%; 1754 z-index: 2; 1755 line-height: 1em; 1756 vertical-align: middle; 1757 overflow: hidden; 1758 max-width: 100%; 1759 } 1760 1761 .eae-info-circle .eae-info-circle-item { 1762 position: absolute; 1763 top: 0; 1764 left: 0; 1765 width: 100%; 1766 height: 100%; 1767 display: block; 1768 } 1769 1770 .eae-info-circle .eae-info-circle-item.eae-active .eae-info-circle-item__content-wrap { 1771 visibility: visible; 1772 opacity: 1; 1773 display: flex; 1774 } 1775 1776 .eae-info-circle .eae-info-circle-item__content-wrap { 1777 visibility: visible; 1778 display: none; 1779 height: 91%; 1780 width: 91%; 1781 opacity: 0; 1782 top: 50%; 1783 transform: translateY(-50%) translateX(-50%); 1784 position: absolute; 1785 left: 50%; 1786 border-radius: 50%; 1787 overflow: hidden; 1788 -webkit-box-sizing: border-box; 1789 -moz-box-sizing: border-box; 1790 box-sizing: border-box; 1791 1792 } 1793 1794 .eae-info-circle .eae-info-circle-item__content-wrap:before { 1795 content: ''; 1796 display: inline-block; 1797 height: 100%; 1798 vertical-align: middle; 1799 } 1800 1801 .eae-info-circle .eae-info-circle-item__content { 1802 display: inline-block; 1803 top: 50%; 1804 transform: translateY(-50%) translateX(-50%); 1805 position: absolute; 1806 left: 50%; 1807 vertical-align: middle; 1808 z-index: 1; 1809 max-height: 100%; 1810 overflow: auto; 1811 -webkit-box-sizing: border-box; 1812 -moz-box-sizing: border-box; 1813 box-sizing: border-box; 1814 text-align: center; 1815 width: 75%; 1816 } 1817 1818 1819 /* Mobile */ 1820 @media screen and (max-width: 767px) { 1821 .eae-info-circle.eae-info-circle .eae-info-circle-item__content-wrap:before { 1822 display: none; 1823 } 1824 .eae-info-circle:before, 1825 .eae-info-circle:after { 1826 display: none 1827 } 1828 1829 .eae-info-circle{ 1830 width: 100% !important; 1831 } 1832 1833 .eae-info-circle-wrapper:before, 1834 .eae-info-circle-wrapper:after { 1835 display: none 1836 } 1837 .eae-info-circle .eae-ic-icon-wrap{ 1838 display: block; 1839 text-align: center; 1840 position: relative !important; 1841 left: unset !important; 1842 margin-left: 0 !important; 1843 margin-top: 0 !important; 1844 margin-bottom: 10px; 1845 } 1846 .eae-info-circle-item{ 1847 position: relative !important; 1848 border-radius: 0 !important; 1849 padding: 0px; 1850 margin: 10px 0 1851 } 1852 1853 .eae-info-circle .eae-info-circle-item__content-wrap{ 1854 visibility: visible; 1855 opacity: 1 !important; 1856 display: flex !important; 1857 border-radius: 0 !important; 1858 border: none !important; 1859 margin: 0 !important; 1860 padding-right: 0 !important; 1861 padding-left: 0 !important; 1862 padding-bottom: 0 !important; 1863 width: 100%; 1864 height: auto; 1865 line-height: 1.5em; 1866 position: relative; 1867 top: unset; 1868 left: unset; 1869 transform: unset; 1870 } 1871 1872 .eae-info-circle .eae-info-circle-item__content{ 1873 position: relative; 1874 top: unset; 1875 left: unset; 1876 transform: unset; 1877 width: 100%; 1878 padding: 10px; 1879 } 1880 } 1881 1882 /** 1883 New Icon 1884 */ 1885 .eae-icon-wrap i{ 1886 height:1.25em; 1887 width:1.25em; 1888 line-height: 1.25em; 1889 display: block; 1890 } 1891 .eae-icon-wrap i img{ 1892 top: 50%; 1893 left: 50%; 1894 transform: translateX(-50%) translateY(-50%); 1895 position: absolute; 1896 } 1897 .eae-icon{ 1898 display: inline-block; 1899 text-align: center; 1900 line-height: 1em; 1901 vertical-align: middle; 1902 max-width: 100%; 1903 overflow: hidden; 1904 padding: 10px; 1905 } 1906 1907 .eae-icon-shape-circle:not(.elementor-element){ 1908 border-radius:50%; 1909 } 1910 .eae-icon-view-framed:not(.elementor-element) { 1911 border-width:1px; 1912 border-style:solid; 1913 } 1914 1915 .eae-icon-wrapper{ 1916 display: flex; 1917 } 1918 1919 .eae-icon-wrapper .eae-icon{ 1920 position: absolute; 1921 left: 50%; 1922 top: 50%; 1923 transform: translate(-50%, -50%); 1924 line-height: 1; 1925 } 1926 1927 1928 /** 1929 1930 Timeline CSS 1931 new comment 1932 1933 **/ 1934 1935 1936 .eae-timeline { 1937 position: relative; 1938 display: inline-block; 1939 width: 100%; 1940 } 1941 1942 .eae-timline-progress-bar{ 1943 width: 4px; 1944 background-color: #F45B69; 1945 top:0; 1946 bottom: 50px; 1947 position: absolute; 1948 transform: translateX(-50%); 1949 } 1950 1951 .eae-timeline-item{ 1952 position: relative; 1953 display: flex; 1954 flex-direction: row; 1955 padding-bottom: 50px; 1956 } 1957 1958 .eae-timeline-item:last-child{ 1959 padding-bottom: 0px !important; 1960 } 1961 1962 .eae-tl-top .eae-timeline-item { 1963 align-items: flex-start; 1964 } 1965 .eae-tl-top .eae-tl-item-content::before{ 1966 top: 10px; 1967 } 1968 .eae-timeline-item.image-position-row-reverse .eae-tl-item-image, 1969 .eae-timeline-item.image-position-row .eae-tl-item-image{ 1970 margin-top: 0; 1971 margin-bottom: 0; 1972 } 1973 1974 .eae-tl-item-meta-wrapper-inner{ 1975 display: none; 1976 } 1977 .eae-tl-bottom .eae-timeline-item { 1978 align-items: flex-end; 1979 } 1980 .eae-tl-bottom .eae-tl-item-content::before{ 1981 bottom: 10px; 1982 } 1983 1984 .eae-tl-center .eae-timeline-item { 1985 align-items: center; 1986 } 1987 .eae-tl-center .eae-tl-item-content::before{ 1988 bottom: calc(50% - 5px); 1989 } 1990 1991 .eae-layout-center .eae-timline-progress-bar{ 1992 left: 50%; 1993 } 1994 .eae-layout-center .eae-timeline-item:nth-child(odd) { 1995 flex-direction: row-reverse; 1996 } 1997 .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-meta-wrapper{ 1998 margin-right: 0px; 1999 margin-left:0px; 2000 justify-content: flex-start; 2001 } 2002 .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-content-wrapper{ 2003 padding-right: 20px; 2004 padding-left: 0px; 2005 } 2006 .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-content-wrapper{ 2007 padding-right: 0px; 2008 padding-left: 20px; 2009 } 2010 2011 .eae-layout-left .eae-tl-content-wrapper { 2012 padding-right: 10px; 2013 padding-left: 20px; 2014 } 2015 .eae-layout-left .eae-timline-progress-bar{ 2016 left: 20px; 2017 } 2018 .eae-layout-left .eae-tl-item-meta-wrapper{ 2019 display: none; 2020 } 2021 .eae-layout-left .eae-tl-item-meta-wrapper-inner{ 2022 display: block; 2023 } 2024 2025 .eae-layout-right .eae-timline-progress-bar{ 2026 left: calc(100% - 20px); 2027 } 2028 .eae-layout-right .eae-tl-content-wrapper { 2029 padding-right: 20px; 2030 padding-left: 10px; 2031 } 2032 .eae-layout-right .eae-tl-icon-wrapper{ 2033 order:3; 2034 } 2035 .eae-layout-right .eae-tl-item-meta-wrapper{ 2036 display: none; 2037 } 2038 .eae-layout-right .eae-tl-item-meta-wrapper-inner{ 2039 display: block; 2040 } 2041 2042 .eae-tl-item-meta-wrapper { 2043 flex-grow: 1; 2044 order: 0; 2045 flex-basis: 50%; 2046 flex-direction: initial; 2047 justify-content: flex-end; 2048 display: flex; 2049 align-items: center; 2050 margin-right: 0px; 2051 } 2052 .eae-tl-item-meta{ 2053 padding: 0px 20px; 2054 } 2055 2056 .eae-tl-icon-wrapper { 2057 height: auto; 2058 width: auto; 2059 flex-grow: 0; 2060 flex-shrink: 0; 2061 order: 1; 2062 margin-left: 0px; 2063 margin-right: 0px; 2064 min-width: 10px; 2065 min-height: 10px; 2066 border-radius: 999px; 2067 position: relative; 2068 display: -ms-flexbox; 2069 display: flex; 2070 -ms-flex-align: center; 2071 align-items: center; 2072 -ms-flex-pack: center; 2073 justify-content: center; 2074 } 2075 2076 .eae-tl-content-wrapper { 2077 flex-grow: 1; 2078 order: 2; 2079 flex-basis: 50%; 2080 position: relative; 2081 padding-right: 0px; 2082 padding-left: 20px; 2083 } 2084 .eae-tl-item-content{ 2085 background: #f4f4f4; 2086 padding: 25px; 2087 overflow: hidden; 2088 text-align: center; 2089 display: flex; 2090 flex-direction: row; 2091 } 2092 .eae-tl-content{ 2093 display: inline-block; 2094 position: relative; 2095 padding: 10px; 2096 width: 100%; 2097 color: #000; 2098 } 2099 2100 .eae-timeline.image-position-row .eae-content-inner,.eae-timeline.image-position-row-reverse .eae-content-inner{ 2101 position: relative; 2102 left: 50%; 2103 top: 50%; 2104 transform: translate(-50%, -50%); 2105 line-height: 1; 2106 width: 100%; 2107 } 2108 .custom-image-style-.image-position-row .eae-content-inner, 2109 .custom-image-style-.image-position-row-reverse .eae-content-inner, 2110 .custom-image-style-no.image-position-row .eae-content-inner, 2111 .custom-image-style-no.image-position-row-reverse .eae-content-inner{ 2112 left: unset; 2113 top: unset; 2114 transform: unset; 2115 } 2116 .eae-tl-item-image{ 2117 display: inline-block; 2118 } 2119 2120 .image-position-row .eae-tl-item-image img, .image-position-row-reverse .eae-tl-item-image img{ 2121 object-fit: cover; 2122 height: 100% !important; 2123 } 2124 .image-position-row .eae-tl-item-image,.image-position-row-reverse .eae-tl-item-image{ 2125 margin: 0px; 2126 } 2127 .image-position-column .eae-tl-item-image{ 2128 margin : auto; 2129 } 2130 .custom-image-style-no.image-position-column .eae-tl-item-image, 2131 .custom-image-style-.image-position-column .eae-tl-item-image{ 2132 margin : 0 auto; 2133 } 2134 2135 .eae-pb-inner-line{ 2136 width: 100%; 2137 background-color: #3d5ac3; 2138 } 2139 2140 .eae-tl-item-content::before { 2141 content: ''; 2142 position: absolute; 2143 width: 0; 2144 height: 0; 2145 border-style: solid; 2146 border-width: 8px 16px 8px 0; 2147 border-color: transparent #f4f4f4 transparent transparent; 2148 } 2149 2150 2151 .eae-icon-wrapper{ 2152 display: flex; 2153 } 2154 2155 .elementor-widget-bpel-timeline .eae-icon-wrapper{ 2156 position: absolute; 2157 left: 50%; 2158 top: 50%; 2159 transform: translate(-50%, -50%); 2160 line-height: 1; 2161 } 2162 2163 .eae-tl-read-more{ 2164 display: inline-block; 2165 padding: 5px; 2166 border: 2px solid #000000; 2167 } 2168 2169 @media screen and (min-width: 1024px) { 2170 .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{ 2171 flex-direction: row-reverse !important; 2172 } 2173 .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{ 2174 flex-direction: row !important; 2175 } 2176 2177 .eae-layout-right .eae-tl-item-content::before, 2178 .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before{ 2179 right: 4px; 2180 border-width: 8px 0 8px 16px; 2181 border-color: transparent transparent transparent #f4f4f4; 2182 } 2183 2184 .eae-layout-left .eae-tl-item-content::before, 2185 .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-item-content::before{ 2186 left: 4px; 2187 border-width: 8px 16px 8px 0; 2188 border-color: transparent #f4f4f4 transparent transparent; 2189 } 2190 } 2191 @media screen and (max-width: 1023px) and (min-width: 768px) { 2192 .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{ 2193 flex-direction: row-reverse !important; 2194 } 2195 .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{ 2196 flex-direction: row !important; 2197 } 2198 2199 .eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper{ 2200 display: none; 2201 }.eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper-inner{ 2202 display: block; 2203 } 2204 .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{ 2205 flex-direction: row !important; 2206 } 2207 .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item{ 2208 flex-direction: row-reverse !important; 2209 } 2210 2211 .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before, 2212 .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(even) .eae-tl-item-content::before, 2213 .eae-layout-left .eae-tl-item-content::before, 2214 .eae-layout-left .eae-timeline-item .eae-tl-item-content::before{ 2215 left: 4px !important; 2216 border-width: 8px 16px 8px 0 !important; 2217 border-color: transparent #f4f4f4 transparent transparent !important; 2218 } 2219 2220 .eae-layout-right .eae-timeline-item .eae-tl-item-content::before, 2221 .eae-layout-right .eae-tl-item-content::before, 2222 .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before, 2223 .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before, 2224 .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before{ 2225 right: 4px !important; 2226 border-width: 8px 0 8px 16px !important; 2227 border-color: transparent transparent transparent #f4f4f4 !important; 2228 } 2229 .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{ 2230 padding-right: 0px !important; 2231 padding-left: 20px !important; 2232 } 2233 .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{ 2234 padding-right: 20px !important; 2235 padding-left: 0px !important; 2236 } 2237 .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{ 2238 left: 13px; 2239 } 2240 .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{ 2241 left: calc(100% - 13px); 2242 } 2243 } 2244 2245 @media screen and (max-width: 767px) { 2246 .eae-tl-item-meta-wrapper{ 2247 display: none; 2248 } 2249 .eae-tl-item-meta-wrapper-inner{ 2250 display: block; 2251 } 2252 2253 .elementor-widget-bpel-timeline:not(.image-position-column) .eae-timeline .eae-tl-item-content{ 2254 flex-direction: column-reverse !important; 2255 } 2256 .elementor-widget-bpel-timeline:not(.image-position-column) .eae-tl-content,.eae-tl-item-image{ 2257 width : 100% !important; 2258 } 2259 .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item, 2260 .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{ 2261 flex-direction: row !important; 2262 } 2263 .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item, 2264 .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item{ 2265 flex-direction: row-reverse !important; 2266 } 2267 2268 .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before, 2269 .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before, 2270 .eae-layout-left .eae-timeline-item .eae-tl-item-content::before, 2271 .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before, 2272 .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before 2273 { 2274 left: 4px !important; 2275 border-width: 8px 16px 8px 0 !important; 2276 border-color: transparent #f4f4f4 transparent transparent !important; 2277 } 2278 .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before, 2279 .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before, 2280 .eae-layout-right .eae-timeline-item .eae-tl-item-content::before{ 2281 right: 4px !important; 2282 border-width: 8px 0 8px 16px !important; 2283 border-color: transparent transparent transparent #f4f4f4 !important; 2284 } 2285 .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper, 2286 .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{ 2287 padding-right: 0px !important; 2288 padding-left: 20px !important; 2289 } 2290 .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper, 2291 .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{ 2292 padding-right: 20px !important; 2293 padding-left: 0px !important; 2294 } 2295 .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar, 2296 .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{ 2297 left: 13px; 2298 } 2299 .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar, 2300 .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{ 2301 left: calc(100% - 13px); 2302 } 2303 } 2304 2305 /** EverGreen Timer **/ 2306 2307 [data-element_type="eae-evergreen-timer.skin1"] .eae-evergreen-wrapper{ 2308 display: block; 2309 text-align: center; 2310 } 2311 [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv{ 2312 font-family: sans-serif; 2313 color: #fff; 2314 display: inline-block; 2315 font-weight: 100; 2316 text-align: center; 2317 font-size: 30px; 2318 } 2319 2320 [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper{ 2321 padding: 10px; 2322 border-radius: 3px; 2323 background: #00BF96; 2324 display: inline-block; 2325 overflow: hidden; 2326 } 2327 2328 [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{ 2329 padding: 15px; 2330 width: 100% ; 2331 background: #00816A; 2332 display: inline-block; 2333 } 2334 2335 [data-element_type="eae-evergreen-timer.skin1"] .smalltext{ 2336 padding: 7px; 2337 font-size: 16px; 2338 } 2339 2340 [data-element_type="eae-evergreen-timer.skin1"] .eae-egt-hide{ 2341 display : none; 2342 } 2343 2344 .eae-egt-message { 2345 display: none; 2346 } 2347 2348 @media screen and (max-width: 767px){ 2349 [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{ 2350 padding: 5px; 2351 } 2352 2353 [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper { 2354 padding: 5px; 2355 } 2356 } 2357 2358 /* Skin 2 - Flip Clock Css*/ 2359 2360 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper * { 2361 -webkit-box-sizing: border-box; 2362 -moz-box-sizing: border-box; 2363 -ms-box-sizing: border-box; 2364 -o-box-sizing: border-box; 2365 box-sizing: border-box; 2366 -webkit-backface-visibility: hidden; 2367 -moz-backface-visibility: hidden; 2368 -ms-backface-visibility: hidden; 2369 -o-backface-visibility: hidden; 2370 backface-visibility: hidden; 2371 } 2372 [data-element_type="eae-evergreen-timer.skin2"] .eae-evergreen-wrapper{ 2373 display: inline-block; 2374 width: 100%; 2375 text-align: center; 2376 margin: auto; 2377 } 2378 [data-element_type="eae-evergreen-timer.skin2"] .timer-container{ 2379 display: inline-block; 2380 } 2381 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a { 2382 cursor: pointer; 2383 text-decoration: none; 2384 color: #ccc; 2385 } 2386 2387 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a:hover { 2388 color: #fff; 2389 } 2390 2391 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul { 2392 list-style: none; 2393 } 2394 2395 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:before, 2396 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after { 2397 content: " "; 2398 display: table; 2399 } 2400 2401 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after { 2402 clear: both; 2403 } 2404 2405 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix { 2406 *zoom: 1; 2407 } 2408 2409 /* Main */ 2410 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper { 2411 font: normal 11px "Helvetica Neue", Helvetica, sans-serif; 2412 -webkit-user-select: none; 2413 } 2414 2415 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium { 2416 background: none !important; 2417 box-shadow: 0 0 0 !important; 2418 font-size: 36px !important; 2419 } 2420 2421 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium a { 2422 color: #313333; 2423 } 2424 2425 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper { 2426 text-align: center; 2427 position: relative; 2428 width: 100%; 2429 margin: 1em; 2430 } 2431 2432 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:before, 2433 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after { 2434 content: " "; /* 1 */ 2435 display: table; /* 2 */ 2436 } 2437 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after { 2438 clear: both; 2439 } 2440 2441 /* Skeleton */ 2442 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul { 2443 position: relative; 2444 float: left; 2445 margin: 5px; 2446 width: 60px; 2447 height: 90px; 2448 font-size: 80px; 2449 font-weight: bold; 2450 line-height: 87px; 2451 border-radius: 6px; 2452 background: #000; 2453 } 2454 2455 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li { 2456 z-index: 1; 2457 position: absolute; 2458 left: 0; 2459 top: 0; 2460 width: 100%; 2461 height: 100%; 2462 line-height: 87px; 2463 text-decoration: none !important; 2464 } 2465 2466 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li:first-child { 2467 z-index: 2; 2468 } 2469 2470 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a { 2471 display: block; 2472 height: 100%; 2473 -webkit-perspective: 200px; 2474 -moz-perspective: 200px; 2475 perspective: 200px; 2476 margin: 0 !important; 2477 overflow: visible !important; 2478 cursor: default !important; 2479 } 2480 2481 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div { 2482 z-index: 1; 2483 position: absolute; 2484 left: 0; 2485 width: 100%; 2486 height: 50%; 2487 font-size: 80px; 2488 overflow: hidden; 2489 outline: 1px solid transparent; 2490 } 2491 2492 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div .shadow { 2493 position: absolute; 2494 width: 100%; 2495 height: 100%; 2496 z-index: 2; 2497 } 2498 2499 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up { 2500 -webkit-transform-origin: 50% 100%; 2501 -moz-transform-origin: 50% 100%; 2502 -ms-transform-origin: 50% 100%; 2503 -o-transform-origin: 50% 100%; 2504 transform-origin: 50% 100%; 2505 top: 0; 2506 } 2507 2508 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up:after { 2509 content: ""; 2510 position: absolute; 2511 top: 44px; 2512 left: 0; 2513 z-index: 5; 2514 width: 100%; 2515 height: 3px; 2516 background-color: #000; 2517 background-color: rgba(0, 0, 0, 0.4); 2518 } 2519 2520 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down { 2521 -webkit-transform-origin: 50% 0; 2522 -moz-transform-origin: 50% 0; 2523 -ms-transform-origin: 50% 0; 2524 -o-transform-origin: 50% 0; 2525 transform-origin: 50% 0; 2526 bottom: 0; 2527 border-bottom-left-radius: 6px; 2528 border-bottom-right-radius: 6px; 2529 } 2530 2531 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn { 2532 position: absolute; 2533 left: 0; 2534 z-index: 1; 2535 width: 100%; 2536 height: 200%; 2537 color: #ccc; 2538 text-shadow: 0 1px 2px #000; 2539 text-align: center; 2540 background-color: #333; 2541 border-radius: 6px; 2542 font-size: 70px; 2543 } 2544 2545 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up div.inn { 2546 top: 0; 2547 } 2548 2549 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down div.inn { 2550 bottom: 0; 2551 } 2552 2553 /* PLAY */ 2554 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before { 2555 z-index: 3; 2556 } 2557 2558 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper .flip { 2559 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); 2560 } 2561 2562 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active { 2563 -webkit-animation: asd 0.01s 0.49s linear both; 2564 -moz-animation: asd 0.01s 0.49s linear both; 2565 animation: asd 0.01s 0.49s linear both; 2566 z-index: 5; 2567 } 2568 2569 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider { 2570 float: left; 2571 display: inline-block; 2572 position: relative; 2573 width: 20px; 2574 height: 100px; 2575 } 2576 2577 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider:first-child { 2578 width: 0; 2579 } 2580 2581 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot { 2582 display: block; 2583 background: #323434; 2584 width: 10px; 2585 height: 10px; 2586 position: absolute; 2587 border-radius: 50%; 2588 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 2589 left: 5px; 2590 } 2591 2592 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label { 2593 position: absolute; 2594 top: -1.5em; 2595 right: -86px; 2596 color: black; 2597 text-shadow: none; 2598 } 2599 2600 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label { 2601 right: -88px; 2602 } 2603 2604 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label { 2605 right: -91px; 2606 } 2607 2608 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.top { 2609 top: 30%; 2610 } 2611 2612 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.bottom { 2613 bottom: 30%; 2614 } 2615 2616 @-webkit-keyframes asd { 2617 0% { 2618 z-index: 2; 2619 } 2620 2621 100% { 2622 z-index: 4; 2623 } 2624 } 2625 2626 @-moz-keyframes asd { 2627 0% { 2628 z-index: 2; 2629 } 2630 2631 100% { 2632 z-index: 4; 2633 } 2634 } 2635 2636 @-o-keyframes asd { 2637 0% { 2638 z-index: 2; 2639 } 2640 2641 100% { 2642 z-index: 4; 2643 } 2644 } 2645 2646 @keyframes asd { 2647 0% { 2648 z-index: 2; 2649 } 2650 2651 100% { 2652 z-index: 4; 2653 } 2654 } 2655 2656 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down { 2657 z-index: 2; 2658 -webkit-animation: turn 0.5s 0.5s linear both; 2659 -moz-animation: turn 0.5s 0.5s linear both; 2660 animation: turn 0.5s 0.5s linear both; 2661 } 2662 2663 @-webkit-keyframes turn { 2664 0% { 2665 -webkit-transform: rotateX(90deg); 2666 } 2667 2668 100% { 2669 -webkit-transform: rotateX(0deg); 2670 } 2671 } 2672 2673 @-moz-keyframes turn { 2674 0% { 2675 -moz-transform: rotateX(90deg); 2676 } 2677 2678 100% { 2679 -moz-transform: rotateX(0deg); 2680 } 2681 } 2682 2683 @-o-keyframes turn { 2684 0% { 2685 -o-transform: rotateX(90deg); 2686 } 2687 2688 100% { 2689 -o-transform: rotateX(0deg); 2690 } 2691 } 2692 2693 @keyframes turn { 2694 0% { 2695 transform: rotateX(90deg); 2696 } 2697 2698 100% { 2699 transform: rotateX(0deg); 2700 } 2701 } 2702 2703 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up { 2704 z-index: 2; 2705 -webkit-animation: turn2 0.5s linear both; 2706 -moz-animation: turn2 0.5s linear both; 2707 animation: turn2 0.5s linear both; 2708 } 2709 2710 @-webkit-keyframes turn2 { 2711 0% { 2712 -webkit-transform: rotateX(0deg); 2713 } 2714 2715 100% { 2716 -webkit-transform: rotateX(-90deg); 2717 } 2718 } 2719 2720 @-moz-keyframes turn2 { 2721 0% { 2722 -moz-transform: rotateX(0deg); 2723 } 2724 2725 100% { 2726 -moz-transform: rotateX(-90deg); 2727 } 2728 } 2729 2730 @-o-keyframes turn2 { 2731 0% { 2732 -o-transform: rotateX(0deg); 2733 } 2734 2735 100% { 2736 -o-transform: rotateX(-90deg); 2737 } 2738 } 2739 2740 @keyframes turn2 { 2741 0% { 2742 transform: rotateX(0deg); 2743 } 2744 2745 100% { 2746 transform: rotateX(-90deg); 2747 } 2748 } 2749 2750 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li.flip-clock-active { 2751 z-index: 3; 2752 } 2753 2754 /* SHADOW */ 2755 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { 2756 background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); 2757 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); 2758 background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; 2759 background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); 2760 background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); 2761 background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; 2762 -webkit-animation: show 0.5s linear both; 2763 -moz-animation: show 0.5s linear both; 2764 animation: show 0.5s linear both; 2765 } 2766 2767 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { 2768 background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); 2769 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); 2770 background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; 2771 background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); 2772 background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); 2773 background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; 2774 -webkit-animation: hide 0.5s 0.3s linear both; 2775 -moz-animation: hide 0.5s 0.3s linear both; 2776 animation: hide 0.5s 0.3s linear both; 2777 } 2778 2779 /*DOWN*/ 2780 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { 2781 background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); 2782 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); 2783 background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; 2784 background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); 2785 background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); 2786 background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; 2787 -webkit-animation: show 0.5s linear both; 2788 -moz-animation: show 0.5s linear both; 2789 animation: show 0.5s linear both; 2790 } 2791 2792 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { 2793 background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); 2794 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); 2795 background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; 2796 background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); 2797 background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); 2798 background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; 2799 -webkit-animation: hide 0.5s 0.3s linear both; 2800 -moz-animation: hide 0.5s 0.3s linear both; 2801 animation: hide 0.5s 0.2s linear both; 2802 } 2803 2804 @-webkit-keyframes show { 2805 0% { 2806 opacity: 0; 2807 } 2808 2809 100% { 2810 opacity: 1; 2811 } 2812 } 2813 2814 @-moz-keyframes show { 2815 0% { 2816 opacity: 0; 2817 } 2818 2819 100% { 2820 opacity: 1; 2821 } 2822 } 2823 2824 @-o-keyframes show { 2825 0% { 2826 opacity: 0; 2827 } 2828 2829 100% { 2830 opacity: 1; 2831 } 2832 } 2833 2834 @keyframes show { 2835 0% { 2836 opacity: 0; 2837 } 2838 2839 100% { 2840 opacity: 1; 2841 } 2842 } 2843 2844 @-webkit-keyframes hide { 2845 0% { 2846 opacity: 1; 2847 } 2848 2849 100% { 2850 opacity: 0; 2851 } 2852 } 2853 2854 @-moz-keyframes hide { 2855 0% { 2856 opacity: 1; 2857 } 2858 2859 100% { 2860 opacity: 0; 2861 } 2862 } 2863 2864 @-o-keyframes hide { 2865 0% { 2866 opacity: 1; 2867 } 2868 2869 100% { 2870 opacity: 0; 2871 } 2872 } 2873 2874 @keyframes hide { 2875 0% { 2876 opacity: 1; 2877 } 2878 2879 100% { 2880 opacity: 0; 2881 } 2882 } 2883 2884 @media screen and (max-width: 767px) { 2885 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{ 2886 width: 15px; 2887 } 2888 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot{ 2889 height:5px; 2890 width: 5px; 2891 2892 } 2893 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul { 2894 height: 40px; 2895 } 2896 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{ 2897 height:50px; 2898 } 2899 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li{ 2900 line-height: 37px; 2901 } 2902 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn{ 2903 font-size: 24px; 2904 } 2905 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{ 2906 margin: 2px; 2907 } 2908 /* [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul { 2909 position: relative; 2910 float: left; 2911 margin: 5px; 2912 width: 40px; 2913 height: 70px; 2914 font-size: 40px; 2915 font-weight: bold; 2916 line-height: 47px; 2917 border-radius: 6px; 2918 background: #000; 2919 } 2920 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div { 2921 z-index: 1; 2922 position: absolute; 2923 left: 0; 2924 width: 100%; 2925 height: 50%; 2926 font-size: 40px; 2927 overflow: hidden; 2928 outline: 1px solid transparent; 2929 } 2930 [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn { 2931 position: absolute; 2932 left: 0; 2933 z-index: 1; 2934 width: 100%; 2935 height: 200%; 2936 color: #ccc; 2937 text-shadow: 0 1px 2px #000; 2938 text-align: center; 2939 background-color: #333; 2940 border-radius: 6px; 2941 font-size: 40px; 2942 }*/ 2943 } 2944 2945 /* Skin 3 - Flip Block */ 2946 /* 2947 [data-element_type="eae-evergreen-timer.skin3"] body { 2948 display: grid; 2949 grid-template-columns: repeat(6, 1fr); 2950 grid-template-rows: auto; 2951 color: #fff; 2952 } 2953 2954 [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper { 2955 text-align: center; 2956 grid-column: 1 / 7; 2957 grid-row: 2/ 4; 2958 max-width: 768px; 2959 margin-left: auto; 2960 margin-right: auto; 2961 } 2962 2963 [data-element_type="eae-evergreen-timer.skin3"] #timer, 2964 [data-element_type="eae-evergreen-timer.skin3"] .desc{ 2965 display: grid; 2966 grid-template-columns: repeat(4, 1fr); 2967 justify-items: center; 2968 align-items: center; 2969 grid-gap: 1em; 2970 grid-template-rows: 150px; 2971 } 2972 [data-element_type="eae-evergreen-timer.skin3"] .desc{ 2973 margin-top: 10px; 2974 grid-template-rows: 10px; 2975 } 2976 2977 [data-element_type="eae-evergreen-timer.skin3"] #timer span { 2978 font-size: 48px; 2979 width: 100%; 2980 height: 100%; 2981 border-radius: 5px; 2982 color: #fff; 2983 } 2984 [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{ 2985 position: relative; 2986 } 2987 [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper div{ 2988 top: 50%; 2989 left: 50%; 2990 transform: translate(-50%,-50%); 2991 position: absolute; 2992 } 2993 [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper{ 2994 display: block; 2995 text-align: center; 2996 }*/ 2997 [data-element_type="eae-evergreen-timer.skin3"] #timer{ 2998 font-family: sans-serif; 2999 color: #fff; 3000 display: inline-block; 3001 font-weight: 100; 3002 text-align: center; 3003 font-size: 30px; 3004 } 3005 [data-element_type="eae-evergreen-timer.skin3"] .desc{ 3006 display: flex; 3007 justify-content: center; 3008 3009 } 3010 [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-right .desc{ 3011 justify-content: flex-end; 3012 } 3013 [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-left .desc{ 3014 justify-content: flex-start; 3015 } 3016 [data-element_type="eae-evergreen-timer.skin3"] .desc .egt-time-text{ 3017 display: inline-block; 3018 padding: 0 50px 0 50px; 3019 } 3020 3021 [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{ 3022 padding: 50px; 3023 border-radius: 3px; 3024 background: #00BF96; 3025 display: inline-block; 3026 overflow: hidden; 3027 margin: 5px; 3028 line-height: 1em; 3029 } 3030 3031 [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(1) { 3032 background: khaki; 3033 } 3034 3035 [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(2) { 3036 background: indianred; 3037 } 3038 3039 [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(3) { 3040 background: cadetblue; 3041 } 3042 3043 [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(4) { 3044 background: cornflowerblue; 3045 } 3046 3047 [data-element_type="eae-evergreen-timer.skin3"] .fade { 3048 animation: flip 0.7s ease forwards; 3049 } 3050 3051 @keyframes flip { 3052 0% { 3053 transform: rotateY(0) scaleY(1.1); 3054 opacity: .5; 3055 } 3056 50% { 3057 transform: rotateY(180deg) scaleY(1.3); 3058 opacity: 0; 3059 } 3060 100% { 3061 transform: rotateY(0); 3062 opacity: 1; 3063 } 3064 } 3065 3066 @media screen and (max-width: 767px) { 3067 [data-element_type="eae-evergreen-timer.skin3"] #timer span{ 3068 font-size: 22px; 3069 } 3070 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label { 3071 top: -1.5em; 3072 right: -42px; 3073 } 3074 3075 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label { 3076 right: -48px; 3077 } 3078 3079 [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label { 3080 right: -51px; 3081 } 3082 } 3083 3084 /* Skin 4 - Digit Up Animation */ 3085 [data-element_type="eae-evergreen-timer.skin4"] .eae-evergreen-wrapper { 3086 width: 100%; 3087 } 3088 [data-element_type="eae-evergreen-timer.skin4"] .container { 3089 margin: 0 auto; 3090 } 3091 [data-element_type="eae-evergreen-timer.skin4"] .special { 3092 position: relative; 3093 width: 840px; 3094 height: 47px; 3095 } 3096 [data-element_type="eae-evergreen-timer.skin4"] #counter { 3097 position: absolute; 3098 z-index: 4000; 3099 } 3100 [data-element_type="eae-evergreen-timer.skin4"] .digit-separator { 3101 position: relative; 3102 float: left; 3103 width: 17px; 3104 height: 44px; 3105 overflow: hidden; 3106 background-image: url('../digit-sep-svg.svg'); 3107 background-repeat: no-repeat; 3108 background-position: 0px 0px; 3109 background-color: #4054b2; 3110 } 3111 [data-element_type="eae-evergreen-timer.skin4"] .digit { 3112 background-image: url('../digits-svg-alpha.svg'); 3113 background-color: #4054b2; 3114 } 3115 3116 /* Comparison Table */ 3117 3118 .eae-ct-wrapper * { 3119 box-sizing:border-box; 3120 3121 margin:0; 3122 outline: 0; 3123 } 3124 article.eae-ct-wrapper{ 3125 width:100%; 3126 max-width:1000px; 3127 margin:0 auto; 3128 position:relative; 3129 } 3130 .eae-ct-wrapper th{ 3131 position: relative; 3132 } 3133 .eae-ct-wrapper ul { 3134 display:none; 3135 top:0px; 3136 z-index:10; 3137 padding-bottom:14px; 3138 } 3139 .eae-ct-wrapper li { 3140 list-style:none; 3141 flex:1; 3142 position: relative; 3143 } 3144 .eae-ct-wrapper li:hover { 3145 cursor: pointer; 3146 } 3147 .eae-ct-wrapper li:last-child { 3148 /*border-right:1px solid #DDD;*/ 3149 } 3150 .eae-ct-wrapper .eae-ct-heading { 3151 width:100%; 3152 padding: 10px; 3153 background:#FFF; 3154 font-size:20px; 3155 font-weight:bold; 3156 height:60px; 3157 color:#999; 3158 text-align:center; 3159 } 3160 .eae-ct-wrapper li.eae-ct-heading .eae-ct-heading-inner{ 3161 position: absolute; 3162 align-self: center; 3163 top: 50%; 3164 left: 50%; 3165 transform: translate(-50%,-50%); 3166 width: 100%; 3167 } 3168 .eae-ct-wrapper li.eae-ct-heading.active { 3169 background:#F5F5F5; 3170 } 3171 .eae-ct-wrapper table { border-collapse:collapse; table-layout:fixed; width:100%; } 3172 .eae-ct-wrapper th { background:#F5F5F5; display:none; } 3173 .eae-ct-wrapper td,.eae-ct-wrapper th { 3174 height:53px; 3175 vertical-align: middle; 3176 } 3177 .eae-ct-wrapper table{ 3178 border:none; 3179 } 3180 .eae-ct-wrapper table tr td:first-child,.eae-ct-wrapper table tr td:last-child, .eae-ct-wrapper td,.eae-ct-wrapper td,.eae-ct-wrapper th { border:1px solid #DDD; padding:10px; empty-cells:show; } 3181 .eae-ct-wrapper td,.eae-ct-wrapper th { 3182 text-align:left; 3183 } 3184 .eae-ct-wrapper td+td, .eae-ct-wrapper th+th { 3185 text-align:center; 3186 } 3187 .eae-ct-wrapper tr:first-child{ 3188 background: none !important; 3189 } 3190 .eae-ct-wrapper ul li:nth-child(1){ 3191 display: table-cell; 3192 } 3193 .eae-ct-wrapper tr td:nth-child(2){ 3194 display: table-cell; 3195 } 3196 3197 .eae-ct-wrapper td:nth-child(1) { 3198 display:table-cell; 3199 } 3200 .eae-ct-wrapper td{ 3201 display:none; 3202 } 3203 .eae-ct-wrapper .sep { 3204 background:#F5F5F5; 3205 font-weight:bold; 3206 } 3207 .eae-ct-price-wrapper { 3208 display: flex; 3209 justify-content: center; 3210 } 3211 .eae-ct-tt-type-icon .eae-ct-feature .tooltip{ 3212 float: right; 3213 } 3214 .eae-ct-wrapper .tooltiptext::before{ 3215 content: ''; 3216 border-width: 5px 5px 0 5px; 3217 border-color: #fff; 3218 border-left-color: transparent; 3219 border-right-color: transparent; 3220 border-bottom-color: transparent; 3221 bottom: -10px; 3222 width: 0; 3223 height: 0; 3224 border-style: solid; 3225 position: absolute; 3226 margin: 5px; 3227 left: 42%; 3228 } 3229 .eae-ct-wrapper .eae-ct-price { font-size:28px; font-weight:bold; line-height: 1em;} 3230 .eae-ct-wrapper .eae-ct-currency { align-self: flex-start; margin-right: 3px} 3231 .eae-ct-wrapper .eae-ct-fractional-price { align-self: flex-start; margin-left: 3px} 3232 .eae-ct-wrapper .eae-ct-duration { align-self: flex-start; } 3233 .eae-ct-wrapper .eae-ct-original-price{ 3234 margin-right: 5px; 3235 text-decoration: line-through; 3236 align-self: flex-end; 3237 } 3238 .eae-ct-wrapper .tick { font-size:18px; color:#2CA01C; } 3239 .eae-ct-wrapper .hide { 3240 border:0 !important; 3241 background:none; 3242 } 3243 .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper { 3244 position: absolute; 3245 top: 0; 3246 /* -webkit-transform: rotate(90deg); 3247 -ms-transform: rotate(90deg);*/ 3248 /* transform: rotate(90deg); */ 3249 width: 100px; 3250 overflow: hidden; 3251 height: 100px; 3252 z-index: 998; 3253 padding: 8px 12px; 3254 } 3255 .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{ 3256 position: absolute; 3257 top: 0; 3258 width: 100%; 3259 overflow: hidden; 3260 height: 50px; 3261 z-index: 999; 3262 padding: 8px 12px; 3263 } 3264 .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper-top{ 3265 background-color: rgba(63,195,135,0.8); 3266 color: #fff; 3267 transform: translateY(-100%); 3268 position: absolute; 3269 width: 100%; 3270 top: 0; 3271 left: 0; 3272 } 3273 .eae-ct-ribbons-h-left.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper { 3274 -webkit-transform: rotate(0); 3275 -ms-transform: rotate(0); 3276 transform: rotate(0); 3277 left: 0; 3278 right: auto; 3279 } 3280 .eae-ct-ribbons-h-right.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper { 3281 -webkit-transform: rotate(0); 3282 -ms-transform: rotate(0); 3283 transform: rotate(90deg); 3284 left: auto; 3285 right: 0; 3286 } 3287 3288 .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper span.eae-ct-ribbons-inner { 3289 position: absolute; 3290 text-align: center; 3291 left: 0; 3292 top: 0; 3293 width: 200%; 3294 -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); 3295 -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); 3296 transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); 3297 margin-top: 35px; 3298 font-size: 13px; 3299 line-height: 2; 3300 font-weight: 800; 3301 text-transform: uppercase; 3302 background: rgba(63,195,135,0.8); 3303 padding: 8px 12px; 3304 color: #ffffff; 3305 } 3306 .eae-ct-wrapper .tooltip { 3307 position: relative; 3308 display: inline-block; 3309 } 3310 3311 .eae-ct-wrapper .tooltip .tooltiptext { 3312 visibility: hidden; 3313 min-width: 120px; 3314 background-color: black; 3315 color: #fff; 3316 text-align: center; 3317 border-radius: 6px; 3318 padding: 5px 0; 3319 3320 /* Position the tooltip */ 3321 position: absolute; 3322 z-index: 1; 3323 bottom: 120%; 3324 left: 50%; 3325 margin-left: -60px; 3326 } 3327 3328 .eae-ct-wrapper .tooltip:hover .tooltiptext { 3329 visibility: visible; 3330 } 3331 .eae-ct-heading-tooltip{ 3332 text-decoration-line: underline; 3333 text-decoration-style: dotted; 3334 } 3335 .eae-ct-btn{ 3336 padding: 10px 15px 10px 15px; 3337 color: #fff; 3338 display: inline-block; 3339 line-height: 1em; 3340 } 3341 .eae-ct-btn:hover{ 3342 color: #fff; 3343 } 3344 .eae-ct-wrapper i.fa.fa-check{ 3345 color: #38f146; 3346 } 3347 .eae-ct-wrapper i.fa.fa-close{ 3348 color: #ff0000; 3349 } 3350 3351 .eae-ct-wrapper tr:last-child td:first-child{ 3352 background: none !important; border:none !important; 3353 } 3354 .eae-ct-wrapper tr:last-child{ 3355 background: none !important; 3356 } 3357 @media (min-width: 767px) { 3358 .eae-ct-wrapper td,.eae-ct-wrapper th { 3359 width: 330px; 3360 3361 } 3362 .eae-ct-wrapper td+td,.eae-ct-wrapper th+th { 3363 width: auto; 3364 } 3365 } 3366 3367 .eae-tab-format-all .eae-ct-wrapper ul{ 3368 display: flex; 3369 } 3370 @media (min-width: 1023px) { 3371 .eae-tab-format-tab-mob .eae-ct-wrapper td, .eae-tab-format-tab-mob .eae-ct-wrapper th, 3372 .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th { 3373 display: table-cell !important; 3374 } 3375 } 3376 @media (max-width: 1023px) { 3377 .eae-tab-format-tab-mob .eae-ct-wrapper ul{ 3378 display: flex; 3379 } 3380 .eae-tab-format-all .eae-ct-wrapper td+td,.eae-tab-format-all .eae-ct-wrapper th+th { 3381 display: none; 3382 } 3383 } 3384 @media (max-width: 1023px) and (min-width: 768px) { 3385 3386 .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th { 3387 display: table-cell !important; 3388 } 3389 } 3390 @media (max-width: 767px) { 3391 .eae-tab-format-mobile .eae-ct-wrapper ul{ 3392 display: flex; 3393 } 3394 } 1193 padding-right: 6px; } } -
addon-elements-for-elementor-page-builder/trunk/assets/js/animated-main.js
r2026355 r2026357 65 65 66 66 function hideWord($word) { 67 67 console.log($word); 68 68 var nextWord = takeNext($word); 69 69 -
addon-elements-for-elementor-page-builder/trunk/assets/js/eae.js
r2026355 r2026357 39 39 var animate = $wrapper.data('animate') 40 40 $wrapper = $scope.find('.eae-markers'); 41 //alert($marker.attr('data-lat') + ' - '+ $marker.attr('data-lng'));42 41 var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') ); 43 42 … … 142 141 eae_custom_overlay = slider_wrapper.data('eae-bg-custom-overlay'); 143 142 if (eae_custom_overlay == 'yes') { 144 eae_overlay = eae_editor.plugin_url + ' assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');143 eae_overlay = eae_editor.plugin_url + '/assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay'); 145 144 } else { 146 145 if (slider_wrapper.data('eae-bg-slider-overlay')) { 147 eae_overlay = eae_editor.plugin_url + ' assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');146 eae_overlay = eae_editor.plugin_url + '/assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay'); 148 147 } else { 149 eae_overlay = eae_editor.plugin_url + ' assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay');148 eae_overlay = eae_editor.plugin_url + '/assets/lib/vegas/overlays/' + slider_wrapper.data('eae-bg-slider-overlay'); 150 149 } 151 150 } … … 196 195 horizontal($scope); 197 196 }else{ 198 vertical();197 vertical(); 199 198 } 200 199 … … 284 283 /*calculate the cursor's x coordinate, relative to the image:*/ 285 284 x = e.changedTouches[0].clientX - a.left; 286 return x;285 return x; 287 286 } 288 287 … … 420 419 if($scope.hasClass('eae-particle-yes')){ 421 420 id = $scope.data('id'); 422 //console.lgo(id);423 421 element_type = $scope.data('element_type'); 424 422 pdata = $scope.data('eae-particle'); … … 443 441 }else if(typeof pdata_wrapper != 'undefined' && pdata_wrapper != ''){ 444 442 445 446 443 // $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>'); 447 444 //console.log('calling particle js else', JSON.parse(pdata_wrapper)); 448 449 $scope.prepend('<div class="eae-particle-wrapper" id="eae-particle-'+ id +'"></div>');450 451 445 particlesJS('eae-particle-'+ id, JSON.parse(pdata_wrapper)); 452 446 } … … 454 448 } 455 449 456 };457 458 459 /*EAE Animated Gradient Background*/460 461 var AnimatedGradient = function ($scope , $) {462 //console.log($scope);463 if($scope.hasClass('eae-animated-gradient-yes')){464 id = $scope.data('id');465 //editMode = elementorFrontend.isEditMode();466 //console.log(settings);467 color= $scope.data('color');468 angle = $scope.data('angle');469 var gradient_color = 'linear-gradient(' + angle + ',' + color + ')';470 heading = $scope.find('.elementor-heading-title')471 $scope.css({'background' : gradient_color});472 //console.log(gradient_color);473 }474 450 }; 475 451 … … 478 454 $close_btn = $scope.find('.eae-popup-wrapper').data('close-btn'); 479 455 480 $magnific = $scope.find('.eae-popup-link').eaePopup({456 $magnific = $scope.find('.eae-popup-link').eaePopup({ 481 457 type: 'inline', 482 458 … … 487 463 midClick: false, 488 464 489 mainClass: 'eae-popup eae-popup-'+$scope.find('.eae-popup-link').data('id') +' eae-wrap-'+$scope.find('.eae-popup-link').data('ctrl-id'),465 mainClass: 'eae-popup eae-popup-'+$scope.find('.eae-popup-link').data('id'), 490 466 491 467 preloader: true, … … 535 511 536 512 537 var EAETestimonial =function ($scope , $) {538 if($scope.find('.eae-grid-wrapper').hasClass('eae-masonry-yes')){539 //console.log('grid');540 var grid = $scope.find('.eae-grid');541 var $grid_obj = grid.masonry({542 });543 $grid_obj.imagesLoaded().progress(function(){544 $grid_obj.masonry('layout');545 });546 }547 if($scope.find('.eae-layout-carousel').length){548 outer_wrapper = $scope.find('.eae-swiper-outer-wrapper');549 wid = $scope.data('id');550 wclass = '.elementor-element-' + wid;551 var direction = outer_wrapper.data('direction');552 var speed = outer_wrapper.data('speed');553 var autoplay = outer_wrapper.data('autoplay')554 var duration = outer_wrapper.data('duration');555 //console.log(duration);556 var effect = outer_wrapper.data('effect');557 var space = outer_wrapper.data('space');558 var loop = outer_wrapper.data('loop');559 if (loop == 'yes') {560 loop = true;561 }562 else {563 loop = false;564 }565 var slides_per_view = outer_wrapper.data('slides-per-view');566 var slides_per_group = outer_wrapper.data('slides-per-group');567 var ptype = outer_wrapper.data('ptype');568 var navigation = outer_wrapper.data('navigation');569 var clickable = outer_wrapper.data('clickable');570 var keyboard = outer_wrapper.data('keyboard');571 var scrollbar = outer_wrapper.data('scrollbar');572 adata = {573 direction: direction,574 effect: effect,575 spaceBetween: space.desktop,576 loop: loop,577 speed:speed,578 slidesPerView: slides_per_view.desktop,579 slidesPerGroup: slides_per_group.desktop,580 observer: true,581 mousewheel: {582 invert: true,583 },584 breakpoints: {585 1024 :{586 spaceBetween: space.tablet,587 slidesPerView: slides_per_view.tablet,588 slidesPerGroup: slides_per_group.tablet,589 },590 767 : {591 spaceBetween: space.mobile,592 slidesPerView: slides_per_view.mobile,593 slidesPerGroup: slides_per_group.mobile,594 }595 }596 };597 if(effect == 'fade'){598 adata['fadeEffect'] = {599 crossFade : false,600 }601 }602 if(autoplay == 'yes'){603 adata['autoplay']={604 delay : duration,605 disableOnInteraction : false,606 };607 }608 else{609 adata['autoplay'] = false;610 }611 if(navigation == 'yes'){612 adata['navigation'] = {613 nextEl: '.swiper-button-next',614 prevEl: '.swiper-button-prev',615 }616 }617 if(ptype != ''){618 adata['pagination']= {619 el: '.swiper-pagination',620 type: ptype,621 }622 }623 if(ptype == 'bullets' && clickable == 'yes'){624 adata['pagination'] = {625 el: '.swiper-pagination',626 clickable : true,627 type: ptype,628 }629 }630 if(scrollbar == 'yes') {631 adata['scrollbar'] = {632 el: '.swiper-scrollbar',633 draggable: true,634 }635 }636 if(keyboard == 'yes'){637 adata['keyboard'] = {638 enabled:true,639 onlyInViewport : true,640 }641 }642 if(loop == false) {643 adata['autoplay'] ={644 delay : duration,645 stopOnLastSlide : true,646 disableOnInteraction : false,647 }648 }649 //console.log(adata);650 window.mswiper = new Swiper( '.elementor-element-' + wid + ' .eae-swiper-outer-wrapper .swiper-container', adata);651 $('.elementor-element-' + wid + ' .eae-swiper-outer-wrapper .swiper-container').css('visibility','visible');652 }653 };654 655 /* Info Circle */656 var InfoCircleHandler = function ($scope, $) {657 658 $wrap_class = '.elementor-element-'+ $scope.data('id');659 $angle = 0;660 661 function set_icon_mobile($wrap_class) {662 $icons = $(document).find($wrap_class).find('.eae-ic-icon-wrap');663 664 if(window.innerWidth < 767){665 $icons.each(function (index, value) {666 $(value).css('top', $(value).height()/2 + 8 + "px");667 $(value).next('.eae-info-circle-item__content-wrap').css('padding-top',$(value).height()/2 + 8 + "px");668 });669 }670 else{671 $icons.each(function (index, value) {672 $(value).css('margin-left', $(value).outerWidth() * -.5);673 $(value).css('margin-top', $(value).outerHeight() * -.5);674 $a = arc_to_coords($angle);675 $b = 360 / $icons.length;676 $(value).css('left', $a.x + "%");677 $(value).css('top', $a.y + "%");678 $angle += $b;679 });680 }681 }682 set_icon_mobile($scope);683 684 function arc_to_coords(angle) {685 angle = (angle - 90) * Math.PI / 180;686 687 return {688 x: 50 + (45 * Math.cos(angle)),689 y: 50 + (45 * Math.sin(angle))690 }691 }692 693 var timer = null;694 $autoplayDuration = $scope.find('.eae-info-circle').data('delay');695 696 function startSetInterval() {697 if ($scope.find('.eae-info-circle').data('autoplay') == 'yes') {698 timer = setInterval(showDiv, $autoplayDuration);699 }700 }701 702 // start function on page load703 startSetInterval();704 705 // hover behaviour706 $scope.find('.eae-ic-icon-wrap').hover(function () {707 clearInterval(timer);708 }, function () {709 startSetInterval();710 });711 if($scope.find('.eae-info-circle-item').length > 0)712 {713 $($scope.find('.eae-info-circle-item')[0]).addClass('eae-active');714 }715 716 $scope.find('.eae-ic-icon-wrap').on('click mouseenter', function () {717 $scope.find('.eae-info-circle-item').removeClass('eae-active');718 $(this).parent().addClass('eae-active');719 });720 721 function showDiv() {722 if ($scope.find('.eae-active').next().length > 0) {723 $scope.find('.eae-active').next().addClass('eae-active').siblings().removeClass('eae-active');724 }725 else {726 $scope.find('.eae-info-circle-item').eq(0).addClass('eae-active').siblings().removeClass('eae-active');727 }728 }729 730 window.addEventListener("resize", set_icon_mobile.bind(this,$wrap_class) );731 };732 733 var TimelineHandler = function ($scope, $) {734 735 set_progress_bar();736 737 function set_progress_bar() {738 var pb = $scope.find(".eae-timline-progress-bar");739 var items = $scope.find(".eae-timeline-item");740 var tl = $scope.find(".eae-timeline");741 var h = $(tl).height();742 var last_offset = $(items).last().find('.eae-tl-icon-wrapper').offset().top - $(items[0]).parent().offset().top;743 var icon_width = $scope.find('.eae-tl-icon-wrapper');744 745 $(pb).css('top', $(items[0]).find('.eae-tl-icon-wrapper').offset().top - $(items[0]).parent().offset().top);746 $(pb).css('bottom', h - last_offset);747 $(pb).css('left', icon_width.eq(0)[0].offsetLeft + icon_width.eq(0).width() / 2);748 749 items.each(function (index, value) {750 var waypoint = new Waypoint({751 element: $(value),752 handler: function (direction) {753 if (direction == 'down') {754 $(value).addClass('eae-tl-item-focused');755 }756 else {757 $(value).removeClass('eae-tl-item-focused');758 }759 },760 offset: 100,761 })762 });763 }764 765 function progress_bar_increment() {766 var pb = $scope.find(".eae-timline-progress-bar");767 768 //jQuery(".eae-timline-progress-bar").css('top', $scope.find(".eae-timeline").offset().top + 50);769 $scope.find(".eae-pb-inner-line").css('height', $(window).scrollTop() - $scope.find(".eae-timeline").offset().top + 100);770 $scope.find(".eae-pb-inner-line").css('max-height', $scope.find(".eae-pb-inner-line").parent().height());771 }772 773 // listen for events774 //window.addEventListener("load", set_progress_bar);775 window.addEventListener("resize", set_progress_bar);776 window.addEventListener("scroll", progress_bar_increment);777 };778 779 function eaeSetCookie(cname, cvalue, exdays) {780 var d = new Date();781 d.setTime(d.getTime() + (exdays * 60 * 60 * 1000));782 783 //console.log('exp time',cookie_expire);784 //d.setTime(d.getTime() + ( exdays * 60 * 60 * 1000));785 var expires = "expires=" + d.toUTCString();786 document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";787 788 };789 790 function eaeGetCookie(cname) {791 var name = cname + "=";792 var decodedCookie = decodeURIComponent(document.cookie);793 var ca = decodedCookie.split(';');794 for (var i = 0; i < ca.length; i++) {795 var c = ca[i];796 while (c.charAt(0) == ' ') {797 c = c.substring(1);798 }799 if (c.indexOf(name) == 0) {800 return c.substring(name.length, c.length);801 }802 }803 return "";804 };805 806 var EgTimerSkin1 = function ($scope, $) {807 808 var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");809 var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");810 var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");811 var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");812 var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");813 var actions = $scope.find(".eae-evergreen-wrapper").data("actions");814 815 var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");816 817 var now = new Date().getTime();818 819 // for front end time get from cookie820 821 if(!$scope.hasClass('elementor-element-edit-mode')) {822 if (element_type === 'countdown') {823 date1 = new Date(countDownDate);824 countDownDate = date1.getTime();825 826 var expires1 = "expires=" + date1.toUTCString();827 document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 +";path=/";828 }829 else {830 var first_load_value = eaeGetCookie(element_id);831 var date1 = "";832 if (first_load_value !== "") {833 date1 = new Date(parseInt(first_load_value));834 date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));835 countDownDate = date1.getTime();836 837 var d2 = new Date(parseInt(first_load_value));838 d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));839 var expires2 = "expires=" + d2.toUTCString();840 document.cookie = element_id + "=" + first_load_value + ";" + expires2 +';path=/';841 842 843 var d1 = new Date(parseInt(first_load_value));844 d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));845 var expires1 = "expires=" + d1.toUTCString();846 847 //console.log('expire',expires);848 if ((countDownDate - now) > 0) {849 document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 +";path=/";850 }851 }852 else {853 //console.log('countdown date set cookie',countDownDate);854 temp_date = countDownDate;855 date1 = new Date();856 date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));857 countDownDate = date1.getTime();858 //console.log('countdown date set cookie',countDownDate);859 eaeSetCookie(element_id, new Date().getTime(), cookie_expire);860 //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);861 862 var d = new Date();863 d.setTime(d.getTime() + (temp_date * 1000));864 var expires = "expires=" + d.toUTCString();865 console.log('first load');866 //console.log('expire',expires);867 868 document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires +";path=/";869 }870 }871 }872 if(!$scope.hasClass('elementor-element-edit-mode')){873 var distance = countDownDate - now;874 875 if(distance < 0){876 877 if(actions.length > 0)878 {879 actions.forEach(function (value) {880 if (value === 'redirect') {881 $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");882 if ($url !== "") {883 window.location.href = $url1;884 }885 }886 if (value === 'hide') {887 if(!$scope.hasClass('elementor-element-edit-mode')) {888 $scope.find('#eaeclockdiv').css('display', 'none');889 $scope.find('.egt-title').css('display', 'none');890 }891 }892 if (value === 'message') {893 $scope.find('.eae-egt-message').css('display', 'block');894 }895 if (value === 'hide_parent') {896 if(!$scope.hasClass('elementor-element-edit-mode')) {897 $p_secs = $scope.closest('section');898 $p_secs.css('display', 'none');899 }900 }901 });902 }903 904 days = "00";905 hours = "00";906 minutes = "00";907 seconds = "00";908 909 $scope.find('.'+unqId).find('#eaedivDays').html(days);910 $scope.find('.'+unqId).find('#eaedivHours').html(hours.slice(-2));911 $scope.find('.'+unqId).find('#eaedivMinutes').html(minutes.slice(-2));912 $scope.find('.'+unqId).find('#eaedivSeconds').html(seconds.slice(-2));913 return;914 }915 }916 917 // For editor918 919 if($scope.hasClass('elementor-element-edit-mode')) {920 console.log('editor');921 if (element_type === 'countdown') {922 date1 = new Date(countDownDate);923 countDownDate = date1.getTime();924 }925 else {926 date1 = new Date();927 date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));928 countDownDate = date1.getTime();929 }930 931 console.log('date editor', countDownDate);932 }933 934 var y = setInterval(function () {935 //console.log('c date inner',countDownDate);936 // Get todays date and time937 938 var now = new Date().getTime();939 // Find the distance between now and the count down date940 941 var distance = countDownDate - now;942 943 //console.log('distance',distance);944 var days = 0;945 var hours = 0;946 var minutes = 0;947 var seconds = 0;948 if (distance > 0) {949 // Time calculations for days, hours, minutes and seconds950 days = Math.floor(distance / (1000 * 60 * 60 * 24));951 hours = "0" + Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));952 minutes = "0" + Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));953 seconds = "0" + Math.floor((distance % (1000 * 60)) / 1000);954 }955 else {956 if(actions.length > 0)957 {958 actions.forEach(function (value) {959 if (value === 'redirect') {960 $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");961 if ($url1 !== "") {962 window.location.href = $url1;963 }964 }965 if (value === 'hide') {966 if(!$scope.hasClass('elementor-element-edit-mode')) {967 $scope.find('#eaeclockdiv').css('display', 'none');968 $scope.find('.egt-title').css('display', 'none');969 }970 }971 if (value === 'message') {972 $scope.find('.eae-egt-message').css('display', 'block');973 }974 if (value === 'hide_parent') {975 if(!$scope.hasClass('elementor-element-edit-mode')) {976 $p_secs = $scope.closest('section');977 $p_secs.css('display', 'none');978 }979 }980 });981 }982 clearInterval(y);983 days = "00";984 hours = "00";985 minutes = "00";986 seconds = "00";987 }988 989 if(days < 10)990 {991 days = "0"+ days;992 }993 $scope.find('.'+unqId).find('#eaedivDays').html(days);994 $scope.find('.'+unqId).find('#eaedivHours').html(hours.slice(-2));995 $scope.find('.'+unqId).find('#eaedivMinutes').html(minutes.slice(-2));996 $scope.find('.'+unqId).find('#eaedivSeconds').html(seconds.slice(-2));997 998 }, 1000);999 };1000 1001 var EgTimerSkin2 = function ($scope, $) {1002 var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");1003 var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");1004 var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");1005 var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");1006 var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");1007 var actions = $scope.find(".eae-evergreen-wrapper").data("actions");1008 var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");1009 1010 var now = new Date().getTime();1011 1012 if(!$scope.hasClass('elementor-element-edit-mode')) {1013 if (element_type === 'countdown') {1014 date1 = new Date(countDownDate);1015 countDownDate = date1.getTime();1016 console.log('countdown',countDownDate);1017 console.log('date 1',date1);1018 console.log('date 1 gettime',date1.getTime());1019 var expires1 = "expires=" + date1.toUTCString();1020 console.log('expire',expires1);1021 1022 document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 +";path=/";1023 }1024 else {1025 var first_load_value = eaeGetCookie(element_id);1026 var date1 = "";1027 if (first_load_value !== "") {1028 date1 = new Date(parseInt(first_load_value));1029 date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));1030 countDownDate = date1.getTime();1031 1032 var d2 = new Date(parseInt(first_load_value));1033 d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));1034 var expires2 = "expires=" + d2.toUTCString();1035 document.cookie = element_id + "=" + first_load_value + ";" + expires2 +';path=/';1036 1037 1038 var d1 = new Date(parseInt(first_load_value));1039 d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));1040 var expires1 = "expires=" + d1.toUTCString();1041 1042 //console.log('expire',expires);1043 if ((countDownDate - now) > 0) {1044 document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 +";path=/";1045 }1046 }1047 else {1048 //console.log('countdown date set cookie',countDownDate);1049 temp_date = countDownDate;1050 date1 = new Date();1051 date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));1052 countDownDate = date1.getTime();1053 //console.log('countdown date set cookie',countDownDate);1054 eaeSetCookie(element_id, new Date().getTime(), cookie_expire);1055 //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);1056 1057 var d = new Date();1058 d.setTime(d.getTime() + (temp_date * 1000));1059 var expires = "expires=" + d.toUTCString();1060 console.log('first load');1061 //console.log('expire',expires);1062 1063 document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires +";path=/";1064 }1065 }1066 }1067 if(!$scope.hasClass('elementor-element-edit-mode')){1068 var distance = countDownDate - now;1069 console.log('frontend actions');1070 if(distance < 0){1071 1072 if(actions.length > 0)1073 {1074 actions.forEach(function (value) {1075 if (value === 'redirect') {1076 $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");1077 if ($url !== "") {1078 window.location.href = $url;1079 }1080 }1081 if (value === 'hide') {1082 $scope.find('.'+unqId).find('.timer-container').css('display', 'none');1083 $scope.find('.'+unqId).find('.egt-title').css('display', 'none');1084 }1085 if (value === 'message') {1086 $scope.find('.'+unqId).find('.eae-egt-message').css('display', 'block');1087 }1088 if (value === 'hide_parent') {1089 if(!$scope.hasClass('elementor-element-edit-mode')) {1090 $p_secs = $scope.closest('section');1091 $p_secs.css('display', 'none');1092 }1093 }1094 });1095 }1096 1097 1098 return;1099 }1100 }1101 1102 if($scope.hasClass('elementor-element-edit-mode')) {1103 console.log('editor');1104 if (element_type === 'countdown') {1105 date1 = new Date(countDownDate);1106 countDownDate = date1.getTime();1107 }1108 else {1109 date1 = new Date();1110 date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));1111 countDownDate = date1.getTime();1112 }1113 1114 console.log('date editor', countDownDate);1115 }1116 1117 // Update the count down every 1 second1118 var x = setInterval(function () {1119 1120 // Get todays date and time1121 var now = new Date().getTime();1122 1123 // Find the distance between now and the count down date1124 var distance = countDownDate - now;1125 1126 // Time calculations for days, hours, minutes and seconds1127 var days = Math.floor(distance / (1000 * 60 * 60 * 24));1128 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));1129 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));1130 var seconds = Math.floor((distance % (1000 * 60)) / 1000);1131 1132 $scope.find('.'+unqId).find('#eaeulSec1').find('.flip-clock-active').removeClass('flip-clock-active');1133 $scope.find('.'+unqId).find('#eaeulSec1').find('.flip-clock-before').removeClass('flip-clock-before');1134 $scope.find('.'+unqId).find('#eaeulSec').find('.flip-clock-active').removeClass('flip-clock-active');1135 $scope.find('.'+unqId).find('#eaeulSec').find('.flip-clock-before').removeClass('flip-clock-before');1136 // If the count down is finished, write some text1137 if (distance < 0) {1138 clearInterval(x);1139 if(actions.length > 0)1140 {1141 console.log('action length',actions.length);1142 actions.forEach(function (value) {1143 if (value === 'redirect') {1144 if(!$scope.hasClass('elementor-element-edit-mode')) {1145 $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");1146 console.log('url',$url1);1147 if ($url1 !== "") {1148 window.location.href = $url1;1149 }1150 }1151 }1152 if (value === 'hide') {1153 if(!$scope.hasClass('elementor-element-edit-mode')) {1154 $scope.find('.' + unqId).find('.timer-container').css('display', 'none');1155 $scope.find('.' + unqId).find('.egt-title').css('display', 'none');1156 }1157 }1158 if (value === 'message') {1159 if(!$scope.hasClass('elementor-element-edit-mode')) {1160 $scope.find('.' + unqId).find('.eae-egt-message').css('display', 'block');1161 }1162 }1163 if (value === 'hide_parent') {1164 if(!$scope.hasClass('elementor-element-edit-mode')) {1165 $p_secs = $scope.closest('section');1166 $p_secs.css('display', 'none');1167 }1168 }1169 });1170 }1171 //document.getElementById("demo").Html = "EXPIRED";1172 return;1173 }1174 if($.trim(seconds).length === 2){1175 //var x = parseInt($.trim(seconds).charAt(1)) - 1;1176 var a = "#eaeulSec1 li:eq( "+ $.trim(seconds).charAt(1) +" )";1177 var b = "#eaeulSec li:eq( "+ $.trim(seconds).charAt(0) +" )";1178 1179 if ($scope.find('.'+unqId).find(a).next().length > 0) {1180 $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');1181 $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');1182 }1183 else{1184 $scope.find('.'+unqId).find('#eaeulSec1 li:last-child').addClass('flip-clock-active');1185 $scope.find('.'+unqId).find('#eaeulSec1 li:first-child').addClass('flip-clock-before');1186 }1187 if ($scope.find('.'+unqId).find(b).next().length > 0) {1188 $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');1189 $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');1190 }1191 else{1192 $scope.find('.'+unqId).find('#eaeulSec li:last-child').addClass('flip-clock-active');1193 $scope.find('.'+unqId).find('#eaeulSec li:first-child').addClass('flip-clock-before');1194 }1195 }1196 else{1197 //var x = parseInt($.trim(seconds).charAt(1)) - 1;1198 var a = "#eaeulSec1 li:eq( "+ $.trim(seconds).charAt(0) +" )";1199 var b = "#eaeulSec li:eq( 0 )";1200 1201 if ($scope.find('.'+unqId).find(a).next().length > 0) {1202 $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');1203 $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');1204 }1205 else{1206 $scope.find('.'+unqId).find('#eaeulSec1 li:last-child').addClass('flip-clock-active');1207 $scope.find('.'+unqId).find('#eaeulSec1 li:first-child').addClass('flip-clock-before');1208 }1209 1210 if ($scope.find('.'+unqId).find(b).next().length > 0) {1211 $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');1212 $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');1213 }1214 else{1215 $scope.find('.'+unqId).find('#eaeulSec li:last-child').addClass('flip-clock-active');1216 $scope.find('.'+unqId).find('#eaeulSec li:first-child').addClass('flip-clock-before');1217 }1218 }1219 1220 $scope.find('.'+unqId).find('#eaeulMin1').find('.flip-clock-active').removeClass('flip-clock-active');1221 $scope.find('.'+unqId).find('#eaeulMin1').find('.flip-clock-before').removeClass('flip-clock-before');1222 $scope.find('.'+unqId).find('#eaeulMin').find('.flip-clock-active').removeClass('flip-clock-active');1223 $scope.find('.'+unqId).find('#eaeulMin').find('.flip-clock-before').removeClass('flip-clock-before');1224 1225 if($.trim(minutes).length == 2){1226 //var x = parseInt($.trim(seconds).charAt(1)) - 1;1227 var a = "#eaeulMin1 li:eq( "+ $.trim(minutes).charAt(1) +" )";1228 var b = "#eaeulMin li:eq( "+ $.trim(minutes).charAt(0) +" )";1229 1230 if ($scope.find('.'+unqId).find(a).next().length > 0) {1231 $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');1232 $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');1233 }1234 else{1235 $scope.find('.'+unqId).find('#eaeulMin1 li:last-child').addClass('flip-clock-active');1236 $scope.find('.'+unqId).find('#eaeulMin1 li:first-child').addClass('flip-clock-before');1237 }1238 if ($scope.find('.'+unqId).find(b).next().length > 0) {1239 $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');1240 $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');1241 }1242 else{1243 $scope.find('.'+unqId).find('#eaeulMin li:last-child').addClass('flip-clock-active');1244 $scope.find('.'+unqId).find('#eaeulMin li:first-child').addClass('flip-clock-before');1245 }1246 }1247 else{1248 //var x = parseInt($.trim(seconds).charAt(1)) - 1;1249 var a = "#eaeulMin1 li:eq( "+ $.trim(minutes).charAt(0) +" )";1250 var b = "#eaeulMin li:eq( 0 )";1251 1252 if ($scope.find('.'+unqId).find(a).next().length > 0) {1253 $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');1254 $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');1255 }1256 else{1257 $scope.find('.'+unqId).find('#eaeulMin1 li:last-child').addClass('flip-clock-active');1258 $scope.find('.'+unqId).find('#eaeulMin1 li:first-child').addClass('flip-clock-before');1259 }1260 1261 if ($scope.find('.'+unqId).find(b).next().length > 0) {1262 $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');1263 $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');1264 }1265 else{1266 $scope.find('.'+unqId).find('#eaeulMin li:last-child').addClass('flip-clock-active');1267 $scope.find('.'+unqId).find('#eaeulMin li:first-child').addClass('flip-clock-before');1268 }1269 }1270 1271 $scope.find('.'+unqId).find('#eaeulHour1').find('.flip-clock-active').removeClass('flip-clock-active');1272 $scope.find('.'+unqId).find('#eaeulHour1').find('.flip-clock-before').removeClass('flip-clock-before');1273 $scope.find('.'+unqId).find('#eaeulHour').find('.flip-clock-active').removeClass('flip-clock-active');1274 $scope.find('.'+unqId).find('#eaeulHour').find('.flip-clock-before').removeClass('flip-clock-before');1275 1276 if($.trim(hours).length == 2){1277 //var x = parseInt($.trim(seconds).charAt(1)) - 1;1278 var a = "#eaeulHour1 li:eq( "+ $.trim(hours).charAt(1) +" )";1279 var b = "#eaeulHour li:eq( "+ $.trim(hours).charAt(0) +" )";1280 1281 if ($scope.find('.'+unqId).find(a).next().length > 0) {1282 $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');1283 $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');1284 }1285 else{1286 $scope.find('.'+unqId).find('#eaeulHour1 li:last-child').addClass('flip-clock-active');1287 $scope.find('.'+unqId).find('#eaeulHour1 li:first-child').addClass('flip-clock-before');1288 }1289 if ($scope.find('.'+unqId).find(b).next().length > 0) {1290 $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');1291 $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');1292 }1293 else{1294 $scope.find('.'+unqId).find('#eaeulHour li:last-child').addClass('flip-clock-active');1295 $scope.find('.'+unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');1296 }1297 }1298 else{1299 //var x = parseInt($.trim(seconds).charAt(1)) - 1;1300 var a = "#eaeulHour1 li:eq( "+ $.trim(hours).charAt(0) +" )";1301 var b = "#eaeulHour li:eq( 0 )";1302 1303 if ($scope.find('.'+unqId).find(a).next().length > 0) {1304 $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');1305 $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');1306 }1307 else{1308 $scope.find('.'+unqId).find('#eaeulHour1 li:last-child').addClass('flip-clock-active');1309 $scope.find('.'+unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');1310 }1311 1312 if ($scope.find('.'+unqId).find(b).next().length > 0) {1313 $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');1314 $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');1315 }1316 else{1317 $scope.find('.'+unqId).find('#eaeulHour li:last-child').addClass('flip-clock-active');1318 $scope.find('.'+unqId).find('#eaeulHour li:first-child').addClass('flip-clock-before');1319 }1320 }1321 1322 $scope.find('.'+unqId).find('#eaeulDay1').find('.flip-clock-active').removeClass('flip-clock-active');1323 $scope.find('.'+unqId).find('#eaeulDay1').find('.flip-clock-before').removeClass('flip-clock-before');1324 $scope.find('.'+unqId).find('#eaeulDay').find('.flip-clock-active').removeClass('flip-clock-active');1325 $scope.find('.'+unqId).find('#eaeulDay').find('.flip-clock-before').removeClass('flip-clock-before');1326 1327 if($.trim(days).length == 2){1328 //var x = parseInt($.trim(seconds).charAt(1)) - 1;1329 var a = "#eaeulDay1 li:eq( "+ $.trim(days).charAt(1) +" )";1330 var b = "#eaeulDay li:eq( "+ $.trim(days).charAt(0) +" )";1331 1332 if ($scope.find('.'+unqId).find(a).next().length > 0) {1333 $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');1334 $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');1335 }1336 else{1337 $scope.find('.'+unqId).find('#eaeulDay1 li:last-child').addClass('flip-clock-active');1338 $scope.find('.'+unqId).find('#eaeulDay1 li:first-child').addClass('flip-clock-before');1339 }1340 if ($scope.find('.'+unqId).find(b).next().length > 0) {1341 $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');1342 $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');1343 }1344 else{1345 $scope.find('.'+unqId).find('#eaeulDay li:last-child').addClass('flip-clock-active');1346 $scope.find('.'+unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');1347 }1348 }1349 else{1350 //var x = parseInt($.trim(seconds).charAt(1)) - 1;1351 var a = "#eaeulDay1 li:eq( "+ $.trim(days).charAt(0) +" )";1352 var b = "#eaeulDay li:eq( 0 )";1353 1354 if ($scope.find('.'+unqId).find(a).next().length > 0) {1355 $scope.find('.'+unqId).find( a ).addClass('flip-clock-active');1356 $scope.find('.'+unqId).find( a ).next().addClass('flip-clock-before');1357 }1358 else{1359 $scope.find('.'+unqId).find('#eaeulDay1 li:last-child').addClass('flip-clock-active');1360 $scope.find('.'+unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');1361 }1362 1363 if ($scope.find('.'+unqId).find(b).next().length > 0) {1364 $scope.find('.'+unqId).find( b ).addClass('flip-clock-active');1365 $scope.find('.'+unqId).find( b ).next().addClass('flip-clock-before');1366 }1367 else{1368 $scope.find('.'+unqId).find('#eaeulDay li:last-child').addClass('flip-clock-active');1369 $scope.find('.'+unqId).find('#eaeulDay li:first-child').addClass('flip-clock-before');1370 }1371 }1372 1373 }, 1000);1374 };1375 1376 var EgTimerSkin3 = function ($scope, $) {1377 var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");1378 var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");1379 var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");1380 var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");1381 var element_cookie_id = "eae-temp-" + $scope.find(".eae-evergreen-wrapper").data("id");1382 var actions = $scope.find(".eae-evergreen-wrapper").data("actions");1383 var dayShow = $scope.find(".eae-evergreen-wrapper").data("days");1384 var hourShow = $scope.find(".eae-evergreen-wrapper").data("hours");1385 var minShow = $scope.find(".eae-evergreen-wrapper").data("mins");1386 var secShow = $scope.find(".eae-evergreen-wrapper").data("seconds");1387 var unqId = $scope.find(".eae-evergreen-wrapper").data("unqid");1388 1389 var now = new Date().getTime();1390 1391 // for front end time get from cookie1392 1393 if(!$scope.hasClass('elementor-element-edit-mode')) {1394 if (element_type === 'countdown') {1395 date1 = new Date(countDownDate);1396 countDownDate = date1.getTime();1397 1398 var expires1 = "expires=" + date1.toUTCString();1399 document.cookie = element_cookie_id + "=" + date1.getTime() + ";" + expires1 +";path=/";1400 1401 }1402 else {1403 var first_load_value = eaeGetCookie(element_id);1404 var date1 = "";1405 if (first_load_value !== "") {1406 date1 = new Date(parseInt(first_load_value));1407 date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));1408 countDownDate = date1.getTime();1409 1410 var d2 = new Date(parseInt(first_load_value));1411 d2.setTime(d2.getTime() + (cookie_expire * 60 * 60 * 1000));1412 var expires2 = "expires=" + d2.toUTCString();1413 document.cookie = element_id + "=" + first_load_value + ";" + expires2 +';path=/';1414 1415 1416 var d1 = new Date(parseInt(first_load_value));1417 d1.setTime(d1.getTime() + ($scope.find(".eae-evergreen-wrapper").data("egtime") * 1000));1418 var expires1 = "expires=" + d1.toUTCString();1419 1420 //console.log('expire',expires);1421 if ((countDownDate - now) > 0) {1422 document.cookie = element_cookie_id + "=" + first_load_value + ";" + expires1 +";path=/";1423 }1424 }1425 else {1426 //console.log('countdown date set cookie',countDownDate);1427 temp_date = countDownDate;1428 date1 = new Date();1429 date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));1430 countDownDate = date1.getTime();1431 //console.log('countdown date set cookie',countDownDate);1432 eaeSetCookie(element_id, new Date().getTime(), cookie_expire);1433 //eaeSetCookie(element_cookie_id, new Date().getTime(), countDownDate);1434 1435 var d = new Date();1436 d.setTime(d.getTime() + (temp_date * 1000));1437 var expires = "expires=" + d.toUTCString();1438 console.log('first load');1439 //console.log('expire',expires);1440 1441 document.cookie = element_cookie_id + "=" + new Date().getTime() + ";" + expires +";path=/";1442 }1443 }1444 }1445 if(!$scope.hasClass('elementor-element-edit-mode')) {1446 var distance = updateTime(countDownDate);1447 1448 if (parseInt(distance.all) < 1) {1449 console.log('distance', distance.all);1450 console.log('action length', actions.length);1451 if (actions.length > 0) {1452 actions.forEach(function (value) {1453 if (value === 'redirect') {1454 if (!$scope.hasClass('elementor-element-edit-mode')) {1455 $url = $scope.find(".eae-evergreen-wrapper").data("redirected-url");1456 if ($url !== "") {1457 window.location.href = $url;1458 }1459 }1460 }1461 if (value === 'hide_parent') {1462 if (!$scope.hasClass('elementor-element-edit-mode')) {1463 $p_secs = $scope.closest('section');1464 $p_secs.css('display', 'none');1465 }1466 }1467 if (value === 'hide') {1468 $scope.find('#timer').css('display', 'none');1469 $scope.find('.egt-title').css('display', 'none');1470 $scope.find('.desc').css('display', 'none');1471 }1472 if (value === 'message') {1473 $scope.find('.eae-egt-message').css('display', 'block');1474 }1475 });1476 1477 if(actions.length === 1){1478 if(actions[0] === '' || actions[0] === 'message'){1479 var clock = $scope.find('.' + unqId).find('#timer')[0];1480 //clock.innerHTML = "<span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span>";1481 if (dayShow === 'yes') {1482 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";1483 }1484 if (hourShow === 'yes') {1485 if (dayShow === 'yes') {1486 $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");1487 }1488 else {1489 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";1490 }1491 }1492 if (minShow === 'yes') {1493 if (dayShow === 'yes' || hourShow === 'yes') {1494 $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");1495 }1496 else {1497 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";1498 }1499 }1500 if (secShow === 'yes') {1501 if (dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {1502 $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");1503 }1504 else {1505 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";1506 }1507 }1508 }1509 }1510 }1511 1512 // set html for 0000001513 1514 1515 return;1516 }1517 }1518 1519 if($scope.hasClass('elementor-element-edit-mode')) {1520 if (element_type === 'countdown') {1521 date1 = new Date(countDownDate);1522 countDownDate = date1.getTime();1523 }1524 else {1525 date1 = new Date();1526 date1.setSeconds(date1.getSeconds() + $scope.find(".eae-evergreen-wrapper").data("egtime"));1527 countDownDate = date1.getTime();1528 }1529 1530 console.log('date editor', countDownDate);1531 }1532 1533 /* if (element_type === 'countdown') {1534 date1 = new Date(countDownDate);1535 countDownDate = date1.getTime();1536 }1537 else {1538 var first_load_value = eaeGetCookie(element_id);1539 var date1 = "";1540 if (first_load_value !== "") {1541 date1 = new Date(parseInt(first_load_value));1542 date1.setSeconds(date1.getSeconds() + countDownDate);1543 countDownDate = date1.getTime();1544 }1545 else {1546 date1 = new Date();1547 date1.setSeconds(date1.getSeconds() + countDownDate);1548 countDownDate = date1.getTime();1549 eaeSetCookie(element_id, new Date().getTime(), cookie_expire);1550 }1551 }*/1552 1553 var timer = updateTime(countDownDate);1554 1555 if(timer.all > 1) {1556 startTimer('timer', countDownDate);1557 }1558 1559 function updateTime(endDate) {1560 var time = countDownDate - new Date();1561 1562 return {1563 'days': Math.floor( time / (1000*60*60*24) ),1564 'hours': "0" + Math.floor( (time / (1000*60*60)) % 24 ),1565 'minutes': "0" + Math.floor( (time / (1000*60)) % 60 ),1566 'seconds': "0" + Math.floor( (time / 1000) % 60 ),1567 'all': time1568 }1569 1570 }1571 1572 function animate(span) {1573 span.classList.add('fade');1574 setTimeout(function() {1575 span.classList.remove('fade');1576 }, 700)1577 }1578 function startTimer(clockID, endDate) {1579 1580 var timeInt = setInterval(function() {1581 //var clock = document.getElementById(clockID);1582 var clock = $scope.find('.'+unqId).find('#timer')[0];1583 var timer = updateTime(countDownDate);1584 1585 //clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>"+timer.days+"</div></span><span class='egt-time eae-time-wrapper'><div>"+timer.hours+" </div></span><span class='egt-time eae-time-wrapper'><div>"+timer.minutes+"</div></span><span class='egt-time eae-time-wrapper'><div>"+timer.seconds+"</div></span>";1586 if(dayShow === 'yes')1587 {1588 if(timer.days < 10){1589 timer.days = "0" + timer.days;1590 }1591 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>"+timer.days+"</div></span>";1592 }1593 if(hourShow === 'yes') {1594 if(dayShow === 'yes') {1595 $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.hours.slice(-2) + "</div></span>");1596 }1597 else {1598 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.hours.slice(-2) + "</div></span>";1599 }1600 }1601 if(minShow === 'yes') {1602 if(dayShow === 'yes' || hourShow === 'yes') {1603 $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.minutes.slice(-2) + "</div></span>");1604 }1605 else{1606 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.minutes.slice(-2) + "</div></span>";1607 }1608 }1609 if(secShow === 'yes') {1610 if(dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {1611 $(clock).append("<span class='egt-time eae-time-wrapper'><div>" + timer.seconds.slice(-2) + "</div></span>");1612 }1613 else{1614 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>" + timer.seconds.slice(-2) + "</div></span>";1615 }1616 }1617 //console.log('d',dayShow,'h',hourShow,'m',minShow,'s',secShow);1618 // animate1619 var spans = clock.getElementsByTagName('span');1620 if(dayShow === 'yes') {1621 if (timer.hours == 59 && timer.minutes == 59 && timer.seconds == 59) animate(spans[0]);1622 }1623 1624 if(hourShow === 'yes') {1625 if(dayShow === 'yes') {1626 if (timer.minutes == 59 && timer.seconds == 59) animate(spans[1]);1627 }1628 else {1629 if (timer.minutes == 59 && timer.seconds == 59) animate(spans[0]);1630 }1631 }1632 1633 if(minShow === 'yes') {1634 if(dayShow === 'yes') {1635 if(hourShow === 'yes') {1636 if (timer.seconds == 59) animate(spans[2]);1637 }1638 else{1639 if (timer.seconds == 59) animate(spans[1]);1640 }1641 }1642 else {1643 if(hourShow === 'yes') {1644 if (timer.seconds == 59) animate(spans[1]);1645 }1646 else{1647 if (timer.seconds == 59) animate(spans[0]);1648 }1649 }1650 }1651 if(secShow === 'yes') {1652 if(dayShow === 'yes') {1653 if(hourShow === 'yes') {1654 if(minShow === 'yes') {1655 animate(spans[3]);1656 }1657 }1658 else{1659 if(minShow === 'yes') {1660 animate(spans[2]);1661 }1662 else{1663 animate(spans[1]);1664 }1665 }1666 }1667 else{1668 if(hourShow === 'yes') {1669 if(minShow === 'yes') {1670 animate(spans[2]);1671 }1672 }1673 else{1674 if(minShow === 'yes') {1675 animate(spans[1]);1676 }1677 else{1678 animate(spans[0]);1679 }1680 }1681 }1682 }1683 1684 if(timer.all <= 1) {1685 clearInterval(timeInt);1686 //clock.innerHTML = "<span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span><span class='egt-time eae-time-wrapper'>0</span>";1687 if(dayShow === 'yes')1688 {1689 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";1690 }1691 if(hourShow === 'yes') {1692 if(dayShow === 'yes') {1693 $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");1694 }1695 else {1696 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";1697 }1698 }1699 if(minShow === 'yes') {1700 if(dayShow === 'yes' || hourShow === 'yes') {1701 $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");1702 }1703 else{1704 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";1705 }1706 }1707 if(secShow === 'yes') {1708 if(dayShow === 'yes' || hourShow === 'yes' || minShow === 'yes') {1709 $(clock).append("<span class='egt-time eae-time-wrapper'><div>00</div></span>");1710 }1711 else{1712 clock.innerHTML = "<span class='egt-time eae-time-wrapper'><div>00</div></span>";1713 }1714 }1715 1716 if (!$scope.hasClass('elementor-element-edit-mode')) {1717 if (actions.length > 0) {1718 actions.forEach(function (value) {1719 console.log('value', value);1720 if (value === 'redirect') {1721 $url1 = $scope.find(".eae-evergreen-wrapper").data("redirected-url");1722 if ($url1 !== "") {1723 window.location.href = $url1;1724 }1725 }1726 if (value === 'hide') {1727 $scope.find('#timer').css('display', 'none');1728 $scope.find('.egt-title').css('display', 'none');1729 $scope.find('.desc').css('display', 'none');1730 }1731 if (value === 'message') {1732 $scope.find('.eae-egt-message').css('display', 'block');1733 }1734 if (value === 'hide_parent') {1735 $p_secs = $scope.closest('section');1736 $p_secs.css('display', 'none');1737 }1738 });1739 }1740 }1741 }1742 }, 1000);1743 }1744 };1745 1746 var EgTimerSkin4 = function ($scope, $) {1747 var countDownDate = $scope.find(".eae-evergreen-wrapper").data("egtime");1748 var cookie_expire = $scope.find(".eae-evergreen-wrapper").data("egt-expire");1749 var element_type = $scope.find(".eae-evergreen-wrapper").data("element-type");1750 var element_id = "eae-" + $scope.find(".eae-evergreen-wrapper").data("id");1751 var actions = $scope.find(".eae-evergreen-wrapper").data("actions");1752 var dayShow = $scope.find(".eae-evergreen-wrapper").data("days");1753 var hourShow = $scope.find(".eae-evergreen-wrapper").data("hours");1754 var minShow = $scope.find(".eae-evergreen-wrapper").data("mins");1755 var secShow = $scope.find(".eae-evergreen-wrapper").data("seconds");1756 1757 1758 if (element_type === 'countdown') {1759 date1 = new Date(countDownDate);1760 countDownDate = date1.getTime();1761 countDownDate = Math.floor((countDownDate - new Date())/1000);1762 }1763 else {1764 var first_load_value = eaeGetCookie(element_id);1765 var date1 = "";1766 var cur_date = "";1767 if (first_load_value !== "") {1768 date1 = new Date(parseInt(first_load_value));1769 cur_date = new Date().getTime();1770 date1 = cur_date - first_load_value;1771 date1 = date1/1000;1772 countDownDate = countDownDate - date1;1773 }1774 else {1775 //date1 = new Date();1776 //date1.setSeconds(date1.getSeconds() + countDownDate);1777 //console.log('date1 else',date1);1778 //countDownDate = countDownDate;1779 eaeSetCookie(element_id, new Date().getTime(), cookie_expire);1780 }1781 }1782 1783 C3Counter("counter", { startTime :countDownDate });1784 1785 function C3Counter(id, opt) {1786 1787 this.options = {1788 stepTime: 60, // not used1789 format: "dd:hh:mm:ss", // not used1790 startTime: "00:00:00:00",1791 digitImages: 1,1792 digitWidth: 30,1793 digitHeight: 44,1794 digitSlide : true,1795 digitSlideTime : 200,1796 digitImageHeight : 484,1797 digitAnimationHeight : 44,1798 timerEnd: function(){},1799 image: "digits.png",1800 updateInterval : 10001801 1802 };1803 var s;1804 if (typeof opt != "undefined") {1805 for (s in this.options) {1806 if (typeof opt[s] != "undefined") {1807 this.options[s] = opt[s];1808 }1809 }1810 }1811 if (String(options.startTime).indexOf(":") == -1) {1812 options.tempStartTime = options.startTime;1813 } else {1814 //TODO - does not convert time with : to seconds to count1815 var td = new Date(options.startTime);1816 }1817 1818 1819 this.pad2 = function(number) {1820 return (number < 10 ? '0' : '') + number;1821 }1822 1823 var timer = setInterval( "this.updateCounter()", options.updateInterval);1824 var startTime = new Date().getTime();1825 var secNo = 0;1826 var timerSingle = new Array();1827 var dc = 0;1828 var digits = new Array();1829 var d = new Date();1830 var lastTime = d.getTime();1831 1832 this.calculateTime = function() {1833 var tempTime = options.tempStartTime;1834 1835 if (String(options.tempStartTime).indexOf(":") == -1) {1836 var seconds=Math.round(options.tempStartTime % 60);1837 options.tempStartTime=Math.floor(options.tempStartTime/60);1838 var minutes=Math.round(options.tempStartTime % 60);1839 options.tempStartTime=Math.floor(options.tempStartTime/60);1840 var hours=Math.round(options.tempStartTime % 24);1841 options.tempStartTime=Math.floor(options.tempStartTime/24);1842 var days=Math.round(options.tempStartTime);1843 options.timeStr = this.pad2(days)+this.pad2(hours)+this.pad2(minutes)+this.pad2(seconds);1844 }1845 1846 var currTime = new Date().getTime();1847 var diff = currTime - startTime;1848 if(seconds < 0 || minutes < 0 || hours < 0 || days < 0){1849 options.timeStr = this.pad2(0)+this.pad2(0)+this.pad2(0)+this.pad2(0);1850 }1851 options.tempStartTime = options.startTime - Math.round(diff/1000);1852 };1853 this.calculateTime();1854 1855 for (dc=0; dc<8; dc++) {1856 digits[dc] = { digit: this.options.timeStr.charAt(dc)};1857 /*if(dayShow !== 'yes'){1858 console.log('day no show',dc);1859 //dc = 3;1860 return true;1861 }1862 console.log('if out',dc);*/1863 $("#"+id).append("<div id='digit"+dc+"' style='position:relative;float:left;width:"+this.options.digitWidth+"px;height:"+this.options.digitHeight+"px;overflow:hidden;'><div class='digit' id='digit-bg"+dc+"' style='position:absolute; top:-"+digits[dc].digit*this.options.digitAnimationHeight+"px; width:"+this.options.digitWidth+"px; height:"+this.options.digitImageHeight+"px; '></div></div>");1864 1865 if (dc % 2 == 1 && dc < 6) {1866 $("#"+id).append("<div class='digit-separator' style='float:left;'></div>");1867 }1868 }1869 1870 $("#"+id).append("<div style='clear:both'></div>");1871 1872 this.animateDigits = function() {1873 for (var dc=0; dc<8; dc++) {1874 digits[dc].digitNext = Number(this.options.timeStr.charAt(dc));1875 digits[dc].digitNext = (digits[dc].digitNext + 10)%10;1876 var no = dc;1877 1878 if (digits[no].digit == 0) $("#digit-bg"+no).css("top", -this.options.digitImageHeight+this.options.digitHeight + "px");1879 if (digits[no].digit != digits[no].digitNext) {1880 $("#digit-bg"+no).animate( { "top" : -digits[no].digitNext*options.digitHeight+"px"}, options.digitSlideTime);1881 digits[no].digit = digits[no].digitNext;1882 }1883 1884 }1885 1886 var end = this.checkEnd();1887 };1888 1889 this.checkEnd = function() {1890 for (var i = 0; i < digits.length; i++) {1891 if (digits[i].digit != 0) {1892 return false;1893 }1894 }1895 clearInterval(timer);1896 if(typeof(actions) !== 'undefined')1897 {1898 actions.forEach(function (value) {1899 if (value.type === 'redirect') {1900 if (value.redirect_url !== "") {1901 window.location.href = value.redirect_url;1902 }1903 }1904 if (value.type === 'hide') {1905 $scope.find('.eae-evergreen-wrapper').css('display', 'none');1906 }1907 if (value.type === 'message') {1908 $scope.find('.eae-egt-message').css('display', 'block');1909 }1910 });1911 }1912 this.options.timerEnd();1913 return true;1914 };1915 1916 this.updateCounter = function() {1917 d = new Date();1918 1919 if ((d.getTime() - lastTime) < (options.updateInterval - 50)) {1920 return;1921 }1922 lastTime = d.getTime();1923 this.calculateTime();1924 this.animateDigits();1925 }1926 1927 }1928 };1929 1930 var CompareTable = function ($scope, $) {1931 $($scope.find(".eae-ct-heading")[0]).addClass("active");1932 $scope.find( "ul" ).on( "click", "li", function() {1933 1934 var pos = $(this).index()+2;1935 $scope.find("tr").find('td:not(:eq(0))').hide();1936 $scope.find('td:nth-child('+pos+')').css('display','table-cell');1937 $scope.find("tr").find('th:not(:eq(0))').hide();1938 $scope.find('li').removeClass('active');1939 $(this).addClass('active');1940 });1941 1942 // Initialize the media query1943 var mediaQuery = window.matchMedia('(min-width: 767px)');1944 1945 // Add a listen event1946 mediaQuery.addListener(doSomething);1947 1948 // Function to do something with the media query1949 function doSomething(mediaQuery) {1950 if (mediaQuery.matches) {1951 $scope.find('.sep').attr('colspan',5);1952 } else {1953 $scope.find('.sep').attr('colspan',2);1954 }1955 }1956 1957 // On load1958 doSomething(mediaQuery);1959 };1960 513 elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-ab-image.default', ab_image); 1961 514 elementorFrontend.hooks.addAction( 'frontend/element_ready/global', ParticlesBG ); 1962 elementorFrontend.hooks.addAction( 'frontend/element_ready/global', AnimatedGradient );1963 515 elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-modal-popup.default', EaePopup ); 1964 elementorFrontend.hooks.addAction( 'frontend/element_ready/wts-testimonial-slider.default', EAETestimonial); 1965 elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin1', InfoCircleHandler); 1966 elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin2', InfoCircleHandler); 1967 elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin3', InfoCircleHandler); 1968 elementorFrontend.hooks.addAction('frontend/element_ready/eae-info-circle.skin4', InfoCircleHandler); 1969 elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin1', TimelineHandler); 1970 elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin2', TimelineHandler); 1971 elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin3', TimelineHandler); 1972 elementorFrontend.hooks.addAction('frontend/element_ready/eae-timeline.skin4', TimelineHandler); 1973 elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin1', EgTimerSkin1); 1974 elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin2', EgTimerSkin2); 1975 elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin3', EgTimerSkin3); 1976 //elementorFrontend.hooks.addAction('frontend/element_ready/eae-evergreen-timer.skin4', EgTimerSkin4); 1977 elementorFrontend.hooks.addAction('frontend/element_ready/eae-comparisontable.default', CompareTable); 1978 }); 516 517 }); 1979 518 1980 519 })(jQuery) 520 -
addon-elements-for-elementor-page-builder/trunk/assets/js/particles.min.js
r2026355 r2026357 1 var pJS=function(e,t){var a=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:a,w:a.offsetWidth,h:a.offsetHeight},particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}},array:[]},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}},mouse:{}},retina_detect:!1,fn:{interact:{},modes:{},vendors:{}},tmp:{}};var m=this.pJS;t&&Object.deepExtend(m,t),m.tmp.obj={size_value:m.particles.size.value,size_anim_speed:m.particles.size.anim.speed,move_speed:m.particles.move.speed,line_linked_distance:m.particles.line_linked.distance,line_linked_width:m.particles.line_linked.width,mode_grab_distance:m.interactivity.modes.grab.distance,mode_bubble_distance:m.interactivity.modes.bubble.distance,mode_bubble_size:m.interactivity.modes.bubble.size,mode_repulse_distance:m.interactivity.modes.repulse.distance},m.fn.retinaInit=function(){m.retina_detect&&1<window.devicePixelRatio?(m.canvas.pxratio=window.devicePixelRatio,m.tmp.retina=!0):(m.canvas.pxratio=1,m.tmp.retina=!1),m.canvas.w=m.canvas.el.offsetWidth*m.canvas.pxratio,m.canvas.h=m.canvas.el.offsetHeight*m.canvas.pxratio,m.particles.size.value=m.tmp.obj.size_value*m.canvas.pxratio,m.particles.size.anim.speed=m.tmp.obj.size_anim_speed*m.canvas.pxratio,m.particles.move.speed=m.tmp.obj.move_speed*m.canvas.pxratio,m.particles.line_linked.distance=m.tmp.obj.line_linked_distance*m.canvas.pxratio,m.interactivity.modes.grab.distance=m.tmp.obj.mode_grab_distance*m.canvas.pxratio,m.interactivity.modes.bubble.distance=m.tmp.obj.mode_bubble_distance*m.canvas.pxratio,m.particles.line_linked.width=m.tmp.obj.line_linked_width*m.canvas.pxratio,m.interactivity.modes.bubble.size=m.tmp.obj.mode_bubble_size*m.canvas.pxratio,m.interactivity.modes.repulse.distance=m.tmp.obj.mode_repulse_distance*m.canvas.pxratio},m.fn.canvasInit=function(){m.canvas.ctx=m.canvas.el.getContext("2d")},m.fn.canvasSize=function(){m.canvas.el.width=m.canvas.w,m.canvas.el.height=m.canvas.h,m&&m.interactivity.events.resize&&window.addEventListener("resize",function(){m.canvas.w=m.canvas.el.offsetWidth,m.canvas.h=m.canvas.el.offsetHeight,m.tmp.retina&&(m.canvas.w*=m.canvas.pxratio,m.canvas.h*=m.canvas.pxratio),m.canvas.el.width=m.canvas.w,m.canvas.el.height=m.canvas.h,m.particles.move.enable||(m.fn.particlesEmpty(),m.fn.particlesCreate(),m.fn.particlesDraw(),m.fn.vendors.densityAutoParticles()),m.fn.vendors.densityAutoParticles()})},m.fn.canvasPaint=function(){m.canvas.ctx.fillRect(0,0,m.canvas.w,m.canvas.h)},m.fn.canvasClear=function(){m.canvas.ctx.clearRect(0,0,m.canvas.w,m.canvas.h)},m.fn.particle=function(e,t,a){if(this.radius=(m.particles.size.random?Math.random():1)*m.particles.size.value,m.particles.size.anim.enable&&(this.size_status=!1,this.vs=m.particles.size.anim.speed/100,m.particles.size.anim.sync||(this.vs=this.vs*Math.random())),this.x=a?a.x:Math.random()*m.canvas.w,this.y=a?a.y:Math.random()*m.canvas.h,this.x>m.canvas.w-2*this.radius?this.x=this.x-this.radius:this.x<2*this.radius&&(this.x=this.x+this.radius),this.y>m.canvas.h-2*this.radius?this.y=this.y-this.radius:this.y<2*this.radius&&(this.y=this.y+this.radius),m.particles.move.bounce&&m.fn.vendors.checkOverlap(this,a),this.color={},"object"==typeof e.value)if(e.value instanceof Array){var i=e.value[Math.floor(Math.random()*m.particles.color.value.length)];this.color.rgb=hexToRgb(i)}else null!=e.value.r&&null!=e.value.g&&null!=e.value.b&&(this.color.rgb={r:e.value.r,g:e.value.g,b:e.value.b}),null!=e.value.h&&null!=e.value.s&&null!=e.value.l&&(this.color.hsl={h:e.value.h,s:e.value.s,l:e.value.l});else"random"==e.value?this.color.rgb={r:Math.floor(256*Math.random())+0,g:Math.floor(256*Math.random())+0,b:Math.floor(256*Math.random())+0}:"string"==typeof e.value&&(this.color=e,this.color.rgb=hexToRgb(this.color.value));this.opacity=(m.particles.opacity.random?Math.random():1)*m.particles.opacity.value,m.particles.opacity.anim.enable&&(this.opacity_status=!1,this.vo=m.particles.opacity.anim.speed/100,m.particles.opacity.anim.sync||(this.vo=this.vo*Math.random()));var s={};switch(m.particles.move.direction){case"top":s={x:0,y:-1};break;case"top-right":s={x:.5,y:-.5};break;case"right":s={x:1,y:-0};break;case"bottom-right":s={x:.5,y:.5};break;case"bottom":s={x:0,y:1};break;case"bottom-left":s={x:-.5,y:1};break;case"left":s={x:-1,y:0};break;case"top-left":s={x:-.5,y:-.5};break;default:s={x:0,y:0}}m.particles.move.straight?(this.vx=s.x,this.vy=s.y,m.particles.move.random&&(this.vx=this.vx*Math.random(),this.vy=this.vy*Math.random())):(this.vx=s.x+Math.random()-.5,this.vy=s.y+Math.random()-.5),this.vx_i=this.vx,this.vy_i=this.vy;var n=m.particles.shape.type;if("object"==typeof n){if(n instanceof Array){var r=n[Math.floor(Math.random()*n.length)];this.shape=r}}else this.shape=n;if("image"==this.shape){var c=m.particles.shape;this.img={src:c.image.src,ratio:c.image.width/c.image.height},this.img.ratio||(this.img.ratio=1),"svg"==m.tmp.img_type&&null!=m.tmp.source_svg&&(m.fn.vendors.createSvgImg(this),m.tmp.pushing&&(this.img.loaded=!1))}},m.fn.particle.prototype.draw=function(){var e=this;if(null!=e.radius_bubble)var t=e.radius_bubble;else t=e.radius;if(null!=e.opacity_bubble)var a=e.opacity_bubble;else a=e.opacity;if(e.color.rgb)var i="rgba("+e.color.rgb.r+","+e.color.rgb.g+","+e.color.rgb.b+","+a+")";else i="hsla("+e.color.hsl.h+","+e.color.hsl.s+"%,"+e.color.hsl.l+"%,"+a+")";switch(m.canvas.ctx.fillStyle=i,m.canvas.ctx.beginPath(),e.shape){case"circle":m.canvas.ctx.arc(e.x,e.y,t,0,2*Math.PI,!1);break;case"edge":m.canvas.ctx.rect(e.x-t,e.y-t,2*t,2*t);break;case"triangle":m.fn.vendors.drawShape(m.canvas.ctx,e.x-t,e.y+t/1.66,2*t,3,2);break;case"polygon":m.fn.vendors.drawShape(m.canvas.ctx,e.x-t/(m.particles.shape.polygon.nb_sides/3.5),e.y-t/.76,2.66*t/(m.particles.shape.polygon.nb_sides/3),m.particles.shape.polygon.nb_sides,1);break;case"star":m.fn.vendors.drawShape(m.canvas.ctx,e.x-2*t/(m.particles.shape.polygon.nb_sides/4),e.y-t/1.52,2*t*2.66/(m.particles.shape.polygon.nb_sides/3),m.particles.shape.polygon.nb_sides,2);break;case"image":;if("svg"==m.tmp.img_type)var s=e.img.obj;else s=m.tmp.img_obj;s&&m.canvas.ctx.drawImage(s,e.x-t,e.y-t,2*t,2*t/e.img.ratio)}m.canvas.ctx.closePath(),0<m.particles.shape.stroke.width&&(m.canvas.ctx.strokeStyle=m.particles.shape.stroke.color,m.canvas.ctx.lineWidth=m.particles.shape.stroke.width,m.canvas.ctx.stroke()),m.canvas.ctx.fill()},m.fn.particlesCreate=function(){for(var e=0;e<m.particles.number.value;e++)m.particles.array.push(new m.fn.particle(m.particles.color,m.particles.opacity.value))},m.fn.particlesUpdate=function(){for(var e=0;e<m.particles.array.length;e++){var t=m.particles.array[e];if(m.particles.move.enable){var a=m.particles.move.speed/2;t.x+=t.vx*a,t.y+=t.vy*a}if(m.particles.opacity.anim.enable&&(1==t.opacity_status?(t.opacity>=m.particles.opacity.value&&(t.opacity_status=!1),t.opacity+=t.vo):(t.opacity<=m.particles.opacity.anim.opacity_min&&(t.opacity_status=!0),t.opacity-=t.vo),t.opacity<0&&(t.opacity=0)),m.particles.size.anim.enable&&(1==t.size_status?(t.radius>=m.particles.size.value&&(t.size_status=!1),t.radius+=t.vs):(t.radius<=m.particles.size.anim.size_min&&(t.size_status=!0),t.radius-=t.vs),t.radius<0&&(t.radius=0)),"bounce"==m.particles.move.out_mode)var i={x_left:t.radius,x_right:m.canvas.w,y_top:t.radius,y_bottom:m.canvas.h};else i={x_left:-t.radius,x_right:m.canvas.w+t.radius,y_top:-t.radius,y_bottom:m.canvas.h+t.radius};switch(t.x-t.radius>m.canvas.w?(t.x=i.x_left,t.y=Math.random()*m.canvas.h):t.x+t.radius<0&&(t.x=i.x_right,t.y=Math.random()*m.canvas.h),t.y-t.radius>m.canvas.h?(t.y=i.y_top,t.x=Math.random()*m.canvas.w):t.y+t.radius<0&&(t.y=i.y_bottom,t.x=Math.random()*m.canvas.w),m.particles.move.out_mode){case"bounce":t.x+t.radius>m.canvas.w?t.vx=-t.vx:t.x-t.radius<0&&(t.vx=-t.vx),t.y+t.radius>m.canvas.h?t.vy=-t.vy:t.y-t.radius<0&&(t.vy=-t.vy)}if(isInArray("grab",m.interactivity.events.onhover.mode)&&m.fn.modes.grabParticle(t),(isInArray("bubble",m.interactivity.events.onhover.mode)||isInArray("bubble",m.interactivity.events.onclick.mode))&&m.fn.modes.bubbleParticle(t),(isInArray("repulse",m.interactivity.events.onhover.mode)||isInArray("repulse",m.interactivity.events.onclick.mode))&&m.fn.modes.repulseParticle(t),m.particles.line_linked.enable||m.particles.move.attract.enable)for(var s=e+1;s<m.particles.array.length;s++){var n=m.particles.array[s];m.particles.line_linked.enable&&m.fn.interact.linkParticles(t,n),m.particles.move.attract.enable&&m.fn.interact.attractParticles(t,n),m.particles.move.bounce&&m.fn.interact.bounceParticles(t,n)}}},m.fn.particlesDraw=function(){m.canvas.ctx.clearRect(0,0,m.canvas.w,m.canvas.h),m.fn.particlesUpdate();for(var e=0;e<m.particles.array.length;e++){m.particles.array[e].draw()}},m.fn.particlesEmpty=function(){m.particles.array=[]},m.fn.particlesRefresh=function(){cancelRequestAnimFrame(m.fn.checkAnimFrame),cancelRequestAnimFrame(m.fn.drawAnimFrame),m.tmp.source_svg=void 0,m.tmp.img_obj=void 0,m.tmp.count_svg=0,m.fn.particlesEmpty(),m.fn.canvasClear(),m.fn.vendors.start()},m.fn.interact.linkParticles=function(e,t){var a=e.x-t.x,i=e.y-t.y,s=Math.sqrt(a*a+i*i);if(s<=m.particles.line_linked.distance){var n=m.particles.line_linked.opacity-s/(1/m.particles.line_linked.opacity)/m.particles.line_linked.distance;if(0<n){var r=m.particles.line_linked.color_rgb_line;m.canvas.ctx.strokeStyle="rgba("+r.r+","+r.g+","+r.b+","+n+")",m.canvas.ctx.lineWidth=m.particles.line_linked.width,m.canvas.ctx.beginPath(),m.canvas.ctx.moveTo(e.x,e.y),m.canvas.ctx.lineTo(t.x,t.y),m.canvas.ctx.stroke(),m.canvas.ctx.closePath()}}},m.fn.interact.attractParticles=function(e,t){var a=e.x-t.x,i=e.y-t.y;if(Math.sqrt(a*a+i*i)<=m.particles.line_linked.distance){var s=a/(1e3*m.particles.move.attract.rotateX),n=i/(1e3*m.particles.move.attract.rotateY);e.vx-=s,e.vy-=n,t.vx+=s,t.vy+=n}},m.fn.interact.bounceParticles=function(e,t){var a=e.x-t.x,i=e.y-t.y;Math.sqrt(a*a+i*i)<=e.radius+t.radius&&(e.vx=-e.vx,e.vy=-e.vy,t.vx=-t.vx,t.vy=-t.vy)},m.fn.modes.pushParticles=function(e,t){m.tmp.pushing=!0;for(var a=0;a<e;a++)m.particles.array.push(new m.fn.particle(m.particles.color,m.particles.opacity.value,{x:t?t.pos_x:Math.random()*m.canvas.w,y:t?t.pos_y:Math.random()*m.canvas.h})),a==e-1&&(m.particles.move.enable||m.fn.particlesDraw(),m.tmp.pushing=!1)},m.fn.modes.removeParticles=function(e){m.particles.array.splice(0,e),m.particles.move.enable||m.fn.particlesDraw()},m.fn.modes.bubbleParticle=function(c){if(m.interactivity.events.onhover.enable&&isInArray("bubble",m.interactivity.events.onhover.mode)){var e=c.x-m.interactivity.mouse.pos_x,t=c.y-m.interactivity.mouse.pos_y,a=1-(o=Math.sqrt(e*e+t*t))/m.interactivity.modes.bubble.distance;function i(){c.opacity_bubble=c.opacity,c.radius_bubble=c.radius}if(o<=m.interactivity.modes.bubble.distance){if(0<=a&&"mousemove"==m.interactivity.status){if(m.interactivity.modes.bubble.size!=m.particles.size.value)if(m.interactivity.modes.bubble.size>m.particles.size.value){0<=(n=c.radius+m.interactivity.modes.bubble.size*a)&&(c.radius_bubble=n)}else{var s=c.radius-m.interactivity.modes.bubble.size,n=c.radius-s*a;c.radius_bubble=0<n?n:0}var r;if(m.interactivity.modes.bubble.opacity!=m.particles.opacity.value)if(m.interactivity.modes.bubble.opacity>m.particles.opacity.value)(r=m.interactivity.modes.bubble.opacity*a)>c.opacity&&r<=m.interactivity.modes.bubble.opacity&&(c.opacity_bubble=r);else(r=c.opacity-(m.particles.opacity.value-m.interactivity.modes.bubble.opacity)*a)<c.opacity&&r>=m.interactivity.modes.bubble.opacity&&(c.opacity_bubble=r)}}else i();"mouseleave"==m.interactivity.status&&i()}else if(m.interactivity.events.onclick.enable&&isInArray("bubble",m.interactivity.events.onclick.mode)){if(m.tmp.bubble_clicking){e=c.x-m.interactivity.mouse.click_pos_x,t=c.y-m.interactivity.mouse.click_pos_y;var o=Math.sqrt(e*e+t*t),l=((new Date).getTime()-m.interactivity.mouse.click_time)/1e3;l>m.interactivity.modes.bubble.duration&&(m.tmp.bubble_duration_end=!0),l>2*m.interactivity.modes.bubble.duration&&(m.tmp.bubble_clicking=!1,m.tmp.bubble_duration_end=!1)}function v(e,t,a,i,s){if(e!=t)if(m.tmp.bubble_duration_end)null!=a&&(r=e+(e-(i-l*(i-e)/m.interactivity.modes.bubble.duration)),"size"==s&&(c.radius_bubble=r),"opacity"==s&&(c.opacity_bubble=r));else if(o<=m.interactivity.modes.bubble.distance){if(null!=a)var n=a;else n=i;if(n!=e){var r=i-l*(i-e)/m.interactivity.modes.bubble.duration;"size"==s&&(c.radius_bubble=r),"opacity"==s&&(c.opacity_bubble=r)}}else"size"==s&&(c.radius_bubble=void 0),"opacity"==s&&(c.opacity_bubble=void 0)}m.tmp.bubble_clicking&&(v(m.interactivity.modes.bubble.size,m.particles.size.value,c.radius_bubble,c.radius,"size"),v(m.interactivity.modes.bubble.opacity,m.particles.opacity.value,c.opacity_bubble,c.opacity,"opacity"))}},m.fn.modes.repulseParticle=function(i){if(m.interactivity.events.onhover.enable&&isInArray("repulse",m.interactivity.events.onhover.mode)&&"mousemove"==m.interactivity.status){var e=i.x-m.interactivity.mouse.pos_x,t=i.y-m.interactivity.mouse.pos_y,a=Math.sqrt(e*e+t*t),s=e/a,n=t/a,r=clamp(1/(o=m.interactivity.modes.repulse.distance)*(-1*Math.pow(a/o,2)+1)*o*100,0,50),c={x:i.x+s*r,y:i.y+n*r};"bounce"==m.particles.move.out_mode?(0<c.x-i.radius&&c.x+i.radius<m.canvas.w&&(i.x=c.x),0<c.y-i.radius&&c.y+i.radius<m.canvas.h&&(i.y=c.y)):(i.x=c.x,i.y=c.y)}else if(m.interactivity.events.onclick.enable&&isInArray("repulse",m.interactivity.events.onclick.mode))if(m.tmp.repulse_finish||(m.tmp.repulse_count++,m.tmp.repulse_count==m.particles.array.length&&(m.tmp.repulse_finish=!0)),m.tmp.repulse_clicking){var o=Math.pow(m.interactivity.modes.repulse.distance/6,3),l=m.interactivity.mouse.click_pos_x-i.x,v=m.interactivity.mouse.click_pos_y-i.y,p=l*l+v*v,d=-o/p*1;p<=o&&function(){var e=Math.atan2(v,l);if(i.vx=d*Math.cos(e),i.vy=d*Math.sin(e),"bounce"==m.particles.move.out_mode){var t=i.x+i.vx,a=i.y+i.vy;t+i.radius>m.canvas.w?i.vx=-i.vx:t-i.radius<0&&(i.vx=-i.vx),a+i.radius>m.canvas.h?i.vy=-i.vy:a-i.radius<0&&(i.vy=-i.vy)}}()}else 0==m.tmp.repulse_clicking&&(i.vx=i.vx_i,i.vy=i.vy_i)},m.fn.modes.grabParticle=function(e){if(m.interactivity.events.onhover.enable&&"mousemove"==m.interactivity.status){var t=e.x-m.interactivity.mouse.pos_x,a=e.y-m.interactivity.mouse.pos_y,i=Math.sqrt(t*t+a*a);if(i<=m.interactivity.modes.grab.distance){var s=m.interactivity.modes.grab.line_linked.opacity-i/(1/m.interactivity.modes.grab.line_linked.opacity)/m.interactivity.modes.grab.distance;if(0<s){var n=m.particles.line_linked.color_rgb_line;m.canvas.ctx.strokeStyle="rgba("+n.r+","+n.g+","+n.b+","+s+")",m.canvas.ctx.lineWidth=m.particles.line_linked.width,m.canvas.ctx.beginPath(),m.canvas.ctx.moveTo(e.x,e.y),m.canvas.ctx.lineTo(m.interactivity.mouse.pos_x,m.interactivity.mouse.pos_y),m.canvas.ctx.stroke(),m.canvas.ctx.closePath()}}}},m.fn.vendors.eventsListeners=function(){"window"==m.interactivity.detect_on?m.interactivity.el=window:m.interactivity.el=m.canvas.el,(m.interactivity.events.onhover.enable||m.interactivity.events.onclick.enable)&&(m.interactivity.el.addEventListener("mousemove",function(e){if(m.interactivity.el==window)var t=e.clientX,a=e.clientY;else t=e.offsetX||e.clientX,a=e.offsetY||e.clientY;m.interactivity.mouse.pos_x=t,m.interactivity.mouse.pos_y=a,m.tmp.retina&&(m.interactivity.mouse.pos_x*=m.canvas.pxratio,m.interactivity.mouse.pos_y*=m.canvas.pxratio),m.interactivity.status="mousemove"}),m.interactivity.el.addEventListener("mouseleave",function(e){m.interactivity.mouse.pos_x=null,m.interactivity.mouse.pos_y=null,m.interactivity.status="mouseleave"})),m.interactivity.events.onclick.enable&&m.interactivity.el.addEventListener("click",function(){if(m.interactivity.mouse.click_pos_x=m.interactivity.mouse.pos_x,m.interactivity.mouse.click_pos_y=m.interactivity.mouse.pos_y,m.interactivity.mouse.click_time=(new Date).getTime(),m.interactivity.events.onclick.enable)switch(m.interactivity.events.onclick.mode){case"push":m.particles.move.enable?m.fn.modes.pushParticles(m.interactivity.modes.push.particles_nb,m.interactivity.mouse):1==m.interactivity.modes.push.particles_nb?m.fn.modes.pushParticles(m.interactivity.modes.push.particles_nb,m.interactivity.mouse):1<m.interactivity.modes.push.particles_nb&&m.fn.modes.pushParticles(m.interactivity.modes.push.particles_nb);break;case"remove":m.fn.modes.removeParticles(m.interactivity.modes.remove.particles_nb);break;case"bubble":m.tmp.bubble_clicking=!0;break;case"repulse":m.tmp.repulse_clicking=!0,m.tmp.repulse_count=0,m.tmp.repulse_finish=!1,setTimeout(function(){m.tmp.repulse_clicking=!1},1e3*m.interactivity.modes.repulse.duration)}})},m.fn.vendors.densityAutoParticles=function(){if(m.particles.number.density.enable){var e=m.canvas.el.width*m.canvas.el.height/1e3;m.tmp.retina&&(e/=2*m.canvas.pxratio);var t=e*m.particles.number.value/m.particles.number.density.value_area,a=m.particles.array.length-t;a<0?m.fn.modes.pushParticles(Math.abs(a)):m.fn.modes.removeParticles(a)}},m.fn.vendors.checkOverlap=function(e,t){for(var a=0;a<m.particles.array.length;a++){var i=m.particles.array[a],s=e.x-i.x,n=e.y-i.y;Math.sqrt(s*s+n*n)<=e.radius+i.radius&&(e.x=t?t.x:Math.random()*m.canvas.w,e.y=t?t.y:Math.random()*m.canvas.h,m.fn.vendors.checkOverlap(e))}},m.fn.vendors.createSvgImg=function(n){var e=m.tmp.source_svg.replace(/#([0-9A-F]{3,6})/gi,function(e,t,a,i){if(n.color.rgb)var s="rgba("+n.color.rgb.r+","+n.color.rgb.g+","+n.color.rgb.b+","+n.opacity+")";else s="hsla("+n.color.hsl.h+","+n.color.hsl.s+"%,"+n.color.hsl.l+"%,"+n.opacity+")";return s}),t=new Blob([e],{type:"image/svg+xml;charset=utf-8"}),a=window.URL||window.webkitURL||window,i=a.createObjectURL(t),s=new Image;s.addEventListener("load",function(){n.img.obj=s,n.img.loaded=!0,a.revokeObjectURL(i),m.tmp.count_svg++}),s.src=i},m.fn.vendors.destroypJS=function(){cancelAnimationFrame(m.fn.drawAnimFrame),a.remove(),pJSDom=null},m.fn.vendors.drawShape=function(e,t,a,i,s,n){var r=s*n,c=s/n,o=180*(c-2)/c,l=Math.PI-Math.PI*o/180;e.save(),e.beginPath(),e.translate(t,a),e.moveTo(0,0);for(var v=0;v<r;v++)e.lineTo(i,0),e.translate(i,0),e.rotate(l);e.fill(),e.restore()},m.fn.vendors.exportImg=function(){window.open(m.canvas.el.toDataURL("image/png"),"_blank")},m.fn.vendors.loadImg=function(e){if(m.tmp.img_error=void 0,""!=m.particles.shape.image.src)if("svg"==e){var t=new XMLHttpRequest;t.open("GET",m.particles.shape.image.src),t.onreadystatechange=function(e){4==t.readyState&&(200==t.status?(m.tmp.source_svg=e.currentTarget.response,m.fn.vendors.checkBeforeDraw()):(console.log("Error pJS - Image not found"),m.tmp.img_error=!0))},t.send()}else{var a=new Image;a.addEventListener("load",function(){m.tmp.img_obj=a,m.fn.vendors.checkBeforeDraw()}),a.src=m.particles.shape.image.src}else console.log("Error pJS - No image.src"),m.tmp.img_error=!0},m.fn.vendors.draw=function(){"image"==m.particles.shape.type?"svg"==m.tmp.img_type?m.tmp.count_svg>=m.particles.number.value?(m.fn.particlesDraw(),m.particles.move.enable?m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw):cancelRequestAnimFrame(m.fn.drawAnimFrame)):m.tmp.img_error||(m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw)):null!=m.tmp.img_obj?(m.fn.particlesDraw(),m.particles.move.enable?m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw):cancelRequestAnimFrame(m.fn.drawAnimFrame)):m.tmp.img_error||(m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw)):(m.fn.particlesDraw(),m.particles.move.enable?m.fn.drawAnimFrame=requestAnimFrame(m.fn.vendors.draw):cancelRequestAnimFrame(m.fn.drawAnimFrame))},m.fn.vendors.checkBeforeDraw=function(){"image"==m.particles.shape.type?"svg"==m.tmp.img_type&&null==m.tmp.source_svg?m.tmp.checkAnimFrame=requestAnimFrame(check):(cancelRequestAnimFrame(m.tmp.checkAnimFrame),m.tmp.img_error||(m.fn.vendors.init(),m.fn.vendors.draw())):(m.fn.vendors.init(),m.fn.vendors.draw())},m.fn.vendors.init=function(){m.fn.retinaInit(),m.fn.canvasInit(),m.fn.canvasSize(),m.fn.canvasPaint(),m.fn.particlesCreate(),m.fn.vendors.densityAutoParticles(),m.particles.line_linked.color_rgb_line=hexToRgb(m.particles.line_linked.color)},m.fn.vendors.start=function(){isInArray("image",m.particles.shape.type)?(m.tmp.img_type=m.particles.shape.image.src.substr(m.particles.shape.image.src.length-3),m.fn.vendors.loadImg(m.tmp.img_type)):m.fn.vendors.checkBeforeDraw()},m.fn.vendors.eventsListeners(),m.fn.vendors.start()};function hexToRgb(e){e=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,function(e,t,a,i){return t+t+a+a+i+i});var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}function clamp(e,t,a){return Math.min(Math.max(e,t),a)}function isInArray(e,t){return-1<t.indexOf(e)}Object.deepExtend=function(e,t){for(var a in t)t[a]&&t[a].constructor&&t[a].constructor===Object?(e[a]=e[a]||{},arguments.callee(e[a],t[a])):e[a]=t[a];return e},window.requestAnimFrame=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)},window.cancelRequestAnimFrame=window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout,window.pJSDom=[],window.particlesJS=function(e,t){"string"!=typeof e&&(t=e,e="particles-js"),e||(e="particles-js");var a=document.getElementById(e),i="particles-js-canvas-el",s=a.getElementsByClassName(i);if(s.length)for(;0<s.length;)a.removeChild(s[0]);var n=document.createElement("canvas");n.className=i,n.style.width="100%",n.style.height="100%",null!=document.getElementById(e).appendChild(n)&&pJSDom.push(new pJS(e,t))},window.particlesJS.load=function(a,e,i){var s=new XMLHttpRequest;s.open("GET",e),s.onreadystatechange=function(e){if(4==s.readyState)if(200==s.status){var t=JSON.parse(e.currentTarget.response);window.particlesJS(a,t),i&&i()}else console.log("Error pJS - XMLHttpRequest status: "+s.status),console.log("Error pJS - File config not found")},s.send()}; 1 /* ----------------------------------------------- 2 /* Author : Vincent Garreau - vincentgarreau.com 3 /* MIT license: http://opensource.org/licenses/MIT 4 /* Demo / Generator : vincentgarreau.com/particles.js 5 /* GitHub : github.com/VincentGarreau/particles.js 6 /* How to use? : Check the GitHub README 7 /* v2.0.0 8 /* ----------------------------------------------- */ 9 function hexToRgb(e){var a=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;e=e.replace(a,function(e,a,t,i){return a+a+t+t+i+i});var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}function clamp(e,a,t){return Math.min(Math.max(e,a),t)}function isInArray(e,a){return a.indexOf(e)>-1}var pJS=function(e,a){var t=document.querySelector("#"+e+" > .particles-js-canvas-el");this.pJS={canvas:{el:t,w:t.offsetWidth,h:t.offsetHeight},particles:{number:{value:400,density:{enable:!0,value_area:800}},color:{value:"#fff"},shape:{type:"circle",stroke:{width:0,color:"#ff0000"},polygon:{nb_sides:5},image:{src:"",width:100,height:100}},opacity:{value:1,random:!1,anim:{enable:!1,speed:2,opacity_min:0,sync:!1}},size:{value:20,random:!1,anim:{enable:!1,speed:20,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#fff",opacity:1,width:1},move:{enable:!0,speed:2,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:3e3,rotateY:3e3}},array:[]},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!0,mode:"push"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:1}},bubble:{distance:200,size:80,duration:.4},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}},mouse:{}},retina_detect:!1,fn:{interact:{},modes:{},vendors:{}},tmp:{}};var i=this.pJS;a&&Object.deepExtend(i,a),i.tmp.obj={size_value:i.particles.size.value,size_anim_speed:i.particles.size.anim.speed,move_speed:i.particles.move.speed,line_linked_distance:i.particles.line_linked.distance,line_linked_width:i.particles.line_linked.width,mode_grab_distance:i.interactivity.modes.grab.distance,mode_bubble_distance:i.interactivity.modes.bubble.distance,mode_bubble_size:i.interactivity.modes.bubble.size,mode_repulse_distance:i.interactivity.modes.repulse.distance},i.fn.retinaInit=function(){i.retina_detect&&window.devicePixelRatio>1?(i.canvas.pxratio=window.devicePixelRatio,i.tmp.retina=!0):(i.canvas.pxratio=1,i.tmp.retina=!1),i.canvas.w=i.canvas.el.offsetWidth*i.canvas.pxratio,i.canvas.h=i.canvas.el.offsetHeight*i.canvas.pxratio,i.particles.size.value=i.tmp.obj.size_value*i.canvas.pxratio,i.particles.size.anim.speed=i.tmp.obj.size_anim_speed*i.canvas.pxratio,i.particles.move.speed=i.tmp.obj.move_speed*i.canvas.pxratio,i.particles.line_linked.distance=i.tmp.obj.line_linked_distance*i.canvas.pxratio,i.interactivity.modes.grab.distance=i.tmp.obj.mode_grab_distance*i.canvas.pxratio,i.interactivity.modes.bubble.distance=i.tmp.obj.mode_bubble_distance*i.canvas.pxratio,i.particles.line_linked.width=i.tmp.obj.line_linked_width*i.canvas.pxratio,i.interactivity.modes.bubble.size=i.tmp.obj.mode_bubble_size*i.canvas.pxratio,i.interactivity.modes.repulse.distance=i.tmp.obj.mode_repulse_distance*i.canvas.pxratio},i.fn.canvasInit=function(){i.canvas.ctx=i.canvas.el.getContext("2d")},i.fn.canvasSize=function(){i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i&&i.interactivity.events.resize&&window.addEventListener("resize",function(){i.canvas.w=i.canvas.el.offsetWidth,i.canvas.h=i.canvas.el.offsetHeight,i.tmp.retina&&(i.canvas.w*=i.canvas.pxratio,i.canvas.h*=i.canvas.pxratio),i.canvas.el.width=i.canvas.w,i.canvas.el.height=i.canvas.h,i.particles.move.enable||(i.fn.particlesEmpty(),i.fn.particlesCreate(),i.fn.particlesDraw(),i.fn.vendors.densityAutoParticles()),i.fn.vendors.densityAutoParticles()})},i.fn.canvasPaint=function(){i.canvas.ctx.fillRect(0,0,i.canvas.w,i.canvas.h)},i.fn.canvasClear=function(){i.canvas.ctx.clearRect(0,0,i.canvas.w,i.canvas.h)},i.fn.particle=function(e,a,t){if(this.radius=(i.particles.size.random?Math.random():1)*i.particles.size.value,i.particles.size.anim.enable&&(this.size_status=!1,this.vs=i.particles.size.anim.speed/100,i.particles.size.anim.sync||(this.vs=this.vs*Math.random())),this.x=t?t.x:Math.random()*i.canvas.w,this.y=t?t.y:Math.random()*i.canvas.h,this.x>i.canvas.w-2*this.radius?this.x=this.x-this.radius:this.x<2*this.radius&&(this.x=this.x+this.radius),this.y>i.canvas.h-2*this.radius?this.y=this.y-this.radius:this.y<2*this.radius&&(this.y=this.y+this.radius),i.particles.move.bounce&&i.fn.vendors.checkOverlap(this,t),this.color={},"object"==typeof e.value)if(e.value instanceof Array){var s=e.value[Math.floor(Math.random()*i.particles.color.value.length)];this.color.rgb=hexToRgb(s)}else void 0!=e.value.r&&void 0!=e.value.g&&void 0!=e.value.b&&(this.color.rgb={r:e.value.r,g:e.value.g,b:e.value.b}),void 0!=e.value.h&&void 0!=e.value.s&&void 0!=e.value.l&&(this.color.hsl={h:e.value.h,s:e.value.s,l:e.value.l});else"random"==e.value?this.color.rgb={r:Math.floor(256*Math.random())+0,g:Math.floor(256*Math.random())+0,b:Math.floor(256*Math.random())+0}:"string"==typeof e.value&&(this.color=e,this.color.rgb=hexToRgb(this.color.value));this.opacity=(i.particles.opacity.random?Math.random():1)*i.particles.opacity.value,i.particles.opacity.anim.enable&&(this.opacity_status=!1,this.vo=i.particles.opacity.anim.speed/100,i.particles.opacity.anim.sync||(this.vo=this.vo*Math.random()));var n={};switch(i.particles.move.direction){case"top":n={x:0,y:-1};break;case"top-right":n={x:.5,y:-.5};break;case"right":n={x:1,y:-0};break;case"bottom-right":n={x:.5,y:.5};break;case"bottom":n={x:0,y:1};break;case"bottom-left":n={x:-.5,y:1};break;case"left":n={x:-1,y:0};break;case"top-left":n={x:-.5,y:-.5};break;default:n={x:0,y:0}}i.particles.move.straight?(this.vx=n.x,this.vy=n.y,i.particles.move.random&&(this.vx=this.vx*Math.random(),this.vy=this.vy*Math.random())):(this.vx=n.x+Math.random()-.5,this.vy=n.y+Math.random()-.5),this.vx_i=this.vx,this.vy_i=this.vy;var r=i.particles.shape.type;if("object"==typeof r){if(r instanceof Array){var c=r[Math.floor(Math.random()*r.length)];this.shape=c}}else this.shape=r;if("image"==this.shape){var o=i.particles.shape;this.img={src:o.image.src,ratio:o.image.width/o.image.height},this.img.ratio||(this.img.ratio=1),"svg"==i.tmp.img_type&&void 0!=i.tmp.source_svg&&(i.fn.vendors.createSvgImg(this),i.tmp.pushing&&(this.img.loaded=!1))}},i.fn.particle.prototype.draw=function(){function e(){i.canvas.ctx.drawImage(r,a.x-t,a.y-t,2*t,2*t/a.img.ratio)}var a=this;if(void 0!=a.radius_bubble)var t=a.radius_bubble;else var t=a.radius;if(void 0!=a.opacity_bubble)var s=a.opacity_bubble;else var s=a.opacity;if(a.color.rgb)var n="rgba("+a.color.rgb.r+","+a.color.rgb.g+","+a.color.rgb.b+","+s+")";else var n="hsla("+a.color.hsl.h+","+a.color.hsl.s+"%,"+a.color.hsl.l+"%,"+s+")";switch(i.canvas.ctx.fillStyle=n,i.canvas.ctx.beginPath(),a.shape){case"circle":i.canvas.ctx.arc(a.x,a.y,t,0,2*Math.PI,!1);break;case"edge":i.canvas.ctx.rect(a.x-t,a.y-t,2*t,2*t);break;case"triangle":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t,a.y+t/1.66,2*t,3,2);break;case"polygon":i.fn.vendors.drawShape(i.canvas.ctx,a.x-t/(i.particles.shape.polygon.nb_sides/3.5),a.y-t/.76,2.66*t/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,1);break;case"star":i.fn.vendors.drawShape(i.canvas.ctx,a.x-2*t/(i.particles.shape.polygon.nb_sides/4),a.y-t/1.52,2*t*2.66/(i.particles.shape.polygon.nb_sides/3),i.particles.shape.polygon.nb_sides,2);break;case"image":if("svg"==i.tmp.img_type)var r=a.img.obj;else var r=i.tmp.img_obj;r&&e()}i.canvas.ctx.closePath(),i.particles.shape.stroke.width>0&&(i.canvas.ctx.strokeStyle=i.particles.shape.stroke.color,i.canvas.ctx.lineWidth=i.particles.shape.stroke.width,i.canvas.ctx.stroke()),i.canvas.ctx.fill()},i.fn.particlesCreate=function(){for(var e=0;e<i.particles.number.value;e++)i.particles.array.push(new i.fn.particle(i.particles.color,i.particles.opacity.value))},i.fn.particlesUpdate=function(){for(var e=0;e<i.particles.array.length;e++){var a=i.particles.array[e];if(i.particles.move.enable){var t=i.particles.move.speed/2;a.x+=a.vx*t,a.y+=a.vy*t}if(i.particles.opacity.anim.enable&&(1==a.opacity_status?(a.opacity>=i.particles.opacity.value&&(a.opacity_status=!1),a.opacity+=a.vo):(a.opacity<=i.particles.opacity.anim.opacity_min&&(a.opacity_status=!0),a.opacity-=a.vo),a.opacity<0&&(a.opacity=0)),i.particles.size.anim.enable&&(1==a.size_status?(a.radius>=i.particles.size.value&&(a.size_status=!1),a.radius+=a.vs):(a.radius<=i.particles.size.anim.size_min&&(a.size_status=!0),a.radius-=a.vs),a.radius<0&&(a.radius=0)),"bounce"==i.particles.move.out_mode)var s={x_left:a.radius,x_right:i.canvas.w,y_top:a.radius,y_bottom:i.canvas.h};else var s={x_left:-a.radius,x_right:i.canvas.w+a.radius,y_top:-a.radius,y_bottom:i.canvas.h+a.radius};switch(a.x-a.radius>i.canvas.w?(a.x=s.x_left,a.y=Math.random()*i.canvas.h):a.x+a.radius<0&&(a.x=s.x_right,a.y=Math.random()*i.canvas.h),a.y-a.radius>i.canvas.h?(a.y=s.y_top,a.x=Math.random()*i.canvas.w):a.y+a.radius<0&&(a.y=s.y_bottom,a.x=Math.random()*i.canvas.w),i.particles.move.out_mode){case"bounce":a.x+a.radius>i.canvas.w?a.vx=-a.vx:a.x-a.radius<0&&(a.vx=-a.vx),a.y+a.radius>i.canvas.h?a.vy=-a.vy:a.y-a.radius<0&&(a.vy=-a.vy)}if(isInArray("grab",i.interactivity.events.onhover.mode)&&i.fn.modes.grabParticle(a),(isInArray("bubble",i.interactivity.events.onhover.mode)||isInArray("bubble",i.interactivity.events.onclick.mode))&&i.fn.modes.bubbleParticle(a),(isInArray("repulse",i.interactivity.events.onhover.mode)||isInArray("repulse",i.interactivity.events.onclick.mode))&&i.fn.modes.repulseParticle(a),i.particles.line_linked.enable||i.particles.move.attract.enable)for(var n=e+1;n<i.particles.array.length;n++){var r=i.particles.array[n];i.particles.line_linked.enable&&i.fn.interact.linkParticles(a,r),i.particles.move.attract.enable&&i.fn.interact.attractParticles(a,r),i.particles.move.bounce&&i.fn.interact.bounceParticles(a,r)}}},i.fn.particlesDraw=function(){i.canvas.ctx.clearRect(0,0,i.canvas.w,i.canvas.h),i.fn.particlesUpdate();for(var e=0;e<i.particles.array.length;e++){var a=i.particles.array[e];a.draw()}},i.fn.particlesEmpty=function(){i.particles.array=[]},i.fn.particlesRefresh=function(){cancelRequestAnimFrame(i.fn.checkAnimFrame),cancelRequestAnimFrame(i.fn.drawAnimFrame),i.tmp.source_svg=void 0,i.tmp.img_obj=void 0,i.tmp.count_svg=0,i.fn.particlesEmpty(),i.fn.canvasClear(),i.fn.vendors.start()},i.fn.interact.linkParticles=function(e,a){var t=e.x-a.x,s=e.y-a.y,n=Math.sqrt(t*t+s*s);if(n<=i.particles.line_linked.distance){var r=i.particles.line_linked.opacity-n/(1/i.particles.line_linked.opacity)/i.particles.line_linked.distance;if(r>0){var c=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+c.r+","+c.g+","+c.b+","+r+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(a.x,a.y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}},i.fn.interact.attractParticles=function(e,a){var t=e.x-a.x,s=e.y-a.y,n=Math.sqrt(t*t+s*s);if(n<=i.particles.line_linked.distance){var r=t/(1e3*i.particles.move.attract.rotateX),c=s/(1e3*i.particles.move.attract.rotateY);e.vx-=r,e.vy-=c,a.vx+=r,a.vy+=c}},i.fn.interact.bounceParticles=function(e,a){var t=e.x-a.x,i=e.y-a.y,s=Math.sqrt(t*t+i*i),n=e.radius+a.radius;n>=s&&(e.vx=-e.vx,e.vy=-e.vy,a.vx=-a.vx,a.vy=-a.vy)},i.fn.modes.pushParticles=function(e,a){i.tmp.pushing=!0;for(var t=0;e>t;t++)i.particles.array.push(new i.fn.particle(i.particles.color,i.particles.opacity.value,{x:a?a.pos_x:Math.random()*i.canvas.w,y:a?a.pos_y:Math.random()*i.canvas.h})),t==e-1&&(i.particles.move.enable||i.fn.particlesDraw(),i.tmp.pushing=!1)},i.fn.modes.removeParticles=function(e){i.particles.array.splice(0,e),i.particles.move.enable||i.fn.particlesDraw()},i.fn.modes.bubbleParticle=function(e){function a(){e.opacity_bubble=e.opacity,e.radius_bubble=e.radius}function t(a,t,s,n,c){if(a!=t)if(i.tmp.bubble_duration_end){if(void 0!=s){var o=n-p*(n-a)/i.interactivity.modes.bubble.duration,l=a-o;d=a+l,"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else if(r<=i.interactivity.modes.bubble.distance){if(void 0!=s)var v=s;else var v=n;if(v!=a){var d=n-p*(n-a)/i.interactivity.modes.bubble.duration;"size"==c&&(e.radius_bubble=d),"opacity"==c&&(e.opacity_bubble=d)}}else"size"==c&&(e.radius_bubble=void 0),"opacity"==c&&(e.opacity_bubble=void 0)}if(i.interactivity.events.onhover.enable&&isInArray("bubble",i.interactivity.events.onhover.mode)){var s=e.x-i.interactivity.mouse.pos_x,n=e.y-i.interactivity.mouse.pos_y,r=Math.sqrt(s*s+n*n),c=1-r/i.interactivity.modes.bubble.distance;if(r<=i.interactivity.modes.bubble.distance){if(c>=0&&"mousemove"==i.interactivity.status){if(i.interactivity.modes.bubble.size!=i.particles.size.value)if(i.interactivity.modes.bubble.size>i.particles.size.value){var o=e.radius+i.interactivity.modes.bubble.size*c;o>=0&&(e.radius_bubble=o)}else{var l=e.radius-i.interactivity.modes.bubble.size,o=e.radius-l*c;o>0?e.radius_bubble=o:e.radius_bubble=0}if(i.interactivity.modes.bubble.opacity!=i.particles.opacity.value)if(i.interactivity.modes.bubble.opacity>i.particles.opacity.value){var v=i.interactivity.modes.bubble.opacity*c;v>e.opacity&&v<=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}else{var v=e.opacity-(i.particles.opacity.value-i.interactivity.modes.bubble.opacity)*c;v<e.opacity&&v>=i.interactivity.modes.bubble.opacity&&(e.opacity_bubble=v)}}}else a();"mouseleave"==i.interactivity.status&&a()}else if(i.interactivity.events.onclick.enable&&isInArray("bubble",i.interactivity.events.onclick.mode)){if(i.tmp.bubble_clicking){var s=e.x-i.interactivity.mouse.click_pos_x,n=e.y-i.interactivity.mouse.click_pos_y,r=Math.sqrt(s*s+n*n),p=((new Date).getTime()-i.interactivity.mouse.click_time)/1e3;p>i.interactivity.modes.bubble.duration&&(i.tmp.bubble_duration_end=!0),p>2*i.interactivity.modes.bubble.duration&&(i.tmp.bubble_clicking=!1,i.tmp.bubble_duration_end=!1)}i.tmp.bubble_clicking&&(t(i.interactivity.modes.bubble.size,i.particles.size.value,e.radius_bubble,e.radius,"size"),t(i.interactivity.modes.bubble.opacity,i.particles.opacity.value,e.opacity_bubble,e.opacity,"opacity"))}},i.fn.modes.repulseParticle=function(e){function a(){var a=Math.atan2(d,p);if(e.vx=u*Math.cos(a),e.vy=u*Math.sin(a),"bounce"==i.particles.move.out_mode){var t={x:e.x+e.vx,y:e.y+e.vy};t.x+e.radius>i.canvas.w?e.vx=-e.vx:t.x-e.radius<0&&(e.vx=-e.vx),t.y+e.radius>i.canvas.h?e.vy=-e.vy:t.y-e.radius<0&&(e.vy=-e.vy)}}if(i.interactivity.events.onhover.enable&&isInArray("repulse",i.interactivity.events.onhover.mode)&&"mousemove"==i.interactivity.status){var t=e.x-i.interactivity.mouse.pos_x,s=e.y-i.interactivity.mouse.pos_y,n=Math.sqrt(t*t+s*s),r={x:t/n,y:s/n},c=i.interactivity.modes.repulse.distance,o=100,l=clamp(1/c*(-1*Math.pow(n/c,2)+1)*c*o,0,50),v={x:e.x+r.x*l,y:e.y+r.y*l};"bounce"==i.particles.move.out_mode?(v.x-e.radius>0&&v.x+e.radius<i.canvas.w&&(e.x=v.x),v.y-e.radius>0&&v.y+e.radius<i.canvas.h&&(e.y=v.y)):(e.x=v.x,e.y=v.y)}else if(i.interactivity.events.onclick.enable&&isInArray("repulse",i.interactivity.events.onclick.mode))if(i.tmp.repulse_finish||(i.tmp.repulse_count++,i.tmp.repulse_count==i.particles.array.length&&(i.tmp.repulse_finish=!0)),i.tmp.repulse_clicking){var c=Math.pow(i.interactivity.modes.repulse.distance/6,3),p=i.interactivity.mouse.click_pos_x-e.x,d=i.interactivity.mouse.click_pos_y-e.y,m=p*p+d*d,u=-c/m*1;c>=m&&a()}else 0==i.tmp.repulse_clicking&&(e.vx=e.vx_i,e.vy=e.vy_i)},i.fn.modes.grabParticle=function(e){if(i.interactivity.events.onhover.enable&&"mousemove"==i.interactivity.status){var a=e.x-i.interactivity.mouse.pos_x,t=e.y-i.interactivity.mouse.pos_y,s=Math.sqrt(a*a+t*t);if(s<=i.interactivity.modes.grab.distance){var n=i.interactivity.modes.grab.line_linked.opacity-s/(1/i.interactivity.modes.grab.line_linked.opacity)/i.interactivity.modes.grab.distance;if(n>0){var r=i.particles.line_linked.color_rgb_line;i.canvas.ctx.strokeStyle="rgba("+r.r+","+r.g+","+r.b+","+n+")",i.canvas.ctx.lineWidth=i.particles.line_linked.width,i.canvas.ctx.beginPath(),i.canvas.ctx.moveTo(e.x,e.y),i.canvas.ctx.lineTo(i.interactivity.mouse.pos_x,i.interactivity.mouse.pos_y),i.canvas.ctx.stroke(),i.canvas.ctx.closePath()}}}},i.fn.vendors.eventsListeners=function(){"window"==i.interactivity.detect_on?i.interactivity.el=window:i.interactivity.el=i.canvas.el,(i.interactivity.events.onhover.enable||i.interactivity.events.onclick.enable)&&(i.interactivity.el.addEventListener("mousemove",function(e){if(i.interactivity.el==window)var a=e.clientX,t=e.clientY;else var a=e.offsetX||e.clientX,t=e.offsetY||e.clientY;i.interactivity.mouse.pos_x=a,i.interactivity.mouse.pos_y=t,i.tmp.retina&&(i.interactivity.mouse.pos_x*=i.canvas.pxratio,i.interactivity.mouse.pos_y*=i.canvas.pxratio),i.interactivity.status="mousemove"}),i.interactivity.el.addEventListener("mouseleave",function(e){i.interactivity.mouse.pos_x=null,i.interactivity.mouse.pos_y=null,i.interactivity.status="mouseleave"})),i.interactivity.events.onclick.enable&&i.interactivity.el.addEventListener("click",function(){if(i.interactivity.mouse.click_pos_x=i.interactivity.mouse.pos_x,i.interactivity.mouse.click_pos_y=i.interactivity.mouse.pos_y,i.interactivity.mouse.click_time=(new Date).getTime(),i.interactivity.events.onclick.enable)switch(i.interactivity.events.onclick.mode){case"push":i.particles.move.enable?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):1==i.interactivity.modes.push.particles_nb?i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb,i.interactivity.mouse):i.interactivity.modes.push.particles_nb>1&&i.fn.modes.pushParticles(i.interactivity.modes.push.particles_nb);break;case"remove":i.fn.modes.removeParticles(i.interactivity.modes.remove.particles_nb);break;case"bubble":i.tmp.bubble_clicking=!0;break;case"repulse":i.tmp.repulse_clicking=!0,i.tmp.repulse_count=0,i.tmp.repulse_finish=!1,setTimeout(function(){i.tmp.repulse_clicking=!1},1e3*i.interactivity.modes.repulse.duration)}})},i.fn.vendors.densityAutoParticles=function(){if(i.particles.number.density.enable){var e=i.canvas.el.width*i.canvas.el.height/1e3;i.tmp.retina&&(e/=2*i.canvas.pxratio);var a=e*i.particles.number.value/i.particles.number.density.value_area,t=i.particles.array.length-a;0>t?i.fn.modes.pushParticles(Math.abs(t)):i.fn.modes.removeParticles(t)}},i.fn.vendors.checkOverlap=function(e,a){for(var t=0;t<i.particles.array.length;t++){var s=i.particles.array[t],n=e.x-s.x,r=e.y-s.y,c=Math.sqrt(n*n+r*r);c<=e.radius+s.radius&&(e.x=a?a.x:Math.random()*i.canvas.w,e.y=a?a.y:Math.random()*i.canvas.h,i.fn.vendors.checkOverlap(e))}},i.fn.vendors.createSvgImg=function(e){var a=i.tmp.source_svg,t=/#([0-9A-F]{3,6})/gi,s=a.replace(t,function(a,t,i,s){if(e.color.rgb)var n="rgba("+e.color.rgb.r+","+e.color.rgb.g+","+e.color.rgb.b+","+e.opacity+")";else var n="hsla("+e.color.hsl.h+","+e.color.hsl.s+"%,"+e.color.hsl.l+"%,"+e.opacity+")";return n}),n=new Blob([s],{type:"image/svg+xml;charset=utf-8"}),r=window.URL||window.webkitURL||window,c=r.createObjectURL(n),o=new Image;o.addEventListener("load",function(){e.img.obj=o,e.img.loaded=!0,r.revokeObjectURL(c),i.tmp.count_svg++}),o.src=c},i.fn.vendors.destroypJS=function(){cancelAnimationFrame(i.fn.drawAnimFrame),t.remove(),pJSDom=null},i.fn.vendors.drawShape=function(e,a,t,i,s,n){var r=s*n,c=s/n,o=180*(c-2)/c,l=Math.PI-Math.PI*o/180;e.save(),e.beginPath(),e.translate(a,t),e.moveTo(0,0);for(var v=0;r>v;v++)e.lineTo(i,0),e.translate(i,0),e.rotate(l);e.fill(),e.restore()},i.fn.vendors.exportImg=function(){window.open(i.canvas.el.toDataURL("image/png"),"_blank")},i.fn.vendors.loadImg=function(e){if(i.tmp.img_error=void 0,""!=i.particles.shape.image.src)if("svg"==e){var a=new XMLHttpRequest;a.open("GET",i.particles.shape.image.src),a.onreadystatechange=function(e){4==a.readyState&&(200==a.status?(i.tmp.source_svg=e.currentTarget.response,i.fn.vendors.checkBeforeDraw()):(console.log("Error pJS - Image not found"),i.tmp.img_error=!0))},a.send()}else{var t=new Image;t.addEventListener("load",function(){i.tmp.img_obj=t,i.fn.vendors.checkBeforeDraw()}),t.src=i.particles.shape.image.src}else console.log("Error pJS - No image.src"),i.tmp.img_error=!0},i.fn.vendors.draw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type?i.tmp.count_svg>=i.particles.number.value?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):void 0!=i.tmp.img_obj?(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame)):i.tmp.img_error||(i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw)):(i.fn.particlesDraw(),i.particles.move.enable?i.fn.drawAnimFrame=requestAnimFrame(i.fn.vendors.draw):cancelRequestAnimFrame(i.fn.drawAnimFrame))},i.fn.vendors.checkBeforeDraw=function(){"image"==i.particles.shape.type?"svg"==i.tmp.img_type&&void 0==i.tmp.source_svg?i.tmp.checkAnimFrame=requestAnimFrame(check):(cancelRequestAnimFrame(i.tmp.checkAnimFrame),i.tmp.img_error||(i.fn.vendors.init(),i.fn.vendors.draw())):(i.fn.vendors.init(),i.fn.vendors.draw())},i.fn.vendors.init=function(){i.fn.retinaInit(),i.fn.canvasInit(),i.fn.canvasSize(),i.fn.canvasPaint(),i.fn.particlesCreate(),i.fn.vendors.densityAutoParticles(),i.particles.line_linked.color_rgb_line=hexToRgb(i.particles.line_linked.color)},i.fn.vendors.start=function(){isInArray("image",i.particles.shape.type)?(i.tmp.img_type=i.particles.shape.image.src.substr(i.particles.shape.image.src.length-3),i.fn.vendors.loadImg(i.tmp.img_type)):i.fn.vendors.checkBeforeDraw()},i.fn.vendors.eventsListeners(),i.fn.vendors.start()};Object.deepExtend=function(e,a){for(var t in a)a[t]&&a[t].constructor&&a[t].constructor===Object?(e[t]=e[t]||{},arguments.callee(e[t],a[t])):e[t]=a[t];return e},window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}(),window.cancelRequestAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||clearTimeout}(),window.pJSDom=[],window.particlesJS=function(e,a){"string"!=typeof e&&(a=e,e="particles-js"),e||(e="particles-js");var t=document.getElementById(e),i="particles-js-canvas-el",s=t.getElementsByClassName(i);if(s.length)for(;s.length>0;)t.removeChild(s[0]);var n=document.createElement("canvas");n.className=i,n.style.width="100%",n.style.height="100%";var r=document.getElementById(e).appendChild(n);null!=r&&pJSDom.push(new pJS(e,a))},window.particlesJS.load=function(e,a,t){var i=new XMLHttpRequest;i.open("GET",a),i.onreadystatechange=function(a){if(4==i.readyState)if(200==i.status){var s=JSON.parse(a.currentTarget.response);window.particlesJS(e,s),t&&t()}else console.log("Error pJS - XMLHttpRequest status: "+i.status),console.log("Error pJS - File config not found")},i.send()}; -
addon-elements-for-elementor-page-builder/trunk/elementor-addon-elements.php
r2026355 r2026357 3 3 * Plugin Name: Elementor Addon Elements 4 4 * Description: Add new elements to Elementor page builder plugin. 5 * Plugin URI: http s://www.elementoraddons.com/elements-addon-elements/5 * Plugin URI: http://www.webtechstreet.com/ 6 6 * Author: WebTechStreet 7 * Version: 1. 38 * Author URI: http://www.webt echstreet.com/7 * Version: 1.2 8 * Author URI: http://www.webtchstreet.com/ 9 9 * 10 10 * Text Domain: wts-eae 11 * @package WTS_EAE 12 */ 13 define( 'EAE_FILE', __FILE__ ); 14 define( 'EAE_URL', plugins_url( '/', __FILE__ ) ); 15 define( 'EAE_PATH', plugin_dir_path( __FILE__ ) ); 16 define( 'EAE_SCRIPT_SUFFIX', defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min' ); 17 define( 'EAE_VERSION', '1.3'); 11 */ 18 12 19 function wts_eae_activate() { 13 if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly 20 14 21 \Elementor\Plugin::$instance->files_manager->clear_cache(); 22 } 23 register_activation_hook( __FILE__, 'wts_eae_activate' ); 15 define( 'ELEMENTOR_ADDON_URL', plugins_url( '/', __FILE__ ) ); 16 define( 'ELEMENTOR_ADDON_PATH', plugin_dir_path( __FILE__ ) ); 24 17 25 if ( ! function_exists( '_is_elementor_installed' ) ) {26 18 27 function _is_elementor_installed() { 28 $file_path = 'elementor/elementor.php'; 29 $installed_plugins = get_plugins(); 19 require_once ELEMENTOR_ADDON_PATH.'inc/elementor-helper.php'; 30 20 31 return isset( $installed_plugins[ $file_path ] ); 32 } 21 if(is_admin()){ 22 require_once ELEMENTOR_ADDON_PATH. 'inc/admin/settings-page.php'; 23 require_once ELEMENTOR_ADDON_PATH. 'inc/admin/controls.php'; 24 require_once ELEMENTOR_ADDON_PATH. 'inc/admin/Settings.php'; 33 25 } 34 26 35 if(!function_exists('is_plugin_active')){ 36 include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); 27 28 function add_new_elements(){ 29 30 31 require_once ELEMENTOR_ADDON_PATH.'inc/helper.php'; 32 33 // load elements 34 require_once ELEMENTOR_ADDON_PATH.'elements/textseparator.php'; 35 require_once ELEMENTOR_ADDON_PATH.'elements/pricetable.php'; 36 require_once ELEMENTOR_ADDON_PATH.'elements/flipbox.php'; 37 require_once ELEMENTOR_ADDON_PATH.'elements/shape-separator.php'; 38 require_once ELEMENTOR_ADDON_PATH.'elements/post-list.php'; 39 require_once ELEMENTOR_ADDON_PATH.'elements/animated-text.php'; 40 require_once ELEMENTOR_ADDON_PATH.'elements/splittext.php'; 41 42 require_once ELEMENTOR_ADDON_PATH.'elements/twitter.php'; 43 44 require_once ELEMENTOR_ADDON_PATH.'elements/gmap.php'; 45 46 require_once ELEMENTOR_ADDON_PATH.'elements/image-compare.php'; 47 require_once ELEMENTOR_ADDON_PATH.'elements/modal-popup.php'; 48 49 37 50 } 51 add_action('elementor/widgets/widgets_registered','add_new_elements'); 38 52 39 require_once 'inc/bootstrap.php'; 53 54 55 56 57 function eae_scripts(){ 58 wp_enqueue_style('eae-css',ELEMENTOR_ADDON_URL.'assets/css/eae.css'); 59 60 /* animated text css and js file*/ 61 wp_enqueue_script('animated-main',ELEMENTOR_ADDON_URL.'assets/js/animated-main.js', array('jquery'),'1.0', true); 62 63 wp_enqueue_script('eae-main',ELEMENTOR_ADDON_URL.'assets/js/eae.js', array('jquery', 'wts-magnific'),'1.0', true); 64 65 wp_enqueue_script('eae-particles',ELEMENTOR_ADDON_URL.'assets/js/particles.js', array('jquery'),'1.0', true); 66 67 wp_enqueue_style('vegas-css',ELEMENTOR_ADDON_URL.'assets/lib/vegas/vegas.css' ); 68 wp_enqueue_script('vegas',ELEMENTOR_ADDON_URL.'assets/lib/vegas/vegas.js',array('jquery'),'2.4.0', true); 69 wp_enqueue_script('wts-magnific',ELEMENTOR_ADDON_URL.'assets/lib/magnific.js',array('jquery'),'1.9', true); 70 71 72 73 74 $map_key = get_option('wts_eae_gmap_key'); 75 if(isset($map_key) && $map_key != ''){ 76 wp_register_script('eae-gmap', 'https://maps.googleapis.com/maps/api/js?key='.$map_key); 77 } 78 79 wp_register_script('pinit', '//assets.pinterest.com/js/pinit.js', '', '', false); 80 81 82 wp_register_script('eae-stickyanything',ELEMENTOR_ADDON_URL.'assets/js/stickyanything.js',array('jquery'),'1.1.2',true); 83 84 $localize_data = array( 85 'plugin_url' => plugins_url('elementor-addon-elements') 86 ); 87 wp_localize_script( 'eae-main', 'eae_editor', $localize_data ); 88 89 } 90 add_action( 'wp_enqueue_scripts', 'eae_scripts' ); 91 92 function eae_editor_enqueue_scripts(){ 93 wp_enqueue_script('eae-particles',ELEMENTOR_ADDON_URL.'assets/js/particles.js', array('jquery'),'1.0', true); 94 } 95 add_action('elementor/editor/wp_head', 'eae_editor_enqueue_scripts'); 96 97 98 99 100 101 function _editor_enqueue_scripts(){ 102 $map_key = get_option('wts_eae_gmap_key'); 103 if(isset($map_key) && $map_key != ''){ 104 wp_enqueue_script('eae-gmap', 'https://maps.googleapis.com/maps/api/js?key='.$map_key); 105 } 106 107 wp_enqueue_script('pinit', '//assets.pinterest.com/js/pinit.js'); 108 } 109 add_action('elementor/editor/wp_head', '_editor_enqueue_scripts'); 110 111 112 113 114 115 116 117 -
addon-elements-for-elementor-page-builder/trunk/inc/admin/Settings.php
r2026355 r2026357 7 7 */ 8 8 9 namespace WTS_EAE;9 namespace EAE; 10 10 11 11 … … 22 22 public function register_admin_menu() { 23 23 add_menu_page( 24 __( 'Elementor Addon Elements', ' wts-eae' ),25 __( 'Elementor Addon Elements', ' wts-eae' ),24 __( 'Elementor Addon Elements', 'eae' ), 25 __( 'Elementor Addon Elements', 'eae' ), 26 26 'manage_options', 27 27 self::PAGE_ID, … … 33 33 34 34 protected function get_page_title() { 35 return __( 'Elementor Addons Elements', ' wts-eae' );35 return __( 'Elementor Addons Elements', 'EAE' ); 36 36 } 37 37 … … 49 49 'type' => 'text', 50 50 'desc' => '<a href="https://developers.google.com/maps/documentation/javascript/get-api-key" target="_blank">' 51 . __('Click Here', ' wts-eae') .51 . __('Click Here', 'eae') . 52 52 '</a> to generate API KEY' 53 53 ], … … 58 58 ], 59 59 'other_products' => [ 60 'label' => __('Other Products', ' wts-eae'),60 'label' => __('Other Products', 'eae'), 61 61 'sections' => [ 62 62 'other_products' => [ … … 107 107 108 108 <div class="logo-box"> 109 <img src="'.E AE_URL.'assets/aep.png" title="AnyWhere Elementor Pro" />109 <img src="'.ELEMENTOR_ADDON_URL.'assets/aep.png" title="AnyWhere Elementor Pro" /> 110 110 </div> '; 111 111 -
addon-elements-for-elementor-page-builder/trunk/inc/admin/controls.php
r2026355 r2026357 1 1 <?php 2 namespace WTS_EAE;2 namespace EAE; 3 3 4 4 if ( ! defined( 'ABSPATH' ) ) { -
addon-elements-for-elementor-page-builder/trunk/inc/admin/settings-page.php
r2026355 r2026357 1 1 <?php 2 namespace WTS_EAE;2 namespace EAE; 3 3 4 4 if ( ! defined( 'ABSPATH' ) ) { -
addon-elements-for-elementor-page-builder/trunk/inc/elementor-helper.php
r2026355 r2026357 1 1 <?php 2 2 namespace Elementor; 3 4 function eae_elementor_init(){ 5 Plugin::instance()->elements_manager->add_category( 6 'wts-eae', 7 [ 8 'title' => 'Elementor Addon Elements', 9 'icon' => 'font' 10 ], 11 1 12 ); 13 14 require_once ELEMENTOR_ADDON_PATH.'elements/bg-slider.php'; 15 require_once ELEMENTOR_ADDON_PATH.'elements/particles.php'; 16 17 } 18 add_action('elementor/init','Elementor\eae_elementor_init'); 19 20 21 -
addon-elements-for-elementor-page-builder/trunk/readme.txt
r2026355 r2026357 3 3 Tags: page-builder, elementor 4 4 Requires at least: 4.4 5 Tested up to: 5.0 .35 Tested up to: 5.0 6 6 Stable tag: 5.0 7 7 License: GPLv2 or later … … 12 12 == Description == 13 13 14 This plugin adds new widgets to Elementor Page Builder.14 This plugin adds new elements/widgets to Elementor Page Builder. 15 15 16 For more details and demo check our official site http s://www.elementoraddons.com/elements-addon-elements/16 For more details and demo check our official site http://www.elementoraddons.com/ 17 17 18 18 Current Addon Elements: 19 19 20 * Timeline (new) 21 * Info Circle (new) 22 * Comparison Table (new) 20 * Flip Box 21 * Text Separator 22 * Price Table 23 * Post List 24 * Animated Text 23 25 * After/Before Image Compare 24 * Flip Box 25 * Text Separator 26 * Split Text 26 27 * Google Map (with ability to add styles from Snazzy Maps) 27 * Split Text28 * Price Table29 * Animated Text30 28 * Twitter (Show profile timeline, hashtag feed, tweet, follow and hashtag button) 31 29 * Shape Separator (Deprecated.. use shape separator available with Elementor) … … 48 46 = Where can i find the new element added = 49 47 50 New elements are added at the end of default elementor widget area.48 New elements are added at the end of default elementor elements. 51 49 52 50 = How to set shape separator as full width. = … … 66 64 == Changelog == 67 65 68 = 1.3 =69 * New Widget: Timeline70 * New Widget: Info Circle71 * New Widget: Comparison Table72 73 66 = 1.2 = 74 67 * New Widget: Pop Up … … 76 69 * Enhancement: Animation option added in Gmap marker icon 77 70 * Enhancement: More effects added in flipbox 71 78 72 79 73 = 1.1 =
Note: See TracChangeset
for help on using the changeset viewer.