PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 3.7.7
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v3.7.7
8.7.9 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 All 535 releases
← All changes | css/common-style.css +50 -487 8.6.43.7.7 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);
@@ -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 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 +
535 559 /*****************************************************************************************
536 560 6. Message Item
537 561 *********************************************************************************************/
538 562 /*Load More Product*/
@@ -1207,30 +1231,8 @@
1207 1231 .wp-chatbot-notification-message {
1208 1232 transition: opacity 0.5s;
1209 1233 }
1210 1234
1211 -div#wp-chatbot-desktop-reload {
1212 - background: transparent;
1213 - width: 30px;
1214 - height: 30px;
1215 - border-radius: 50%;
1216 - position: absolute;
1217 - top: -21px;
1218 - right: 25px;
1219 - color: #ffffff;
1220 - cursor: pointer;
1221 - text-align: center;
1222 - box-sizing: border-box;
1223 - transition: 0.2s;
1224 - transform: translateY(20px);
1225 -}
1226 -div#wp-chatbot-desktop-close span{
1227 - position: relative;
1228 -}
1229 -div#wp-chatbot-desktop-reload span {
1230 - position: relative;
1231 - top: 6px;
1232 -}
1233 1235 #wp-chatbot-desktop-close {
1234 1236 display: block;
1235 1237 position: absolute;
1236 1238 right: 3px;
@@ -1240,9 +1242,9 @@
1240 1242 line-height: 20px;
1241 1243 top: -20px;
1242 1244 width: 30px;
1243 1245 height: 30px;
1244 - background-color: transparent;
1246 + background-color: #7d8999;
1245 1247 border-radius: 50%;
1246 1248 color: #ffffff;
1247 1249 cursor: pointer;
1248 1250 text-align: center;
@@ -1291,11 +1293,9 @@
1291 1293 .wp-chatbot-notification-container:hover .wp-chatbot-notification-close {
1292 1294 visibility: visible;
1293 1295 transform: translateY(0px);
1294 1296 }
1295 -ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph{
1296 - display: block !important;
1297 -}
1297 +
1298 1298 .wp-chatbot-ball-cart-items {
1299 1299 bottom: -8px;
1300 1300 left: -11px;
1301 1301 position: absolute;
@@ -1361,11 +1361,9 @@
1361 1361 background-position: 0 -80px;
1362 1362 border: none !important;
1363 1363 box-shadow: none !important;
1364 1364 }
1365 -.swal2-container {
1366 - z-index: 99999999;
1367 -}
1365 +
1368 1366 .facebook-messenger {
1369 1367 background-position: 0 -80px;
1370 1368 }
1371 1369
@@ -1401,112 +1399,8 @@
1401 1399 .fb_dialog > .fb_dialog_content {
1402 1400 opacity: 0.01;
1403 1401 }
1404 1402
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 1403 /****************************************************************************************************
1510 1404 11 Responsive
1511 1405 ****************************************************************************************************/
1512 1406 @media screen and (max-width: 1200px) {
@@ -1551,12 +1445,8 @@
1551 1445 }
1552 1446
1553 1447
1554 1448 @media screen and (max-width: 767px) {
1555 - body div#wp-chatbot-ball-container {
1556 - max-width: 98%;
1557 - margin: 0 auto 3px auto;
1558 - }
1559 1449 .wp-chatbot-header {
1560 1450 padding-left: 50px;
1561 1451 padding-right: 50px;
1562 1452 }
@@ -1567,8 +1457,10 @@
1567 1457 .wp-chatbot-mobile-full-screen .wp-chatbot-board-container {
1568 1458 width: 100%;
1569 1459 }
1570 1460
1461 +
1462 +
1571 1463 #wp-chatbot-mobile-close {
1572 1464 position: absolute;
1573 1465 right: 12px;
1574 1466 top: 9px;
@@ -1628,351 +1520,22 @@
1628 1520 .wp-chatbot-notification-container {
1629 1521 width: 250px;
1630 1522 padding-top: 55px;
1631 1523 }
1524 + /*#wp-chatbot-desktop-close{
1525 + right: 8px !important;
1526 + top: 8px !important;
1527 + }*/
1528 + /*.wp-chatbot-mobile-full-screen #wp-chatbot-desktop-close{
1529 + display:none !important;
1530 + }*/
1632 1531 .wp-chatbot-mobile-full-screen .wp-chatbot-header{
1633 1532 padding-top: 15px !important;
1634 1533 }
1635 1534 }
1636 -.wpb-search-result a{
1637 - display: block;
1535 +.wpb-search-result{}
1536 +.wpb-search-result p{}
1537 +.wpb-search-result a{display: block;
1638 1538 background: #fff;
1639 - margin-bottom: 0;
1640 - padding: 5px;
1641 -}
1642 -@media screen and (-webkit-min-device-pixel-ratio:0) {
1643 - .qcwp-chatbot-search-article input:focus,
1644 - .qcwp-chatbot-search-article input {
1645 - font-size: 14px;
1646 - }
1647 -
1648 - input#wp-chatbot-editor:focus,
1649 - input#wp-chatbot-editor {
1650 - font-size: 14px;
1651 - }
1652 -
1653 - }
1654 -/*modal form*/
1655 -.plugin-card{
1656 - width: 77% !important;
1657 - height: 186px;
1658 -}
1659 -.plugin-action-buttons li a{
1660 - font-size: 13px;
1661 -}
1662 -.name a{
1663 - text-decoration: none !important;
1664 -}
1539 + margin-bottom: 7px;
1540 + padding: 5px;}
1665 1541
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 -}