PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.8.11.3
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.8.11.3
1.8.13.1 1.8.13 1.8.12.3 1.8.12.2 1.8.12.1 1.8.12 1.8.11.3 1.8.11.2 1.8.11.1 1.8.11 1.6.6 1.6.60 1.6.7 1.6.8 1.6.9 1.7.0 1.7.0.1 1.7.0.11 1.7.0.12 1.7.0.14 1.7.0.2 1.7.0.3 1.7.0.5 1.7.0.6 1.7.0.7 All 212 releases
charitable / assets / css / campaign-builder / builder-onboarding.css

builder-onboarding.css in Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) 1.8.11.3, at assets/css/campaign-builder/builder-onboarding.css

604 lines 14.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .tooltipster-base.tooltipster-sidetip .tooltipster-content {
2 font-size: 14px;
3 padding: 8px 16px;
4 }
5
6 .tooltipster-base.tooltipster-sidetip .tooltipster-arrow-border {
7 display: none;
8 }
9
10 .tooltipster-base.tooltipster-sidetip .tooltipster-arrow-background {
11 border-width: 6px;
12 border-color: transparent;
13 }
14
15 .tooltipster-base.tooltipster-sidetip .tooltipster-box {
16 background: rgba(34, 34, 34, 0.95);
17 border: none;
18 }
19
20 .tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background, .tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
21 top: 0;
22 }
23
24 .tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow, .tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
25 height: 6px;
26 margin-left: -6px;
27 width: 12px;
28 }
29
30 .tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background, .tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
31 left: 0;
32 }
33
34 .tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow, .tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
35 height: 12px;
36 margin-top: -6px;
37 width: 6px;
38 }
39
40 .tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-box {
41 margin-bottom: 6px;
42 }
43
44 .tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
45 border-top-color: rgba(34, 34, 34, 0.95);
46 }
47
48 .tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
49 margin-top: 6px;
50 }
51
52 .tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
53 border-bottom-color: rgba(34, 34, 34, 0.95);
54 }
55
56 .tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
57 top: -6px;
58 }
59
60 .tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-box {
61 margin-left: 6px;
62 }
63
64 .tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
65 border-right-color: rgba(34, 34, 34, 0.95);
66 }
67
68 .tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
69 left: -6px;
70 }
71
72 .tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-box {
73 margin-right: 6px;
74 }
75
76 .tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
77 border-left-color: rgba(34, 34, 34, 0.95);
78 }
79
80 .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
81 bottom: 12px !important;
82 }
83
84 span.charitable-onboarding-dot {
85 display: inline-block;
86 width: 12px;
87 height: 12px !important;
88 padding: 0 !important;
89 border: 0 !important;
90 border-radius: 50%;
91 background-color: #df7739;
92 animation: charitable-onboarding-dot-pulse 1.5s infinite !important;
93 }
94
95 span.charitable-onboarding-dot.charitable-onboarding-dot-step1 {
96 margin: 0 27px 0px 0;
97 position: absolute;
98 bottom: 3px;
99 right: -1px;
100 }
101
102 span.charitable-onboarding-dot.charitable-onboarding-dot-step2 {
103 margin-left: 10px;
104 vertical-align: -2px;
105 }
106
107 span.charitable-onboarding-dot.charitable-onboarding-dot-step3 {
108 margin-top: 5px;
109 right: 30px;
110 position: absolute;
111 top: 12px;
112 }
113
114 span.charitable-onboarding-dot.charitable-onboarding-dot-step4 {
115 position: absolute;
116 right: -7px;
117 top: 13px;
118 border: 1px solid white !important;
119 }
120
121 span.charitable-onboarding-dot.charitable-onboarding-dot-step5 {
122 margin: 0 -10px 0 0;
123 top: 3px;
124 position: relative;
125 left: -14px;
126 }
127
128 span.charitable-onboarding-dot.charitable-onboarding-dot-completed {
129 display: none;
130 visibility: hidden;
131 }
132
133 .wp-editor-tools span.charitable-onboarding-dot.charitable-onboarding-dot-step5 {
134 margin-top: 9px;
135 }
136
137 .charitable-onboarding-popup-container {
138 display: none;
139 background-color: rgba(112, 128, 144, 0.6);
140 height: 100vh;
141 width: 100%;
142 position: fixed;
143 top: 0;
144 left: 0;
145 z-index: 100100;
146 overflow: hidden;
147 overflow-y: scroll;
148 transition: all 0.25s ease-out;
149 }
150
151 .charitable-onboarding-popup {
152 display: none;
153 position: absolute;
154 top: 50%;
155 left: 50%;
156 transform: translate(-50%, -50%);
157 max-width: 600px;
158 border-radius: 8px;
159 overflow: hidden;
160 background-color: white;
161 box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
162 z-index: 9999;
163 }
164
165 .charitable-onboarding-popup-congrats {
166 background: #fff url("../images/onboarding/confetti.svg") repeat center;
167 }
168
169 .charitable-onboarding-popup-header {
170 width: 100%;
171 height: 212px;
172 border-top-left-radius: 8px;
173 border-top-right-radius: 8px;
174 }
175
176 .charitable-onboarding-popup-header-contact {
177 background: #eee url("../images/onboarding/popup-contact.png") no-repeat center;
178 background-size: auto 57%;
179 }
180
181 .charitable-onboarding-popup-footer {
182 padding: 40px;
183 background: #f5f5f5;
184 }
185
186 .charitable-onboarding-popup-footer h3 {
187 font-size: 20px;
188 line-height: 24px;
189 color: #2c3338;
190 margin: 0 0 20px;
191 }
192
193 .charitable-onboarding-popup-footer h3 img {
194 vertical-align: -4px;
195 margin-left: 2px;
196 }
197
198 .charitable-onboarding-popup-footer p {
199 font-weight: normal;
200 font-size: 16px;
201 line-height: 24px;
202 }
203
204 .charitable-onboarding-popup-footer a.charitable-onboarding-popup-btn {
205 margin-left: 0 !important;
206 background: #2271b1;
207 }
208
209 .charitable-onboarding-popup-footer a.charitable-onboarding-popup-btn:hover {
210 background: #215d8f;
211 }
212
213 .charitable-onboarding-popup-content {
214 padding: 40px;
215 -webkit-font-smoothing: antialiased;
216 }
217
218 .charitable-onboarding-popup-content h3 {
219 color: #df7739;
220 margin: 0 0 10px 0;
221 font-size: 24px;
222 font-weight: 600;
223 line-height: 30px;
224 }
225
226 .charitable-onboarding-popup-content h3 img {
227 vertical-align: -6px;
228 margin-left: 6px;
229 width: 32px;
230 height: 32px;
231 }
232
233 .charitable-onboarding-popup-content p {
234 font-size: 16px;
235 margin: 0 0 20px;
236 color: #444444;
237 line-height: 28px;
238 }
239
240 .charitable-onboarding-popup-content b {
241 font-weight: 600;
242 }
243
244 .charitable-onboarding-popup-content .charitable-onboarding-contact-message {
245 box-shadow: none;
246 resize: none;
247 margin-bottom: 21px;
248 width: 100%;
249 min-height: 175px;
250 padding: 10px;
251 }
252
253 .charitable-onboarding-popup-content label {
254 font-size: 13.8px;
255 display: block;
256 margin-bottom: 23px;
257 }
258
259 .charitable-onboarding-popup-content input[type=checkbox] {
260 margin-right: 8px;
261 }
262
263 .charitable-onboarding-popup-content .rating-stars {
264 color: #fdb72c;
265 font-size: 18px;
266 font-weight: bold;
267 }
268
269 .charitable-onboarding-popup-content select, .charitable-onboarding-popup-content input[type=text] {
270 border-radius: 4px;
271 border: 1px solid #d6d6d6;
272 padding: 8px 12px;
273 width: 320px;
274 font-size: 14px;
275 line-height: 21px;
276 color: #777777;
277 vertical-align: middle;
278 }
279
280 .charitable-onboarding-popup-content select:focus, .charitable-onboarding-popup-content input[type=text]:focus {
281 color: #777777;
282 }
283
284 .charitable-onboarding-popup .charitable-onboarding-popup-close {
285 font-size: 27px;
286 color: #a7aaad;
287 position: absolute;
288 right: 0;
289 margin: 11px 10px 10px 10px;
290 background-color: #ffffff;
291 border-radius: 50%;
292 cursor: pointer;
293 }
294
295 .charitable-onboarding-popup .charitable-onboarding-popup-close:hover {
296 color: #777777;
297 }
298
299 .charitable-onboarding-popup .charitable-onboarding-popup-btn {
300 display: inline-block;
301 border-radius: 4px;
302 cursor: pointer;
303 text-decoration: none;
304 text-align: center;
305 vertical-align: middle;
306 white-space: nowrap;
307 box-shadow: none;
308 font-size: 16px;
309 font-weight: 600;
310 line-height: 19px;
311 padding: 10px 20px;
312 border: none;
313 background-color: #df7739;
314 color: #ffffff;
315 }
316
317 .charitable-onboarding-popup .charitable-onboarding-popup-btn:hover {
318 background-color: #b85a1b;
319 }
320
321 .charitable-onboarding-popup .charitable-onboarding-popup-btn .dashicons-external {
322 margin-left: 6px;
323 }
324
325 .charitable-onboarding-popup .charitable-onboarding-popup-btn:last-child {
326 margin-left: 20px;
327 }
328
329 .charitable-onboarding-popup .charitable-onboarding-popup-btn.charitable-onboarding-popup-contact-btn {
330 margin-left: 0;
331 }
332
333 .charitable-onboarding-popup .charitable-onboarding-popup-btn.charitable-onboarding-popup-rate-btn {
334 margin-left: 0;
335 }
336
337 .charitable-onboarding-popup .charitable-onboarding-popup-btn:disabled {
338 cursor: default;
339 opacity: 0.5;
340 }
341
342 .charitable-onboarding-popup .charitable-onboarding-popup-btn:disabled:hover {
343 background-color: #df7739;
344 }
345
346 .charitable-onboarding-popup .charitable-onboarding-popup-flex {
347 display: flex;
348 flex-wrap: nowrap;
349 justify-content: space-between;
350 align-items: stretch;
351 }
352
353 .charitable-onboarding-popup .charitable-onboarding-popup-flex * {
354 margin: 0 !important;
355 }
356
357 .charitable-onboarding-popup.charitable-onboarding-popup-plain {
358 border-radius: 0;
359 max-width: 550px;
360 text-align: center;
361 }
362
363 .charitable-onboarding-popup.charitable-onboarding-popup-plain .charitable-onboarding-popup-content {
364 padding: 60px 50px;
365 }
366
367 .charitable-onboarding-popup.charitable-onboarding-popup-plain h3 {
368 text-align: center;
369 font-weight: bold;
370 font-size: 24px;
371 letter-spacing: 0;
372 color: #444444;
373 }
374
375 .charitable-onboarding-popup.charitable-onboarding-popup-plain p {
376 text-align: center;
377 font-size: 18px;
378 letter-spacing: 0;
379 color: #777777;
380 }
381
382 .charitable-onboarding-popup .charitable-admin-popup-content {
383 padding: 60px 50px;
384 }
385
386 @media all and (max-height: 900px) {
387 #charitable-onboarding-contact-popup {
388 margin: 50px 0 20px;
389 }
390 }
391 @keyframes charitable-onboarding-dot-pulse {
392 0% {
393 box-shadow: 0 0 0 0 rgba(223, 119, 57, 0.6);
394 }
395 100% {
396 box-shadow: 0 0 0 10px rgba(223, 119, 57, 0);
397 }
398 }
399 .charitable-onboarding-tooltip.tooltipster-sidetip {
400 z-index: 100099 !important;
401 }
402
403 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-box {
404 margin-bottom: 18px;
405 }
406
407 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
408 top: 0;
409 }
410
411 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-box {
412 margin-left: 18px;
413 }
414
415 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
416 left: 8px;
417 }
418
419 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box {
420 max-width: 260px;
421 background: white;
422 border: none;
423 border-radius: 4px;
424 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
425 }
426
427 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content {
428 color: #444444;
429 padding: 16px 20px 18px;
430 text-align: center;
431 }
432
433 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content div *:first-child {
434 margin-top: 0 !important;
435 }
436
437 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content h3 {
438 font-size: 16px;
439 letter-spacing: 0;
440 line-height: 18px;
441 margin: 0;
442 color: #23282c;
443 }
444
445 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content p {
446 font-size: 14px;
447 letter-spacing: 0;
448 line-height: 18px;
449 margin: 10px 0 0;
450 color: #444444;
451 }
452
453 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content a {
454 color: #1d7bac;
455 }
456
457 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .charitable-onboarding-done-btn {
458 border-radius: 3px;
459 cursor: pointer;
460 text-decoration: none;
461 text-align: center;
462 vertical-align: middle;
463 white-space: nowrap;
464 box-shadow: none;
465 font-size: 14px;
466 font-weight: 600;
467 letter-spacing: 0;
468 padding: 7px 18px;
469 border: none;
470 background-color: #df7739;
471 color: #ffffff;
472 display: block;
473 margin: 15px auto 0;
474 }
475
476 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .charitable-onboarding-done-btn:hover {
477 background-color: #b85a1b;
478 }
479
480 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .charitable-onboarding-done-btn:disabled {
481 cursor: default;
482 opacity: 0.5;
483 }
484
485 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .charitable-onboarding-done-btn:disabled:hover {
486 background-color: #df7739;
487 }
488
489 .charitable-onboarding-tooltip.tooltipster-sidetip .tooltipster-arrow-border {
490 border: none;
491 }
492
493 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-top .tooltipster-arrow-background {
494 border-top-color: white;
495 }
496
497 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow-background {
498 border-right-color: white;
499 }
500
501 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-bottom .tooltipster-arrow-background {
502 border-bottom-color: white;
503 }
504
505 .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-left .tooltipster-arrow-background {
506 border-left-color: white;
507 }
508
509 @media all and (max-width: 1023px) {
510 .charitable-onboarding-tooltip.tooltipster-sidetip, .charitable-onboarding {
511 display: none !important;
512 }
513 }
514 .block-editor-page .edit-post-layout .components-notice-list > div {
515 padding-left: 50px;
516 }
517
518 .block-editor-page .charitable-onboarding-dot-step5 {
519 position: absolute;
520 top: 75px;
521 left: 20px;
522 z-index: 9999;
523 }
524
525 .block-editor-page .charitable-onboarding-tooltip.charitable-onboarding-tooltip-step5 {
526 width: 260px !important;
527 z-index: 1000002 !important;
528 margin-top: 5px;
529 }
530
531 .block-editor-page .charitable-onboarding-tooltip.charitable-onboarding-tooltip-step5.charitable-onboarding-tooltip-step5-hide {
532 z-index: -1 !important;
533 }
534
535 .block-editor-page .charitable-onboarding-tooltip.charitable-onboarding-tooltip-step5 .tooltipster-box {
536 margin-top: 10px;
537 }
538
539 .block-editor-page .charitable-onboarding-tooltip.charitable-onboarding-tooltip-step5 .charitable-onboarding-tooltips-red-arrow {
540 position: absolute;
541 display: block;
542 width: 15px;
543 height: 42px;
544 top: -65px;
545 left: 145px;
546 background-size: 15px 42px;
547 background-repeat: no-repeat;
548 }
549
550 .charitable-onboarding-dot-step6 {
551 position: relative;
552 top: 14px;
553 right: -5px;
554 }
555
556 .charitable-onboarding-dot-step7 {
557 position: relative;
558 top: 14px;
559 right: -5px;
560 }
561
562 .charitable-onboarding-dot-step8 {
563 position: absolute;
564 top: 19px;
565 right: 40px;
566 }
567
568 .block-editor-page.is-fullscreen-mode .edit-post-layout .components-notice-list > div {
569 padding-left: 125px;
570 }
571
572 .block-editor-page.is-fullscreen-mode .charitable-onboarding-dot-step5 {
573 left: 75px;
574 }
575
576 .block-editor-page.is-fullscreen-mode .charitable-onboarding-tooltip .charitable-onboarding-tooltips-red-arrow {
577 left: 105px;
578 }
579
580 #charitable-builder .charitable-setup-title.core {
581 display: inline-block;
582 padding-right: 15px;
583 margin-right: 0;
584 }
585
586 .charitable_page_charitable-builder .charitable-onboarding {
587 z-index: 100099;
588 }
589
590 .charitable_page_charitable-builder .charitable-onboarding-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
591 left: 0;
592 }
593
594 .charitable-invisible {
595 opacity: 0 !important;
596 }
597
598 @media (max-width: 1024px) {
599 .charitable-onboarding, .charitable-onboarding *, .charitable-onboarding-dot, .charitable-onboarding-dot *, .charitable-onboarding-tooltips, .charitable-onboarding-tooltips *, .charitable-onboarding-tooltip, .charitable-onboarding-tooltip *, .charitable-onboarding-popup-container, .charitable-onboarding-popup-container *, #charitable-welcome .onboarding {
600 display: none !important;
601 visibility: hidden !important;
602 }
603 }
604