PluginProbe
WP Directory Kit / 1.5.9
WP Directory Kit v1.5.9
1.5.9 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 trunk 1.1.0 1.1.6 1.1.8 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.8 All 37 releases
← All changes | public/css/wpdirectorykit-public.css +356 -9 1.2.4 → 1.5.9 View file →
@@ -1,6 +1,5 @@
1 1 body {
2 - height: 100%;
3 2 overflow-x: hidden;
4 3 z-index: 0;
5 4 position: relative;
6 5 }
@@ -28,8 +27,9 @@
28 27
29 28 .wdk-listing-card.list .wdk-content .wdk-features-part {
30 29 -webkit-flex: 1 2 auto;
31 30 flex: 1 2 auto;
31 + white-space: normal;
32 32 }
33 33
34 34 .wdk-listing-card.list .wdk-thumbnail {
35 35 flex: 0 0 270px;
@@ -183,8 +183,14 @@
183 183 .wdk-listing-card:hover .overlay {
184 184 opacity: 1;
185 185 }
186 186
187 +.wdk-listing-card .wdk-title .title span {
188 + display: -webkit-box;
189 + -webkit-box-orient: vertical;
190 + overflow: hidden;
191 +}
192 +
187 193 .wdk-listing-card .wdk-title .title {
188 194 color: #161616;
189 195 font-weight: 700;
190 196 margin-top: 0;
@@ -208,16 +214,19 @@
208 214 font-size: 13px;
209 215 font-weight: 300;
210 216 }
211 217
212 -.wdk-listing-card .wdk-subtitle-part span {
213 - overflow: hidden;
214 - text-overflow: ellipsis;
218 +.wdk-listing-card .wdk-subtitle-part .wdk-stroke {
215 219 display: -webkit-box;
216 - -webkit-line-clamp: 3;
217 220 -webkit-box-orient: vertical;
221 + -webkit-line-clamp: 1;
222 + overflow: hidden;
218 223 }
219 224
225 +.wdk-listing-card .wdk-subtitle-part .wdk-stroke span {
226 + display: inline;
227 +}
228 +
220 229 .wdk-listing-card .wdk-sublistings-part {
221 230 color: #000;
222 231 padding: 3px 20px 8px;
223 232 font-size: 13px;
@@ -303,8 +312,17 @@
303 312 margin-right: 3px;
304 313 display: inline-block;
305 314 }
306 315
316 +.wdk-listing-card .wdk-features-part span.wdk-field-item span {
317 + margin: initial !important;
318 + top: initial !important;
319 +}
320 +
321 +.wdk-listing-card .wdk-features-part span.wdk-field-item span:before {
322 + display: none !important;
323 +}
324 +
307 325 .wdk-listing-card .wdk-features-part span {
308 326 margin-right: 2px;
309 327 position: relative;
310 328 top: 3px;
@@ -396,8 +414,46 @@
396 414 .wdk-listing-card .wdk-thumbnail .wdk-favorites-actions .fa-custom-ajax-indicator {
397 415 margin-top: 0;
398 416 }
399 417
418 +.wdk-listing-card .wdk-listing-item-agent {
419 + display: flex;
420 + flex-wrap: nowrap;
421 + gap: 15px;
422 + padding: 5px 15px;
423 + align-items: center;
424 + color: #000;
425 +}
426 +
427 +.wdk-listing-card .wdk-listing-item-agent .agent-thumbnail a {
428 + display: block;
429 +}
430 +
431 +.wdk-listing-card .wdk-listing-item-agent .agent-thumbnail img {
432 + max-width: 70px;
433 + max-height: 70px;
434 +}
435 +
436 +.wdk-listing-card .wdk-listing-item-agent .agent-cont {
437 + flex: 1 2 auto;
438 + overflow: hidden;
439 + gap: 5px;
440 + display: flex;
441 + flex-direction: column;
442 + color: #000;
443 +}
444 +
445 +.wdk-listing-card .wdk-listing-item-agent .agent-cont .by {
446 + font-size: 14px;
447 +}
448 +
449 +.wdk-listing-card .wdk-listing-item-agent .agent-cont .title {
450 + color: #000;
451 + margin: 0;
452 + font-size: 18px;
453 + font-weight: 600;
454 +}
455 +
400 456 .wdk-listing-card.is_multiline_enabled .wdk-features-part {
401 457 text-overflow: initial;
402 458 white-space: initial;
403 459 overflow: initial;
@@ -552,8 +608,14 @@
552 608 }
553 609
554 610 /* end pagination */
555 611 /* alerts css */
612 +body .wdk_alert a {
613 + text-decoration: underline !important;
614 + text-underline-offset: 2px;
615 + color: inherit;
616 +}
617 +
556 618 .wdk_alert {
557 619 position: relative;
558 620 padding: .75rem 1.25rem;
559 621 margin-bottom: 1rem;
@@ -564,8 +626,9 @@
564 626
565 627 .wdk_alert a {
566 628 text-decoration: underline !important;
567 629 text-underline-offset: 2px;
630 + color: inherit;
568 631 }
569 632
570 633 .wdk_alert.wdk_alert-primary {
571 634 color: #004085;
@@ -683,8 +746,16 @@
683 746 .wdk-search {
684 747 position: relative;
685 748 }
686 749
750 +.wdk-search:not(.ai_search_enable) .wdk-field-group-ai-search {
751 + display: none !important;
752 +}
753 +
754 +.wdk-search.section_more_before_buttons .wdk-col-btns {
755 + order: 100;
756 +}
757 +
687 758 .wdk-search .wdk-search-tabs {
688 759 position: absolute;
689 760 bottom: 100%;
690 761 margin-bottom: 20px;
@@ -821,9 +892,9 @@
821 892 width: initial !important;
822 893 }
823 894
824 895 .wdk-search.layout_inline .min_max_wdk-field {
825 - flex: 10000 0 !important;
896 + /*flex: 10000 0 !important;*/
826 897 min-width: 160px;
827 898 }
828 899
829 900 .wdk-search.layout_inline .wdk-field {
@@ -1180,8 +1251,26 @@
1180 1251 font-size: 16px;
1181 1252 cursor: pointer;
1182 1253 }
1183 1254
1255 +.wdk-field button.wdk-ai-search {
1256 + color: #fff;
1257 + font-family: "Montserrat";
1258 + font-weight: 400;
1259 + background-color: #F97316;
1260 + height: 46px;
1261 + border: none;
1262 + border-radius: 0;
1263 + width: 100%;
1264 + padding: 0 30px;
1265 + font-size: 16px;
1266 + cursor: pointer;
1267 +}
1268 +
1269 +.wdk-field button.wdk-ai-search:hover {
1270 + background-color: #EA580C;
1271 +}
1272 +
1184 1273 .wdk-field button.wdk-search-additional-btn {
1185 1274 background-color: #0052a2;
1186 1275 }
1187 1276
@@ -1188,8 +1277,27 @@
1188 1277 .wdk-field button.wdk-search-start:hover {
1189 1278 background: #0052a2;
1190 1279 }
1191 1280
1281 +.wdk-field button.wdk-search-start.wdk-search-reset {
1282 + background: #000;
1283 +}
1284 +
1285 +.wdk-field button.wdk-search-start.wdk-search-reset:hover {
1286 + background: #383838;
1287 +}
1288 +
1289 +.wdk-search .wdk-row .wdk-field-btn {
1290 + margin-left: -15px;
1291 + margin-right: -15px;
1292 + width: calc(100% + 15px + 15px);
1293 +}
1294 +
1295 +.wdk-search .wdk-row .wdk-field-btn .wdk-field-group {
1296 + padding-left: 15px;
1297 + padding-right: 15px;
1298 +}
1299 +
1192 1300 .wdk-element .wdk-search .wdk-row .wdk-col {
1193 1301 -webkit-flex: 0 0 calc(100% / 1);
1194 1302 -ms-flex: 0 0 calc(100% / 1);
1195 1303 flex: 0 0 calc(100% / 1);
@@ -1223,8 +1331,11 @@
1223 1331 }
1224 1332
1225 1333 #ui-datepicker-div {
1226 1334 z-index: 100 !important;
1335 +}
1336 +
1337 +.admin-bar #ui-datepicker-div {
1227 1338 margin-top: -30px;
1228 1339 }
1229 1340
1230 1341 .elementinvader_contact_form .wdk-booking {
@@ -1319,14 +1430,20 @@
1319 1430 }
1320 1431
1321 1432 .wdk-field-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1322 1433 padding: 0;
1323 - flex-wrap: wrap;
1434 + flex-wrap: nowrap;
1324 1435 display: flex;
1325 1436 justify-content: flex-start;
1326 1437 align-items: center;
1327 1438 }
1328 1439
1440 +@media (max-width: 767px) {
1441 + .wdk-field-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1442 + flex-wrap: wrap;
1443 + }
1444 +}
1445 +
1329 1446 .wdk-field-group .select2-container--default.select2 .select2-selection::after {
1330 1447 content: "\f107";
1331 1448 font-family: 'Font Awesome 5 Free';
1332 1449 font-weight: 900;
@@ -1548,14 +1665,20 @@
1548 1665 }
1549 1666
1550 1667 .wdk_mobile_footer_menu .wdk-footer-menu label {
1551 1668 font-size: 29px;
1552 - padding-top: 13px;
1669 + padding-top: 7px;
1553 1670 padding-bottom: 7px;
1671 + display: flex;
1672 + justify-content: center;
1673 + align-items: center;
1554 1674 }
1555 1675
1556 1676 .wdk_mobile_footer_menu label, .wdk_mobile_footer_menu > a {
1557 - padding: 14px 5px 11px 5px;
1677 + padding: 11px 5px 11px 5px;
1678 + display: flex;
1679 + align-items: center;
1680 + justify-content: center;
1558 1681 }
1559 1682
1560 1683 .wdk_mobile_footer_menu a, .wdk_mobile_footer_menu label {
1561 1684 transition: all .15s;
@@ -1757,8 +1880,32 @@
1757 1880 max-width: calc(100% / 12 * 12);
1758 1881 }
1759 1882 }
1760 1883
1884 +body .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
1885 + background-position: -58px 3px;
1886 +}
1887 +
1888 +body .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle-remove {
1889 + background-position: -178px 1px;
1890 +}
1891 +
1892 +body .leaflet-control-custom.leaflet-draw-toolbar {
1893 + margin-top: 0;
1894 +}
1895 +
1896 +body .wdk_dropdown_tree .list_container {
1897 + max-width: 100%;
1898 + z-index: 10001;
1899 +}
1900 +
1901 +body .wdk_dropdown_tree .list_container .list_scroll ul li {
1902 + white-space: nowrap;
1903 + overflow: hidden;
1904 + text-overflow: ellipsis;
1905 + max-width: 100%;
1906 +}
1907 +
1761 1908 @media (max-width: 767px) {
1762 1909 .WdkScrollMobileSwipe {
1763 1910 display: flex;
1764 1911 flex-wrap: nowrap !important;
@@ -1769,8 +1916,71 @@
1769 1916 flex: 0 0 100%;
1770 1917 }
1771 1918 }
1772 1919
1920 +.wdk-textarea-load-more-wrapper {
1921 + text-align: center;
1922 + overflow: hidden;
1923 +}
1924 +
1925 +.wdk-textarea-load-more-wrapper .wdk-textarea-load-more-button {
1926 + cursor: pointer;
1927 + position: relative;
1928 +}
1929 +
1930 +.wdk-textarea-load-more-wrapper .wdk-textarea-load-more-button:before,
1931 +.wdk-textarea-load-more-wrapper .wdk-textarea-load-more-button:after {
1932 + content: "";
1933 + position: absolute;
1934 + font-size: 12px;
1935 + vertical-align: middle;
1936 + top: 50%;
1937 + border-bottom: 1px dashed #636363;
1938 + margin-top: 0px;
1939 + letter-spacing: 4px;
1940 + width: 100vw;
1941 + height: 1px;
1942 +}
1943 +
1944 +.wdk-textarea-load-more-wrapper .wdk-textarea-load-more-button:after {
1945 + left: 105%;
1946 +}
1947 +
1948 +.wdk-textarea-load-more-wrapper .wdk-textarea-load-more-button:before {
1949 + right: 105%;
1950 +}
1951 +
1952 +.elementor-editor-active .wdk-listing-card .wdk_js_gallery_slider_box .wdk_js_gallery_slider .slick-track {
1953 + width: 100% !important;
1954 +}
1955 +
1956 +.elementor-editor-active .wdk-listing-card .wdk_js_gallery_slider_box .wdk_js_gallery_slider .slick-track .slick-slide {
1957 + width: 100% !important;
1958 +}
1959 +
1960 +.elementor-editor-active .wdk-listing-card .wdk_js_gallery_slider_box .wdk_js_gallery_slider .slick-track .slick-slide:not(:first-child) {
1961 + display: none;
1962 +}
1963 +
1964 +.wdk-field-value.TEXTAREA p {
1965 + margin-bottom: 15px;
1966 +}
1967 +
1968 +.wdk-element .complete_link {
1969 + position: absolute;
1970 + top: 0;
1971 + left: 0;
1972 + width: 100%;
1973 + height: 100%;
1974 +}
1975 +
1976 +.wdk-stroke {
1977 + display: -webkit-box;
1978 + -webkit-box-orient: vertical;
1979 + overflow: hidden;
1980 +}
1981 +
1982 +.wdk-compare-table,
1773 1983 .woocommerce,
1774 1984 .wdk-compare-listing-button-element,
1775 1985 .wdk-currencies-list-elementt,
1776 1986 .wdk-facebook-comments-element,
@@ -1785,8 +1995,145 @@
1785 1995 .wdk-save-search-element,
1786 1996 .wdk-svg-map-element,
1787 1997 .wdk-booking-element {
1788 1998 word-break: normal;
1999 +}
2000 +
2001 +body.wdk_disable_outline_on_focus a:focus-visible, body.wdk_disable_outline_on_focus select:focus-visible, body.wdk_disable_outline_on_focus button:focus-visible, body.wdk_disable_outline_on_focus .wl-menu-toggle:focus-visible, body.wdk_disable_outline_on_focus a:focus, body.wdk_disable_outline_on_focus .wl-menu-toggle:focus, body.wdk_disable_outline_on_focus select:focus, body.wdk_disable_outline_on_focus input:focus, body.wdk_disable_outline_on_focus textarea:focus, body.wdk_disable_outline_on_focus button:focus,
2002 +body.wdk_disable_outline_on_focus a:focus-visible, body.wdk_disable_outline_on_focus select:focus-visible, body.wdk_disable_outline_on_focus button:focus-visible, body.wdk_disable_outline_on_focus .wl-menu-toggle:focus-visible, body.wdk_disable_outline_on_focus a:focus, body.wdk_disable_outline_on_focus .wl-menu-toggle:focus, body.wdk_disable_outline_on_focus select:focus, body.wdk_disable_outline_on_focus button:focus,
2003 +body.wdk_disable_outline_on_focus * {
2004 + outline: none !important;
2005 +}
2006 +
2007 +/* Popup */
2008 +.jconfirm.wdk-ai-search-popup .jconfirm-box {
2009 + width: 600px;
2010 + max-width: 95%;
2011 + padding: 20px;
2012 + border-radius: 12px;
2013 + background: #fff;
2014 + box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
2015 +}
2016 +
2017 +.jconfirm.wdk-ai-search-popup .form-alerts:not(:empty) {
2018 + margin-bottom: 15px;
2019 + display: block;
2020 + width: 100%;
2021 +}
2022 +
2023 +.jconfirm.wdk-ai-search-popup .form-alerts {
2024 + font-size: 14px;
2025 + font-style: italic;
2026 +}
2027 +
2028 +.jconfirm.wdk-ai-search-popup .jconfirm-content-pane,
2029 +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-search,
2030 +.jconfirm.wdk-ai-search-popup .btn {
2031 + margin: 0 !important;
2032 +}
2033 +
2034 +.jconfirm.wdk-ai-search-popup .jconfirm-buttons,
2035 +.jconfirm.wdk-ai-search-popup div.jconfirm-title-c {
2036 + padding: 0 !important;
2037 +}
2038 +
2039 +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons,
2040 +.jconfirm.wdk-ai-search-popup .jconfirm-box {
2041 + display: flex;
2042 + flex-direction: column;
2043 + gap: 15px;
2044 +}
2045 +
2046 +.jconfirm.wdk-ai-search-popup textarea.form-control {
2047 + display: block;
2048 + width: 100%;
2049 + min-height: 150px;
2050 + box-sizing: border-box;
2051 + padding: 18px 20px;
2052 + font-family: "Montserrat", sans-serif;
2053 + font-size: 15px;
2054 + font-weight: 400;
2055 + line-height: 1.5;
2056 + color: #334155;
2057 + background: #f8fafc;
2058 + border: 1px solid #d9e2ec;
2059 + border-radius: 10px;
2060 + outline: none;
2061 + resize: vertical;
2062 + transition: all .2s ease;
2063 +}
2064 +
2065 +.jconfirm.wdk-ai-search-popup textarea.form-control::placeholder {
2066 + color: #94a3b8;
2067 + opacity: 1;
2068 +}
2069 +
2070 +.jconfirm.wdk-ai-search-popup textarea.form-control:focus {
2071 + background: #fff;
2072 + border-color: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
2073 + box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.12);
2074 +}
2075 +
2076 +.jconfirm.wdk-ai-search-popup textarea.form-control.fpai-error {
2077 + background: #fff4f4;
2078 + border-color: #ef4444;
2079 + box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.16);
2080 +}
2081 +
2082 +.jconfirm.wdk-ai-search-popup form {
2083 + margin: 0;
2084 +}
2085 +
2086 +.jconfirm.wdk-ai-search-popup .form-group {
2087 + margin: 0;
2088 +}
2089 +
2090 +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-search {
2091 + width: 100%;
2092 + height: 46px;
2093 + margin-top: 18px;
2094 + border: none;
2095 + border-radius: 8px;
2096 + color: #fff;
2097 + background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
2098 + font-family: "Montserrat", sans-serif;
2099 + font-size: 15px;
2100 + font-weight: 500;
2101 + text-transform: capitalize;
2102 + cursor: pointer;
2103 + transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease;
2104 +}
2105 +
2106 +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-search:hover {
2107 + transform: translateY(-2px);
2108 + box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
2109 + background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
2110 + transform: translateY(0);
2111 +}
2112 +
2113 +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-close {
2114 + width: 100%;
2115 + height: 46px;
2116 + padding: 0 30px;
2117 + color: #475569;
2118 + background: #f1f5f9;
2119 + font-family: "Montserrat", sans-serif;
2120 + font-size: 15px;
2121 + font-weight: 500;
2122 + border: 1px solid #e2e8f0;
2123 + border-radius: 7px;
2124 + cursor: pointer;
2125 + transition: all .2s ease;
2126 +}
2127 +
2128 +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-close:hover {
2129 + color: #334155;
2130 + background: #e2e8f0;
2131 + border-color: #cbd5e1;
2132 +}
2133 +
2134 +body.wdk-popup-open {
2135 + overflow: hidden;
1789 2136 }
1790 2137
1791 2138 /* animations */
1792 2139 .wdk-listing-card .wdk-title .title,