PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 4.8.8
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v4.8.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 +54 -425 8.5.94.8.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);
@@ -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;
@@ -372,11 +371,10 @@
372 371 display: none;
373 372 }
374 373
375 374 #wp-chatbot-messages-container .wp-chatbot-avatar img, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar img {
376 - width: 40px;
377 - height: 40px;
378 - object-fit: cover;
375 + width: 40px !important;
376 + height: 40px !important;
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*/
@@ -1362,11 +1385,9 @@
1362 1385 background-position: 0 -80px;
1363 1386 border: none !important;
1364 1387 box-shadow: none !important;
1365 1388 }
1366 -.swal2-container {
1367 - z-index: 99999999;
1368 -}
1389 +
1369 1390 .facebook-messenger {
1370 1391 background-position: 0 -80px;
1371 1392 }
1372 1393
@@ -1402,112 +1423,8 @@
1402 1423 .fb_dialog > .fb_dialog_content {
1403 1424 opacity: 0.01;
1404 1425 }
1405 1426
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 1427 /****************************************************************************************************
1511 1428 11 Responsive
1512 1429 ****************************************************************************************************/
1513 1430 @media screen and (max-width: 1200px) {
@@ -1552,12 +1469,11 @@
1552 1469 }
1553 1470
1554 1471
1555 1472 @media screen and (max-width: 767px) {
1556 - body div#wp-chatbot-ball-container {
1557 - max-width: 98%;
1558 - margin: 0 auto 3px auto;
1559 - }
1473 + div#wp-chatbot-ball-container {
1474 + max-width: 99%;
1475 + }
1560 1476 .wp-chatbot-header {
1561 1477 padding-left: 50px;
1562 1478 padding-right: 50px;
1563 1479 }
@@ -1568,8 +1484,10 @@
1568 1484 .wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
1569 1485 width: 100%;
1570 1486 }
1571 1487
1488 +
1489 +
1572 1490 #wp-chatbot-mobile-close {
1573 1491 position: absolute;
1574 1492 right: 12px;
1575 1493 top: 9px;
@@ -1629,16 +1547,29 @@
1629 1547 .wp-chatbot-notification-container {
1630 1548 width: 250px;
1631 1549 padding-top: 55px;
1632 1550 }
1551 + /*#wp-chatbot-desktop-close{
1552 + right: 8px !important;
1553 + top: 8px !important;
1554 + }*/
1555 + /*.wp-chatbot-mobile-full-screen #wp-chatbot-desktop-close{
1556 + display:none !important;
1557 + }*/
1633 1558 .wp-chatbot-mobile-full-screen .wp-chatbot-header{
1634 1559 padding-top: 15px !important;
1635 1560 }
1636 1561 }
1562 +.wpb-search-result{
1563 +
1564 +}
1565 +.wpb-search-result p{
1566 +
1567 +}
1637 1568 .wpb-search-result a{
1638 1569 display: block;
1639 1570 background: #fff;
1640 - margin-bottom: 0;
1571 + margin-bottom: 7px;
1641 1572 padding: 5px;
1642 1573 }
1643 1574 @media screen and (-webkit-min-device-pixel-ratio:0) {
1644 1575 .qcwp-chatbot-search-article input:focus,
@@ -1651,9 +1582,13 @@
1651 1582 font-size: 14px;
1652 1583 }
1653 1584
1654 1585 }
1586 +
1587 +
1655 1588 /*modal form*/
1589 +
1590 +
1656 1591 .plugin-card{
1657 1592 width: 77% !important;
1658 1593 height: 186px;
1659 1594 }
@@ -1668,311 +1603,5 @@
1668 1603 width: 100% !important;
1669 1604 }
1670 1605 .plugin-card {
1671 1606 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 -
1607 + }