PluginProbe
Elementor Website Builder – more than just a page builder / 3.13.1
Elementor Website Builder – more than just a page builder v3.13.1
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-rtl.css

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

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