PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.8.13
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.8.13
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 1.7.0.9 All 211 releases
charitable / assets / css / campaign-builder / campaign-congrats-wizard.css

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

369 lines 12.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard {
2 background-color: rgba(0, 0, 0, 0.5);
3 display: none;
4 height: 100vh;
5 left: 0;
6 overflow: hidden;
7 position: fixed;
8 top: 0;
9 width: 100%;
10 z-index: 100100;
11 }
12 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup {
13 background-color: white;
14 border-radius: 6px;
15 -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
16 -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
17 box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
18 display: block !important;
19 left: 50%;
20 max-width: 560px;
21 min-width: 560px;
22 position: absolute;
23 text-align: center;
24 top: 50%;
25 transform: translate(-50%, -50%);
26 overflow: visible;
27 }
28 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content {
29 padding: 30px 40px 25px 40px;
30 -webkit-font-smoothing: antialiased;
31 -moz-osx-font-smoothing: grayscale;
32 }
33 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content h3 {
34 color: #444444;
35 font-size: 20px;
36 line-height: 22px;
37 font-weight: 600;
38 letter-spacing: 0;
39 margin: 5px auto;
40 text-align: center;
41 }
42 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content h4 {
43 color: #444444;
44 font-size: 20px;
45 line-height: 22px;
46 font-weight: 600;
47 letter-spacing: 0;
48 margin: 5px auto;
49 text-align: center;
50 }
51 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content p {
52 color: #777777;
53 font-size: 16px;
54 letter-spacing: 0;
55 line-height: 22px;
56 margin: 0 0 15px 0;
57 text-align: center;
58 }
59 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content p.no-gap {
60 margin-bottom: 0;
61 }
62 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content p.secondary {
63 font-size: 13px;
64 line-height: 22px;
65 margin: 0;
66 }
67 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content p.secondary.see-more {
68 margin-top: 15px;
69 }
70 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content p.icon {
71 font-size: 32px;
72 line-height: 32px;
73 }
74 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content b {
75 font-weight: 600;
76 }
77 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content .charitable-admin-campaign-link {
78 font-size: 15px;
79 line-height: 15px;
80 }
81 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content .charitable-admin-campaign-link.no-style {
82 text-decoration: none;
83 }
84 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-content a:not(.charitable-admin-congrats-popup-btn) {
85 color: #777777;
86 text-decoration-line: underline;
87 }
88 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-congrats-popup-btn {
89 background-color: #F8F8F9;
90 border: 1px solid #D7D7DB;
91 border-radius: 5px;
92 box-shadow: none;
93 color: #5C5F6A;
94 cursor: pointer;
95 display: inline-block;
96 font-size: 16px;
97 font-weight: 700;
98 line-height: 19px;
99 max-width: calc(50% - 15px);
100 width: auto;
101 overflow: hidden;
102 padding: 10px 20px;
103 text-align: center;
104 text-decoration: none;
105 vertical-align: middle;
106 white-space: nowrap;
107 margin: 20px auto 15px auto;
108 text-decoration-line: none;
109 }
110 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-congrats-popup-btn:hover {
111 background-color: #DBDBDE;
112 }
113 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-congrats-popup-btn .popup_icon {
114 margin-left: 6px;
115 margin-bottom: -2px;
116 filter: brightness(50%);
117 }
118 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-congrats-popup-btn:disabled {
119 cursor: default;
120 opacity: 0.5;
121 }
122 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-congrats-popup-btn:disabled:hover {
123 background-color: #e27730;
124 }
125 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-close {
126 cursor: pointer;
127 display: block;
128 position: absolute;
129 right: 25px;
130 top: 25px;
131 }
132 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-close img {
133 width: 15px;
134 height: 15px;
135 }
136 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-close:hover {
137 color: #777777;
138 }
139 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-embed {
140 margin: 10px 0 10px 0;
141 padding-bottom: 20px;
142 }
143 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-enhancements {
144 margin: 10px 0 0 0;
145 }
146 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-enhancements p {
147 margin-top: 2px;
148 margin-bottom: 2px;
149 }
150 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-bottom {
151 margin: 10px 0 0 10px;
152 }
153 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-whats-next {
154 color: #474A57;
155 font-weight: 700;
156 text-align: left;
157 border: 1px solid #F6F6F6;
158 border-radius: 5px;
159 }
160 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-whats-next .charitable-admin-popup-whats-next-title {
161 text-align: left;
162 border-bottom: 1px solid #F6F6F6;
163 padding: 0 20px;
164 min-height: 46px;
165 text-align: left;
166 }
167 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-whats-next .charitable-admin-popup-whats-next-title p {
168 margin: 0;
169 text-align: left;
170 line-height: 46px;
171 font-size: 13px;
172 }
173 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-whats-next .charitable-admin-popup-whats-next-item {
174 margin-left: 20px;
175 margin-right: 20px;
176 padding-bottom: 25px;
177 border-bottom: 1px solid #F6F6F6;
178 clear: both;
179 display: table;
180 padding-top: 30px;
181 }
182 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-whats-next .charitable-admin-popup-whats-next-item .charitable-admin-popup-whats-next-item-icon {
183 float: left;
184 width: 27px;
185 margin-right: 20px;
186 }
187 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-whats-next .charitable-admin-popup-whats-next-item .charitable-admin-popup-whats-next-item-text {
188 float: left;
189 text-align: left;
190 width: 390px;
191 }
192 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-whats-next .charitable-admin-popup-whats-next-item .charitable-admin-popup-whats-next-item-text h5 {
193 color: #474A57;
194 font-weight: 700;
195 margin: 0 0 10px 0;
196 font-size: 14px;
197 line-height: 14px;
198 }
199 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-whats-next .charitable-admin-popup-whats-next-item .charitable-admin-popup-whats-next-item-text p {
200 color: #8C8E96;
201 font-weight: 400;
202 text-align: left;
203 font-size: 13px;
204 line-height: 22px;
205 letter-spacing: 0;
206 }
207 .charitable-admin-popup-container.charitable-admin-popup-congrats-wizard .charitable-admin-popup-whats-next .charitable-admin-popup-whats-next-item .charitable-admin-popup-whats-next-item-text a {
208 font-weight: 700;
209 text-decoration: underline;
210 }
211
212 @keyframes campaign-dot-pulse {
213 0% {
214 box-shadow: 0 0 0 0 rgba(223, 119, 57, 0.6);
215 }
216 100% {
217 box-shadow: 0 0 0 10px rgba(223, 119, 57, 0);
218 }
219 }
220 span.charitable-admin-campaign-congrats-wizard-dot {
221 display: inline-block;
222 width: 12px;
223 height: 12px !important;
224 padding: 0 !important;
225 border: 0 !important;
226 border-radius: 50%;
227 background-color: #df7739;
228 animation: campaign-dot-pulse 1.5s infinite !important;
229 margin: 3px 10px;
230 }
231
232 .wp-editor-tools span.charitable-admin-campaign-congrats-wizard-dot {
233 margin-top: 9px;
234 }
235
236 .charitable-admin-campaign-congrats-wizard-tooltip {
237 display: none;
238 }
239
240 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip {
241 z-index: 100100 !important;
242 }
243 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-box {
244 margin-bottom: 18px;
245 }
246 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
247 bottom: 8px;
248 }
249 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
250 top: 0;
251 }
252 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip.tooltipster-right .tooltipster-box {
253 margin-left: 18px;
254 }
255 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
256 left: 8px;
257 }
258 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box {
259 max-width: 260px;
260 background: white;
261 border: none;
262 border-radius: 4px;
263 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
264 -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
265 -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
266 }
267 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content {
268 color: #444444;
269 padding: 16px 20px 18px;
270 text-align: center;
271 }
272 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content div *:first-child {
273 margin-top: 0 !important;
274 }
275 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content h3 {
276 font-size: 16px;
277 letter-spacing: 0px;
278 line-height: 18px;
279 margin: 0;
280 color: #23282C;
281 }
282 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content p {
283 font-size: 14px;
284 letter-spacing: 0px;
285 line-height: 18px;
286 margin: 10px 0 0;
287 color: #444444;
288 }
289 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content a {
290 color: #1D7BAC;
291 }
292 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box .charitable-admin-campaign-congrats-wizard-done-btn {
293 border-radius: 3px;
294 cursor: pointer;
295 text-decoration: none;
296 text-align: center;
297 vertical-align: middle;
298 white-space: nowrap;
299 box-shadow: none;
300 font-size: 14px;
301 font-weight: 600;
302 letter-spacing: 0px;
303 padding: 7px 18px;
304 border: none;
305 background-color: #df7739;
306 color: #ffffff;
307 display: block;
308 margin: 15px auto 0;
309 }
310 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box .charitable-admin-campaign-congrats-wizard-done-btn:hover {
311 background-color: #df7739;
312 }
313 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box .charitable-admin-campaign-congrats-wizard-done-btn:disabled {
314 cursor: default;
315 opacity: 0.5;
316 }
317 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-box .charitable-admin-campaign-congrats-wizard-done-btn:disabled:hover {
318 background-color: #df7739;
319 }
320 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip .tooltipster-arrow-border {
321 border: none;
322 }
323 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
324 border-top-color: white;
325 }
326 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
327 border-right-color: white;
328 }
329 .charitable-admin-campaign-congrats-wizard.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
330 border-bottom-color: white;
331 }
332
333 .block-editor-page .edit-post-layout .components-notice-list > div {
334 padding-left: 50px;
335 }
336 .block-editor-page .charitable-admin-campaign-congrats-wizard-dot {
337 position: absolute;
338 top: 75px;
339 left: 20px;
340 z-index: 9999;
341 }
342 .block-editor-page .charitable-admin-campaign-congrats-wizard {
343 width: 260px !important;
344 z-index: 99980 !important;
345 margin-top: 5px;
346 }
347 .block-editor-page .charitable-admin-campaign-congrats-wizard .tooltipster-box {
348 margin-top: 10px;
349 }
350 .block-editor-page .charitable-admin-campaign-congrats-wizard .charitable-admin-campaign-congrats-wizard-tooltips-red-arrow {
351 position: absolute;
352 display: block;
353 width: 15px;
354 height: 42px;
355 top: -65px;
356 left: 145px;
357 background-size: 15px 42px;
358 background-repeat: no-repeat;
359 }
360 .block-editor-page.is-fullscreen-mode .edit-post-layout .components-notice-list > div {
361 padding-left: 125px;
362 }
363 .block-editor-page.is-fullscreen-mode .charitable-admin-campaign-congrats-wizard-dot {
364 left: 75px;
365 }
366 .block-editor-page.is-fullscreen-mode .charitable-admin-campaign-congrats-wizard .charitable-admin-campaign-congrats-wizard-tooltips-red-arrow {
367 left: 105px;
368 }
369