PluginProbe
Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits / 3.1.2
Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits v3.1.2
3.2.2 3.2.3 3.2.1 3.2.0 3.1.9 3.1.8 3.1.7 3.1.6 3.1.5 3.1.4 3.1.3 3.1.2 3.1.1 3.1.0 3.0.9 trunk 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 1.1.3 1.1.4 1.1.5 All 174 releases
master-addons / assets / css / admin / master-addons-editor.rtl.css

master-addons-editor.rtl.css in Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits 3.1.2, at assets/css/admin/master-addons-editor.rtl.css

556 lines 14.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 :root {
3 --jltma-popup-color: #FF631A;
4 }
5
6 @font-face {
7 font-family: "Master-Addons";
8 src: url("../../fonts/Master-Addons/Master-Addons.eot?e493qi");
9 src: url("../../fonts/Master-Addons/Master-Addons.eot?e493qi#iefix") format("embedded-opentype"), url("../../fonts/Master-Addons/Master-Addons.ttf?e493qi") format("truetype"), url("../../fonts/Master-Addons/Master-Addons.woff?e493qi") format("woff"), url("../../fonts/Master-Addons/Master-Addons.svg?e493qi#Master-Addons") format("svg");
10 font-weight: normal;
11 font-style: normal;
12 font-display: block;
13 }
14 [class^=jltma-icon-],
15 [class*=" jltma-icon-"] {
16 /* use !important to prevent issues with browser extensions that change fonts */
17 font-style: normal;
18 font-weight: normal;
19 font-variant: normal;
20 text-transform: none;
21 line-height: 1;
22 /* Better Font Rendering =========== */
23 -webkit-font-smoothing: antialiased;
24 -moz-osx-font-smoothing: grayscale;
25 }
26
27 .jltma-icon-ma:after {
28 content: "\e901";
29 color: #fff;
30 background: rgb(74, 77, 236);
31 border-radius: 15px;
32 position: absolute;
33 top: 15px;
34 left: 30px;
35 font-size: 18px;
36 opacity: 0.8;
37 font-family: "Master-Addons" !important;
38 }
39
40 .elementor-icons-manager__tab-link {
41 display: flex;
42 align-items: center;
43 }
44
45 .jltma-icon {
46 color: #e0e1e3;
47 }
48
49 #elementor-panel #elementor-panel-header-title span.jltma-badge:after,
50 #elementor-panel .elementor-control-title span.jltma-badge:after,
51 #elementor-panel .elementor-section-title span.jltma-badge:after {
52 content: "MA";
53 background-color: #fff;
54 color: #d30c5c;
55 font-size: 10px;
56 font-weight: 700;
57 border-radius: 30px;
58 padding: 2px 3px;
59 margin-left: 4px;
60 vertical-align: middle;
61 }
62
63 #elementor-panel .elementor-control-title span.jltma-badge:after,
64 #elementor-panel .elementor-section-title span.jltma-badge:after {
65 background-color: #e0e6ec;
66 color: #50565d;
67 }
68
69 .jltma-editor-doc-links {
70 font-size: 12px;
71 }
72
73 .jltma-editor-doc-links a {
74 color: #999 !important;
75 display: inline-block;
76 line-height: 1.2;
77 padding-right: 10px;
78 position: relative;
79 }
80
81 .jltma-editor-doc-links a:hover {
82 color: #cf0c5d !important;
83 }
84
85 .jltma-editor-doc-links a:before {
86 content: "»";
87 position: absolute;
88 right: 0;
89 top: 0;
90 }
91
92 /* Tabs Section Identifier */
93 /*div[class*="elementor-control-ma_el"]:before{
94 content: 'Master Addons';
95 letter-spacing: 0.1em;
96 color: #aaa;
97 }
98 div[class*="elementor-control-ma_"]:before {
99 position: absolute;
100 top: 13px;
101 right: 8px;
102 text-transform: uppercase;
103 font-size: 9px;
104 padding: 2px 2px 1px;
105 border: 1px solid #ddd;
106 font-weight: 400;
107 letter-spacing: 0.1em;
108 color: #aaa;
109 }
110 */
111 /* Master Custom Breakpoint */
112 .master-cbp-device-landscape {
113 transform: rotate(-90deg);
114 }
115
116 .elementor-panel .elementor-panel-footer-sub-menu-item {
117 padding: 3px 0;
118 }
119
120 #elementor-panel-footer-responsive .elementor-panel-footer-sub-menu {
121 overflow-y: auto;
122 height: 400px;
123 max-height: 30vh;
124 }
125
126 .elementor-panel-footer-sub-menu-item i.master-cbp-device {
127 background-position: center center;
128 background-repeat: no-repeat;
129 background-size: 20px 20px;
130 }
131
132 .elementor-responsive-switcher i.master-cbp-device {
133 width: 20px;
134 height: 20px;
135 }
136
137 #elementor-panel-footer-responsive .tooltip-target[class*=eicon-device-] {
138 background-position: center center;
139 background-repeat: no-repeat;
140 background-size: 20px 20px;
141 }
142
143 /* overlapping the device popup */
144 .elementor-control-responsive-switchers .elementor-control-responsive-switchers__holder {
145 top: 50% !important;
146 bottom: auto !important;
147 transform: translateY(-50%) !important;
148 }
149
150 /* Text Choose Control */
151 .elementor-control-type-jltma-choose-text.elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
152 width: auto;
153 min-width: 52%;
154 }
155
156 .elementor-control-type-jltma-choose-text .elementor-choices {
157 -webkit-box-pack: end;
158 -webkit-justify-content: flex-end;
159 -ms-flex-pack: end;
160 justify-content: flex-end;
161 }
162
163 .elementor-control-type-jltma-choose-text .elementor-choices .elementor-choices-label {
164 font-size: 10px;
165 text-transform: uppercase;
166 width: 50%;
167 min-width: -webkit-fit-content;
168 min-width: fit-content;
169 min-width: -moz-fit-content;
170 padding: 0 7px;
171 }
172
173 .elementor-control-type-jltma-choose-text.elementor-label-block .elementor-choices {
174 -webkit-box-pack: start;
175 -webkit-justify-content: flex-start;
176 -ms-flex-pack: start;
177 justify-content: flex-start;
178 }
179
180 .elementor-control-type-jltma-choose-text.elementor-label-block .elementor-choices .elementor-choices-label {
181 white-space: nowrap;
182 -o-text-overflow: ellipsis;
183 text-overflow: ellipsis;
184 overflow: hidden;
185 }
186
187 .elementor-control-type-jltma-choose-text.elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper {
188 width: auto;
189 min-width: 52%;
190 }
191
192 /** Pro Notice Start **/
193 .elementor-control-content .jltma-upgrade-banner {
194 background: linear-gradient(-180deg, #E9D5FF 0%, #F3E8FF 30%, #FAF5FF 60%, #FFFFFF 100%);
195 border-radius: 12px;
196 padding: 30px 20px 50px;
197 position: relative;
198 overflow: hidden;
199 text-align: center;
200 }
201 .elementor-control-content .jltma-upgrade-banner:before {
202 content: "";
203 position: absolute;
204 width: 100%;
205 height: 100%;
206 top: 0;
207 right: 0;
208 background-image: radial-gradient(circle, rgba(255, 255, 255, 0.8) 1px, transparent 1px), radial-gradient(circle, rgba(255, 255, 255, 0.6) 1px, transparent 1px), radial-gradient(circle, rgba(255, 255, 255, 0.9) 1px, transparent 1px);
209 background-size: 100px 100px, 150px 150px, 200px 200px;
210 background-position: 100% 0, right 40px top 60px, right 130px top 270px;
211 opacity: 0.6;
212 z-index: 0;
213 }
214 .elementor-control-content .jltma-upgrade-banner:after {
215 content: "";
216 position: absolute;
217 bottom: -2px;
218 right: 0;
219 left: 0;
220 height: 60px;
221 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100'%3E%3Cpath fill='%23ffffff' d='M0,50 Q120,20 240,50 T480,50 Q600,80 720,50 T960,50 Q1080,20 1200,50 T1440,50 L1440,100 L0,100 Z'%3E%3C/path%3E%3Cpath fill='%23ffffff' fill-opacity='0.7' d='M0,70 Q100,40 200,70 T400,70 Q500,90 600,70 T800,70 Q900,40 1000,70 T1200,70 Q1300,90 1400,70 L1440,100 L0,100 Z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom;
222 background-size: cover;
223 z-index: 0;
224 }
225
226 .elementor-control-content .jltma-upgrade-banner-content {
227 position: relative;
228 z-index: 1;
229 max-width: 100%;
230 margin: 0 auto;
231 padding: 0 10px;
232 }
233
234 .elementor-control-content .jltma-upgrade-banner .jltma-popup-countdown {
235 display: flex;
236 flex-direction: column;
237 align-items: center;
238 gap: 8px;
239 margin: 15px 0;
240 }
241
242 .elementor-control-content .jltma-upgrade-banner .jltma-popup-countdown-text {
243 font-size: 14px;
244 font-weight: 600;
245 color: #1F2937;
246 }
247
248 .elementor-control-content .jltma-upgrade-banner .jltma-popup-countdown-time {
249 display: flex;
250 align-items: center;
251 justify-content: center;
252 gap: 4px;
253 }
254
255 .elementor-control-content .jltma-upgrade-banner .jltma-popup-countdown-time > div {
256 display: flex;
257 flex-direction: column;
258 align-items: center;
259 gap: 2px;
260 }
261
262 .elementor-control-content .jltma-upgrade-banner .jltma-popup-countdown-time > div > span:first-child {
263 font-size: 20px;
264 font-weight: 700;
265 color: #1F2937;
266 background: #fff;
267 border: 2px solid rgba(31, 41, 55, 0.15);
268 border-radius: 6px;
269 width: 44px;
270 height: 40px;
271 display: flex;
272 align-items: center;
273 justify-content: center;
274 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
275 }
276
277 .elementor-control-content .jltma-upgrade-banner .jltma-popup-countdown-time > div > span:last-child {
278 font-size: 11px;
279 font-weight: 500;
280 color: #6B7280;
281 text-transform: capitalize;
282 }
283
284 .elementor-control-content .jltma-upgrade-banner .jltma-popup-countdown-time > span {
285 font-size: 24px;
286 font-weight: 600;
287 color: #9CA3AF;
288 margin: 0 2px;
289 margin-top: -15px;
290 }
291
292 .elementor-control-content .jltma-upgrade-banner-icon-wrapper {
293 position: relative;
294 width: 100px;
295 height: 115px;
296 margin: 0 auto 12px;
297 }
298 .elementor-control-content .jltma-upgrade-banner-icon-wrapper:after {
299 content: "";
300 position: absolute;
301 bottom: 12px;
302 right: 50%;
303 transform: translateX(50%);
304 width: 0;
305 height: 0;
306 border-right: 12px solid transparent;
307 border-left: 12px solid transparent;
308 border-top: 16px solid #6814cd;
309 filter: drop-shadow(0 3px 6px rgba(104, 20, 205, 0.2));
310 z-index: 1;
311 }
312
313 .elementor-control-content .jltma-upgrade-banner-icon {
314 width: 100px;
315 height: 100px;
316 margin: 0 auto;
317 background: linear-gradient(-135deg, #6814cd 0%, #8b5cf6 100%);
318 border-radius: 50%;
319 display: flex;
320 align-items: center;
321 justify-content: center;
322 box-shadow: 0 8px 24px rgba(104, 20, 205, 0.3);
323 position: relative;
324 z-index: 2;
325 }
326 .elementor-control-content .jltma-upgrade-banner-icon:before {
327 content: "";
328 position: absolute;
329 inset: -6px;
330 border-radius: 50%;
331 background: linear-gradient(-135deg, rgba(104, 20, 205, 0.2), rgba(139, 92, 246, 0.2));
332 z-index: -1;
333 }
334 .elementor-control-content .jltma-upgrade-banner-icon svg {
335 filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
336 }
337
338 .elementor-control-content .jltma-upgrade-banner-title {
339 font-size: 19px;
340 font-weight: 700;
341 color: #1F2937;
342 line-height: 1.3;
343 margin: 0 0 8px;
344 letter-spacing: -0.02em;
345 }
346
347 .elementor-control-content .jltma-upgrade-banner-subtitle {
348 font-size: 13px;
349 color: #6B7280;
350 line-height: 1.4;
351 margin: 0 0 16px;
352 }
353
354 .elementor-control-content .jltma-upgrade-banner-button {
355 display: inline-block;
356 padding: 12px 28px;
357 background: linear-gradient(-135deg, #F50A7F 0%, #BE185D 100%);
358 color: white;
359 font-size: 15px;
360 font-weight: 600;
361 letter-spacing: 0.02em;
362 border: 0;
363 border-radius: 8px;
364 cursor: pointer;
365 transition: all 0.3s ease;
366 text-decoration: none;
367 box-shadow: 0 4px 14px rgba(219, 39, 119, 0.4);
368 position: relative;
369 overflow: hidden;
370 }
371 .elementor-control-content .jltma-upgrade-banner-button:before {
372 content: "";
373 position: absolute;
374 top: 0;
375 right: -100%;
376 width: 100%;
377 height: 100%;
378 background: linear-gradient(-90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
379 transition: right 0.5s;
380 }
381 .elementor-control-content .jltma-upgrade-banner-button:hover {
382 transform: translateY(-2px);
383 box-shadow: 0 6px 20px rgba(219, 39, 119, 0.5);
384 color: white;
385 }
386 .elementor-control-content .jltma-upgrade-banner-button:hover:before {
387 right: 100%;
388 }
389 .elementor-control-content .jltma-upgrade-banner-button:active {
390 transform: translateY(0);
391 }
392
393 .elementor-control-content .jltma-wwc > p {
394 margin-top: 0;
395 padding-top: 0;
396 margin-bottom: 20px;
397 }
398
399 .elementor-control-content .jltma-wwc-content {
400 margin-bottom: 25px;
401 color: #646970;
402 }
403
404 @media (max-width: 576px) {
405 .elementor-control-content .jltma-upgrade-banner {
406 padding: 25px 15px 40px;
407 }
408 .elementor-control-content .jltma-upgrade-banner-icon-wrapper {
409 width: 80px;
410 height: 95px;
411 margin: 0 auto 10px;
412 }
413 .elementor-control-content .jltma-upgrade-banner-icon {
414 width: 80px;
415 height: 80px;
416 }
417 .elementor-control-content .jltma-upgrade-banner-title {
418 font-size: 16px;
419 }
420 .elementor-control-content .jltma-upgrade-banner-subtitle {
421 font-size: 12px;
422 margin: 0 0 14px;
423 }
424 .elementor-control-content .jltma-upgrade-banner-button {
425 padding: 10px 22px;
426 font-size: 14px;
427 }
428 }
429 /*
430 .elementor-control-content .jltma-pro-notice {
431 padding: 15px 0;
432 }
433
434 .elementor-control-content .jltma-pro-notice-content {
435 text-align: center;
436 }
437
438 .elementor-control-content .jltma-pro-notice-content h4 {
439 font-size: 16px;
440 font-weight: 700;
441 line-height: 1.4;
442 margin-top: 20px;
443 }
444
445 .elementor-control-content .jltma-pro-notice-content p {
446 line-height: 1.8;
447 font-size: 11px;
448 margin-top: 5px;
449 }
450
451 .elementor-control-content .jltma-pro-notice-content .elementor-button {
452 background-color: #d30c5c;
453 color: #fff;
454 padding: 7px 25px;
455 margin-top: 20px;
456 border: none;
457 box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1);
458 transition: 0.5s;
459 }
460
461 .elementor-panel-heading-title.elementor-section-title span.jltma_pro_text {
462 background: #6814cd;
463 color: #fff;
464 font-size: 11px;
465 padding: 2px 6px 3px;
466 line-height: 1.3;
467 border-radius: 3px;
468 box-shadow: none;
469 position: absolute;
470 top: 14px;
471 right: 15px;
472 } */
473 /** Pro Notice End **/
474 /* Update Preview Button - Reusable component for extensions */
475 .elementor-update-preview-button {
476 padding: 8px 15px;
477 margin: 0;
478 display: -webkit-box;
479 display: -ms-flexbox;
480 display: flex;
481 -webkit-box-pack: justify;
482 -ms-flex-pack: justify;
483 justify-content: space-between;
484 align-items: center;
485 background: #f1f3f5;
486 border-radius: 3px;
487 margin: 10px 0;
488 }
489 .elementor-update-preview-button span {
490 font-size: 12px;
491 color: #6d7882;
492 font-weight: 500;
493 }
494 .elementor-update-preview-button button {
495 padding: 5px 15px !important;
496 font-size: 11px !important;
497 border-radius: 3px !important;
498 min-height: auto !important;
499 }
500
501 /* ============================================================
502 Popup Builder - Editor Styles
503 ============================================================ */
504 .jltma-popup-container .elementor-editor-section-settings {
505 -webkit-transform: translateX(50%);
506 -ms-transform: translateX(50%);
507 transform: translateX(50%);
508 border-radius: 0 0 5px 5px;
509 }
510
511 .jltma-popup-container .elementor-editor-section-settings .elementor-editor-element-setting:first-child {
512 border-radius: 0 0 5px 0;
513 }
514
515 .jltma-popup-container .elementor-editor-section-settings .elementor-editor-element-setting:first-child:before {
516 top: 0;
517 border-width: 0 0 22px 12px;
518 }
519
520 .jltma-popup-container .elementor-editor-section-settings .elementor-editor-element-setting:last-child {
521 border-radius: 0 0 0 5px;
522 }
523
524 .jltma-popup-container .elementor-editor-section-settings .elementor-editor-element-setting:last-child:after {
525 top: 0;
526 border-width: 0 12px 22px 0;
527 }
528
529 .elementor-editor-active [data-elementor-type=jltma_popup] .elementor-section-wrap:not(:empty) + #elementor-add-new-section,
530 .elementor-editor-active [data-elementor-type=jltma_popup]:not(.elementor-edit-mode) {
531 display: none;
532 }
533
534 .elementor .elementor-widget-jltma-popup-trigger .jltma-popup-trigger-button {
535 display: inline-block;
536 font-size: 14px;
537 font-weight: 500;
538 cursor: pointer;
539 }
540
541 /* Master Addons Dynamic Tags Badge */
542 .elementor-tags-list__item[data-tag-name^=jltma-]:after {
543 margin-right: 6px;
544 font-size: 8px;
545 font-weight: 600;
546 display: inline-block;
547 vertical-align: middle;
548 line-height: 1;
549 content: "\e901";
550 color: #fff;
551 background: rgb(74, 77, 236);
552 border-radius: 8px;
553 font-size: 12px;
554 opacity: 0.8;
555 font-family: "Master-Addons" !important;
556 }