PluginProbe
NotificationX – FOMO, Live Sales Notification, WooCommerce Sales Popup, GDPR, Social Proof, Announcement Banner & Floating Notification Bar / 3.2.11
NotificationX – FOMO, Live Sales Notification, WooCommerce Sales Popup, GDPR, Social Proof, Announcement Banner & Floating Notification Bar v3.2.11
3.3.2 3.3.1 3.3.0 3.2.14 3.2.13 3.2.12 3.2.11 3.2.10 3.2.9 3.2.8 3.2.7 trunk 0.2.5.5 0.2.5.6 0.2.5.7 1.0.0 1.0.1 1.0.2 1.0.3 1.1.0 1.1.1 1.1.2 1.1.3 1.1.4 1.2.0 All 157 releases
notificationx / assets / admin / css / wpdeveloper-review-notice.css

wpdeveloper-review-notice.css in NotificationX – FOMO, Live Sales Notification, WooCommerce Sales Popup, GDPR, Social Proof, Announcement Banner & Floating Notification Bar 3.2.11, at assets/admin/css/wpdeveloper-review-notice.css

653 lines 17.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* review notice */
2 .wpnotice-thumbnail-wrapper img {
3 display: block;
4 }
5 .wpnotice-wrapper.notificationx .wpnotice-thumbnail-wrapper img {
6 width: 45px;
7 }
8 .notice-notificationx-nx_summer_deal_2026 .wpnotice-thumbnail-wrapper img {
9 width: 180px !important;
10 }
11 .button.button-primary.btn-nx-cta {
12 background-color: #6A4BFF;
13 }
14
15 .button.button-primary.btn-nx-cta:hover {
16 background-color: #5414d0;
17 }
18
19 .btn-nx-cta:focus {
20 outline: none;
21 box-shadow: none;
22 }
23
24 .wpnotice-content-wrapper>p {
25 margin-top: 0px;
26 }
27
28 .notice-notificationx-opt_in {
29 display: block !important;
30 }
31
32 .notice-notificationx-review {
33 padding: 10px;
34 background-color: #fff;
35 border-radius: 3px;
36 margin: 15px;
37 grid-template-columns: 80px 1fr !important;
38 display: -webkit-box;
39 display: -ms-flexbox;
40 display: flex;
41 -webkit-box-align: center;
42 -ms-flex-align: center;
43 align-items: center;
44 }
45
46 .notice-notificationx-review .wpnotice-thumbnail-wrapper img{
47 height: 50px;
48 }
49
50 .notice-notificationx-review:after {
51 content: "";
52 display: table;
53 clear: both;
54 }
55
56 .wpdeveloper-notice-thumbnail {
57 width: 90px;
58 float: left;
59 padding: 5px;
60 text-align: center;
61 border-right: 4px solid transparent;
62 }
63
64 .wpdeveloper-notice-thumbnail img {
65 width: 72px;
66 opacity: 0.85;
67 -webkit-transition: all 0.3s;
68 -o-transition: all 0.3s;
69 transition: all 0.3s;
70 }
71
72 .wpdeveloper-notice-thumbnail img:hover {
73 opacity: 1;
74 }
75
76 .wpdeveloper-notice-thumbnail img,
77 .wpdeveloper-update-notice .wpdeveloper-notice-thumbnail img,
78 .wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail img {
79 width: 32px;
80 }
81
82 .wpdeveloper-notice-thumbnail,
83 .wpdeveloper-update-notice .wpdeveloper-notice-thumbnail,
84 .wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail {
85 width: auto;
86 padding: 7px;
87 }
88
89 .wpdeveloper-update-notice .wpdeveloper-notice-message,
90 .wpdeveloper-update_400k-notice .wpdeveloper-notice-message {
91 padding: 5px 0;
92 }
93
94 .wpdeveloper-update-notice,
95 .wpdeveloper-update_400k-notice {
96 border-color: #6648fe;
97 padding: 0
98 }
99
100 a.ea-notice-cta {
101 background-color: #4d18ff;
102 background: linear-gradient(-30deg, #4d18ff, #9a7cff);
103 margin-top: 30px;
104 color: #fff;
105 padding: 8px 20px;
106 outline: none;
107 text-decoration: none;
108 border-radius: 3px;
109 margin-left: 10px;
110 transition: all 0.3s ease;
111 }
112
113 a.ea-notice-cta:hover {
114 opacity: 0.85;
115 }
116
117 span.coupon-code {
118 background: #ebebeb;
119 padding: 5px 10px;
120 letter-spacing: 0.035em;
121 }
122
123 .eael-review-text {
124 overflow: hidden;
125 }
126
127 .eael-review-text h3 {
128 font-size: 24px;
129 margin: 0 0 5px;
130 font-weight: 400;
131 line-height: 1.3;
132 }
133
134 .eael-review-text p {
135 font-size: 13px;
136 margin: 0 0 5px;
137 }
138
139 .notificationx-notice-links {
140 margin: 8px 0 0 0;
141 padding: 0;
142 }
143
144 .notificationx-notice-links li {
145 display: inline-flex;
146 margin-right: 15px;
147 align-items: center;
148 }
149
150 .notificationx-notice-links li a {
151 display: inline-block;
152 color: #10738b;
153 text-decoration: none;
154 position: relative;
155 }
156
157 .wpdeveloper-notice-message {
158 padding: 10px 0;
159 }
160
161 .wpdeveloper-upsale-notice .wpdeveloper-notice-message {
162 display: -webkit-box;
163 display: -ms-flexbox;
164 display: flex;
165 -webkit-box-align: center;
166 -ms-flex-align: center;
167 align-items: center;
168 padding: 10px 0;
169 }
170
171 .wpdeveloper-upsale-notice .wpdeveloper-notice-message+.notice-dismiss {
172 top: 10px;
173 }
174
175 .wpdeveloper-upsale-notice #plugin-install-core {
176 margin-left: 10px;
177 }
178
179 .notice.notice-has-thumbnail {
180 padding-left: 0;
181 }
182
183 .wpdeveloper-upsale-notice {
184 display: -webkit-box;
185 display: -ms-flexbox;
186 display: flex;
187 }
188
189 .wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail {
190 padding: 10px;
191 width: 40px;
192 }
193
194 .wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail img {
195 width: 32px;
196 }
197
198 .toplevel_page_eael-settings .wp-menu-image img {
199 max-width: 20px;
200 padding-top: 8px !important;
201 }
202
203 .wpdeveloper-upsale-notice .wpdeveloper-notice-message .button {
204 margin-left: 15px;
205 }
206
207 .notice-has-thumbnail.wpdeveloper-freedom30-notice {
208 display: grid;
209 grid-template-columns: 70px 1fr;
210 align-items: center;
211 position: relative;
212 /* background-image: linear-gradient(180deg, #8C94FF 0%, #2564FF 100%);
213 color: #fff;
214 border-left: 0px; */
215 }
216
217 .notice-has-thumbnail.wpdeveloper-freedom30-notice .wpdeveloper-notice-thumbnail {
218 width: 70px;
219 }
220
221 .notice-has-thumbnail.wpdeveloper-freedom30-notice .wpdeveloper-notice-thumbnail img {
222 width: 50px;
223 }
224
225 .notice-notificationx-black_friday_notice {
226 padding: 16px 0;
227 display: flex !important;
228 }
229
230 #wpnotice-notificationx-black_friday_notice.notice-info {
231 border-left-color: #5614d5;
232 }
233
234 #wpnotice-notificationx-black_friday_notice .wpnotice-thumbnail-wrapper {
235 padding-left: 30px !important;
236 padding-right: 28px !important;
237 }
238
239 #wpnotice-notificationx-black_friday_notice .wpnotice-content-wrapper a {
240 text-transform: capitalize;
241 margin-right: 16px;
242 }
243
244 #wpnotice-notificationx-black_friday_notice .wpnotice-content-wrapper button {
245 text-transform: capitalize;
246 }
247
248 #wpnotice-notificationx-black_friday_notice .wpnotice-content-wrapper button:hover {
249 background-color: transparent;
250 }
251 .notice-notificationx-6th_anniversary.is-dismissible {
252 gap: 40px !important;
253 padding: 6px 0;
254 }
255 .notice-notificationx-6th_anniversary.is-dismissible .wpnotice-thumbnail-wrapper img {
256 width: auto !important;
257 max-width: 160px !important;
258 padding-left: 12px;
259 }
260
261 .notice-notificationx-6th_anniversary.is-dismissible .wpnotice-content-wrapper {
262 display: flex;
263 align-items: center;
264 gap: 30px;
265 justify-content: space-between;
266 flex: 1;
267 padding-right: 16px;
268 }
269
270 .notice-notificationx-6th_anniversary.is-dismissible .wpnotice-content-wrapper p {
271 margin: 0;
272 font-size: 14px;
273 }
274
275 @media all and (max-width: 1024px) {
276 .notice-notificationx-6th_anniversary.is-dismissible {
277 gap: 24px !important;
278 }
279
280 .notice-notificationx-6th_anniversary.is-dismissible .wpnotice-content-wrapper {
281 flex-wrap: wrap;
282 gap: 8px;
283 }
284 }
285
286 /*
287 * Halloween Notice css
288 */
289 #wpnotice-notificationx-nx_halloween_2024, #wpnotice-notificationx-nx_black_friday_2024 {
290 border-left-color: #1E1E1E;
291 padding: 10px 40px 10px 20px;
292 }
293 #wpnotice-notificationx-nx_halloween_2024 .wpnotice-content-wrapper > a.button-primary,
294 #wpnotice-notificationx-nx_halloween_2024 .wpnotice-content-wrapper > a.button-primary:focus,
295 #wpnotice-notificationx-nx_halloween_2024 .wpnotice-content-wrapper > a.button-primary:hover,
296 #wpnotice-notificationx-nx_black_friday_2024 .wpnotice-content-wrapper > a.button-primary,
297 #wpnotice-notificationx-nx_black_friday_2024 .wpnotice-content-wrapper > a.button-primary:focus,
298 #wpnotice-notificationx-nx_black_friday_2024 .wpnotice-content-wrapper > a.button-primary:hover
299 {
300 background-color: #593dbd;
301 border-color: #593dbd;
302 }
303 #wpnotice-notificationx-nx_halloween_2024 .wpnotice-content-wrapper, #wpnotice-notificationx-nx_black_friday_2024 .wpnotice-content-wrapper {
304 display: flex;
305 align-items: center;
306 justify-content: space-between;
307 width: 100%;
308 }
309 #wpnotice-notificationx-nx_halloween_2024 .wpnotice-content-wrapper p, #wpnotice-notificationx-nx_black_friday_2024 .wpnotice-content-wrapper p {
310 font-size: 14px;
311 margin: 0;
312 }
313 .notice-notificationx-nx_halloween_2024.is-dismissible .wpnotice-thumbnail-wrapper img, .notice-notificationx-nx_black_friday_2024.is-dismissible .wpnotice-thumbnail-wrapper img {
314 width: auto !important;
315 max-width: 160px !important;
316 padding-left: 12px;
317 }
318 @media screen and (max-width: 574px) {
319 #wpnotice-notificationx-nx_halloween_2024, #wpnotice-notificationx-nx_black_friday_2024 {
320 display: none !important;
321 }
322 }
323
324
325 /**
326 * Black Friday Notice 2025
327 */
328 #wpnotice-notificationx-nx_black_friday_2025 {
329 border-left-color: #7F4DDE;
330 padding: 10px 40px 10px 20px;
331 }
332 #wpnotice-notificationx-nx_black_friday_2025 .wpnotice-thumbnail-wrapper img{
333 width: 180px;
334 }
335 #wpnotice-notificationx-nx_black_friday_2025 .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
336 #wpnotice-notificationx-nx_black_friday_2025 .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
337 #wpnotice-notificationx-nx_black_friday_2025 .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
338 background-color: #3B4045;
339 color: #fff;
340 box-shadow: 0px 1px 0px 0px #000000;
341 border: none;
342 border-radius: 6px;
343 padding: 2px 16px;
344 }
345
346 #wpnotice-notificationx-nx_black_friday_2025 .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
347 background: none;
348 border: none;
349 color: #424242;
350 font-size: 14px;
351 font-weight: 400;
352 line-height: 1.5;
353 text-decoration: underline;
354 cursor: pointer;
355 padding: 0;
356 margin: 0;
357 display: inline-block;
358 margin-left: 5px;
359 }
360
361
362 #wpnotice-notificationx-nx_black_friday_2025 .wpnotice-content-wrapper {
363 display: flex;
364 align-items: start;
365 justify-content: space-between;
366 width: 100%;
367 flex-direction: column;
368 }
369 #wpnotice-notificationx-nx_black_friday_2025 .wpnotice-content-wrapper p{
370 font-size: 15px;
371 margin-top: 0;
372 padding-top: 0;
373 }
374
375 /**
376 * Holiday Deal 2025
377 */
378 #wpnotice-notificationx-nx_holiday_2025 {
379 border-left-color: #7F4DDE;
380 padding: 10px 40px 10px 20px;
381 }
382 #wpnotice-notificationx-nx_holiday_2025 .wpnotice-thumbnail-wrapper img{
383 width: 180px;
384 }
385 #wpnotice-notificationx-nx_holiday_2025 .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
386 #wpnotice-notificationx-nx_holiday_2025 .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
387 #wpnotice-notificationx-nx_holiday_2025 .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
388 background-color: #2B65D9;
389 color: #FFFFFF;
390 box-shadow: 0px 1px 0px 0px #000000;
391 border: none;
392 border-radius: 6px;
393 padding: 2px 16px;
394 }
395
396 #wpnotice-notificationx-nx_holiday_2025 .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
397 background: none;
398 border: none;
399 color: #2B65D9;
400 font-size: 14px;
401 font-weight: 400;
402 line-height: 1.5;
403 text-decoration: underline;
404 cursor: pointer;
405 padding: 0;
406 margin: 0;
407 display: inline-block;
408 margin-left: 5px;
409 }
410
411
412 #wpnotice-notificationx-nx_holiday_2025 .wpnotice-content-wrapper {
413 display: flex;
414 align-items: start;
415 justify-content: space-between;
416 width: 100%;
417 flex-direction: column;
418 }
419 #wpnotice-notificationx-nx_holiday_2025 .wpnotice-content-wrapper p{
420 font-size: 15px;
421 margin-top: 0;
422 padding-top: 0;
423 }
424
425
426
427 /**
428 * February Deal 2026
429 */
430 #wpnotice-notificationx-nx_february_deal {
431 border-left-color: #7F4DDE;
432 padding: 10px 40px 10px 20px;
433 }
434 #wpnotice-notificationx-nx_february_deal .wpnotice-thumbnail-wrapper img{
435 width: 180px;
436 }
437 #wpnotice-notificationx-nx_february_deal .nx-notice-action-button {
438 display: flex;
439 justify-content: center;
440 align-items: center;
441 gap: 12px;
442 }
443 #wpnotice-notificationx-nx_february_deal .nx-notice-action-button .nx-notice-action-dismiss.dismiss-btn{
444 color: #424242;
445 }
446
447 #wpnotice-notificationx-nx_february_deal .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
448 #wpnotice-notificationx-nx_february_deal .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
449 #wpnotice-notificationx-nx_february_deal .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
450 background-color: #2B65D9;
451 color: #FFFFFF;
452 box-shadow: 0px 1px 0px 0px #000000;
453 border: none;
454 border-radius: 6px;
455 padding: 2px 16px;
456 }
457
458 #wpnotice-notificationx-nx_february_deal .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
459 background: none;
460 border: none;
461 color: #2B65D9;
462 font-size: 14px;
463 font-weight: 400;
464 line-height: 1.5;
465 text-decoration: underline;
466 cursor: pointer;
467 padding: 0;
468 margin: 0;
469 display: inline-block;
470 margin-left: 5px;
471 }
472
473
474 #wpnotice-notificationx-nx_february_deal .wpnotice-content-wrapper {
475 display: flex;
476 align-items: start;
477 justify-content: space-between;
478 width: 100%;
479 flex-direction: column;
480 }
481 #wpnotice-notificationx-nx_february_deal .wpnotice-content-wrapper p{
482 font-size: 15px;
483 margin-top: 0;
484 padding-top: 0;
485 color: #171717;
486 }
487
488
489 /**
490 * Spring Campaign 2026
491 */
492 #wpnotice-notificationx-nx_spring_deal_2026 {
493 border-left: 3px solid #5252dc;
494 background-color: #ffffff;
495 padding: 10px 40px 10px 20px;
496 }
497 #wpnotice-notificationx-nx_spring_deal_2026 .wpnotice-thumbnail-wrapper img {
498 width: 180px;
499 }
500 #wpnotice-notificationx-nx_spring_deal_2026 .wpnotice-content-wrapper {
501 display: flex;
502 align-items: flex-start;
503 justify-content: center;
504 width: 100%;
505 flex-direction: column;
506 gap: 10px;
507 }
508 #wpnotice-notificationx-nx_spring_deal_2026 .wpnotice-content-wrapper p {
509 font-size: 14px;
510 line-height: 1.4;
511 margin: 0;
512 padding: 0;
513 color: #171717;
514 }
515 #wpnotice-notificationx-nx_spring_deal_2026 .wpnotice-content-wrapper p strong {
516 font-weight: 600;
517 color: #171717;
518 }
519 #wpnotice-notificationx-nx_spring_deal_2026 .nx-notice-action-button {
520 display: flex;
521 justify-content: center;
522 align-items: center;
523 gap: 12px;
524 }
525 #wpnotice-notificationx-nx_spring_deal_2026 .nx-notice-action-button > a.button-primary,
526 #wpnotice-notificationx-nx_spring_deal_2026 .nx-notice-action-button > a.button-primary:focus,
527 #wpnotice-notificationx-nx_spring_deal_2026 .nx-notice-action-button > a.button-primary:hover {
528 background-color: #5252dc;
529 color: #ffffff;
530 border: none;
531 border-radius: 6px;
532 padding: 8px 16px;
533 font-size: 14px;
534 font-weight: 500;
535 line-height: normal;
536 text-decoration: none;
537 box-shadow: none;
538 text-shadow: none;
539 }
540 #wpnotice-notificationx-nx_spring_deal_2026 .nx-notice-action-button .nx-notice-action-dismiss.dismiss-btn {
541 background: none;
542 border: none;
543 color: #424242;
544 font-size: 14px;
545 font-weight: 400;
546 line-height: normal;
547 text-decoration: underline;
548 cursor: pointer;
549 padding: 8px 0;
550 margin: 0;
551 display: inline-block;
552 box-shadow: none;
553 }
554
555
556 /*
557 * Holidays Deal css
558 */
559 #wpnotice-notificationx-nx_holidays_deal, #wpnotice-notificationx-nx_black_friday_2024 {
560 border-left: 1px solid #c3c4c7;
561 padding: 10px 40px 10px 20px;
562 }
563 #wpnotice-notificationx-nx_holidays_deal .wpnotice-content-wrapper .nx-notice-action-button > a.button-primary,
564 #wpnotice-notificationx-nx_holidays_deal .wpnotice-content-wrapper .nx-notice-action-button > a.button-primary:focus,
565 #wpnotice-notificationx-nx_holidays_deal .wpnotice-content-wrapper .nx-notice-action-button > a.button-primary:hover
566 {
567 background-color: #5626E7;
568 border-color: #5626E7;
569 }
570 #wpnotice-notificationx-nx_holidays_deal .wpnotice-content-wrapper .nx-notice-action-button {
571 display: flex;
572 align-items: center;
573 justify-content: start;
574 }
575 #wpnotice-notificationx-nx_holidays_deal .wpnotice-content-wrapper .nx-notice-action-button .nx-notice-action-dismiss {
576 color: #5626E7;
577 font-size: 14px;
578 }
579 #wpnotice-notificationx-nx_holidays_deal .wpnotice-content-wrapper {
580 display: flex;
581 align-items: center;
582 justify-content: space-between;
583 width: 100%;
584 }
585 #wpnotice-notificationx-nx_holidays_deal .wpnotice-content-wrapper {
586 align-items: start;
587 flex-direction: column;
588 gap: 5px;
589 }
590 #wpnotice-notificationx-nx_holidays_deal .wpnotice-content-wrapper p {
591 font-size: 15px;
592 margin: 0;
593 }
594 .notice-notificationx-nx_holidays_deal.is-dismissible .wpnotice-thumbnail-wrapper img {
595 width: auto !important;
596 max-width: 160px !important;
597 padding-left: 12px;
598 }
599 @media screen and (max-width: 574px) {
600 #wpnotice-notificationx-nx_holidays_deal {
601 display: none !important;
602 }
603 }
604
605 /*
606 * Nx Summer Deal 2026 Notice
607 */
608 #wpnotice-notificationx-nx_summer_deal_2026 {
609 border-left-color: #5252dc;
610 padding: 10px 40px 10px 20px;
611 }
612 #wpnotice-notificationx-nx_summer_deal_2026 .wpnotice-content-wrapper {
613 display: flex;
614 align-items: start;
615 justify-content: space-between;
616 width: 100%;
617 flex-direction: column;
618 gap: 5px;
619 }
620 #wpnotice-notificationx-nx_summer_deal_2026 .wpnotice-content-wrapper p {
621 font-size: 14px;
622 margin-top: 0;
623 padding-top: 0;
624 }
625 #wpnotice-notificationx-nx_summer_deal_2026 .wpnotice-content-wrapper .nx-notice-action-button > a.button-primary,
626 #wpnotice-notificationx-nx_summer_deal_2026 .wpnotice-content-wrapper .nx-notice-action-button > a.button-primary:focus,
627 #wpnotice-notificationx-nx_summer_deal_2026 .wpnotice-content-wrapper .nx-notice-action-button > a.button-primary:hover {
628 background-color: #5252dc;
629 color: #ffffff;
630 box-shadow: 0px 1px 0px 0px #000000;
631 border: none;
632 border-radius: 6px;
633 padding: 2px 16px;
634 }
635 #wpnotice-notificationx-nx_summer_deal_2026 .wpnotice-content-wrapper .nx-notice-action-button .nx-notice-action-dismiss {
636 background: none;
637 border: none;
638 color: #424242;
639 font-size: 14px;
640 font-weight: 400;
641 line-height: 1.5;
642 text-decoration: underline;
643 cursor: pointer;
644 padding: 0;
645 margin: 0;
646 display: inline-block;
647 margin-left: 5px;
648 }
649 @media screen and (max-width: 574px) {
650 #wpnotice-notificationx-nx_summer_deal_2026 {
651 display: none !important;
652 }
653 }