PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 3.6.5
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v3.6.5
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 +41 -492 8.5.33.6.5 View file →
@@ -143,13 +143,13 @@
143 143 box-shadow: #767580 0px 4px 20px;
144 144 }
145 145
146 146 #wp-chatbot-ball .wp-chatbot-ball img {
147 - width: 56px !important;
148 - height: 56px !important;
147 + width: 60px !important;
148 + height: 60px !important;
149 149 display: block;
150 150 border-radius: 50%;
151 - margin: 2px ;
151 + padding: 6px;
152 152 }
153 153
154 154 .wp-chatbot-ball-animator {
155 155 position: relative;
@@ -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 center;
538 + color: transparent;
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*/
@@ -1208,30 +1231,8 @@
1208 1231 .wp-chatbot-notification-message {
1209 1232 transition: opacity 0.5s;
1210 1233 }
1211 1234
1212 -div#wp-chatbot-desktop-reload {
1213 - background: transparent;
1214 - width: 30px;
1215 - height: 30px;
1216 - border-radius: 50%;
1217 - position: absolute;
1218 - top: -21px;
1219 - right: 25px;
1220 - color: #ffffff;
1221 - cursor: pointer;
1222 - text-align: center;
1223 - box-sizing: border-box;
1224 - transition: 0.2s;
1225 - transform: translateY(20px);
1226 -}
1227 -div#wp-chatbot-desktop-close span{
1228 - position: relative;
1229 -}
1230 -div#wp-chatbot-desktop-reload span {
1231 - position: relative;
1232 - top: 6px;
1233 -}
1234 1235 #wp-chatbot-desktop-close {
1235 1236 display: block;
1236 1237 position: absolute;
1237 1238 right: 3px;
@@ -1241,9 +1242,9 @@
1241 1242 line-height: 20px;
1242 1243 top: -20px;
1243 1244 width: 30px;
1244 1245 height: 30px;
1245 - background-color: transparent;
1246 + background-color: #7d8999;
1246 1247 border-radius: 50%;
1247 1248 color: #ffffff;
1248 1249 cursor: pointer;
1249 1250 text-align: center;
@@ -1292,11 +1293,9 @@
1292 1293 .wp-chatbot-notification-container:hover .wp-chatbot-notification-close {
1293 1294 visibility: visible;
1294 1295 transform: translateY(0px);
1295 1296 }
1296 -ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph{
1297 - display: block !important;
1298 -}
1297 +
1299 1298 .wp-chatbot-ball-cart-items {
1300 1299 bottom: -8px;
1301 1300 left: -11px;
1302 1301 position: absolute;
@@ -1362,11 +1361,9 @@
1362 1361 background-position: 0 -80px;
1363 1362 border: none !important;
1364 1363 box-shadow: none !important;
1365 1364 }
1366 -.swal2-container {
1367 - z-index: 99999999;
1368 -}
1365 +
1369 1366 .facebook-messenger {
1370 1367 background-position: 0 -80px;
1371 1368 }
1372 1369
@@ -1402,112 +1399,8 @@
1402 1399 .fb_dialog > .fb_dialog_content {
1403 1400 opacity: 0.01;
1404 1401 }
1405 1402
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 1403 /****************************************************************************************************
1511 1404 11 Responsive
1512 1405 ****************************************************************************************************/
1513 1406 @media screen and (max-width: 1200px) {
@@ -1552,12 +1445,8 @@
1552 1445 }
1553 1446
1554 1447
1555 1448 @media screen and (max-width: 767px) {
1556 - body div#wp-chatbot-ball-container {
1557 - max-width: 98%;
1558 - margin: 0 auto 3px auto;
1559 - }
1560 1449 .wp-chatbot-header {
1561 1450 padding-left: 50px;
1562 1451 padding-right: 50px;
1563 1452 }
@@ -1568,8 +1457,10 @@
1568 1457 .wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
1569 1458 width: 100%;
1570 1459 }
1571 1460
1461 +
1462 +
1572 1463 #wp-chatbot-mobile-close {
1573 1464 position: absolute;
1574 1465 right: 12px;
1575 1466 top: 9px;
@@ -1579,11 +1470,8 @@
1579 1470 height: 30px;
1580 1471 cursor: pointer;
1581 1472 color: transparent;
1582 1473 }
1583 - #wp-chatbot-mobile-close{
1584 - display: none;
1585 - }
1586 1474
1587 1475
1588 1476
1589 1477 .wp-chatbot-notification-close {
@@ -1608,9 +1496,9 @@
1608 1496 display: inline-block !important;
1609 1497 }
1610 1498
1611 1499 .wp-chatbot-header {
1612 - padding-top: 15px;
1500 + padding-top: 50px;
1613 1501 }
1614 1502
1615 1503 #wp-chatbot-chat-container {
1616 1504 right: 30px;
@@ -1629,350 +1517,11 @@
1629 1517 .wp-chatbot-notification-container {
1630 1518 width: 250px;
1631 1519 padding-top: 55px;
1632 1520 }
1633 - .wp-chatbot-mobile-full-screen .wp-chatbot-header{
1634 - padding-top: 15px !important;
1635 - }
1636 1521 }
1637 -.wpb-search-result a{
1638 - display: block;
1522 +.wpb-search-result{}
1523 +.wpb-search-result p{}
1524 +.wpb-search-result a{display: block;
1639 1525 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 -}
1666 -
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 -
1526 + margin-bottom: 7px;
1527 + padding: 5px;}