← All changes | css/common-style.css +46 -268 8.5.7 → 6.3.7 View file →

		@@ -251,8 +251,9 @@
251	251	height: calc(100vh - 277px);
252	252	position: relative;
253	253	padding: 15px;
254	254	box-sizing: border-box;
	255	+ max-height: 564px;
255	256	}
256	257
257	258	.wp-chatbot-product-reload.wp-chatbot-product-loading {
258	259	display: block;
		@@ -374,9 +375,8 @@
374	375
375	376	#wp-chatbot-messages-container .wp-chatbot-avatar img, .wp-chatbot-agent-profile .wp-chatbot-widget-avatar img {
376	377	width: 40px !important;
377	378	height: 40px !important;
378		- object-fit: cover;
379	379	}
380	380
381	381	/*********************************************************************************
382	382	4. Tab
		@@ -532,8 +532,33 @@
532	532	box-shadow: none;
533	533	background: none;
534	534	}
535	535
	536	+.wp-chatbot-editor-container button {
	537	+ display: inline-block;
	538	+ height: 40px;
	539	+ background: transparent url("../images/send-button.png") no-repeat right !important;
	540	+ color: transparent !important;
	541	+ width: 20%;
	542	+ cursor: pointer;
	543	+ margin: 0 0 0 -8px;
	544	+ padding: 0;
	545	+ border: none;
	546	+ outline: none;
	547	+}
	548	+
	549	+.wp-chatbot-editor-container button:hover {
	550	+ background: transparent url("../images/send-button.png") no-repeat center;
	551	+ color: transparent;
	552	+}
	553	+
	554	+.wp-chatbot-editor-container button:focus {
	555	+ outline: none;
	556	+ border: none;
	557	+ box-shadow: none;
	558	+ background: transparent url("../images/send-button.png") no-repeat center;
	559	+}
	560	+
536	561	/*****************************************************************************************
537	562	6. Message Item
538	563	*********************************************************************************************/
539	564	/*Load More Product*/
		@@ -1552,9 +1577,9 @@
1552	1577	}
1553	1578
1554	1579
1555	1580	@media screen and (max-width: 767px) {
1556		- body div#wp-chatbot-ball-container {
	1581	+ div#wp-chatbot-ball-container {
1557	1582	max-width: 98%;
1558	1583	margin: 0 auto 3px auto;
1559	1584	}
1560	1585	.wp-chatbot-header {
		@@ -1629,8 +1654,15 @@
1629	1654	.wp-chatbot-notification-container {
1630	1655	width: 250px;
1631	1656	padding-top: 55px;
1632	1657	}
	1658	+ /*#wp-chatbot-desktop-close{
	1659	+ right: 8px !important;
	1660	+ top: 8px !important;
	1661	+ }*/
	1662	+ /*.wp-chatbot-mobile-full-screen #wp-chatbot-desktop-close{
	1663	+ display:none !important;
	1664	+ }*/
1633	1665	.wp-chatbot-mobile-full-screen .wp-chatbot-header{
1634	1666	padding-top: 15px !important;
1635	1667	}
1636	1668	}
		@@ -1636,9 +1668,9 @@
1636	1668	}
1637	1669	.wpb-search-result a{
1638	1670	display: block;
1639	1671	background: #fff;
1640		- margin-bottom: 0;
	1672	+ margin-bottom: 7px;
1641	1673	padding: 5px;
1642	1674	}
1643	1675	@media screen and (-webkit-min-device-pixel-ratio:0) {
1644	1676	.qcwp-chatbot-search-article input:focus,
		@@ -1651,9 +1683,13 @@
1651	1683	font-size: 14px;
1652	1684	}
1653	1685
1654	1686	}
	1687	+
	1688	+
1655	1689	/*modal form*/
	1690	+
	1691	+
1656	1692	.plugin-card{
1657	1693	width: 77% !important;
1658	1694	height: 186px;
1659	1695	}
		@@ -1676,14 +1712,17 @@
1676	1712	position: absolute;
1677	1713	left: 0;
1678	1714	top: 32px;
1679	1715	}
	1716	+
1680	1717	.wp-chatbot-textanimation {
1681	1718	position: relative;
1682	1719	}
	1720	+
1683	1721	ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph .wp-chatbot-textanimation h3 {
1684	1722	padding: 0 0 0 22px !important;
1685	1723	}
	1724	+
1686	1725	span.chatbotquote-info-foot {
1687	1726	font-size: 38px;
1688	1727	padding: 0px 0 0 130px;
1689	1728	position: static;
		@@ -1696,8 +1735,9 @@
1696	1735	}
1697	1736	.wp-chatbot-editor-container input::-ms-input-placeholder {
1698	1737	color: #181818 !important;
1699	1738	}
	1739	+
1700	1740	.wpb-search-result a {
1701	1741	display: block;
1702	1742	background: #eeeeee00 !important;
1703	1743	padding: 4px 5px;
		@@ -1702,277 +1742,15 @@
1702	1742	background: #eeeeee00 !important;
1703	1743	padding: 4px 5px;
1704	1744	line-height: 20px;
1705	1745	padding-left: 0px !important;
1706		- margin-bottom: 0;
1707		- color: #222 !important;
	1746	+ margin-bottom: 5px;
	1747	+ color: #fff !important;
1708	1748	}
1709	1749	.wpb-search-result a p {
1710	1750	margin-bottom: 0;
1711	1751	}
1712		-.wpb-search-result a {
1713		- color: #222;
1714		-}
1715	1752	.wpbot_card_caption p {
1716		- color: #222;
	1753	+ color: #fff !important;
1717	1754	}
1718	1755
1719	1756
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		-