PluginProbe
Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits / 3.2.2
Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits v3.2.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 / plugin-survey.css

plugin-survey.css in Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits 3.2.2, at assets/css/plugin-survey.css

504 lines 16.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /* ══════════════════════════════════════════════
3 Master Addons - Deactivation Survey Styles
4 Scoped to body.jltma-admin to avoid conflicts
5 ══════════════════════════════════════════════ */
6 body.jltma-admin {
7 /* ────────────────────────────────────────────
8 Freemius Dialog Header — Brand Gradient
9 Applies to all Freemius modals (license key,
10 email update, trial, etc.)
11 ──────────────────────────────────────────── */
12 }
13 body.jltma-admin .fs-modal .fs-modal-dialog {
14 border-radius: 12px !important;
15 overflow: hidden !important;
16 box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
17 }
18 body.jltma-admin .fs-modal .fs-modal-header {
19 background: linear-gradient(135deg, rgb(153, 41, 234) 0%, rgb(88, 8, 251) 100%) !important;
20 border-bottom: none !important;
21 padding: 18px 24px !important;
22 }
23 body.jltma-admin .fs-modal .fs-modal-header h4 {
24 color: #fff !important;
25 font-size: 15px !important;
26 font-weight: 600 !important;
27 letter-spacing: 0.3px !important;
28 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
29 }
30 body.jltma-admin .fs-modal .fs-modal-header .fs-close {
31 color: rgba(255, 255, 255, 0.8) !important;
32 transition: all 0.15s ease !important;
33 }
34 body.jltma-admin .fs-modal .fs-modal-header .fs-close:hover {
35 color: #fff !important;
36 background: rgba(255, 255, 255, 0.15) !important;
37 border-radius: 6px !important;
38 }
39 body.jltma-admin .fs-modal .fs-modal-header .fs-close .dashicons {
40 color: inherit !important;
41 }
42 body.jltma-admin .fs-modal .fs-modal-body {
43 background: #fff !important;
44 padding: 20px 24px !important;
45 }
46 body.jltma-admin .fs-modal .button-send-license-key,
47 body.jltma-admin .fs-modal .button-primary {
48 background: linear-gradient(135deg, rgb(153, 41, 234) 0%, rgb(88, 8, 251) 100%) !important;
49 border: none !important;
50 border-radius: 6px !important;
51 color: #fff !important;
52 font-weight: 600 !important;
53 padding: 6px 18px !important;
54 text-shadow: none !important;
55 box-shadow: 0 2px 8px rgba(88, 8, 251, 0.3) !important;
56 transition: all 0.2s ease !important;
57 }
58 body.jltma-admin .fs-modal .button-send-license-key:hover,
59 body.jltma-admin .fs-modal .button-primary:hover {
60 box-shadow: 0 4px 14px rgba(88, 8, 251, 0.45) !important;
61 transform: translateY(-1px);
62 }
63 body.jltma-admin .fs-modal .button-send-license-key.disabled,
64 body.jltma-admin .fs-modal .button-primary.disabled {
65 opacity: 0.5 !important;
66 cursor: not-allowed !important;
67 transform: none !important;
68 box-shadow: none !important;
69 }
70 body.jltma-admin .fs-modal input[type=radio]:checked {
71 border-color: rgb(88, 8, 251) !important;
72 background: rgb(88, 8, 251) !important;
73 }
74 body.jltma-admin {
75 /* ────────────────────────────────────────────
76 Freemius Deactivation Dialog Overrides
77 ──────────────────────────────────────────── */
78 /* Overlay */
79 }
80 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback {
81 background: rgba(0, 0, 0, 0.45) !important;
82 backdrop-filter: blur(4px);
83 -webkit-backdrop-filter: blur(4px);
84 /* Dialog container */
85 }
86 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-dialog {
87 max-width: 520px !important;
88 width: 520px !important;
89 margin-left: -260px !important;
90 border-radius: 16px !important;
91 overflow: hidden !important;
92 box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
93 }
94 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback {
95 /* Header — inherits brand gradient from .fs-modal above */
96 }
97 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-header {
98 margin-bottom: 0 !important;
99 }
100 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback {
101 /* Body */
102 }
103 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-body {
104 background: #fff !important;
105 padding: 20px 24px !important;
106 border-bottom: none !important;
107 }
108 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-panel h3 {
109 font-size: 13px !important;
110 font-weight: 500 !important;
111 color: #64648c !important;
112 margin-top: 0 !important;
113 margin-bottom: 8px !important;
114 line-height: 1.5 !important;
115 }
116 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-panel h3 strong {
117 font-weight: 500 !important;
118 }
119 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback {
120 /* Reason list */
121 }
122 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list {
123 list-style: none !important;
124 margin: 0 !important;
125 padding: 0 !important;
126 }
127 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list li.reason {
128 margin: 0 !important;
129 padding: 0 !important;
130 border: none !important;
131 }
132 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list li.reason label {
133 display: flex !important;
134 align-items: center !important;
135 padding: 9px 12px !important;
136 border-radius: 10px !important;
137 cursor: pointer !important;
138 transition: background-color 0.15s ease !important;
139 margin: 0 !important;
140 }
141 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list li.reason label:hover {
142 background: #f8f8fc !important;
143 }
144 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list li.reason label {
145 /* Custom radio buttons */
146 }
147 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list li.reason label input[type=radio] {
148 appearance: none !important;
149 -webkit-appearance: none !important;
150 width: 18px !important;
151 height: 18px !important;
152 min-width: 18px !important;
153 border: 2px solid #d0d0dc !important;
154 border-radius: 50% !important;
155 margin: 0 !important;
156 padding: 0 !important;
157 flex-shrink: 0 !important;
158 cursor: pointer !important;
159 transition: all 0.15s ease !important;
160 position: relative !important;
161 box-shadow: none !important;
162 background: #fff !important;
163 }
164 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list li.reason label input[type=radio]:checked {
165 border-color: #7c3aed !important;
166 background: #7c3aed !important;
167 }
168 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list li.reason label input[type=radio]:checked::after {
169 content: "" !important;
170 position: absolute !important;
171 top: 50% !important;
172 left: 50% !important;
173 transform: translate(-50%, -50%) !important;
174 width: 6px !important;
175 height: 6px !important;
176 border-radius: 50% !important;
177 background: #fff !important;
178 }
179 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list li.reason label {
180 /* Label text */
181 }
182 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback #reasons-list li.reason label span {
183 font-size: 13px !important;
184 font-weight: 500 !important;
185 color: #3a3a52 !important;
186 line-height: 1.4 !important;
187 margin-left: 12px !important;
188 }
189 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback {
190 /* Reason input field */
191 }
192 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .reason-input,
193 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .internal-message {
194 margin: 4px 0 4px 42px !important;
195 }
196 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .reason-input input,
197 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .reason-input textarea,
198 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .internal-message input,
199 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .internal-message textarea {
200 border: 1px solid #e0e0ea !important;
201 border-radius: 8px !important;
202 padding: 8px 12px !important;
203 font-size: 13px !important;
204 background: #fafafc !important;
205 box-shadow: none !important;
206 outline: none !important;
207 transition: border-color 0.15s ease !important;
208 }
209 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .reason-input input:focus,
210 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .reason-input textarea:focus,
211 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .internal-message input:focus,
212 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .internal-message textarea:focus {
213 border-color: #7c3aed !important;
214 background: #fff !important;
215 }
216 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback {
217 /* Footer */
218 }
219 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-footer {
220 background: #fff !important;
221 border-top: 1px solid #f0f0f3 !important;
222 padding: 16px 24px !important;
223 display: flex !important;
224 justify-content: flex-end !important;
225 align-items: center !important;
226 gap: 10px !important;
227 text-align: right !important;
228 /* Primary button (Submit & Deactivate) */
229 }
230 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-footer .button-primary,
231 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-footer .button-deactivate {
232 background: #7c3aed !important;
233 border: none !important;
234 border-radius: 10px !important;
235 color: #fff !important;
236 font-size: 13px !important;
237 font-weight: 600 !important;
238 padding: 9px 20px !important;
239 cursor: pointer !important;
240 transition: all 0.2s ease !important;
241 box-shadow: none !important;
242 text-shadow: none !important;
243 line-height: 1.4 !important;
244 height: auto !important;
245 }
246 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-footer .button-primary:hover,
247 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-footer .button-deactivate:hover {
248 background: #6d28d9 !important;
249 opacity: 1 !important;
250 }
251 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-footer {
252 /* Secondary buttons (Skip, Cancel) */
253 }
254 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-footer .button:not(.button-primary):not(.button-deactivate) {
255 background: none !important;
256 border: none !important;
257 border-radius: 10px !important;
258 color: #9090a8 !important;
259 font-size: 13px !important;
260 font-weight: 500 !important;
261 padding: 9px 16px !important;
262 cursor: pointer !important;
263 transition: all 0.15s ease !important;
264 box-shadow: none !important;
265 text-shadow: none !important;
266 height: auto !important;
267 line-height: 1.4 !important;
268 }
269 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .fs-modal-footer .button:not(.button-primary):not(.button-deactivate):hover {
270 color: #3a3a52 !important;
271 background: #f4f4f8 !important;
272 }
273 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback {
274 /* Anonymous feedback checkbox */
275 }
276 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .anonymous-feedback-label {
277 font-size: 12px !important;
278 color: #9090a8 !important;
279 }
280 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback {
281 /* Snooze select */
282 }
283 body.jltma-admin .fs-modal.fs-modal-deactivation-feedback .feedback-from-snooze-label {
284 font-size: 12px !important;
285 color: #9090a8 !important;
286 }
287 body.jltma-admin {
288 /* ────────────────────────────────────────────
289 Custom MA Deactivation Dialog
290 ──────────────────────────────────────────── */
291 }
292 @keyframes jltma-rotation {
293 from {
294 transform: rotate(0deg);
295 }
296 to {
297 transform: rotate(359deg);
298 }
299 }
300 body.jltma-admin .jltma-deactivate-survey-overlay {
301 pointer-events: none;
302 opacity: 0;
303 transition: opacity 0.25s ease;
304 position: fixed;
305 inset: 0;
306 z-index: 9999;
307 background: rgba(0, 0, 0, 0.45);
308 backdrop-filter: blur(4px);
309 -webkit-backdrop-filter: blur(4px);
310 }
311 body.jltma-admin .jltma-deactivate-survey-modal {
312 pointer-events: none;
313 opacity: 0;
314 transition: opacity 0.25s ease, transform 0.25s ease;
315 position: fixed;
316 top: 50%;
317 left: 50%;
318 transform: translate(-50%, -50%) scale(0.96);
319 width: 100%;
320 max-width: 630px;
321 border-radius: 16px;
322 background: #fff;
323 color: #1a1a2e;
324 z-index: 99999999;
325 box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04);
326 overflow: hidden;
327 }
328 body.jltma-admin .jltma-deactivate-survey-modal header {
329 padding: 18px 24px;
330 border-bottom: 1px solid #f0f0f3;
331 box-shadow: none;
332 }
333 body.jltma-admin .jltma-deactivate-survey-modal .jltma-deactivate-info {
334 font-size: 13px;
335 font-weight: 500;
336 color: #64648c;
337 padding: 20px 24px 0;
338 line-height: 1.5;
339 text-align: left;
340 }
341 body.jltma-admin .jltma-deactivate-survey-modal.jltma-deactivate-survey-is-visible {
342 transform: translate(-50%, -50%) scale(1);
343 }
344 body.jltma-admin .jltma-deactivate-survey-is-visible {
345 opacity: 1;
346 pointer-events: auto;
347 }
348 body.jltma-admin .jltma-deactivate-survey-header {
349 display: flex;
350 align-items: center;
351 gap: 12px;
352 }
353 body.jltma-admin .jltma-deactivate-survey-header img {
354 width: 28px;
355 height: 28px;
356 border-radius: 6px;
357 }
358 body.jltma-admin .jltma-deactivate-survey-header h3 {
359 margin: 0;
360 font-size: 14px;
361 font-weight: 600;
362 color: #1a1a2e;
363 }
364 body.jltma-admin .jltma-deactivate-content-wrapper {
365 padding: 16px 24px 24px;
366 }
367 body.jltma-admin form.jltma-deactivate-form-wrapper {
368 display: flex;
369 flex-direction: column;
370 gap: 0;
371 padding-bottom: 0;
372 }
373 body.jltma-admin .jltma-deactivate-input-wrapper {
374 display: flex;
375 align-items: center;
376 flex-wrap: wrap;
377 gap: 0;
378 padding: 9px 12px;
379 margin: 0;
380 border-radius: 10px;
381 transition: background-color 0.15s ease;
382 cursor: pointer;
383 }
384 body.jltma-admin .jltma-deactivate-input-wrapper:hover {
385 background: #f8f8fc;
386 }
387 body.jltma-admin .jltma-deactivate-input-wrapper .jltma-deactivate-feedback-dialog-input {
388 appearance: none;
389 -webkit-appearance: none;
390 width: 18px;
391 height: 18px;
392 border: 2px solid #d0d0dc;
393 border-radius: 50%;
394 margin: 0;
395 margin-right: 12px;
396 flex-shrink: 0;
397 cursor: pointer;
398 transition: all 0.15s ease;
399 position: relative;
400 box-shadow: none;
401 float: none;
402 background: #fff;
403 }
404 body.jltma-admin .jltma-deactivate-input-wrapper .jltma-deactivate-feedback-dialog-input:checked {
405 border-color: #7c3aed;
406 background: #7c3aed;
407 }
408 body.jltma-admin .jltma-deactivate-input-wrapper .jltma-deactivate-feedback-dialog-input:checked::after {
409 content: "";
410 position: absolute;
411 top: 50%;
412 left: 50%;
413 transform: translate(-50%, -50%);
414 width: 6px;
415 height: 6px;
416 border-radius: 50%;
417 background: #fff;
418 }
419 body.jltma-admin .jltma-deactivate-input-wrapper .jltma-deactivate-feedback-dialog-input:checked ~ .jltma-deactivate-feedback-text {
420 display: block;
421 }
422 body.jltma-admin .jltma-deactivate-input-wrapper .jltma-deactivate-feedback-dialog-input:not(:checked) ~ .jltma-deactivate-feedback-text {
423 display: none;
424 }
425 body.jltma-admin .jltma-deactivate-input-wrapper .jltma-deactivate-feedback-dialog-label {
426 display: block;
427 font-size: 13px;
428 font-weight: 500;
429 color: #3a3a52;
430 cursor: pointer;
431 line-height: 1.4;
432 flex: 1;
433 }
434 body.jltma-admin .jltma-deactivate-input-wrapper .jltma-deactivate-feedback-text {
435 display: none;
436 width: 100%;
437 margin: 8px 0 0 30px;
438 padding: 8px 12px;
439 font-size: 13px;
440 border: 1px solid #e0e0ea;
441 border-radius: 8px;
442 background: #fafafc;
443 color: #1a1a2e;
444 box-shadow: none;
445 outline: none;
446 transition: border-color 0.15s ease;
447 }
448 body.jltma-admin .jltma-deactivate-input-wrapper .jltma-deactivate-feedback-text:focus {
449 border-color: #7c3aed;
450 background: #fff;
451 }
452 body.jltma-admin .jltma-deactivate-footer {
453 display: flex;
454 align-items: center;
455 justify-content: flex-end;
456 gap: 10px;
457 padding: 20px 0 0;
458 margin-top: 8px;
459 border-top: 1px solid #f0f0f3;
460 }
461 body.jltma-admin .jltma-dialog-lightbox-submit {
462 background: #7c3aed;
463 color: #fff;
464 border: none;
465 border-radius: 10px;
466 padding: 9px 20px;
467 font-size: 13px;
468 font-weight: 600;
469 cursor: pointer;
470 transition: all 0.2s ease;
471 line-height: 1.4;
472 position: relative;
473 }
474 body.jltma-admin .jltma-dialog-lightbox-submit:hover {
475 background: #6d28d9;
476 opacity: 1;
477 }
478 body.jltma-admin .jltma-dialog-lightbox-skip {
479 background: none;
480 border: none;
481 color: #9090a8;
482 font-size: 13px;
483 font-weight: 500;
484 cursor: pointer;
485 padding: 9px 16px;
486 border-radius: 10px;
487 transition: all 0.15s ease;
488 }
489 body.jltma-admin .jltma-dialog-lightbox-skip:hover {
490 color: #3a3a52;
491 background: #f4f4f8;
492 }
493 body.jltma-admin #jltma-dialog-lightbox-submit.jltma-loading {
494 pointer-events: none;
495 opacity: 0.7;
496 }
497 body.jltma-admin #jltma-dialog-lightbox-submit.jltma-loading::before {
498 content: "\f463";
499 font: 14px dashicons;
500 display: inline-block;
501 margin-right: 6px;
502 vertical-align: middle;
503 animation: jltma-rotation 1s linear infinite;
504 }