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