PluginProbe
Elementor Website Builder – more than just a page builder / 3.4.4
Elementor Website Builder – more than just a page builder v3.4.4
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
elementor / assets / css / common.css

common.css in Elementor Website Builder – more than just a page builder 3.4.4, at assets/css/common.css

570 lines 15.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.4.4 - 13-09-2021 */
2 .dialog-widget-content {
3 background-color: #fff;
4 position: absolute;
5 -webkit-border-radius: 3px;
6 border-radius: 3px;
7 -webkit-box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
8 box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
9 overflow: hidden; }
10
11 .dialog-message {
12 font-size: 12px;
13 line-height: 1.5;
14 -webkit-box-sizing: border-box;
15 box-sizing: border-box; }
16
17 .dialog-type-lightbox {
18 position: fixed;
19 height: 100%;
20 width: 100%;
21 bottom: 0;
22 left: 0;
23 background-color: rgba(0, 0, 0, 0.8);
24 z-index: 9999;
25 -webkit-user-select: none;
26 -moz-user-select: none;
27 -ms-user-select: none;
28 user-select: none; }
29 .dialog-type-lightbox .dialog-widget-content {
30 margin: auto;
31 width: 375px; }
32 .dialog-type-lightbox .dialog-header {
33 font-size: 15px;
34 color: #495157;
35 padding: 30px 0 10px;
36 font-weight: 500; }
37 .dialog-type-lightbox .dialog-message {
38 padding: 0 30px 30px;
39 min-height: 50px; }
40 .dialog-type-lightbox:not(.elementor-popup-modal) .dialog-header,
41 .dialog-type-lightbox:not(.elementor-popup-modal) .dialog-message {
42 text-align: center; }
43 .dialog-type-lightbox .dialog-buttons-wrapper {
44 border-top: 1px solid #e6e9ec;
45 text-align: center; }
46 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button {
47 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
48 width: 50%;
49 border: none;
50 background: none;
51 color: #6d7882;
52 font-size: 15px;
53 cursor: pointer;
54 padding: 13px 0;
55 outline: 0; }
56 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:hover {
57 background-color: #f4f6f7; }
58 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-ok {
59 color: #b01b1b; }
60 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-take_over {
61 color: #39b54a; }
62 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:active {
63 background-color: rgba(230, 233, 236, 0.5); }
64 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button::-moz-focus-inner {
65 border: 0; }
66
67 .dialog-close-button {
68 cursor: pointer;
69 position: absolute;
70 margin-top: 15px;
71 right: 15px;
72 font-size: 15px;
73 line-height: 1; }
74 .dialog-close-button:not(:hover) {
75 opacity: .4; }
76
77 .dialog-alert-widget .dialog-buttons-wrapper > button {
78 width: 100%; }
79
80 .dialog-confirm-widget .dialog-button:first-child {
81 border-right: 1px solid #e6e9ec; }
82
83 .dialog-prevent-scroll {
84 overflow: hidden;
85 max-height: 100vh; }
86
87 @media (min-width: 1024px) {
88 body.admin-bar .dialog-lightbox-widget {
89 height: calc(100vh - 32px); } }
90
91 @media (max-width: 1024px) {
92 body.admin-bar .dialog-type-lightbox {
93 position: -webkit-sticky;
94 position: sticky;
95 height: 100vh; } }
96
97 .elementor-aspect-ratio-219 .elementor-fit-aspect-ratio {
98 padding-bottom: 42.8571%; }
99
100 .elementor-aspect-ratio-169 .elementor-fit-aspect-ratio {
101 padding-bottom: 56.25%; }
102
103 .elementor-aspect-ratio-43 .elementor-fit-aspect-ratio {
104 padding-bottom: 75%; }
105
106 .elementor-aspect-ratio-32 .elementor-fit-aspect-ratio {
107 padding-bottom: 66.6666%; }
108
109 .elementor-aspect-ratio-11 .elementor-fit-aspect-ratio {
110 padding-bottom: 100%; }
111
112 .elementor-aspect-ratio-916 .elementor-fit-aspect-ratio {
113 padding-bottom: 177.8%; }
114
115 .elementor-fit-aspect-ratio {
116 position: relative;
117 height: 0; }
118 .elementor-fit-aspect-ratio iframe {
119 position: absolute;
120 top: 0;
121 left: 0;
122 height: 100%;
123 width: 100%;
124 border: 0;
125 background-color: #000; }
126 .elementor-fit-aspect-ratio video {
127 width: 100%; }
128
129 .flatpickr-calendar {
130 width: 280px; }
131 .flatpickr-calendar .flatpickr-current-month span.cur-month {
132 font-weight: 300; }
133 .flatpickr-calendar .dayContainer {
134 width: 280px;
135 min-width: 280px;
136 max-width: 280px; }
137 .flatpickr-calendar .flatpickr-days {
138 width: 280px; }
139 .flatpickr-calendar .flatpickr-day {
140 max-width: 37px;
141 height: 37px;
142 line-height: 37px; }
143
144 .elementor-templates-modal .dialog-widget-content {
145 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
146 background-color: #f1f3f5;
147 width: 100%; }
148 @media (max-width: 1439px) {
149 .elementor-templates-modal .dialog-widget-content {
150 max-width: 990px; } }
151 @media (min-width: 1440px) {
152 .elementor-templates-modal .dialog-widget-content {
153 max-width: 1200px; } }
154
155 .elementor-templates-modal .dialog-header {
156 padding: 0;
157 background-color: #fff;
158 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
159 box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
160 position: relative;
161 z-index: 1; }
162
163 .elementor-templates-modal .dialog-buttons-wrapper {
164 background-color: #fff;
165 border: none;
166 display: none;
167 -webkit-box-pack: end;
168 -ms-flex-pack: end;
169 justify-content: flex-end;
170 padding: 5px;
171 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
172 box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
173 position: relative; }
174 .elementor-templates-modal .dialog-buttons-wrapper .elementor-button {
175 height: 40px;
176 margin-left: 5px; }
177 .elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success {
178 padding: 12px 36px;
179 color: #fff;
180 width: initial;
181 font-size: 15px; }
182 .elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success:hover {
183 background-color: #39b54a; }
184
185 .elementor-templates-modal .dialog-message {
186 height: 750px;
187 max-height: 85vh;
188 overflow: auto;
189 padding-top: 25px; }
190
191 .elementor-templates-modal .dialog-content {
192 height: 100%; }
193
194 .elementor-templates-modal .dialog-loading {
195 display: none; }
196
197 .elementor-templates-modal__header {
198 display: -webkit-box;
199 display: -ms-flexbox;
200 display: flex;
201 -webkit-box-align: center;
202 -ms-flex-align: center;
203 align-items: center;
204 -webkit-box-pack: justify;
205 -ms-flex-pack: justify;
206 justify-content: space-between;
207 height: 50px; }
208 .elementor-templates-modal__header__logo {
209 line-height: 1;
210 text-transform: uppercase;
211 font-weight: bold;
212 cursor: pointer; }
213 .elementor-templates-modal__header__logo-area {
214 text-align: left;
215 padding-left: 15px; }
216 .elementor-templates-modal__header__logo-area > * {
217 display: -webkit-box;
218 display: -ms-flexbox;
219 display: flex;
220 -webkit-box-align: center;
221 -ms-flex-align: center;
222 align-items: center; }
223 .elementor-templates-modal__header__logo__icon-wrapper {
224 margin-right: 10px;
225 font-size: 12px; }
226 .elementor-templates-modal__header__logo__title {
227 padding-top: 2px; }
228 .elementor-templates-modal__header__items-area {
229 display: -webkit-box;
230 display: -ms-flexbox;
231 display: flex;
232 -webkit-box-orient: horizontal;
233 -webkit-box-direction: reverse;
234 -ms-flex-direction: row-reverse;
235 flex-direction: row-reverse; }
236 .elementor-templates-modal__header__item {
237 position: relative;
238 display: -webkit-box;
239 display: -ms-flexbox;
240 display: flex;
241 -webkit-box-align: center;
242 -ms-flex-align: center;
243 align-items: center;
244 -webkit-box-pack: center;
245 -ms-flex-pack: center;
246 justify-content: center;
247 -webkit-box-sizing: content-box;
248 box-sizing: content-box; }
249 .elementor-templates-modal__header__item > i {
250 font-size: 20px;
251 -webkit-transition: all 0.3s;
252 -o-transition: all 0.3s;
253 transition: all 0.3s;
254 cursor: pointer; }
255 .elementor-templates-modal__header__item > i:not(:hover) {
256 color: #a4afb7; }
257 .elementor-templates-modal__header__close--normal {
258 width: 47px;
259 border-left: 1px solid #e6e9ec; }
260 .elementor-templates-modal__header__close--normal i {
261 font-size: 18px; }
262 .elementor-templates-modal__header__close--skip {
263 padding: 10px;
264 padding-left: 20px;
265 margin-right: 10px;
266 color: #fff;
267 background-color: #a4afb7;
268 font-size: 11px;
269 font-weight: normal;
270 line-height: 1;
271 text-transform: uppercase;
272 -webkit-border-radius: 2px;
273 border-radius: 2px;
274 cursor: pointer; }
275 .elementor-templates-modal__header__close--skip > i {
276 font-size: inherit;
277 padding-left: 10px;
278 margin-left: 15px;
279 border-left: 1px solid; }
280 .elementor-templates-modal__header__close--skip > i:not(:hover) {
281 color: #fff; }
282
283 .elementor-templates-modal__sidebar {
284 -ms-flex-negative: 0;
285 flex-shrink: 0;
286 width: 25%;
287 background-color: rgba(255, 255, 255, 0.3); }
288
289 .elementor-templates-modal__content {
290 -webkit-box-flex: 1;
291 -ms-flex-positive: 1;
292 flex-grow: 1;
293 -webkit-box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.05);
294 box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.05); }
295
296 /* Will select next element after last '.elementor-general-section' */
297 #wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section {
298 border-top: 1px solid #464b50;
299 margin-top: 6px; }
300
301 .elementor-hidden {
302 display: none; }
303
304 .elementor-screen-only,
305 .screen-reader-text,
306 .screen-reader-text span,
307 .ui-helper-hidden-accessible {
308 position: absolute;
309 top: -10000em;
310 width: 1px;
311 height: 1px;
312 margin: -1px;
313 padding: 0;
314 overflow: hidden;
315 clip: rect(0, 0, 0, 0);
316 border: 0; }
317
318 .elementor-clearfix:after {
319 content: '';
320 display: block;
321 clear: both;
322 width: 0;
323 height: 0; }
324
325 .e-logo-wrapper {
326 background: #93003c;
327 display: inline-block;
328 padding: 0.75em;
329 -webkit-border-radius: 50%;
330 border-radius: 50%;
331 line-height: 1; }
332 .e-logo-wrapper i {
333 color: #fff;
334 font-size: 1em; }
335
336 #elementor-finder__modal {
337 background: none;
338 z-index: 99999; }
339 #elementor-finder__modal .dialog-widget-content {
340 width: 650px;
341 max-width: 98%;
342 top: 18vh;
343 left: calc( 50% - 650px / 2); }
344 #elementor-finder__modal .dialog-message {
345 height: initial;
346 min-height: 0;
347 padding: 0;
348 text-align: left; }
349
350 #elementor-finder__search {
351 padding: 14px 15px 14px 21px;
352 display: -webkit-box;
353 display: -ms-flexbox;
354 display: flex;
355 -webkit-box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03);
356 box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03); }
357 #elementor-finder__search i {
358 font-size: 16px;
359 color: #a4afb7;
360 font-weight: bold;
361 margin-right: 15px; }
362 #elementor-finder__search__input {
363 border: none;
364 background: none;
365 outline: none;
366 padding: 0;
367 margin: 0;
368 -webkit-box-flex: 1;
369 -ms-flex-positive: 1;
370 flex-grow: 1;
371 font-size: 14px;
372 color: #495157;
373 -webkit-box-shadow: none;
374 box-shadow: none; }
375 #elementor-finder__search__input::-webkit-input-placeholder {
376 color: #a4afb7;
377 font-style: italic;
378 font-weight: 300; }
379 #elementor-finder__search__input::-moz-placeholder {
380 color: #a4afb7;
381 font-style: italic;
382 font-weight: 300; }
383 #elementor-finder__search__input::-ms-input-placeholder {
384 color: #a4afb7;
385 font-style: italic;
386 font-weight: 300; }
387 #elementor-finder__search__input::placeholder {
388 color: #a4afb7;
389 font-style: italic;
390 font-weight: 300; }
391
392 #elementor-finder__results {
393 max-height: 50vh;
394 overflow: auto; }
395
396 #elementor-finder__no-results {
397 display: none;
398 padding: 20px;
399 color: #a4afb7; }
400
401 .elementor-finder__results__category {
402 position: relative; }
403 .elementor-finder__results__category__title {
404 padding: 5px 25px;
405 color: #6d7882;
406 background-color: #e6e9ec;
407 font-size: 9px;
408 text-transform: uppercase; }
409 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
410 min-height: 26px; }
411 .elementor-finder__results__category .eicon-loading {
412 display: none;
413 position: absolute;
414 right: 10px;
415 top: 30px;
416 color: #71d7f7;
417 font-size: 14px; }
418
419 .elementor-finder__results__item {
420 display: -webkit-box;
421 display: -ms-flexbox;
422 display: flex; }
423 .elementor-finder__results__item a {
424 text-decoration: none;
425 -webkit-box-shadow: none;
426 box-shadow: none;
427 outline: none; }
428 .elementor-finder__results__item.elementor-active {
429 background-color: #71d7f7;
430 -webkit-box-shadow: none;
431 box-shadow: none;
432 outline: none; }
433 .elementor-finder__results__item.elementor-active * {
434 color: #fff; }
435 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
436 display: none; }
437 .elementor-finder__results__item__link {
438 display: -webkit-box;
439 display: -ms-flexbox;
440 display: flex;
441 -webkit-box-align: center;
442 -ms-flex-align: center;
443 align-items: center;
444 height: 35px;
445 -webkit-box-flex: 1;
446 -ms-flex-positive: 1;
447 flex-grow: 1; }
448 .elementor-finder__results__item__icon {
449 width: 60px;
450 text-align: center;
451 color: #6d7882;
452 font-size: 17px; }
453 .elementor-finder__results__item__title {
454 color: #6d7882;
455 font-size: 13px; }
456 .elementor-finder__results__item__description {
457 margin-left: 5px;
458 color: #a4afb7;
459 font-style: italic; }
460 .elementor-finder__results__item__actions {
461 display: -webkit-box;
462 display: -ms-flexbox;
463 display: flex; }
464 .elementor-finder__results__item__action {
465 display: -webkit-box;
466 display: -ms-flexbox;
467 display: flex;
468 -webkit-box-align: center;
469 -ms-flex-align: center;
470 align-items: center;
471 -webkit-box-pack: center;
472 -ms-flex-pack: center;
473 justify-content: center;
474 height: 100%;
475 width: 35px; }
476 .elementor-finder__results__item__action:hover {
477 background-color: rgba(0, 0, 0, 0.07); }
478
479 .tipsy {
480 font-size: 10px;
481 position: absolute;
482 padding: 5px;
483 z-index: 100000; }
484
485 .tipsy-inner {
486 background-color: #000;
487 color: #FFF;
488 font-weight: 500;
489 max-width: 200px;
490 padding: 5px 12px;
491 text-align: center;
492 -webkit-border-radius: 3px;
493 border-radius: 3px;
494 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
495 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }
496
497 .tipsy-arrow {
498 position: absolute;
499 width: 0;
500 height: 0;
501 line-height: 0;
502 border: 5px dashed #000; }
503
504 .tipsy-arrow-n {
505 border-bottom-color: #000; }
506
507 .tipsy-arrow-s {
508 border-top-color: #000; }
509
510 .tipsy-arrow-e {
511 border-left-color: #000; }
512
513 .tipsy-arrow-w {
514 border-right-color: #000; }
515
516 .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow {
517 border-left-color: transparent;
518 border-right-color: transparent;
519 top: 0;
520 border-bottom-style: solid;
521 border-top: none; }
522
523 .tipsy-n .tipsy-arrow {
524 left: 50%;
525 margin-left: -5px; }
526
527 .tipsy-nw .tipsy-arrow {
528 left: 10px; }
529
530 .tipsy-ne .tipsy-arrow {
531 top: 0;
532 right: 10px;
533 border-bottom-style: solid;
534 border-top: none;
535 border-left-color: transparent;
536 border-right-color: transparent; }
537
538 .tipsy-s .tipsy-arrow, .tipsy-se .tipsy-arrow, .tipsy-sw .tipsy-arrow {
539 bottom: 0;
540 border-top-style: solid;
541 border-bottom: none;
542 border-left-color: transparent;
543 border-right-color: transparent; }
544
545 .tipsy-s .tipsy-arrow {
546 left: 50%;
547 margin-left: -5px; }
548
549 .tipsy-sw .tipsy-arrow {
550 left: 10px; }
551
552 .tipsy-se .tipsy-arrow {
553 right: 10px; }
554
555 .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {
556 top: 50%;
557 margin-top: -5px;
558 border-top-color: transparent;
559 border-bottom-color: transparent; }
560
561 .tipsy-e .tipsy-arrow {
562 right: 0;
563 border-left-style: solid;
564 border-right: none; }
565
566 .tipsy-w .tipsy-arrow {
567 left: 0;
568 border-right-style: solid;
569 border-left: none; }
570 /*# sourceMappingURL=common.css.map */