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 +293 -11 1.3.2 → 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 }
@@ -184,8 +183,14 @@
184 183 .wdk-listing-card:hover .overlay {
185 184 opacity: 1;
186 185 }
187 186
187 +.wdk-listing-card .wdk-title .title span {
188 + display: -webkit-box;
189 + -webkit-box-orient: vertical;
190 + overflow: hidden;
191 +}
192 +
188 193 .wdk-listing-card .wdk-title .title {
189 194 color: #161616;
190 195 font-weight: 700;
191 196 margin-top: 0;
@@ -409,8 +414,46 @@
409 414 .wdk-listing-card .wdk-thumbnail .wdk-favorites-actions .fa-custom-ajax-indicator {
410 415 margin-top: 0;
411 416 }
412 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 +
413 456 .wdk-listing-card.is_multiline_enabled .wdk-features-part {
414 457 text-overflow: initial;
415 458 white-space: initial;
416 459 overflow: initial;
@@ -703,8 +746,16 @@
703 746 .wdk-search {
704 747 position: relative;
705 748 }
706 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 +
707 758 .wdk-search .wdk-search-tabs {
708 759 position: absolute;
709 760 bottom: 100%;
710 761 margin-bottom: 20px;
@@ -841,9 +892,9 @@
841 892 width: initial !important;
842 893 }
843 894
844 895 .wdk-search.layout_inline .min_max_wdk-field {
845 - flex: 10000 0 !important;
896 + /*flex: 10000 0 !important;*/
846 897 min-width: 160px;
847 898 }
848 899
849 900 .wdk-search.layout_inline .wdk-field {
@@ -1200,8 +1251,26 @@
1200 1251 font-size: 16px;
1201 1252 cursor: pointer;
1202 1253 }
1203 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 +
1204 1273 .wdk-field button.wdk-search-additional-btn {
1205 1274 background-color: #0052a2;
1206 1275 }
1207 1276
@@ -1216,17 +1285,15 @@
1216 1285 .wdk-field button.wdk-search-start.wdk-search-reset:hover {
1217 1286 background: #383838;
1218 1287 }
1219 1288
1220 -.wdk-search .wdk-row .wdk-field-btn,
1221 -.wdk-search.layout_inline .wdk-row .wdk-field-btn {
1289 +.wdk-search .wdk-row .wdk-field-btn {
1222 1290 margin-left: -15px;
1223 1291 margin-right: -15px;
1224 1292 width: calc(100% + 15px + 15px);
1225 1293 }
1226 1294
1227 -.wdk-search .wdk-row .wdk-field-btn .wdk-field-group,
1228 -.wdk-search.layout_inline .wdk-row .wdk-field-btn .wdk-field-group {
1295 +.wdk-search .wdk-row .wdk-field-btn .wdk-field-group {
1229 1296 padding-left: 15px;
1230 1297 padding-right: 15px;
1231 1298 }
1232 1299
@@ -1264,8 +1331,11 @@
1264 1331 }
1265 1332
1266 1333 #ui-datepicker-div {
1267 1334 z-index: 100 !important;
1335 +}
1336 +
1337 +.admin-bar #ui-datepicker-div {
1268 1338 margin-top: -30px;
1269 1339 }
1270 1340
1271 1341 .elementinvader_contact_form .wdk-booking {
@@ -1360,14 +1430,20 @@
1360 1430 }
1361 1431
1362 1432 .wdk-field-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1363 1433 padding: 0;
1364 - flex-wrap: wrap;
1434 + flex-wrap: nowrap;
1365 1435 display: flex;
1366 1436 justify-content: flex-start;
1367 1437 align-items: center;
1368 1438 }
1369 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 +
1370 1446 .wdk-field-group .select2-container--default.select2 .select2-selection::after {
1371 1447 content: "\f107";
1372 1448 font-family: 'Font Awesome 5 Free';
1373 1449 font-weight: 900;
@@ -1589,14 +1665,20 @@
1589 1665 }
1590 1666
1591 1667 .wdk_mobile_footer_menu .wdk-footer-menu label {
1592 1668 font-size: 29px;
1593 - padding-top: 13px;
1669 + padding-top: 7px;
1594 1670 padding-bottom: 7px;
1671 + display: flex;
1672 + justify-content: center;
1673 + align-items: center;
1595 1674 }
1596 1675
1597 1676 .wdk_mobile_footer_menu label, .wdk_mobile_footer_menu > a {
1598 - padding: 14px 5px 11px 5px;
1677 + padding: 11px 5px 11px 5px;
1678 + display: flex;
1679 + align-items: center;
1680 + justify-content: center;
1599 1681 }
1600 1682
1601 1683 .wdk_mobile_footer_menu a, .wdk_mobile_footer_menu label {
1602 1684 transition: all .15s;
@@ -1810,13 +1892,14 @@
1810 1892 body .leaflet-control-custom.leaflet-draw-toolbar {
1811 1893 margin-top: 0;
1812 1894 }
1813 1895
1814 -.wdk_dropdown_tree .list_container {
1896 +body .wdk_dropdown_tree .list_container {
1815 1897 max-width: 100%;
1898 + z-index: 10001;
1816 1899 }
1817 1900
1818 -.wdk_dropdown_tree .list_container .list_scroll ul li {
1901 +body .wdk_dropdown_tree .list_container .list_scroll ul li {
1819 1902 white-space: nowrap;
1820 1903 overflow: hidden;
1821 1904 text-overflow: ellipsis;
1822 1905 max-width: 100%;
@@ -1833,8 +1916,70 @@
1833 1916 flex: 0 0 100%;
1834 1917 }
1835 1918 }
1836 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 +
1837 1982 .wdk-compare-table,
1838 1983 .woocommerce,
1839 1984 .wdk-compare-listing-button-element,
1840 1985 .wdk-currencies-list-elementt,
@@ -1850,8 +1995,145 @@
1850 1995 .wdk-save-search-element,
1851 1996 .wdk-svg-map-element,
1852 1997 .wdk-booking-element {
1853 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;
1854 2136 }
1855 2137
1856 2138 /* animations */
1857 2139 .wdk-listing-card .wdk-title .title,