PluginProbe ʕ •ᴥ•ʔ
Spider Elements – Premium Elementor Widgets & Addons Library / 1.5.0
Spider Elements – Premium Elementor Widgets & Addons Library v1.5.0
trunk 1.0.0 1.1.0 1.5.0 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6 1.6.7 1.7.0 1.8.0 1.9.0
spider-elements / assets / css / elementor-editor.css
spider-elements / assets / css Last commit date
admin.css 1 year ago admin.css.map 1 year ago elementor-editor.css 1 year ago extension.css 1 year ago extension.css.map 1 year ago main.css 1 year ago main.css.map 1 year ago rtl.css 1 year ago rtl.css.map 1 year ago
elementor-editor.css
470 lines
1 .elementor-control-raw-html.elementor-warning {
2 padding: 10px;
3 background-color: #ffffcc;
4 border-left: 6px solid #ffeb3b;
5 line-height: 1.4;
6 }
7
8 .elementor-control-raw-html.elementor-warning {
9 padding: 10px;
10 background-color: #ffffcc;
11 border-left: 6px solid #ffeb3b;
12 line-height: 1.4;
13 }
14
15 /** === Style Variations === **/
16 .elementor-control.elementor-control-style.elementor-control-type-choose.elementor-label-inline
17 .elementor-control-input-wrapper,
18 .elementor-control.elementor-control-style .elementor-control-content,
19 .elementor-control.elementor-control-style .elementor-control-field {
20 display: block;
21 }
22 .elementor-control.elementor-control-style.elementor-control-type-choose.elementor-label-inline
23 .elementor-control-input-wrapper {
24 margin-left: 0;
25 }
26 .elementor-control.elementor-control-style.elementor-control-type-choose
27 label.elementor-control-title {
28 padding-bottom: 10px;
29 display: block;
30 }
31 .elementor-control.elementor-control-style .elementor-choices {
32 display: block;
33 height: auto;
34 width: 266px;
35 }
36 .elementor-control.elementor-control-style
37 .elementor-choices
38 .elementor-choices-label {
39 display: block;
40 width: 266px;
41 height: 110px;
42 }
43 .elementor-control.elementor-control-style
44 .elementor-choices
45 input:checked
46 + .elementor-choices-label {
47 border-width: 2px;
48 padding-right: 2px;
49 }
50 .elementor-control.elementor-control-style
51 .elementor-choices
52 label:not(:first-of-type) {
53 margin-top: 10px;
54 }
55 .elementor-control.elementor-control-style
56 .elementor-choices
57 .elementor-choices-label:hover {
58 border: 1px solid #6d7882;
59 }
60 .elementor-control.elementor-control-style
61 .elementor-choices
62 .elementor-choices-label
63 i {
64 position: relative;
65 width: 100%;
66 height: 100%;
67 display: block;
68 }
69 .elementor-control.elementor-control-style
70 .elementor-choices
71 .elementor-choices-label
72 i::before {
73 content: "";
74 position: absolute;
75 left: 0;
76 top: 0;
77 width: 100%;
78 height: 100%;
79 opacity: 0.5;
80 }
81 .elementor-control.elementor-control-style
82 .elementor-choices
83 input
84 + .elementor-choices-label:hover
85 i::before,
86 .elementor-control.elementor-control-style
87 .elementor-choices
88 input:checked
89 + .elementor-choices-label
90 i::before {
91 opacity: 1;
92 }
93
94 /*==== Widget Preview Icon ====*/
95 .elementor-panel .elementor-element .icon .spel-icon::after {
96 content: url("../images/el-editor-preview/se-icon.svg");
97 background-repeat: no-repeat;
98 opacity: 0.5;
99 position: absolute;
100 top: 5px;
101 right: 5px;
102 }
103
104 /**=== Badge Text ===**/
105 .spe-text-badge-control {
106 background-color: #a77def;
107 color: #fff;
108 font-size: 10px;
109 font-weight: 700;
110 border-radius: 2px;
111 padding: 3px 4px;
112 margin-left: 5px;
113 vertical-align: middle;
114 }
115
116 /** === Testimonials === **/
117 .testimonial1::before {
118 background-size: cover;
119 background: url("../images/el-editor-preview/testimonial1.jpg") no-repeat top;
120 }
121
122 .testimonial2::before {
123 background-size: cover;
124 background: url("../images/el-editor-preview/testimonial2.jpg") no-repeat top;
125 }
126
127 .testimonial3::before {
128 background-size: cover;
129 background: url("../images/el-editor-preview/testimonial3.jpg") no-repeat top;
130 }
131
132 .testimonial4::before {
133 background-size: cover;
134 background: url("../images/el-editor-preview/testimonial4.jpg") no-repeat top;
135 }
136
137 .testimonial5::before {
138 background-size: cover;
139 background: url("../images/el-editor-preview/testimonial5.jpg") no-repeat top;
140 }
141
142 .testimonial6::before {
143 background-size: cover;
144 background: url("../images/el-editor-preview/testimonial6.jpg") no-repeat top;
145 }
146
147 .testimonial7::before {
148 background-size: cover;
149 background: url("../images/el-editor-preview/testimonial7.jpg") no-repeat top;
150 }
151
152 .testimonial8::before {
153 background-size: cover;
154 background: url("../images/el-editor-preview/testimonial8.jpg") no-repeat top;
155 }
156
157 .testimonial9::before {
158 background-size: cover;
159 background: url("../images/el-editor-preview/testimonial9.jpg") no-repeat top;
160 }
161
162 .testimonial10::before {
163 background-size: cover;
164 background: url("../images/el-editor-preview/testimonial10.jpg") no-repeat top;
165 }
166
167 /*** === team Carousel === ***/
168 .team1::before {
169 background-size: cover;
170 background: url("../images/el-editor-preview/team1.jpg") no-repeat top;
171 }
172
173 .team2::before {
174 background-size: cover;
175 background: url("../images/el-editor-preview/team2.jpg") no-repeat top;
176 }
177
178 /*** === integration ===***/
179 .integration1::before {
180 background-size: cover;
181 background: url("../images/el-editor-preview/integration1.jpg") no-repeat
182 center;
183 }
184
185 .integration2::before {
186 background-size: cover;
187 background: url("../images/el-editor-preview/integration2.jpg") no-repeat
188 center;
189 }
190
191 /***==== blog grid ==== ***/
192 .blog_1::before {
193 background-size: cover;
194 background: url("../images/el-editor-preview/blog1.png") no-repeat center;
195 }
196
197 .blog_2::before {
198 background-size: cover;
199 background: url("../images/el-editor-preview/blog2.png") no-repeat center;
200 }
201
202 .blog_3::before {
203 background-size: cover;
204 background: url("../images/el-editor-preview/blog3.png") no-repeat center;
205 }
206
207 .blog_4::before {
208 background-size: cover;
209 background: url("../images/el-editor-preview/blog4.png") no-repeat center;
210 }
211
212 .blog_5::before {
213 background-size: cover;
214 background: url("../images/el-editor-preview/blog6.png") no-repeat center;
215 }
216
217 /*** === Video Playlist === ***/
218 .video_playlist_1::before {
219 background-size: cover;
220 background: url("../images/el-editor-preview/video_playlist_1.jpg") no-repeat top;
221 }
222
223 .video_playlist_2::before {
224 background-size: cover;
225 background: url("../images/el-editor-preview/video_playlist_2.jpg") no-repeat top;
226 }
227
228 /*** === image hover style === ***/
229 .img_hover1::before {
230 background-size: cover;
231 background: url("../images/el-editor-preview/image_hover2.png") no-repeat top;
232 }
233
234 .img_hover2::before {
235 background-size: cover;
236 background: url("../images/el-editor-preview/image_hover1.png") no-repeat top;
237 }
238
239 .img_hover3::before {
240 background-size: cover;
241 background: url("../images/el-editor-preview/image_hover3.png") no-repeat top;
242 }
243
244 .img_hover4::before {
245 background-size: cover;
246 background: url("../images/el-editor-preview/image_hover4.png") no-repeat top;
247 }
248
249 /*** === Box hover style === ***/
250 .box_hover_1::before {
251 background: url("../images/el-editor-preview/box_hover1.png") no-repeat center;
252 background-size: cover;
253 }
254 .box_hover_2::before {
255 background: url("../images/el-editor-preview/box_hover2.png") no-repeat center;
256 background-size: cover;
257 }
258
259 /*** ====== Marquee Slides ====== ***/
260 .marquee_slides_1::before {
261 background-size: cover;
262 background: url("../images/el-editor-preview/marquee_slides_img_1.png")
263 no-repeat top;
264 }
265
266 .marquee_slides_2::before {
267 background-size: cover;
268 background: url("../images/el-editor-preview/marquee_slides_img_2.png")
269 no-repeat top;
270 }
271
272 .marquee_slides_3::before {
273 background-size: cover;
274 background: url("../images/el-editor-preview/marquee_slides_img_3.png")
275 no-repeat top;
276 }
277
278 /*** ====== Counter ====== ***/
279 .counter1::before {
280 background-size: cover;
281 background: url("../images/el-editor-preview/counter1.jpg") no-repeat center
282 center;
283 }
284
285 .counter2::before {
286 background-size: cover;
287 background: url("../images/el-editor-preview/counter2.jpg") no-repeat center
288 center;
289 }
290
291 .instagram1::before {
292 background-size: cover;
293 background: url("../images/el-editor-preview/instagram1.png") no-repeat top;
294 }
295
296 /*====Pricing Table Switcher Style====*/
297 .pricing_table_switcher_1::before {
298 background-size: cover;
299 background: url("../images/el-editor-preview/pricing_table_switcher_img_1.jpg")
300 no-repeat top;
301 }
302
303 .pricing_table_switcher_2::before {
304 background-size: cover;
305 background: url("../images/el-editor-preview/pricing_table_switcher_img_2.jpg")
306 no-repeat top;
307 }
308
309 .pricing_table_switcher_3::before {
310 background-size: cover;
311 background: url("../images/el-editor-preview/pricing_table_switcher_img_3.jpg")
312 no-repeat top;
313 }
314
315 .pricing_table_switcher_4::before {
316 background-size: cover;
317 background: url("../images/el-editor-preview/pricing_table_switcher_img_4.jpg")
318 no-repeat top;
319 }
320
321 .pricing_table_switcher_5::before {
322 background-size: cover;
323 background: url("../images/el-editor-preview/pricing_table_switcher_img_5.jpg")
324 no-repeat top;
325 }
326
327 .pricing_table_switcher_6::before {
328 background-size: cover;
329 background: url("../images/el-editor-preview/pricing_table_switcher_img_6.jpg")
330 no-repeat top;
331 }
332
333 .pricing_table_switcher_7::before {
334 background-size: cover;
335 background: url("../images/el-editor-preview/pricing_table_switcher_img_7.jpg")
336 no-repeat top;
337 }
338
339 /*======== Stacke image style==========*/
340 .stack_img_1::before {
341 background-size: cover;
342 background: url("../images/el-editor-preview/stack_img_1.png") no-repeat top;
343 }
344
345 .stack_img_2::before {
346 background-size: cover;
347 background: url("../images/el-editor-preview/stack_img_2.png") no-repeat top;
348 }
349
350 .stack_img_3::before {
351 background-size: cover;
352 background: url("../images/el-editor-preview/stacky_img3.png") no-repeat top;
353 }
354
355 .stack_img_4::before {
356 background-size: cover;
357 background: url("../images/el-editor-preview/stacky_img4.png") no-repeat top;
358 }
359
360 /*=======Image Slider Image style=======*/
361 .img_slider1::before {
362 background-size: cover;
363 background: url("../images/el-editor-preview/img_slider1.png") no-repeat top;
364 }
365
366 .img_slider2::before {
367 background-size: cover;
368 background: url("../images/el-editor-preview/img_silder2.png") no-repeat top;
369 }
370
371 /*=======Icon box style=======*/
372 .icon-box1::before {
373 background-size: cover;
374 background: url("../images/el-editor-preview/icon_box1.png") no-repeat center;
375 }
376
377 .icon-box2::before {
378 background-size: cover;
379 background: url("../images/el-editor-preview/icon_box2.png") no-repeat center;
380 }
381
382 /*=======Video popup style=======*/
383 .video-popup-1::before {
384 background-size: cover;
385 background: url("../images/el-editor-preview/video_popup1.png") no-repeat
386 center;
387 }
388
389 .video-popup-2::before {
390 background-size: cover;
391 background: url("../images/el-editor-preview/video_popup2.png") no-repeat
392 center;
393 }
394
395 .video-popup-3::before {
396 background-size: cover;
397 background: url("../images/el-editor-preview/video_popup3.png") no-repeat
398 center;
399 }
400
401 /*=======cheat sheet style=======*/
402 .cheat-sheet-1::before {
403 background-size: cover;
404 background: url("../images/cheat-sheet-style-1.jpg") no-repeat center;
405 }
406
407 .cheat-sheet-2::before {
408 background-size: cover;
409 background: url("../images/cheat-sheet-style-2.jpg") no-repeat center;
410 }
411
412 .cheat-sheet-3::before {
413 background-size: cover;
414 background: url("../images/cheat-sheet-style-3.jpg") no-repeat center;
415 }
416
417 /*============== Pro Label Badge ====================*/
418 /*.elementor-control.elementor-control-style .elementor-choices .elementor-choices-label[data-tooltip=spel-pro-label],
419 .elementor-control.elementor-control-style .elementor-choices .elementor-choices-label i.spel-pro-label {
420 pointer-events: none;
421 }
422 .elementor-control.elementor-control-style .elementor-choices .elementor-choices-label i.spel-pro-label::after {
423 content: "PRO";
424 position: absolute;
425 right: 0;
426 top: 0;
427 width: 100%;
428 height: 100%;
429 opacity: 1;
430 background: #39b54a61;
431 pointer-events: none;
432 color: white;
433 z-index: 999999;
434 font-weight: 700;
435 cursor: pointer;
436 font-style: normal;
437 padding-top: 45px;
438 }*/
439
440 /*
441 .elementor-control-spel_highlighted_text_style {
442 pointer-events: none;
443
444 &::after {
445 content: "PRO";
446 position: absolute;
447 right: 0;
448 top: 0;
449 width: 100%;
450 height: 100%;
451 opacity: 1;
452 background: #39b54a61;
453 pointer-events: none;
454 color: white;
455 z-index: 999999;
456 font-weight: 700;
457 cursor: pointer;
458 font-style: normal;
459 text-align: right;
460 padding-right: 20px;
461 padding-top: 18px;
462 }
463
464 .elementor-control-content {
465 pointer-events: none;
466 }
467
468 }
469 */
470