PluginProbe
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More / 1.0.2
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More v1.0.2
2.4.1 2.4.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 All 68 releases
better-payment / assets / css / admin.css

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

370 lines 7.5 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[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./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-better-payment-black_friday_notice .wpnotice-content-wrapper {
27 padding: 0 !important;
28 }
29
30 #wpnotice-better-payment-black_friday_notice .wpnotice-content-wrapper p {
31 margin: 0;
32 }
33
34 .wpnotice-content-wrapper .button {
35 text-transform: capitalize;
36 }
37
38 .wpdeveloper-review-notice {
39 padding: 10px;
40 background-color: #fff;
41 border-radius: 3px;
42 margin: 15px;
43 border-left: 4px solid transparent;
44 display: -webkit-box;
45 display: -ms-flexbox;
46 display: flex;
47 -webkit-box-align: center;
48 -ms-flex-align: center;
49 align-items: center;
50 }
51
52 .wpdeveloper-review-notice:after {
53 content: "";
54 display: table;
55 clear: both;
56 }
57
58 .wpdeveloper-notice-thumbnail {
59 width: 90px;
60 float: left;
61 padding: 5px;
62 text-align: center;
63 border-right: 4px solid transparent;
64 }
65
66 .wpdeveloper-notice-thumbnail img {
67 width: 72px;
68 opacity: 0.85;
69 -webkit-transition: all 0.3s;
70 -o-transition: all 0.3s;
71 transition: all 0.3s;
72 }
73
74 .wpdeveloper-notice-thumbnail img:hover {
75 opacity: 1;
76 }
77
78 .wpdeveloper-update-notice .wpdeveloper-notice-thumbnail img,
79 .wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail img {
80 width: 32px;
81 }
82
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 .wpdeveloper-notice-link {
140 margin: 8px 0 0 0;
141 padding: 0;
142 }
143
144 .wpdeveloper-notice-link li {
145 display: inline-block;
146 margin-right: 15px;
147 }
148
149 .wpdeveloper-notice-link li a {
150 display: inline-block;
151 color: #10738b;
152 text-decoration: none;
153 padding-left: 26px;
154 position: relative;
155 }
156
157 .wpdeveloper-notice-link li a span {
158 position: absolute;
159 left: 0;
160 top: -2px;
161 }
162
163 .wpdeveloper-notice-message {
164 padding: 10px 0;
165 }
166
167 .wpdeveloper-upsale-notice .wpdeveloper-notice-message {
168 display: -webkit-box;
169 display: -ms-flexbox;
170 display: flex;
171 -webkit-box-align: center;
172 -ms-flex-align: center;
173 align-items: center;
174 padding: 10px 0;
175 }
176
177 .wpdeveloper-upsale-notice .wpdeveloper-notice-message + .notice-dismiss {
178 top: 10px;
179 }
180
181 .wpdeveloper-upsale-notice #plugin-install-core {
182 margin-left: 10px;
183 }
184
185 .notice.notice-has-thumbnail {
186 padding-left: 0;
187 }
188
189 .wpdeveloper-upsale-notice {
190 display: -webkit-box;
191 display: -ms-flexbox;
192 display: flex;
193 }
194
195 .wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail {
196 padding: 10px;
197 width: 40px;
198 }
199
200 .wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail img {
201 width: 32px;
202 }
203
204 .toplevel_page_eael-settings .wp-menu-image img {
205 max-width: 20px;
206 padding-top: 8px !important;
207 }
208
209 .wpdeveloper-upsale-notice .wpdeveloper-notice-message .button {
210 margin-left: 15px;
211 }
212
213 .eael-menu-notice {
214 background: red;
215 position: absolute;
216 bottom: 24px;
217 right: 0px;
218 display: inline-block;
219 vertical-align: top;
220 box-sizing: border-box;
221 margin: 1px 0 -1px 2px;
222 padding: 0 5px;
223 min-width: 18px;
224 height: 18px;
225 border-radius: 9px;
226 background-color: #D63638;
227 color: #fff;
228 font-size: 11px;
229 line-height: 1.6;
230 text-align: center;
231 z-index: 26;
232 display: none;
233 }
234
235 .notice-better-payment-black_friday_notice {
236 border-left-color: #3557FF;
237 padding: 10px;
238 }
239
240 .notice-better-payment-black_friday_notice .button {
241 margin-right: 10px;
242 }
243
244 .notice-better-payment-black_friday_notice .gift-icon {
245 font-size: 20px;
246 vertical-align: middle;
247 }
248
249 #wpnotice-better-payment-review {
250 padding: 15px;
251 }
252
253 .better-payment.notice .wpnotice-thumbnail-wrapper {
254 margin-right: 15px;
255 display: flex;
256 align-items: center;
257 max-width: 180px;
258 }
259 .better-payment.notice .wpnotice-content-wrapper {
260 font-size: 14px;
261 }
262 .better-payment.notice .wpnotice-content-wrapper p {
263 margin-bottom: 10px;
264 }
265 .better-payment.notice .wpnotice-content-wrapper a {
266 display: flex;
267 align-items: center;
268 }
269
270 #wpnotice-better-payment-review a {
271 text-decoration: none;
272 }
273
274 /* Notice : Ends */
275 /* Transaction Page : Starts */
276 .better-payment .fix-style.button.bp-select-custom-button {
277 background: #fff;
278 border: 1px solid #CFD7E7 !important;
279 color: #9095A2;
280 font-weight: normal !important;
281 width: 100%;
282 }
283
284 .better-payment .fix-style.button.bp-select-custom-button:hover {
285 border: 1px solid #735EF8 !important;
286 color: #735EF8;
287 }
288
289 .better-payment .fix-style.button.bp-select-custom-button:hover svg path {
290 fill: #735EF8;
291 }
292
293 .better-payment .fix-style.button.bp-select-custom-button::before,
294 .better-payment .fix-style.button.bp-select-custom-button::after {
295 background: unset;
296 }
297
298 .better-payment .bp-select-custom-button-wrap .checkbox input {
299 border: 1px solid #C0C3D3;
300 border-radius: 3px;
301 min-width: 15px;
302 height: 15px;
303 }
304
305 .better-payment .bp-select-custom-button-wrap {
306 position: relative;
307 }
308
309 .better-payment .bp-select-custom-button-dropdown .checkbox input:checked::before {
310 height: 20px;
311 width: 20px;
312 }
313
314 .better-payment .bp-select-custom-button-dropdown {
315 position: absolute;
316 right: 0;
317 /* left: -30%; */
318 left: 0;
319 }
320
321 .better-payment .email-recipient-field {
322 margin-bottom: 10px;
323 }
324
325 .better-payment .email-recipient-field-note {
326 color: #666;
327 }
328
329 .better-payment .single-transaction-view.bp-left-arrow-lite:before {
330 color: #597dfc;
331 }
332
333 .better-payment .page__title span a:hover .single-transaction-view.bp-left-arrow-lite:before {
334 color: #fff;
335 }
336
337 .better-payment .page__title span a.single-transaction-view-back-btn:before {
338 background: rgba(89, 125, 252, 0.1);
339 }
340
341 .better-payment .page__title span a.single-transaction-view-back-btn {
342 border: none;
343 background: rgba(89, 125, 252, 0.1);
344 border-radius: 5px;
345 }
346
347 .better-payment .better-payment-transaction-export {
348 padding: 20px 30px;
349 border: 0;
350 margin-left: 30px;
351 }
352
353 .better-payment .better-payment-transaction-reset {
354 margin-left: 20px;
355 padding: 20px 30px;
356 border: none;
357 }
358
359 /* Transaction Page : Ends */
360 /* Transaction Details Page : Starts */
361 .better-payment .transaction__info__wrap .source img {
362 max-width: 100px;
363 }
364
365 .better-payment .payment__info .paid_via_selected img {
366 max-width: 100px;
367 }
368
369 /* Transaction Details Page : Ends */
370