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 +348 -10 1.2.5 → 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;
@@ -304,9 +313,9 @@
304 313 display: inline-block;
305 314 }
306 315
307 316 .wdk-listing-card .wdk-features-part span.wdk-field-item span {
308 - margin-right: initial !important;
317 + margin: initial !important;
309 318 top: initial !important;
310 319 }
311 320
312 321 .wdk-listing-card .wdk-features-part span.wdk-field-item span:before {
@@ -405,8 +414,46 @@
405 414 .wdk-listing-card .wdk-thumbnail .wdk-favorites-actions .fa-custom-ajax-indicator {
406 415 margin-top: 0;
407 416 }
408 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 +
409 456 .wdk-listing-card.is_multiline_enabled .wdk-features-part {
410 457 text-overflow: initial;
411 458 white-space: initial;
412 459 overflow: initial;
@@ -561,8 +608,14 @@
561 608 }
562 609
563 610 /* end pagination */
564 611 /* alerts css */
612 +body .wdk_alert a {
613 + text-decoration: underline !important;
614 + text-underline-offset: 2px;
615 + color: inherit;
616 +}
617 +
565 618 .wdk_alert {
566 619 position: relative;
567 620 padding: .75rem 1.25rem;
568 621 margin-bottom: 1rem;
@@ -573,8 +626,9 @@
573 626
574 627 .wdk_alert a {
575 628 text-decoration: underline !important;
576 629 text-underline-offset: 2px;
630 + color: inherit;
577 631 }
578 632
579 633 .wdk_alert.wdk_alert-primary {
580 634 color: #004085;
@@ -692,8 +746,16 @@
692 746 .wdk-search {
693 747 position: relative;
694 748 }
695 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 +
696 758 .wdk-search .wdk-search-tabs {
697 759 position: absolute;
698 760 bottom: 100%;
699 761 margin-bottom: 20px;
@@ -830,9 +892,9 @@
830 892 width: initial !important;
831 893 }
832 894
833 895 .wdk-search.layout_inline .min_max_wdk-field {
834 - flex: 10000 0 !important;
896 + /*flex: 10000 0 !important;*/
835 897 min-width: 160px;
836 898 }
837 899
838 900 .wdk-search.layout_inline .wdk-field {
@@ -1189,8 +1251,26 @@
1189 1251 font-size: 16px;
1190 1252 cursor: pointer;
1191 1253 }
1192 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 +
1193 1273 .wdk-field button.wdk-search-additional-btn {
1194 1274 background-color: #0052a2;
1195 1275 }
1196 1276
@@ -1197,8 +1277,27 @@
1197 1277 .wdk-field button.wdk-search-start:hover {
1198 1278 background: #0052a2;
1199 1279 }
1200 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 +
1201 1300 .wdk-element .wdk-search .wdk-row .wdk-col {
1202 1301 -webkit-flex: 0 0 calc(100% / 1);
1203 1302 -ms-flex: 0 0 calc(100% / 1);
1204 1303 flex: 0 0 calc(100% / 1);
@@ -1232,8 +1331,11 @@
1232 1331 }
1233 1332
1234 1333 #ui-datepicker-div {
1235 1334 z-index: 100 !important;
1335 +}
1336 +
1337 +.admin-bar #ui-datepicker-div {
1236 1338 margin-top: -30px;
1237 1339 }
1238 1340
1239 1341 .elementinvader_contact_form .wdk-booking {
@@ -1328,14 +1430,20 @@
1328 1430 }
1329 1431
1330 1432 .wdk-field-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1331 1433 padding: 0;
1332 - flex-wrap: wrap;
1434 + flex-wrap: nowrap;
1333 1435 display: flex;
1334 1436 justify-content: flex-start;
1335 1437 align-items: center;
1336 1438 }
1337 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 +
1338 1446 .wdk-field-group .select2-container--default.select2 .select2-selection::after {
1339 1447 content: "\f107";
1340 1448 font-family: 'Font Awesome 5 Free';
1341 1449 font-weight: 900;
@@ -1557,14 +1665,20 @@
1557 1665 }
1558 1666
1559 1667 .wdk_mobile_footer_menu .wdk-footer-menu label {
1560 1668 font-size: 29px;
1561 - padding-top: 13px;
1669 + padding-top: 7px;
1562 1670 padding-bottom: 7px;
1671 + display: flex;
1672 + justify-content: center;
1673 + align-items: center;
1563 1674 }
1564 1675
1565 1676 .wdk_mobile_footer_menu label, .wdk_mobile_footer_menu > a {
1566 - padding: 14px 5px 11px 5px;
1677 + padding: 11px 5px 11px 5px;
1678 + display: flex;
1679 + align-items: center;
1680 + justify-content: center;
1567 1681 }
1568 1682
1569 1683 .wdk_mobile_footer_menu a, .wdk_mobile_footer_menu label {
1570 1684 transition: all .15s;
@@ -1766,8 +1880,32 @@
1766 1880 max-width: calc(100% / 12 * 12);
1767 1881 }
1768 1882 }
1769 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 +
1770 1908 @media (max-width: 767px) {
1771 1909 .WdkScrollMobileSwipe {
1772 1910 display: flex;
1773 1911 flex-wrap: nowrap !important;
@@ -1778,8 +1916,71 @@
1778 1916 flex: 0 0 100%;
1779 1917 }
1780 1918 }
1781 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,
1782 1983 .woocommerce,
1783 1984 .wdk-compare-listing-button-element,
1784 1985 .wdk-currencies-list-elementt,
1785 1986 .wdk-facebook-comments-element,
@@ -1794,8 +1995,145 @@
1794 1995 .wdk-save-search-element,
1795 1996 .wdk-svg-map-element,
1796 1997 .wdk-booking-element {
1797 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;
1798 2136 }
1799 2137
1800 2138 /* animations */
1801 2139 .wdk-listing-card .wdk-title .title,