PluginProbe
WP Directory Kit / 1.2.7
WP Directory Kit v1.2.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 1.4.0 1.4.1 All 35 releases
wpdirectorykit / elementor-elements / assets / css / widgets / wdk-listing-sliders.css

wdk-listing-sliders.css in WP Directory Kit 1.2.7, at elementor-elements/assets/css/widgets/wdk-listing-sliders.css

271 lines 7.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wdk-listing-sliders .wdk_listing_slider_ini:not(.slick-initialized) > div:not(:nth-child(1)) {
2 display: none !important;
3 }
4
5 .wdk-listing-sliders .wdk-listing-image {
6 object-fit: cover;
7 object-position: center center;
8 width: 100%;
9 height: 350px;
10 max-width: 100%;
11 }
12
13 .wdk-listing-sliders .slick-slide > div {
14 font-size: 0;
15 }
16
17 .wdk-listing-sliders .wdk-listing-image.auto_height {
18 object-fit: initial !important;
19 height: auto !important;
20 }
21
22 .wdk-listing-sliders .wdk_listing_slider_ini:not(.slick-initialized) .wdk_lr_s_item:not(:nth-child(1)) {
23 display: none !important;
24 }
25
26 .wdk-listing-sliders .wdk_listing_slider_ini .wdk-listing-card {
27 margin: 15px 15px;
28 }
29
30 .wdk-listing-sliders .wdk_listing_slider_box {
31 display: flex;
32 flex-direction: column;
33 position: relative;
34 }
35
36 .wdk-listing-sliders .wdk_listing_slider_box .slick-slide {
37 background: #9f9f9f;
38 position: relative;
39 }
40
41 .wdk-listing-sliders .wdk_listing_slider_box .wdk-listing-image {
42 object-fit: none;
43 height: 550px;
44 }
45
46 .wdk-listing-sliders .wdk_listing_slider_box video.wdk-listing-image {
47 object-fit: cover;
48 }
49
50 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_top {
51 flex-direction: column-reverse;
52 }
53
54 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_middle .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow {
55 position: absolute;
56 top: 50%;
57 transform: translateY(-50%);
58 }
59
60 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_middle .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow.wdk-slider-prev {
61 left: 0;
62 }
63
64 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_middle .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow.wdk-slider-next {
65 right: 0;
66 }
67
68 .wdk-listing-sliders .wdk_listing_slider_box.wdk_lr_slider_dots_in .slick-dots, .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_bottom.wdk-listing-sliders_arrows_in .wdk-listing-sliders_arrows {
69 position: absolute;
70 width: 100%;
71 margin-bottom: 10px;
72 bottom: 0;
73 }
74
75 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_top.wdk-listing-sliders_arrows_in .wdk-listing-sliders_arrows {
76 position: absolute;
77 width: 100%;
78 margin-top: 10px;
79 top: 0;
80 }
81
82 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_middle .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow {
83 position: absolute;
84 top: 50%;
85 transform: translateY(-50%);
86 }
87
88 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_middle .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow.wdk-slider-prev {
89 left: -55px;
90 margin: 0;
91 }
92
93 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_middle .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow.wdk-slider-next {
94 right: -55px;
95 margin: 0;
96 }
97
98 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_out .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow {
99 border: 2px solid #000;
100 color: #000;
101 }
102
103 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_middle.wdk-listing-sliders_arrows_in .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow.wdk-slider-prev {
104 left: 0px;
105 margin: 15px;
106 }
107
108 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_middle.wdk-listing-sliders_arrows_in .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow.wdk-slider-next {
109 right: 0px;
110 margin: 15px;
111 }
112
113 .wdk-listing-sliders .wdk_listing_slider_box .slick-dotted.slick-slider {
114 margin-bottom: 0;
115 }
116
117 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_dots_in .slick-dots, .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_arrows_bottom.wdk-listing-sliders_arrows_in .wdk-listing-sliders_arrows {
118 position: absolute;
119 margin-bottom: 10px;
120 bottom: 0;
121 }
122
123 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_dots_in .slick-dots {
124 width: initial;
125 flex-wrap: wrap;
126 }
127
128 .wdk-listing-sliders .wdk_listing_slider_box.wdk-listing-sliders_dots_in .slick-dots li {
129 flex: 0 0;
130 }
131
132 .wdk-listing-sliders .wdk_listing_slider_box img.wdk-listing-image-card:after {
133 content: '';
134 display: block;
135 bottom: 0;
136 top: 0;
137 left: 0;
138 right: 0;
139 width: 100%;
140 height: 100%;
141 position: absolute;
142 }
143
144 .wdk-listing-sliders .wdk-listing-sliders_arrows {
145 display: flex;
146 justify-content: center;
147 align-content: center;
148 align-items: center;
149 }
150
151 .wdk-listing-sliders .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow {
152 width: 40px;
153 height: 40px;
154 display: inline-block;
155 line-height: 40px;
156 border: 2px solid #FFFFFF30;
157 border-radius: 50%;
158 text-align: center;
159 display: flex;
160 justify-content: center;
161 align-content: center;
162 align-items: center;
163 cursor: pointer;
164 margin: 15px 15px;
165 color: #FFFFFF30;
166 }
167
168 .wdk-listing-sliders .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow:hover {
169 border-color: #FFFFFF;
170 color: #FFFFFF;
171 }
172
173 .wdk-listing-sliders .slick-dots {
174 padding: 5px 5px;
175 position: initial;
176 display: flex;
177 justify-content: center;
178 }
179
180 .wdk-listing-sliders .slick-dots li {
181 width: auto;
182 height: auto;
183 margin: 5px 5px;
184 }
185
186 .wdk-listing-sliders .slick-dots li .wdk_dot {
187 color: #0201019C;
188 }
189
190 .wdk-listing-sliders .slick-dots li .wdk_dot:hover, .wdk-listing-sliders .slick-dots li.slick-active .wdk_dot {
191 color: #020101;
192 }
193
194 .wdk-listing-sliders .wdk_listing_slider_ini .wdk_lr_s_item_box_line .wdk_lr_s_item_box_title .wdk_lr_s_item_box_link,
195 .wdk-listing-sliders .wdk-listing-sliders_arrows .wdk-listing-sliders_arrow {
196 transition: all 0.4s ease-in-out;
197 }
198
199 .wdk-listing-sliders .wdk-cls-banner-thumbs {
200 width: 100%;
201 z-index: 99;
202 }
203
204 .wdk-listing-sliders .wdk-cls-banner-thumbs .banner-thumbs {
205 padding: 15px 20px;
206 width: 100%;
207 padding-left: 10px;
208 max-width: 100%;
209 }
210
211 .wdk-listing-sliders .wdk-cls-banner-thumbs .banner-thumbs .slick-track {
212 margin-left: 0;
213 margin-right: auto;
214 }
215
216 .wdk-listing-sliders .wdk-cls-banner-thumbs .banner-thumbs .slick-slide {
217 margin-right: 15px;
218 position: relative;
219 }
220
221 .wdk-listing-sliders .wdk-cls-banner-thumbs .banner-thumbs .banner-thumb {
222 position: relative;
223 height: 80px;
224 cursor: pointer;
225 border: 2px solid #fff;
226 }
227
228 .wdk-listing-sliders .wdk-cls-banner-thumbs .banner-thumbs .banner-thumb:before {
229 content: '';
230 position: absolute;
231 top: 0;
232 left: 0;
233 width: 100%;
234 height: 100%;
235 background-color: transparent;
236 transition: all 0.4s ease-in-out;
237 }
238
239 .wdk-listing-sliders .wdk-cls-banner-thumbs .banner-thumbs .banner-thumb > video,
240 .wdk-listing-sliders .wdk-cls-banner-thumbs .banner-thumbs .banner-thumb > img {
241 width: 100%;
242 height: 100%;
243 object-fit: cover;
244 }
245
246 .wdk-listing-sliders .wdk-cls-banner-thumbs .banner-thumbs .slick-slide.slick-current.slick-active .banner-thumb {
247 border-color: #0074e4;
248 }
249
250 .wdk-listing-sliders .wdk-cls-banner-thumbs .banner-thumbs .slick-slide.slick-current.slick-active .banner-thumb:before {
251 background-color: rgba(0, 116, 128, 0.35);
252 }
253
254 /*------------------------------------------------------------------
255 [ Max width: 991px ]
256 */
257 @media (max-width: 991px) {
258 .wdk-listing-sliders .wdk_listing_slider_box .wdk-listing-image {
259 height: 450px;
260 }
261 }
262
263 /*------------------------------------------------------------------
264 [ Max width: 767px]
265 */
266 @media (max-width: 767px) {
267 .wdk-listing-sliders .wdk_listing_slider_box .wdk-listing-image {
268 height: 250px;
269 }
270 }
271