← All changes | assets/css/admin.css +339 -53 0.0.3 → 2.4.1 View file →

		@@ -1,73 +1,359 @@
1		-.swal2-popup {
2		- width: 50em;
	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	+/* Notice : Starts */
	5	+.better-payment.notice.notice-info {
	6	+ border-left-color: #6e58f7;
3	7	}
4		-.swal2-title {
5		- font-size: 2.25em;
	8	+
	9	+.wpnotice-content-wrapper .button {
	10	+ text-transform: capitalize;
6	11	}
7		-.swal2-content {
8		- font-size: 1.75em;
	12	+
	13	+.wpdeveloper-review-notice {
	14	+ padding: 10px;
	15	+ background-color: #fff;
	16	+ border-radius: 3px;
	17	+ margin: 15px;
	18	+ border-left: 4px solid transparent;
	19	+ display: -webkit-box;
	20	+ display: -ms-flexbox;
	21	+ display: flex;
	22	+ -webkit-box-align: center;
	23	+ -ms-flex-align: center;
	24	+ align-items: center;
9	25	}
10		-.swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
11		- font-size: 1.5em;
	26	+
	27	+.wpdeveloper-review-notice:after {
	28	+ content: "";
	29	+ display: table;
	30	+ clear: both;
12	31	}
13		-/* Transaction Page : Starts */
14		-.better-payment .fix-style.button.bp-select-custom-button {
15		- background: #fff;
16		- border: 1px solid #CFD7E7 !important;
17		- color: #9095A2;
18		- font-weight: normal !important;
19		- width: 100%;
	32	+
	33	+.wpdeveloper-notice-thumbnail {
	34	+ width: 90px;
	35	+ float: left;
	36	+ padding: 5px;
	37	+ text-align: center;
	38	+ border-right: 4px solid transparent;
20	39	}
21		-.better-payment .fix-style.button.bp-select-custom-button:hover {
22		- border: 1px solid #735EF8 !important;
23		- color: #735EF8;
	40	+
	41	+.wpdeveloper-notice-thumbnail img {
	42	+ width: 72px;
	43	+ opacity: 0.85;
	44	+ -webkit-transition: all 0.3s;
	45	+ -o-transition: all 0.3s;
	46	+ transition: all 0.3s;
24	47	}
25		-.better-payment .fix-style.button.bp-select-custom-button:hover svg path {
26		- fill: #735EF8;
	48	+
	49	+.wpdeveloper-notice-thumbnail img:hover {
	50	+ opacity: 1;
27	51	}
28		-.better-payment .fix-style.button.bp-select-custom-button::before,
29		-.better-payment .fix-style.button.bp-select-custom-button::after {
30		- background: unset;
	52	+
	53	+.wpdeveloper-update-notice .wpdeveloper-notice-thumbnail img,
	54	+.wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail img {
	55	+ width: 32px;
31	56	}
32		-.better-payment .bp-select-custom-button-wrap .checkbox input{
33		- border: 1px solid #C0C3D3;
34		- border-radius: 3px;
35		- min-width: 15px;
36		- height: 15px;
	57	+
	58	+.wpdeveloper-update-notice .wpdeveloper-notice-thumbnail,
	59	+.wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail {
	60	+ width: auto;
	61	+ padding: 7px;
37	62	}
38		-.better-payment .bp-select-custom-button-wrap {
39		- position: relative;
	63	+
	64	+.wpdeveloper-update-notice .wpdeveloper-notice-message,
	65	+.wpdeveloper-update_400k-notice .wpdeveloper-notice-message {
	66	+ padding: 5px 0;
40	67	}
41		-.better-payment .bp-select-custom-button-dropdown .checkbox input:checked::before {
42		- height: 20px;
43		- width: 20px;
	68	+
	69	+.wpdeveloper-update-notice,
	70	+.wpdeveloper-update_400k-notice {
	71	+ border-color: #6648fe;
	72	+ padding: 0;
44	73	}
45		-.better-payment .bp-select-custom-button-dropdown {
46		- position: absolute;
47		- right: 0;
48		- /* left: -30%; */
49		- left: 0;
	74	+
	75	+a.ea-notice-cta {
	76	+ background-color: #4d18ff;
	77	+ background: linear-gradient(-30deg, #4d18ff, #9a7cff);
	78	+ margin-top: 30px;
	79	+ color: #fff;
	80	+ padding: 8px 20px;
	81	+ outline: none;
	82	+ text-decoration: none;
	83	+ border-radius: 3px;
	84	+ margin-left: 10px;
	85	+ transition: all 0.3s ease;
50	86	}
51		-.better-payment .email-recipient-field {
52		- margin-bottom: 10px;
	87	+
	88	+a.ea-notice-cta:hover {
	89	+ opacity: 0.85;
53	90	}
54	91
55		-.better-payment .email-recipient-field-note {
56		- color: #666;
	92	+span.coupon-code {
	93	+ background: #ebebeb;
	94	+ padding: 5px 10px;
	95	+ letter-spacing: 0.035em;
57	96	}
58	97
59		-.better-payment .single-transaction-view.bp-left-arrow-lite:before {
60		- color: #597dfc;
	98	+.eael-review-text {
	99	+ overflow: hidden;
61	100	}
62		-.better-payment .page__title span a:hover .single-transaction-view.bp-left-arrow-lite:before {
63		- color: #fff;
	101	+
	102	+.eael-review-text h3 {
	103	+ font-size: 24px;
	104	+ margin: 0 0 5px;
	105	+ font-weight: 400;
	106	+ line-height: 1.3;
64	107	}
65		-.better-payment .page__title span a.single-transaction-view-back-btn:before {
66		- background: rgba(89,125,252,0.1);
	108	+
	109	+.eael-review-text p {
	110	+ font-size: 13px;
	111	+ margin: 0 0 5px;
67	112	}
68		-.better-payment .page__title span a.single-transaction-view-back-btn {
69		- border: none;
70		- background: rgba(89,125,252,0.1);
71		- border-radius: 5px;
	113	+
	114	+.wpdeveloper-notice-link {
	115	+ margin: 8px 0 0 0;
	116	+ padding: 0;
72	117	}
73		-/* Transaction Page : Ends */
	118	+
	119	+.wpdeveloper-notice-link li {
	120	+ display: inline-block;
	121	+ margin-right: 15px;
	122	+}
	123	+
	124	+.wpdeveloper-notice-link li a {
	125	+ display: inline-block;
	126	+ color: #10738b;
	127	+ text-decoration: none;
	128	+ padding-left: 26px;
	129	+ position: relative;
	130	+}
	131	+
	132	+.wpdeveloper-notice-link li a span {
	133	+ position: absolute;
	134	+ left: 0;
	135	+ top: -2px;
	136	+}
	137	+
	138	+.wpdeveloper-notice-message {
	139	+ padding: 10px 0;
	140	+}
	141	+
	142	+.wpdeveloper-upsale-notice .wpdeveloper-notice-message {
	143	+ display: -webkit-box;
	144	+ display: -ms-flexbox;
	145	+ display: flex;
	146	+ -webkit-box-align: center;
	147	+ -ms-flex-align: center;
	148	+ align-items: center;
	149	+ padding: 10px 0;
	150	+}
	151	+
	152	+.wpdeveloper-upsale-notice .wpdeveloper-notice-message + .notice-dismiss {
	153	+ top: 10px;
	154	+}
	155	+
	156	+.wpdeveloper-upsale-notice #plugin-install-core {
	157	+ margin-left: 10px;
	158	+}
	159	+
	160	+.notice.notice-has-thumbnail {
	161	+ padding-left: 0;
	162	+}
	163	+
	164	+.wpdeveloper-upsale-notice {
	165	+ display: -webkit-box;
	166	+ display: -ms-flexbox;
	167	+ display: flex;
	168	+}
	169	+
	170	+.wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail {
	171	+ padding: 10px;
	172	+ width: 40px;
	173	+}
	174	+
	175	+.wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail img {
	176	+ width: 32px;
	177	+}
	178	+
	179	+.toplevel_page_eael-settings .wp-menu-image img {
	180	+ max-width: 20px;
	181	+ padding-top: 8px !important;
	182	+}
	183	+
	184	+.wpdeveloper-upsale-notice .wpdeveloper-notice-message .button {
	185	+ margin-left: 15px;
	186	+}
	187	+
	188	+.eael-menu-notice {
	189	+ background: red;
	190	+ position: absolute;
	191	+ bottom: 24px;
	192	+ right: 0px;
	193	+ display: inline-block;
	194	+ vertical-align: top;
	195	+ box-sizing: border-box;
	196	+ margin: 1px 0 -1px 2px;
	197	+ padding: 0 5px;
	198	+ min-width: 18px;
	199	+ height: 18px;
	200	+ border-radius: 9px;
	201	+ background-color: #d63638;
	202	+ color: #fff;
	203	+ font-size: 11px;
	204	+ line-height: 1.6;
	205	+ text-align: center;
	206	+ z-index: 26;
	207	+ display: none;
	208	+}
	209	+
	210	+/*
	211	+* Halloween Notice css
	212	+*/
	213	+#wpnotice-better-payment-review {
	214	+ padding: 15px;
	215	+}
	216	+
	217	+.better-payment.notice .wpnotice-thumbnail-wrapper {
	218	+ margin-right: 15px;
	219	+ display: flex;
	220	+ align-items: center;
	221	+ max-width: 180px;
	222	+}
	223	+.better-payment.notice .wpnotice-content-wrapper {
	224	+ font-size: 14px;
	225	+}
	226	+.better-payment.notice .wpnotice-content-wrapper p {
	227	+ margin-bottom: 10px;
	228	+}
	229	+.better-payment.notice .wpnotice-content-wrapper a {
	230	+ display: flex;
	231	+ align-items: center;
	232	+}
	233	+
	234	+#wpnotice-better-payment-review a {
	235	+ text-decoration: none;
	236	+}
	237	+
	238	+/* Holiday Notice */
	239	+#wpnotice-better-payment-holiday_notice {
	240	+ border-left: 1px solid #c3c4c7;
	241	+ padding: 10px 40px 10px 20px;
	242	+ gap: 30px !important;
	243	+}
	244	+
	245	+#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary,
	246	+#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary:focus,
	247	+#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button > a.button-primary:hover {
	248	+ background-color: #5626e7;
	249	+ border-color: #5626e7;
	250	+}
	251	+
	252	+#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button {
	253	+ display: flex;
	254	+ align-items: center;
	255	+ justify-content: start;
	256	+}
	257	+
	258	+#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper .bp-notice-action-button .bp-notice-action-dismiss {
	259	+ color: #5626e7;
	260	+ font-size: 14px;
	261	+}
	262	+
	263	+#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper {
	264	+ display: flex;
	265	+ align-items: center;
	266	+ justify-content: space-between;
	267	+ width: 100%;
	268	+}
	269	+
	270	+#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper {
	271	+ align-items: start;
	272	+ flex-direction: column;
	273	+ gap: 5px;
	274	+}
	275	+
	276	+#wpnotice-better-payment-holiday_notice .wpnotice-content-wrapper p {
	277	+ font-size: 15px;
	278	+ margin: 0;
	279	+}
	280	+
	281	+.notice-better-payment-holiday_notice.is-dismissible .wpnotice-thumbnail-wrapper img {
	282	+ width: auto !important;
	283	+ max-width: 160px !important;
	284	+ padding-left: 12px;
	285	+}
	286	+
	287	+@media screen and (max-width: 574px) {
	288	+ #wpnotice-better-payment-holiday_notice {
	289	+ display: none !important;
	290	+ }
	291	+}
	292	+/* Notice : Ends */
	293	+@media only screen and (max-width: 767px) {
	294	+ .notice-better-payment-halloween_notice,
	295	+ .notice-better-payment-black_friday_notice {
	296	+ display: none !important;
	297	+ }
	298	+}
	299	+/*
	300	+* Summer Offer Notice css
	301	+*/
	302	+#wpnotice-better-payment-bp_summer_notice {
	303	+ border-left-color: #5252dc;
	304	+ padding: 10px 40px 14px 20px;
	305	+ background-color: #fff;
	306	+}
	307	+
	308	+#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary,
	309	+#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:focus,
	310	+#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button > a.button-primary:hover {
	311	+ background-color: #5252dc;
	312	+ color: #fff;
	313	+ border: none;
	314	+ border-radius: 6px;
	315	+ padding: 2px 16px;
	316	+ font-size: 14px;
	317	+}
	318	+
	319	+#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper .wpsp-notice-action-button .wpsp-notice-action-dismiss {
	320	+ background: none;
	321	+ border: none;
	322	+ color: #424242;
	323	+ font-size: 14px;
	324	+ font-weight: 400;
	325	+ line-height: 1.5;
	326	+ text-decoration: underline;
	327	+ cursor: pointer;
	328	+ padding: 0;
	329	+ margin: 0;
	330	+ display: inline-block;
	331	+ margin-left: 5px;
	332	+}
	333	+
	334	+#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper {
	335	+ display: flex;
	336	+ align-items: start;
	337	+ justify-content: space-between;
	338	+ width: 100%;
	339	+ flex-direction: column;
	340	+ font-weight: 400;
	341	+}
	342	+
	343	+#wpnotice-better-payment-bp_summer_notice .wpnotice-content-wrapper p {
	344	+ font-size: 14px;
	345	+ margin-top: 0;
	346	+ padding-top: 0;
	347	+ text-transform: capitalize;
	348	+ color: #424242;
	349	+}
	350	+
	351	+#wpnotice-better-payment-bp_summer_notice .notice-dismiss:before {
	352	+ content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8xODFfMzM3NjYpIj4KPHBhdGggZD0iTTEwLjAwMDEgOS4wNDc3MkwxMy4zMzM0IDUuNzE0MzZMMTQuMjg1OCA2LjY2Njc0TDEwLjk1MjQgMTAuMDAwMUwxNC4yODU4IDEzLjMzMzRMMTMuMzMzNCAxNC4yODU4TDEwLjAwMDEgMTAuOTUyNUw2LjY2Njc0IDE0LjI4NThMNS43MTQzNiAxMy4zMzM0TDkuMDQ3NjkgMTAuMDAwMUw1LjcxNDM2IDYuNjY2NzRMNi42NjY3NCA1LjcxNDM2TDEwLjAwMDEgOS4wNDc3MloiIGZpbGw9IiMxNzE3MTciLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9pXzE4MV8zMzc2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwLjcxNDMiIGhlaWdodD0iMjAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeD0iMC43MTQyODYiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC43MTQyODYiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4wOCAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzE4MV8zMzc2NiIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K");
	353	+}
	354	+
	355	+@media only screen and (max-width: 767px) {
	356	+ #wpnotice-better-payment-bp_summer_notice {
	357	+ display: none !important;
	358	+ }
	359	+}