PluginProbe
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More / 2.3.0
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More v2.3.0
2.3.4 2.3.3 2.3.2 2.3.1 2.3.0 2.2.2 2.2.1 2.2.0 2.1.2 2.1.1 trunk 0.0.1 0.0.2 0.0.3 0.0.4 0.0.5 0.0.6 0.0.7 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 All 66 releases
better-payment / assets / css / admin.css

admin.css in Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More 2.3.0, at assets/css/admin.css

569 lines 14.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!***************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].use[3]!./src/css/admin.scss ***!
3 \***************************************************************************************************************************************************************************************************************/
4 .swal2-popup {
5 width: 50em;
6 font-size: 0.8em;
7 }
8
9 .swal2-title {
10 font-size: 2.25em;
11 }
12
13 .swal2-content {
14 font-size: 1.75em;
15 }
16
17 .swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
18 font-size: 1.5em;
19 }
20
21 /* Notice : Starts */
22 .better-payment.notice.notice-info {
23 border-left-color: #6e58f7;
24 }
25
26 .wpnotice-content-wrapper .button {
27 text-transform: capitalize;
28 }
29
30 .wpdeveloper-review-notice {
31 padding: 10px;
32 background-color: #fff;
33 border-radius: 3px;
34 margin: 15px;
35 border-left: 4px solid transparent;
36 display: -webkit-box;
37 display: -ms-flexbox;
38 display: flex;
39 -webkit-box-align: center;
40 -ms-flex-align: center;
41 align-items: center;
42 }
43
44 .wpdeveloper-review-notice:after {
45 content: "";
46 display: table;
47 clear: both;
48 }
49
50 .wpdeveloper-notice-thumbnail {
51 width: 90px;
52 float: left;
53 padding: 5px;
54 text-align: center;
55 border-right: 4px solid transparent;
56 }
57
58 .wpdeveloper-notice-thumbnail img {
59 width: 72px;
60 opacity: 0.85;
61 -webkit-transition: all 0.3s;
62 -o-transition: all 0.3s;
63 transition: all 0.3s;
64 }
65
66 .wpdeveloper-notice-thumbnail img:hover {
67 opacity: 1;
68 }
69
70 .wpdeveloper-update-notice .wpdeveloper-notice-thumbnail img,
71 .wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail img {
72 width: 32px;
73 }
74
75 .wpdeveloper-update-notice .wpdeveloper-notice-thumbnail,
76 .wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail {
77 width: auto;
78 padding: 7px;
79 }
80
81 .wpdeveloper-update-notice .wpdeveloper-notice-message,
82 .wpdeveloper-update_400k-notice .wpdeveloper-notice-message {
83 padding: 5px 0;
84 }
85
86 .wpdeveloper-update-notice,
87 .wpdeveloper-update_400k-notice {
88 border-color: #6648fe;
89 padding: 0;
90 }
91
92 a.ea-notice-cta {
93 background-color: #4d18ff;
94 background: linear-gradient(-30deg, #4d18ff, #9a7cff);
95 margin-top: 30px;
96 color: #fff;
97 padding: 8px 20px;
98 outline: none;
99 text-decoration: none;
100 border-radius: 3px;
101 margin-left: 10px;
102 transition: all 0.3s ease;
103 }
104
105 a.ea-notice-cta:hover {
106 opacity: 0.85;
107 }
108
109 span.coupon-code {
110 background: #ebebeb;
111 padding: 5px 10px;
112 letter-spacing: 0.035em;
113 }
114
115 .eael-review-text {
116 overflow: hidden;
117 }
118
119 .eael-review-text h3 {
120 font-size: 24px;
121 margin: 0 0 5px;
122 font-weight: 400;
123 line-height: 1.3;
124 }
125
126 .eael-review-text p {
127 font-size: 13px;
128 margin: 0 0 5px;
129 }
130
131 .wpdeveloper-notice-link {
132 margin: 8px 0 0 0;
133 padding: 0;
134 }
135
136 .wpdeveloper-notice-link li {
137 display: inline-block;
138 margin-right: 15px;
139 }
140
141 .wpdeveloper-notice-link li a {
142 display: inline-block;
143 color: #10738b;
144 text-decoration: none;
145 padding-left: 26px;
146 position: relative;
147 }
148
149 .wpdeveloper-notice-link li a span {
150 position: absolute;
151 left: 0;
152 top: -2px;
153 }
154
155 .wpdeveloper-notice-message {
156 padding: 10px 0;
157 }
158
159 .wpdeveloper-upsale-notice .wpdeveloper-notice-message {
160 display: -webkit-box;
161 display: -ms-flexbox;
162 display: flex;
163 -webkit-box-align: center;
164 -ms-flex-align: center;
165 align-items: center;
166 padding: 10px 0;
167 }
168
169 .wpdeveloper-upsale-notice .wpdeveloper-notice-message + .notice-dismiss {
170 top: 10px;
171 }
172
173 .wpdeveloper-upsale-notice #plugin-install-core {
174 margin-left: 10px;
175 }
176
177 .notice.notice-has-thumbnail {
178 padding-left: 0;
179 }
180
181 .wpdeveloper-upsale-notice {
182 display: -webkit-box;
183 display: -ms-flexbox;
184 display: flex;
185 }
186
187 .wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail {
188 padding: 10px;
189 width: 40px;
190 }
191
192 .wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail img {
193 width: 32px;
194 }
195
196 .toplevel_page_eael-settings .wp-menu-image img {
197 max-width: 20px;
198 padding-top: 8px !important;
199 }
200
201 .wpdeveloper-upsale-notice .wpdeveloper-notice-message .button {
202 margin-left: 15px;
203 }
204
205 .eael-menu-notice {
206 background: red;
207 position: absolute;
208 bottom: 24px;
209 right: 0px;
210 display: inline-block;
211 vertical-align: top;
212 box-sizing: border-box;
213 margin: 1px 0 -1px 2px;
214 padding: 0 5px;
215 min-width: 18px;
216 height: 18px;
217 border-radius: 9px;
218 background-color: #D63638;
219 color: #fff;
220 font-size: 11px;
221 line-height: 1.6;
222 text-align: center;
223 z-index: 26;
224 display: none;
225 }
226
227 /*
228 * Halloween Notice css
229 */
230 #wpnotice-better-payment-review {
231 padding: 15px;
232 }
233
234 .better-payment.notice .wpnotice-thumbnail-wrapper {
235 margin-right: 15px;
236 display: flex;
237 align-items: center;
238 max-width: 180px;
239 }
240 .better-payment.notice .wpnotice-content-wrapper {
241 font-size: 14px;
242 }
243 .better-payment.notice .wpnotice-content-wrapper p {
244 margin-bottom: 10px;
245 }
246 .better-payment.notice .wpnotice-content-wrapper a {
247 display: flex;
248 align-items: center;
249 }
250
251 #wpnotice-better-payment-review a {
252 text-decoration: none;
253 }
254
255 /* Holiday Notice */
256 #wpnotice-better-payment-holiday_notice {
257 border-left: 1px solid #c3c4c7;
258 padding: 10px 40px 10px 20px;
259 gap: 30px !important;
260 }
261
262 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary,
263 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary:focus,
264 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary:hover {
265 background-color: #5626E7;
266 border-color: #5626E7;
267 }
268
269 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button {
270 display: flex;
271 align-items: center;
272 justify-content: start;
273 }
274
275 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button .bp-notice-action-dismiss {
276 color: #5626E7;
277 font-size: 14px;
278 }
279
280 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper {
281 display: flex;
282 align-items: center;
283 justify-content: space-between;
284 width: 100%;
285 }
286
287 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper {
288 align-items: start;
289 flex-direction: column;
290 gap: 5px;
291 }
292
293 #wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper p {
294 font-size: 15px;
295 margin: 0;
296 }
297
298 .notice-better-payment-holiday_notice.is-dismissible .wpnotice-thumbnail-wrapper img {
299 width: auto !important;
300 max-width: 160px !important;
301 padding-left: 12px;
302 }
303
304 @media screen and (max-width: 574px) {
305 #wpnotice-better-payment-holiday_notice {
306 display: none !important;
307 }
308 }
309 /* Notice : Ends */
310 /* Dashboard Settings Page : Starts */
311 .better-payment .bp-tabs .tab__content {
312 display: block !important;
313 }
314
315 /* Dashboard Settings Page : Ends */
316 /* Transaction Page : Starts */
317 .better-payment .fix-style.button.bp-select-custom-button {
318 background: #fff;
319 border: 1px solid #CFD7E7 !important;
320 color: #9095A2;
321 font-weight: normal !important;
322 width: 100%;
323 }
324
325 .better-payment .fix-style.button.bp-select-custom-button:hover {
326 border: 1px solid #735EF8 !important;
327 color: #735EF8;
328 }
329
330 .better-payment .fix-style.button.bp-select-custom-button:hover svg path {
331 fill: #735EF8;
332 }
333
334 .better-payment .fix-style.button.bp-select-custom-button::before,
335 .better-payment .fix-style.button.bp-select-custom-button::after {
336 background: unset;
337 }
338
339 .better-payment .bp-select-custom-button-wrap .checkbox input {
340 border: 1px solid #C0C3D3;
341 border-radius: 3px;
342 min-width: 15px;
343 height: 15px;
344 }
345
346 .better-payment .bp-select-custom-button-wrap {
347 position: relative;
348 }
349
350 .better-payment .bp-select-custom-button-dropdown .checkbox input:checked::before {
351 height: 20px;
352 width: 20px;
353 }
354
355 .better-payment .bp-select-custom-button-dropdown {
356 position: absolute;
357 right: 0;
358 /* left: -30%; */
359 left: 0;
360 }
361
362 .better-payment .email-recipient-field {
363 margin-bottom: 10px;
364 }
365
366 .better-payment .email-recipient-field-note {
367 color: #666;
368 }
369
370 .better-payment .single-transaction-view.bp-left-arrow-lite:before {
371 color: #597dfc;
372 }
373
374 .better-payment .page__title span a:hover .single-transaction-view.bp-left-arrow-lite:before {
375 color: #fff;
376 }
377
378 .better-payment .page__title span a.single-transaction-view-back-btn:before {
379 background: rgba(89, 125, 252, 0.1);
380 }
381
382 .better-payment .page__title span a.single-transaction-view-back-btn {
383 border: none;
384 background: rgba(89, 125, 252, 0.1);
385 border-radius: 5px;
386 }
387
388 .better-payment .better-payment-transaction-export {
389 padding: 20px 30px;
390 border: 0;
391 margin-left: 10px;
392 }
393
394 .better-payment .better-payment-transaction-reset {
395 margin-left: 20px;
396 padding: 20px 30px;
397 border: none;
398 }
399 .better-payment .better-payment-transaction-import-button.button {
400 margin-left: 10px;
401 padding: 0 20px;
402 height: 40px;
403 }
404 .better-payment .better-payment-transaction-import-wrap .file-cta,
405 .better-payment .better-payment-transaction-import-wrap .file-name {
406 height: 3em;
407 display: flex;
408 }
409 .better-payment .transaction-table-wrapper .col__name p {
410 display: flex;
411 align-items: center;
412 gap: 5px;
413 }
414 .better-payment .transaction-table-wrapper .imported-icon {
415 font-size: 15px;
416 }
417 .better-payment .transaction-table-wrapper .col__source img {
418 max-width: 100px;
419 }
420 .better-payment .font-bold {
421 font-weight: bold;
422 }
423
424 /* Transaction Page : Ends */
425 /* Transaction Details Page : Starts */
426 .better-payment .transaction__info__wrap .source img {
427 max-width: 100px;
428 }
429
430 .better-payment .payment__info .paid_via_selected img {
431 max-width: 100px;
432 }
433
434 /* Transaction Details Page : Ends */
435 @media only screen and (max-width: 767px) {
436 .notice-better-payment-halloween_notice,
437 .notice-better-payment-black_friday_notice {
438 display: none !important;
439 }
440 }
441 /* YouTube Video Modal : Starts */
442 .better-payment .bp-youtube-video-modal .modal-content {
443 max-width: 90vw;
444 max-height: 90vh;
445 }
446 @media screen and (min-width: 769px) {
447 .better-payment .bp-youtube-video-modal .modal-content {
448 max-width: 800px;
449 max-height: 600px;
450 }
451 }
452 @media screen and (min-width: 1024px) {
453 .better-payment .bp-youtube-video-modal .modal-content {
454 max-width: 1000px;
455 max-height: 700px;
456 }
457 }
458 .better-payment .bp-youtube-video-modal .box {
459 padding: 0;
460 position: relative;
461 background: #000;
462 border-radius: 8px;
463 overflow: hidden;
464 }
465 .better-payment .bp-youtube-video-modal .modal-close {
466 position: absolute;
467 top: 10px;
468 right: 10px;
469 z-index: 50;
470 background: rgba(0, 0, 0, 0.7);
471 border-radius: 50%;
472 width: 32px;
473 height: 32px;
474 }
475 .better-payment .bp-youtube-video-modal .modal-close:hover {
476 background: rgba(0, 0, 0, 0.9);
477 }
478 .better-payment .bp-youtube-video-modal .modal-close::before, .better-payment .bp-youtube-video-modal .modal-close::after {
479 background-color: #fff;
480 }
481 .better-payment .bp-youtube-video-modal .video-container {
482 position: relative;
483 width: 100%;
484 height: 0;
485 padding-bottom: 56.25%; /* 16:9 aspect ratio */
486 }
487 .better-payment .bp-youtube-video-modal .video-container iframe {
488 position: absolute;
489 top: 0;
490 left: 0;
491 width: 100%;
492 height: 100%;
493 border: none;
494 }
495
496 /* Enhance play icon hover effect */
497 .better-payment .play-icon-wrap {
498 cursor: pointer;
499 transition: all 0.3s ease;
500 }
501 .better-payment .play-icon-wrap:hover {
502 transform: translate(-50%, -35%) scale(1.1);
503 }
504 .better-payment .play-icon-wrap:hover .play-icon {
505 box-shadow: 0px 15px 20px 0px rgba(108, 59, 255, 0.3019607843);
506 }
507
508 /*
509 * Summer Offer Notice css
510 */
511 #wpnotice-better-payment-bp_summer_notice {
512 border-left-color: #5252DC;
513 padding: 10px 40px 14px 20px;
514 background-color: #fff;
515 }
516
517 #wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
518 #wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
519 #wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
520 background-color: #5252DC;
521 color: #fff;
522 border: none;
523 border-radius: 6px;
524 padding: 2px 16px;
525 font-size: 14px;
526 }
527
528 #wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
529 background: none;
530 border: none;
531 color: #424242;
532 font-size: 14px;
533 font-weight: 400;
534 line-height: 1.5;
535 text-decoration: underline;
536 cursor: pointer;
537 padding: 0;
538 margin: 0;
539 display: inline-block;
540 margin-left: 5px;
541 }
542
543 #wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper {
544 display: flex;
545 align-items: start;
546 justify-content: space-between;
547 width: 100%;
548 flex-direction: column;
549 font-weight: 400;
550 }
551
552 #wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper p {
553 font-size: 14px;
554 margin-top: 0;
555 padding-top: 0;
556 text-transform: capitalize;
557 color: #424242;
558 }
559
560 #wpnotice-better-payment-bp_summer_notice .notice-dismiss:before {
561 content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8xODFfMzM3NjYpIj4KPHBhdGggZD0iTTEwLjAwMDEgOS4wNDc3MkwxMy4zMzM0IDUuNzE0MzZMMTQuMjg1OCA2LjY2Njc0TDEwLjk1MjQgMTAuMDAwMUwxNC4yODU4IDEzLjMzMzRMMTMuMzMzNCAxNC4yODU4TDEwLjAwMDEgMTAuOTUyNUw2LjY2Njc0IDE0LjI4NThMNS43MTQzNiAxMy4zMzM0TDkuMDQ3NjkgMTAuMDAwMUw1LjcxNDM2IDYuNjY2NzRMNi42NjY3NCA1LjcxNDM2TDEwLjAwMDEgOS4wNDc3MloiIGZpbGw9IiMxNzE3MTciLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9pXzE4MV8zMzc2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwLjcxNDMiIGhlaWdodD0iMjAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeD0iMC43MTQyODYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC43MTQyODYiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4wOCAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzE4MV8zMzc2NiIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K");
562 }
563
564 @media only screen and (max-width: 767px) {
565 #wpnotice-better-payment-bp_summer_notice {
566 display: none !important;
567 }
568 }
569