PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 4.0.2
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v4.0.2
8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 All 534 releases
← All changes | css/common-style.css +46 -458 8.5.54.0.2 View file →
@@ -190,11 +190,9 @@
190 190 border: 3px solid transparent;
191 191 border-top-color: #FF00FF;
192 192 animation: spin 1.5s linear infinite;
193 193 }
194 -.wp-chatbot-footer div#wp-chatbot-editor-container {
195 - display: flex;
196 -}
194 +
197 195 @keyframes spin {
198 196 0% {
199 197 -webkit-transform: rotate(0deg);
200 198 -ms-transform: rotate(0deg);
@@ -251,8 +249,9 @@
251 249 height: calc(100vh - 277px);
252 250 position: relative;
253 251 padding: 15px;
254 252 box-sizing: border-box;
253 + max-height: 564px;
255 254 }
256 255
257 256 .wp-chatbot-product-reload.wp-chatbot-product-loading {
258 257 display: block;
@@ -374,9 +373,8 @@
374 373
375 374 #wp-chatbot-messages-container .wp-chatbot-avatar img, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar img {
376 375 width: 40px !important;
377 376 height: 40px !important;
378 - object-fit: cover;
379 377 }
380 378
381 379 /*********************************************************************************
382 380 4. Tab
@@ -532,8 +530,33 @@
532 530 box-shadow: none;
533 531 background: none;
534 532 }
535 533
534 +.wp-chatbot-editor-container button {
535 + display: inline-block;
536 + height: 40px;
537 + background: transparent url("../images/send-button.png") no-repeat right !important;
538 + color: transparent !important;
539 + width: 20%;
540 + cursor: pointer;
541 + margin: 0 0 0 -8px;
542 + padding: 0;
543 + border: none;
544 + outline: none;
545 +}
546 +
547 +.wp-chatbot-editor-container button:hover {
548 + background: transparent url("../images/send-button.png") no-repeat center;
549 + color: transparent;
550 +}
551 +
552 +.wp-chatbot-editor-container button:focus {
553 + outline: none;
554 + border: none;
555 + box-shadow: none;
556 + background: transparent url("../images/send-button.png") no-repeat center;
557 +}
558 +
536 559 /*****************************************************************************************
537 560 6. Message Item
538 561 *********************************************************************************************/
539 562 /*Load More Product*/
@@ -1292,11 +1315,9 @@
1292 1315 .wp-chatbot-notification-container:hover .wp-chatbot-notification-close {
1293 1316 visibility: visible;
1294 1317 transform: translateY(0px);
1295 1318 }
1296 -ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph{
1297 - display: block !important;
1298 -}
1319 +
1299 1320 .wp-chatbot-ball-cart-items {
1300 1321 bottom: -8px;
1301 1322 left: -11px;
1302 1323 position: absolute;
@@ -1362,11 +1383,9 @@
1362 1383 background-position: 0 -80px;
1363 1384 border: none !important;
1364 1385 box-shadow: none !important;
1365 1386 }
1366 -.swal2-container {
1367 - z-index: 99999999;
1368 -}
1387 +
1369 1388 .facebook-messenger {
1370 1389 background-position: 0 -80px;
1371 1390 }
1372 1391
@@ -1402,112 +1421,8 @@
1402 1421 .fb_dialog > .fb_dialog_content {
1403 1422 opacity: 0.01;
1404 1423 }
1405 1424
1406 -
1407 -
1408 -
1409 -/**********************************************************************************************
1410 -**********************************************************************************************
1411 -************************************* text writing animation ************************************
1412 -***********************************************************************************************
1413 -***********************************************************************************************/
1414 -/* @keyframes letters {
1415 - from {
1416 - left: 0;
1417 - }
1418 - to {
1419 - left: 100%;
1420 - }
1421 - }
1422 - @keyframes lines {
1423 - from {
1424 - top: 0;
1425 - }
1426 - to {
1427 - top: 100%;
1428 - }
1429 - }
1430 - @keyframes cursor-type {
1431 - 50% {
1432 - border-color: #1f8ceb00;
1433 - }
1434 - }
1435 - @keyframes cursor-wait {
1436 - 0% {
1437 - box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0);
1438 - }
1439 - 1% {
1440 - box-shadow: inset 2px 0 0 0 #1f8ceb00;
1441 - }
1442 - 40% {
1443 - box-shadow: inset 2px 0 0 0 #1f8ceb00;
1444 - }
1445 - }
1446 -
1447 -
1448 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation {
1449 - position: relative;
1450 - width: 100%;
1451 - line-height: 1.2;
1452 - word-break: break-all;
1453 - overflow: hidden;
1454 - }
1455 - @supports (width: 1ch) {
1456 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:before, li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:after {
1457 - box-sizing: border-box;
1458 - content: "";
1459 - position: absolute;
1460 - z-index: 1;
1461 - display: block;
1462 - height: 1.2em;
1463 - width: 100%;
1464 - background-color: #1f8ceb;
1465 - }
1466 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:before {
1467 - border-left: 2px solid transparent;
1468 - top: 100%;
1469 - animation-name: letters, lines, cursor-type, cursor-wait;
1470 - animation-fill-mode: both, both, both, backwards;
1471 - }
1472 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:after {
1473 - content: "";
1474 - height: 100%;
1475 - top: 100%;
1476 - left: 0;
1477 - margin-top: 1.2em;
1478 - }
1479 - }
1480 -
1481 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:before {
1482 - animation-duration: 1.4285714286s, 1.4285714286s, 0.0285714286s, 0.8s;
1483 - animation-timing-function: steps(50, end), steps(1, end), step-end, ease-out;
1484 - animation-iteration-count: 1, 1, 35, 2;
1485 - animation-delay: 0.6s, 0.6s, 0.6s, 1.0s;
1486 - }
1487 - li.wp-chatbot-msg .wp-chatbot-paragraph .wp-chatbot-textanimation:after {
1488 - animation: lines 1.4285714286s steps(1, end) 1;
1489 - animation-fill-mode: backwards;
1490 - animation-delay: 1.0s;
1491 - }
1492 -
1493 -
1494 - ul.wp-chatbot-messages-container > li.wp-chatbot-msg:first-child{
1495 - background-color: #fff;
1496 - }
1497 -
1498 -
1499 - ul.wp-chatbot-messages-container > li.wp-chatbot-msg:first-child .wp-chatbot-paragraph .wp-chatbot-textanimation:before, ul.wp-chatbot-messages-container > li.wp-chatbot-msg:first-child .wp-chatbot-paragraph .wp-chatbot-textanimation:after {
1500 - box-sizing: border-box;
1501 - content: "";
1502 - position: absolute;
1503 - z-index: 1;
1504 - display: block;
1505 - height: 1.2em;
1506 - width: 100%;
1507 - background-color: #1f8ceb00;
1508 - } */
1509 -
1510 1425 /****************************************************************************************************
1511 1426 11 Responsive
1512 1427 ****************************************************************************************************/
1513 1428 @media screen and (max-width: 1200px) {
@@ -1552,12 +1467,11 @@
1552 1467 }
1553 1468
1554 1469
1555 1470 @media screen and (max-width: 767px) {
1556 - body div#wp-chatbot-ball-container {
1557 - max-width: 98%;
1558 - margin: 0 auto 3px auto;
1559 - }
1471 + div#wp-chatbot-ball-container {
1472 + max-width: 90%;
1473 + }
1560 1474 .wp-chatbot-header {
1561 1475 padding-left: 50px;
1562 1476 padding-right: 50px;
1563 1477 }
@@ -1568,8 +1482,10 @@
1568 1482 .wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
1569 1483 width: 100%;
1570 1484 }
1571 1485
1486 +
1487 +
1572 1488 #wp-chatbot-mobile-close {
1573 1489 position: absolute;
1574 1490 right: 12px;
1575 1491 top: 9px;
@@ -1629,350 +1545,22 @@
1629 1545 .wp-chatbot-notification-container {
1630 1546 width: 250px;
1631 1547 padding-top: 55px;
1632 1548 }
1549 + /*#wp-chatbot-desktop-close{
1550 + right: 8px !important;
1551 + top: 8px !important;
1552 + }*/
1553 + /*.wp-chatbot-mobile-full-screen #wp-chatbot-desktop-close{
1554 + display:none !important;
1555 + }*/
1633 1556 .wp-chatbot-mobile-full-screen .wp-chatbot-header{
1634 1557 padding-top: 15px !important;
1635 1558 }
1636 1559 }
1637 -.wpb-search-result a{
1638 - display: block;
1560 +.wpb-search-result{}
1561 +.wpb-search-result p{}
1562 +.wpb-search-result a{display: block;
1639 1563 background: #fff;
1640 - margin-bottom: 0;
1641 - padding: 5px;
1642 -}
1643 -@media screen and (-webkit-min-device-pixel-ratio:0) {
1644 - .qcwp-chatbot-search-article input:focus,
1645 - .qcwp-chatbot-search-article input {
1646 - font-size: 14px;
1647 - }
1648 -
1649 - input#wp-chatbot-editor:focus,
1650 - input#wp-chatbot-editor {
1651 - font-size: 14px;
1652 - }
1653 -
1654 - }
1655 -/*modal form*/
1656 -.plugin-card{
1657 - width: 77% !important;
1658 - height: 186px;
1659 -}
1660 -.plugin-action-buttons li a{
1661 - font-size: 13px;
1662 -}
1663 -.name a{
1664 - text-decoration: none !important;
1665 -}
1564 + margin-bottom: 7px;
1565 + padding: 5px;}
1666 1566
1667 -.cxsc-settings-blocks-addon {
1668 - width: 100% !important;
1669 - }
1670 - .plugin-card {
1671 - width: 100% !important;
1672 - }
1673 - span.chatbotquote-info {
1674 - font-size: 38px;
1675 - padding: 20px 0 0 0;
1676 - position: absolute;
1677 - left: 0;
1678 - top: 32px;
1679 -}
1680 -.wp-chatbot-textanimation {
1681 - position: relative;
1682 -}
1683 -ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph .wp-chatbot-textanimation h3 {
1684 - padding: 0 0 0 22px !important;
1685 -}
1686 -span.chatbotquote-info-foot {
1687 - font-size: 38px;
1688 - padding: 0px 0 0 130px;
1689 - position: static;
1690 - bottom: -20px;
1691 - display: grid;
1692 - line-height: 0;
1693 -}
1694 -wp-chatbot-editor-container input::placeholder {
1695 - color: #181818 !important;
1696 -}
1697 -.wp-chatbot-editor-container input::-ms-input-placeholder {
1698 - color: #181818 !important;
1699 -}
1700 -.wpb-search-result a {
1701 - display: block;
1702 - background: #eeeeee00 !important;
1703 - padding: 4px 5px;
1704 - line-height: 20px;
1705 - padding-left: 0px !important;
1706 - margin-bottom: 0;
1707 - color: #222 !important;
1708 -}
1709 -.wpb-search-result a p {
1710 - margin-bottom: 0;
1711 -}
1712 -.wpb-search-result a {
1713 - color: #222;
1714 -}
1715 -.wpbot_card_caption p {
1716 - color: #222;
1717 -}
1718 -
1719 -
1720 -.wp-chatbot-textanimation ul {
1721 - margin: 12px 0 8px 20px !important;
1722 -}
1723 -.wp-chatbot-textanimation ul li {
1724 - list-style-type: "✓";
1725 - padding-left: 6px;
1726 -}
1727 -
1728 -.wp-chatbot-textanimation ul li::marker {
1729 - color: #1d73b4;
1730 - font-weight: bold;
1731 -}
1732 -
1733 -/** like dislike thumbs icons**/
1734 -
1735 -
1736 -
1737 -.qcld-like-dislike-icon {
1738 - display: none;
1739 -}
1740 -
1741 -.qcld-like-dislike-icon a {
1742 - padding: 0 5px;
1743 -}
1744 -
1745 -.qcld-like-dislike-icon i {
1746 - color: #1d73b4;
1747 -}
1748 -
1749 -ul.wp-chatbot-messages-container>li>.wp-chatbot-paragraph,
1750 -.wp-chatbot-agent-profile .wp-chatbot-bubble {
1751 - padding: 8px 15px 15px 15px;
1752 -}
1753 -
1754 -/* ul.wp-chatbot-messages-container>li.wp-chatbot-msg:hover .qcld-like-dislike-icon {
1755 - opacity: 1;
1756 -} */
1757 -.qcld-share {
1758 - position: relative;
1759 - display: inline-block;
1760 -}
1761 -
1762 -.qcld-share .share-menu {
1763 - position: absolute;
1764 - bottom: 100%;
1765 - left: -6px;
1766 - background: #fff;
1767 - border: 1px solid #ddd;
1768 - padding: 5px;
1769 - display: flex;
1770 - gap: 8px;
1771 - border-radius: 5px;
1772 -}
1773 -
1774 -.qcld-share .share-menu a {
1775 - color: #333;
1776 - font-size: 16px;
1777 -}
1778 -
1779 -/**Modal style**/
1780 -#wpbot-report-modal>div {
1781 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%) !important;
1782 - background: #1d73b4 !important;
1783 - backdrop-filter: blur(0px);
1784 - isolation: isolate;
1785 -}
1786 -
1787 -#wpbot-report-modal input#wpbot-report-email {
1788 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1789 - background: #ffffff61;
1790 - backdrop-filter: blur(0px);
1791 - isolation: isolate;
1792 - margin: 0 0;
1793 - border-radius: 6PX;
1794 - padding: 10px 10px;
1795 - border: none;
1796 - width: 96% !important;
1797 - color: #fff;
1798 -}
1799 -
1800 -#wpbot-report-modal textarea#wpbot-report-text {
1801 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1802 - background: #ffffff61;
1803 - backdrop-filter: blur(0px);
1804 - isolation: isolate;
1805 - margin: 0 0;
1806 - border-radius: 6PX;
1807 - padding: 10px 10px;
1808 - border: none;
1809 - width: 96% !important;
1810 - color: #fff;
1811 -}
1812 -
1813 -#wpbot-report-modal textarea#wpbot-report-text:focus-visible {
1814 - box-shadow: none;
1815 - outline: none;
1816 -}
1817 -
1818 -#wpbot-report-modal input#wpbot-report-email:focus-visible {
1819 - box-shadow: none;
1820 - outline: none;
1821 -}
1822 -
1823 -#wpbot-report-modal>div h3 {
1824 - font-size: 20px;
1825 - font-weight: bold;
1826 - color: #fff;
1827 -}
1828 -
1829 -#wpbot-report-modal>div label {
1830 - font-size: 16px;
1831 - font-weight: bold;
1832 - color: #fff;
1833 -}
1834 -
1835 -#wpbot-report-modal>div button {
1836 - transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
1837 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1838 - background: rgb(255 255 255 / 25%);
1839 - backdrop-filter: none;
1840 - isolation: isolate;
1841 - color: rgb(29 115 180) !important;
1842 - margin: 2px 2px;
1843 - border: 1px solid #fff !important;
1844 - padding: 8px 15px;
1845 - border-radius: 8px;
1846 - color: #ffffff !important;
1847 - font-size: 14px;
1848 - font-weight: bold;
1849 - cursor: pointer;
1850 -}
1851 -
1852 -#wpbot-report-modal>div button:hover {
1853 - transform: scale(0.95);
1854 -}
1855 -
1856 -.qcld-like-dislike-icon a .liked {
1857 - color: green;
1858 - cursor: default;
1859 - pointer-events: none;
1860 -}
1861 -
1862 -.qcld-like-dislike-icon a .disliked {
1863 - color: red;
1864 - cursor: default;
1865 - pointer-events: none;
1866 -}
1867 -
1868 -ul.wp-chatbot-messages-container>li.wp-chatbot-msg .chat-container .wp-chatbot-paragraph {
1869 - box-shadow: none;
1870 - background: transparent;
1871 - backdrop-filter: none;
1872 - isolation: inherit;
1873 -}
1874 -
1875 -
1876 -
1877 -ul.wp-chatbot-messages-container>li.wp-chatbot-msg .chat-container {
1878 - box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
1879 - background: rgb(255 255 255 / 30%);
1880 - backdrop-filter: blur(0px);
1881 - isolation: isolate;
1882 - border-radius: 10px;
1883 - padding: 8px 15px;
1884 -}
1885 -
1886 -.qcld-like-dislike-icon {
1887 - padding: 6px 0 0 0;
1888 -}
1889 -
1890 -
1891 -
1892 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-up.liked {
1893 - position: relative;
1894 - font-size: 0px !important;
1895 -}
1896 -
1897 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-up.liked:before {
1898 - content: "\f164" !important;
1899 - left: 0px;
1900 - bottom: 0;
1901 - font-size: 16px !important;
1902 -}
1903 -
1904 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-down.disliked {
1905 - position: relative;
1906 - font-size: 0px !important;
1907 -}
1908 -
1909 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-down.disliked:before {
1910 - content: "\f165" !important;
1911 - left: 0px;
1912 - bottom: 0;
1913 - font-size: 16px !important;
1914 -}
1915 -
1916 -.qcld-like-dislike-icon a {
1917 - padding: 0 0px;
1918 -}
1919 -
1920 -.qcld-like-dislike-icon a i {
1921 - transition: all 0.2s ease-in-out;
1922 -}
1923 -
1924 -.qcld-like-dislike-icon a i:hover {
1925 - transform: scale(1.5);
1926 -}
1927 -
1928 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-up.liked:before {
1929 - transition: all 0.2s ease-in-out;
1930 -}
1931 -
1932 -.qcld-like-dislike-icon i.fa.fa-thumbs-o-down.disliked:before:hover {
1933 - transform: scale(1.5);
1934 -}
1935 -
1936 -.qcld-like-dislike-icon a {
1937 - outline: none !important;
1938 -}
1939 -
1940 -
1941 -.qcld-like-dislike-icon a {
1942 - padding: 0 10px 0 0;
1943 -}
1944 -
1945 -.qcld-like-dislike-icon .share-menu a {
1946 - padding: 0 0 0 0 !important;
1947 -}
1948 -
1949 -.qcld-like-dislike-icon i {
1950 - color: #ffffff;
1951 -}
1952 -
1953 -.wp-chatbot-textanimation ul {
1954 - margin: 12px 0 8px 20px !important;
1955 - padding: 0;
1956 -}
1957 -.qcld-like-dislike-icon i {
1958 - color: #1e74b3;
1959 -}
1960 -.qcld-like-dislike-icon a i {
1961 - font-size: 16px;
1962 - padding: 0;
1963 - height: auto;
1964 -}
1965 -.qcld-like-dislike-icon a {
1966 - padding: 0 5px 0 0;
1967 - height: 15px;
1968 -}
1969 -
1970 -.wp-chatbot-content {
1971 - height: calc(100vh - 420px);
1972 -}
1973 -
1974 -.wp-chatbot-expanded .wp-chatbot-content {
1975 - height: calc(100vh - 340px);
1976 -}
1977 -
1978 -