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-slider.css

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

219 lines 5.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wdk-listing-slider .wdk_listing_slider_ini:not(.slick-initialized) > div:not(:nth-child(1)) {
2 display: none !important;
3 }
4
5 .wdk-listing-slider .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-slider .slick-slide > div {
14 font-size: 0;
15 }
16
17 .wdk-listing-slider .wdk-listing-image.auto_height {
18 object-fit: initial !important;
19 height: auto !important;
20 }
21
22 .wdk-listing-slider .wdk_listing_slider_ini:not(.slick-initialized) .wdk_lr_s_item:not(:nth-child(1)) {
23 display: none !important;
24 }
25
26 .wdk-listing-slider .wdk_listing_slider_ini .wdk-listing-card {
27 margin: 15px 15px;
28 }
29
30 .wdk-listing-slider .wdk_listing_slider_box {
31 display: flex;
32 flex-direction: column;
33 position: relative;
34 }
35
36 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_top {
37 flex-direction: column-reverse;
38 }
39
40 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_middle .wdk-listing-slider_arrows .wdk-listing-slider_arrow {
41 position: absolute;
42 top: 50%;
43 transform: translateY(-50%);
44 }
45
46 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_middle .wdk-listing-slider_arrows .wdk-listing-slider_arrow.wdk-slider-prev {
47 left: 0;
48 }
49
50 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_middle .wdk-listing-slider_arrows .wdk-listing-slider_arrow.wdk-slider-next {
51 right: 0;
52 }
53
54 .wdk-listing-slider .wdk_listing_slider_box.wdk_lr_slider_dots_in .slick-dots, .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_bottom.wdk-listing-slider_arrows_in .wdk-listing-slider_arrows {
55 position: absolute;
56 width: 100%;
57 margin-bottom: 10px;
58 bottom: 0;
59 }
60
61 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_top.wdk-listing-slider_arrows_in .wdk-listing-slider_arrows {
62 position: absolute;
63 width: 100%;
64 margin-top: 10px;
65 top: 0;
66 }
67
68 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_middle .wdk-listing-slider_arrows .wdk-listing-slider_arrow {
69 position: absolute;
70 top: 50%;
71 transform: translateY(-50%);
72 }
73
74 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_middle .wdk-listing-slider_arrows .wdk-listing-slider_arrow.wdk-slider-prev {
75 left: -15px;
76 }
77
78 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_middle .wdk-listing-slider_arrows .wdk-listing-slider_arrow.wdk-slider-next {
79 right: -15px;
80 }
81
82 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_middle.wdk-listing-slider_arrows_in .wdk-listing-slider_arrows .wdk-listing-slider_arrow.wdk-slider-prev {
83 left: 0px;
84 }
85
86 .wdk-listing-slider .wdk_listing_slider_box.wdk-listing-slider_arrows_middle.wdk-listing-slider_arrows_in .wdk-listing-slider_arrows .wdk-listing-slider_arrow.wdk-slider-next {
87 right: 0px;
88 }
89
90 .wdk-listing-slider .wdk_listing_slider_box .slick-dotted.slick-slider {
91 margin-bottom: 0;
92 }
93
94 .wdk-listing-slider .wdk_listing_slider_box .banner-thumb-link.wdk-listing-image-card {
95 position: absolute;
96 top: 0;
97 left: 0;
98 width: 100%;
99 height: 100%;
100 }
101
102 .wdk-listing-slider .wdk-listing-slider_arrows {
103 display: flex;
104 justify-content: center;
105 align-content: center;
106 align-items: center;
107 }
108
109 .wdk-listing-slider .wdk-listing-slider_arrows .wdk-listing-slider_arrow {
110 width: 40px;
111 height: 40px;
112 display: inline-block;
113 line-height: 40px;
114 border: 1px solid #075AC9;
115 border-radius: 50%;
116 text-align: center;
117 display: flex;
118 justify-content: center;
119 align-content: center;
120 align-items: center;
121 cursor: pointer;
122 margin: 5px 5px;
123 }
124
125 .wdk-listing-slider .wdk-listing-slider_arrows .wdk-listing-slider_arrow:hover {
126 background: #0448A2;
127 color: #fff;
128 }
129
130 .wdk-listing-slider .slick-dots {
131 padding: 5px 5px;
132 position: initial;
133 display: flex;
134 justify-content: center;
135 }
136
137 .wdk-listing-slider .slick-dots li {
138 width: auto;
139 height: auto;
140 margin: 5px 5px;
141 }
142
143 .wdk-listing-slider .slick-dots li {
144 width: auto;
145 height: auto;
146 margin: 5px 5px;
147 }
148
149 .wdk-listing-slider .wdk_listing_slider_ini .wdk_lr_s_item_box_line .wdk_lr_s_item_box_title .wdk_lr_s_item_box_link,
150 .wdk-listing-slider .wdk-listing-slider_arrows .wdk-listing-slider_arrow {
151 transition: all 0.4s ease-in-out;
152 }
153
154 .wdk-listing-slider .banner-thumbs-con {
155 position: absolute;
156 bottom: 105px;
157 left: 0;
158 width: 100%;
159 }
160
161 .wdk-listing-slider .banner-thumbs-con .banner-thumbs {
162 padding: 15px 20px;
163 width: 600px;
164 padding-left: 10px;
165 max-width: 100%;
166 }
167
168 .wdk-listing-slider .banner-thumbs-con .banner-thumbs .slick-track {
169 margin-left: 0;
170 margin-right: auto;
171 }
172
173 .wdk-listing-slider .banner-thumbs-con .banner-thumbs .slick-slide {
174 margin-right: 15px;
175 position: relative;
176 }
177
178 .wdk-listing-slider .banner-thumbs-con .banner-thumbs .banner-thumb {
179 position: relative;
180 height: 80px;
181 cursor: pointer;
182 border: 2px solid #fff;
183 overflow: hidden;
184 }
185
186 .wdk-listing-slider .banner-thumbs-con .banner-thumbs .banner-thumb:before {
187 content: '';
188 position: absolute;
189 top: 0;
190 left: 0;
191 width: 100%;
192 height: 100%;
193 background-color: rgba(0, 116, 128, 0.35);
194 opacity: 0;
195 visibility: hiddden;
196 transition: all 0.4s ease-in-out;
197 }
198
199 .wdk-listing-slider .banner-thumbs-con .banner-thumbs .banner-thumb > video,
200 .wdk-listing-slider .banner-thumbs-con .banner-thumbs .banner-thumb > img {
201 width: 100%;
202 height: 100%;
203 object-fit: cover;
204 border: 0;
205 }
206
207 .wdk-listing-slider .banner-thumbs-con .banner-thumbs .slick-slide.slick-current.slick-active .banner-thumb {
208 border-color: #0074e4;
209 }
210
211 .wdk-listing-slider .banner-thumbs-con .banner-thumbs .slick-slide.slick-current.slick-active .banner-thumb:before {
212 opacity: 1;
213 visibility: visible;
214 }
215
216 .wdk-listing-slider .banner-thumbs > .banner-thumb {
217 display: none !important;
218 }
219