PluginProbe
Elementor Website Builder – more than just a page builder / 3.13.0-beta1
Elementor Website Builder – more than just a page builder v3.13.0-beta1
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.13.0-beta1, at assets/css/common.css

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