PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 3.6.0
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v3.6.0
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 +40 -493 8.5.43.6.0 View file →
@@ -139,17 +139,15 @@
139 139 width: 60px;
140 140 height: 60px;
141 141 border-radius: 50%;
142 142 margin-top: 10px;
143 - box-shadow: #767580 0px 4px 20px;
144 143 }
145 144
146 145 #wp-chatbot-ball .wp-chatbot-ball img {
147 - width: 56px !important;
148 - height: 56px !important;
146 + width: 60px !important;
147 + height: 60px !important;
149 148 display: block;
150 149 border-radius: 50%;
151 - margin: 2px ;
152 150 }
153 151
154 152 .wp-chatbot-ball-animator {
155 153 position: relative;
@@ -190,11 +188,9 @@
190 188 border: 3px solid transparent;
191 189 border-top-color: #FF00FF;
192 190 animation: spin 1.5s linear infinite;
193 191 }
194 -.wp-chatbot-footer div#wp-chatbot-editor-container {
195 - display: flex;
196 -}
192 +
197 193 @keyframes spin {
198 194 0% {
199 195 -webkit-transform: rotate(0deg);
200 196 -ms-transform: rotate(0deg);
@@ -251,8 +247,9 @@
251 247 height: calc(100vh - 277px);
252 248 position: relative;
253 249 padding: 15px;
254 250 box-sizing: border-box;
251 + max-height: 564px;
255 252 }
256 253
257 254 .wp-chatbot-product-reload.wp-chatbot-product-loading {
258 255 display: block;
@@ -374,9 +371,8 @@
374 371
375 372 #wp-chatbot-messages-container .wp-chatbot-avatar img, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar img {
376 373 width: 40px !important;
377 374 height: 40px !important;
378 - object-fit: cover;
379 375 }
380 376
381 377 /*********************************************************************************
382 378 4. Tab
@@ -532,8 +528,33 @@
532 528 box-shadow: none;
533 529 background: none;
534 530 }
535 531
532 +.wp-chatbot-editor-container button {
533 + display: inline-block;
534 + height: 40px;
535 + background: transparent url("../images/send-button.png") no-repeat center;
536 + color: transparent;
537 + width: 20%;
538 + cursor: pointer;
539 + margin: 0 0 0 -8px;
540 + padding: 0;
541 + border: none;
542 + outline: none;
543 +}
544 +
545 +.wp-chatbot-editor-container button:hover {
546 + background: transparent url("../images/send-button.png") no-repeat center;
547 + color: transparent;
548 +}
549 +
550 +.wp-chatbot-editor-container button:focus {
551 + outline: none;
552 + border: none;
553 + box-shadow: none;
554 + background: transparent url("../images/send-button.png") no-repeat center;
555 +}
556 +
536 557 /*****************************************************************************************
537 558 6. Message Item
538 559 *********************************************************************************************/
539 560 /*Load More Product*/
@@ -1208,30 +1229,8 @@
1208 1229 .wp-chatbot-notification-message {
1209 1230 transition: opacity 0.5s;
1210 1231 }
1211 1232
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 1233 #wp-chatbot-desktop-close {
1235 1234 display: block;
1236 1235 position: absolute;
1237 1236 right: 3px;
@@ -1241,9 +1240,9 @@
1241 1240 line-height: 20px;
1242 1241 top: -20px;
1243 1242 width: 30px;
1244 1243 height: 30px;
1245 - background-color: transparent;
1244 + background-color: #7d8999;
1246 1245 border-radius: 50%;
1247 1246 color: #ffffff;
1248 1247 cursor: pointer;
1249 1248 text-align: center;
@@ -1292,11 +1291,9 @@
1292 1291 .wp-chatbot-notification-container:hover .wp-chatbot-notification-close {
1293 1292 visibility: visible;
1294 1293 transform: translateY(0px);
1295 1294 }
1296 -ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph{
1297 - display: block !important;
1298 -}
1295 +
1299 1296 .wp-chatbot-ball-cart-items {
1300 1297 bottom: -8px;
1301 1298 left: -11px;
1302 1299 position: absolute;
@@ -1362,11 +1359,9 @@
1362 1359 background-position: 0 -80px;
1363 1360 border: none !important;
1364 1361 box-shadow: none !important;
1365 1362 }
1366 -.swal2-container {
1367 - z-index: 99999999;
1368 -}
1363 +
1369 1364 .facebook-messenger {
1370 1365 background-position: 0 -80px;
1371 1366 }
1372 1367
@@ -1402,112 +1397,8 @@
1402 1397 .fb_dialog > .fb_dialog_content {
1403 1398 opacity: 0.01;
1404 1399 }
1405 1400
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 1401 /****************************************************************************************************
1511 1402 11 Responsive
1512 1403 ****************************************************************************************************/
1513 1404 @media screen and (max-width: 1200px) {
@@ -1552,12 +1443,8 @@
1552 1443 }
1553 1444
1554 1445
1555 1446 @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 1447 .wp-chatbot-header {
1561 1448 padding-left: 50px;
1562 1449 padding-right: 50px;
1563 1450 }
@@ -1568,8 +1455,10 @@
1568 1455 .wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
1569 1456 width: 100%;
1570 1457 }
1571 1458
1459 +
1460 +
1572 1461 #wp-chatbot-mobile-close {
1573 1462 position: absolute;
1574 1463 right: 12px;
1575 1464 top: 9px;
@@ -1579,11 +1468,8 @@
1579 1468 height: 30px;
1580 1469 cursor: pointer;
1581 1470 color: transparent;
1582 1471 }
1583 - #wp-chatbot-mobile-close{
1584 - display: none;
1585 - }
1586 1472
1587 1473
1588 1474
1589 1475 .wp-chatbot-notification-close {
@@ -1608,9 +1494,9 @@
1608 1494 display: inline-block !important;
1609 1495 }
1610 1496
1611 1497 .wp-chatbot-header {
1612 - padding-top: 15px;
1498 + padding-top: 50px;
1613 1499 }
1614 1500
1615 1501 #wp-chatbot-chat-container {
1616 1502 right: 30px;
@@ -1629,350 +1515,11 @@
1629 1515 .wp-chatbot-notification-container {
1630 1516 width: 250px;
1631 1517 padding-top: 55px;
1632 1518 }
1633 - .wp-chatbot-mobile-full-screen .wp-chatbot-header{
1634 - padding-top: 15px !important;
1635 - }
1636 1519 }
1637 -.wpb-search-result a{
1638 - display: block;
1520 +.wpb-search-result{}
1521 +.wpb-search-result p{}
1522 +.wpb-search-result a{display: block;
1639 1523 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 -
1524 + margin-bottom: 7px;
1525 + padding: 5px;}