PluginProbe
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More / 2.4.0
Better Payment – Instant Payments, Donations, Fundraising with Subscriptions & More v2.4.0
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 2.4.0, at assets/css/admin.css

360 lines 9.6 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 /* Notice : Starts */
5 .better-payment.notice.notice-info {
6 border-left-color: #6e58f7;
7 }
8
9 .wpnotice-content-wrapper .button {
10 text-transform: capitalize;
11 }
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;
25 }
26
27 .wpdeveloper-review-notice:after {
28 content: "";
29 display: table;
30 clear: both;
31 }
32
33 .wpdeveloper-notice-thumbnail {
34 width: 90px;
35 float: left;
36 padding: 5px;
37 text-align: center;
38 border-right: 4px solid transparent;
39 }
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;
47 }
48
49 .wpdeveloper-notice-thumbnail img:hover {
50 opacity: 1;
51 }
52
53 .wpdeveloper-update-notice .wpdeveloper-notice-thumbnail img,
54 .wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail img {
55 width: 32px;
56 }
57
58 .wpdeveloper-update-notice .wpdeveloper-notice-thumbnail,
59 .wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail {
60 width: auto;
61 padding: 7px;
62 }
63
64 .wpdeveloper-update-notice .wpdeveloper-notice-message,
65 .wpdeveloper-update_400k-notice .wpdeveloper-notice-message {
66 padding: 5px 0;
67 }
68
69 .wpdeveloper-update-notice,
70 .wpdeveloper-update_400k-notice {
71 border-color: #6648fe;
72 padding: 0;
73 }
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;
86 }
87
88 a.ea-notice-cta:hover {
89 opacity: 0.85;
90 }
91
92 span.coupon-code {
93 background: #ebebeb;
94 padding: 5px 10px;
95 letter-spacing: 0.035em;
96 }
97
98 .eael-review-text {
99 overflow: hidden;
100 }
101
102 .eael-review-text h3 {
103 font-size: 24px;
104 margin: 0 0 5px;
105 font-weight: 400;
106 line-height: 1.3;
107 }
108
109 .eael-review-text p {
110 font-size: 13px;
111 margin: 0 0 5px;
112 }
113
114 .wpdeveloper-notice-link {
115 margin: 8px 0 0 0;
116 padding: 0;
117 }
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 }
360