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 / includes / css-templates / admin / medical-causes.php

medical-causes.php in Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) 1.8.13, at includes/css-templates/admin/medical-causes.php

453 lines 14.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2
3 // Exit if accessed directly.
4 if ( ! defined( 'ABSPATH' ) ) {
5 exit;
6 }
7
8 /**
9 * Display custom CSS.
10 *
11 * @package Charitable
12 * @author WP Charitable LLC
13 * @since 1.8.0
14 * @version 1.8.3.7
15 */
16
17 header( 'Content-type: text/css; charset: UTF-8' );
18
19 if ( ! function_exists( 'charitable_sanitize_hex_color' ) ) {
20 /**
21 * Sanitize a hex color.
22 *
23 * @param string $color The color to sanitize.
24 * @return string|null The sanitized color or null if the color is invalid.
25 */
26 function charitable_sanitize_hex_color( $color ) {
27 // Ensure the value is a string.
28 $color = trim( $color );
29
30 // Check if it's a valid 6-character hex color including the hash.
31 if ( preg_match( '/^#[a-fA-F0-9]{6}$/', $color ) ) {
32 return $color;
33 }
34
35 // Optionally return a default color or handle errors.
36 return null; // Or return default color.
37 }
38 }
39
40 if ( ! function_exists( 'charitable_esc_attr_php' ) ) {
41 /**
42 * Escapes a string for use in PHP.
43 *
44 * @param string $text The text to escape.
45 * @return string The escaped text.
46 */
47 function charitable_esc_attr_php( $text ) {
48 return htmlspecialchars( $text, ENT_QUOTES, 'UTF-8' );
49 }
50 }
51
52 // @codingStandardsIgnoreStart
53
54 $primary = isset( $_GET['p'] ) ? '#' . substr( preg_replace( '/[^A-Fa-f0-9]/', '', $_GET['p'] ), 0, 6 ) : '#192E45';
55 $secondary = isset( $_GET['s'] ) ? '#' . substr( preg_replace( '/[^A-Fa-f0-9]/', '', $_GET['s'] ), 0, 6 ) : '#215DB7';
56 $tertiary = isset( $_GET['t'] ) ? '#' . substr( preg_replace( '/[^A-Fa-f0-9]/', '', $_GET['t'] ), 0, 6 ) : '#48A9F5';
57 $button = isset( $_GET['b'] ) ? '#' . substr( preg_replace( '/[^A-Fa-f0-9]/', '', $_GET['b'] ), 0, 6 ) : '#48A9F5';
58
59 $slug = 'medical-causes'; // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- Template variable used in CSS selectors.
60 $wrapper = '.charitable-preview.charitable-builder-template-' . $slug . ' #charitable-design-wrap .charitable-campaign-preview'; // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- Template variable used in CSS selectors.
61
62 ?>
63
64 .charitable-preview.charitable-builder-template-<?php echo $slug; ?> { /* everything wraps in this */
65
66 font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, sans-serif;
67
68 }
69
70 /* this narrows things down a little to the preview area div.charitable-preview-row/tabs */
71
72 <?php echo charitable_esc_attr_php( $wrapper ); ?> {
73 /* field items in preview area */
74 }
75
76 /* wide spread changes in div.charitable-preview-row vs tabs */
77
78 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field {
79 display: flex;
80 }
81
82 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row {
83 background-color: <?php echo $secondary; ?>;
84 padding: 50px;
85 color: white;
86 }
87 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row.no-padding,
88 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row.no-padding div.column {
89 padding: 0 !important;
90 }
91
92 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row h1,
93 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row h2,
94 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row h3,
95 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row h4,
96 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row h5,
97 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row h6 {
98 color: white;
99 }
100 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content h1,
101 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content h2,
102 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content h3,
103 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content h4,
104 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content h5,
105 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content h6 {
106 color: black;
107 font-size: 32px;
108 line-height: 38px;
109 }
110 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content {
111 color: <?php echo $tertiary; ?>;
112 }
113 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content > * {
114 color: #92908F;
115 }
116 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row > * {
117 color: #D8DAD7;
118 }
119 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row h5 {
120 font-size: 24px;
121 line-height: 28px;
122 }
123
124 <?php echo charitable_esc_attr_php( $wrapper ); ?> .placeholder {
125 padding: 0;
126 }
127
128 /* aligns */
129
130 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-preview-align-left > div {
131 margin-left: 0;
132 margin-right: auto;
133 }
134 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-preview-align-center > div {
135 margin-left: auto;
136 margin-right: auto;
137 }
138 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-preview-align-right > div {
139 margin-left: auto;
140 margin-right: 0;
141 }
142
143 /* column specifics */
144
145 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-campaign-column:nth-child(even) {
146 flex: 2;
147 border: 0;
148 padding-top: 50px;
149 }
150 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-campaign-column:nth-child(odd) {
151 border: 0;
152 flex: 1 1 26%;
153 padding-top: 15px;
154 padding-bottom: 15px;
155 }
156
157
158 /* headlines in general */
159
160 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row h5.charitable-field-preview-headline {
161 color: white;
162 font-weight: 400;
163 font-size: 64px;
164 line-height: 64px;
165 }
166 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content h5.charitable-field-preview-headline {
167 color: black !important;
168 font-weight: 500 !important;
169 text-transform: inherit;
170 font-size: 32px !important;
171 line-height: 38px !important;
172 margin-top: 20px;
173 margin-bottom: 20px;
174 }
175
176 /* field: campaign title */
177
178 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-campaign-title h1 {
179 margin: 5px 0 5px 0;
180 color: <?php echo $secondary; ?>;
181 font-size: 55px;
182 line-height: 58px;
183 font-weight: 100;
184 }
185
186 /* field: campaign description */
187
188 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-campaign-description .charitable-campaign-builder-placeholder-preview-text {
189 padding: 0;
190 }
191 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-campaign-description .charitable-campaign-builder-placeholder-preview-text,
192 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-campaign-description .charitable-campaign-builder-placeholder-preview-text p {
193 font-size: 24px;
194 line-height: 38px;
195 font-weight: 300;
196 }
197
198
199 /* field: text */
200
201 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-text .charitable-campaign-builder-placeholder-preview-text {
202 padding: 0;
203
204 }
205 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-text h5.charitable-field-preview-headline {
206
207 }
208
209
210 /* field: button */
211
212 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field.charitable-field-donate-button .charitable-field-preview-donate-button span.placeholder.button {
213 background-color: <?php echo $button; ?> !important;
214 border-color: <?php echo $button; ?> !important;
215 text-transform: uppercase;
216 border-radius: 0px;
217 margin-top: 0;
218 margin-bottom: 0;
219 width: 100%;
220 font-weight: 400;
221 min-height: 50px;
222 height: 50px;
223 font-size: 16px;
224 line-height: 50px;
225 }
226
227 /* field: photo */
228
229 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field.charitable-field-photo .primary-image {
230 border: transparent;
231 border-radius: 0px;
232 }
233 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field.charitable-field-photo img {
234 width: 100%;
235 border: 5px solid <?php echo $primary; ?>;
236 }
237
238 /* field: photo */
239
240 <?php echo charitable_esc_attr_php( $wrapper ); ?> div.charitable-preview-row .primary-image-container {
241 margin: 0;
242 padding: 0;
243 }
244
245 <?php echo charitable_esc_attr_php( $wrapper ); ?> .tab-content .primary-image-container {
246 margin: 0;
247 padding: 0;
248 }
249
250 /* field: progress bar */
251
252 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field.charitable-field-progress-bar .progress-bar-info-row div.campaign-percent-raised {
253 color: #FFFFFF;
254 font-size: 21px;
255 line-height: 21px;
256 font-weight: 100;
257 padding-left: 0;
258 }
259 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field.charitable-field-progress-bar .progress-bar-info-row div.campaign-goal {
260 color: white;
261 font-weight: 100;
262 font-size: 21px;
263 line-height: 21px;
264 }
265 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field.charitable-field-progress-bar .progress {
266 border: 0;
267 padding: 0;
268 background-color: #E0E0E0;
269 border-radius: 20px;
270 margin-top: 15px;
271 }
272 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field.charitable-field-progress-bar .progress-bar {
273 background-color: <?php echo $tertiary; ?>;
274 height: 13px !important;
275 border-radius: 20px;
276 text-align: right;
277 opacity: 1.0;
278 }
279 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field.charitable-field-progress-bar .progress-bar span {
280 display: none;
281 }
282
283 /* field: social linking */
284
285 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-linking {
286 display: table;
287 }
288
289 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-linking .charitable-field-preview-social-linking-headline-container {
290 display: block;
291 float: left;
292 padding: 0;
293 }
294 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-linking .charitable-field-row {
295 display: block;
296 float: left;
297 width: auto;
298 margin: 0 0 0 0;
299 }
300 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-linking h5.charitable-field-preview-headline {
301 font-size: 14px;
302 line-height: 16px;
303 color: <?php echo $secondary; ?>;
304 font-weight: 300;
305 margin: 0 15px 0 0;
306 padding: 5px 5px 5px 0;
307 }
308 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-linking .charitable-placeholder {
309 padding: 10px;
310 }
311
312 /* field: social sharing */
313
314 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-sharing {
315 display: table;
316 }
317
318 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-sharing .charitable-field-preview-social-sharing-headline-container {
319 display: block;
320 float: left;
321 padding: 0;
322 }
323 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-sharing .charitable-field-row {
324 display: block;
325 float: left;
326 width: auto;
327 margin: 0 0 0 0;
328 }
329 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-sharing h5.charitable-field-preview-headline {
330 font-size: 14px;
331 line-height: 16px;
332 color: <?php echo $secondary; ?>;
333 font-weight: 300;
334 margin: 0 15px 0 0;
335 padding: 5px 5px 5px 0;
336 }
337 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-social-sharing .charitable-placeholder {
338 padding: 10px;
339 }
340
341 /* field: campaign summary */
342
343 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-campaign-summary {
344 padding-left: 0;
345 padding-right: 0;
346 }
347 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-campaign-summary div {
348
349 font-weight: 400;
350 font-size: 14px;
351 line-height: 16px;
352 }
353 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-campaign-summary div span {
354 color: white;
355 font-weight: 100;
356 font-size: 32px;
357 line-height: 38px;
358 }
359 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-campaign-summary .campaign-summary-item {
360 border: 0;
361 margin-top: 5px;
362 margin-bottom: 5px;
363 text-transform: capitalize;
364 }
365 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-campaign-summary .campaign-summary-item.campaign_hide_percent_raised {
366 width: 34%;
367 }
368 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-campaign-summary .campaign-summary-item.campaign_hide_amount_donated {
369 width: 43%;
370 }
371 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-campaign-summary .campaign-summary-item.campaign_hide_number_of_donors {
372 width: 23%;
373 }
374 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-preview-campaign-summary .campaign-summary-item.campaign_hide_time_remaining {
375 width: 100%;
376 }
377
378
379 /* field: donate amount */
380
381 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-donate-amount label,
382 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-donate-amount input.custom-donation-input[type="text"] {
383 color: <?php echo $secondary; ?>;
384 border: 1px solid <?php echo $secondary; ?> !important;
385 }
386 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-donate-amount ul li.suggested-donation-amount.selected {
387 background-color: <?php echo $primary; ?>;
388 }
389 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-donate-amount ul li.suggested-donation-amount.selected span.amount {
390 color: <?php echo $tertiary; ?>;
391 }
392
393 /* tabs: container */
394
395 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-preview-tab-container {
396 background-color: white;
397 }
398
399 /* tabs: tab nav */
400
401 <?php echo charitable_esc_attr_php( $wrapper ); ?> article nav {
402 width: auto;
403 }
404 <?php echo charitable_esc_attr_php( $wrapper ); ?> article nav li {
405 border: 1px solid <?php echo $secondary; ?>;
406 background-color: transparent;
407 margin: 0 15px 0 0;
408 }
409 <?php echo charitable_esc_attr_php( $wrapper ); ?> article nav li a {
410 color: black;
411 display: block;
412 font-weight: 500;
413 font-size: 14px;
414 line-height: 15px;
415 text-transform: none;
416 }
417 <?php echo charitable_esc_attr_php( $wrapper ); ?> article nav li.active {
418 background-color: <?php echo $secondary; ?>;
419 }
420 <?php echo charitable_esc_attr_php( $wrapper ); ?> article nav li.active a {
421 color: white;
422 }
423
424 /* missing addons? */
425
426 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-video,
427 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-charitable-videos {
428 margin-top: 20px;
429 margin-bottom: 20px;
430 min-height: 500px;
431 }
432 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-video .primary-video-container {
433 min-height: 490px ! important;
434 }
435 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-missing.charitable-field-video {
436 display: table;
437 }
438 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-video .charitable-missing-addon-content,
439 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-charitable-videos .charitable-missing-addon-content {
440 vertical-align: middle;
441 display: table-cell;
442 height: 100;
443 }
444 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-video .charitable-missing-addon-content h2,
445 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-charitable-videos .charitable-missing-addon-content h2 {
446 line-height: 32px;
447 }
448 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-video .charitable-missing-addon-bg,
449 <?php echo charitable_esc_attr_php( $wrapper ); ?> .charitable-field-charitable-videos .charitable-missing-addon-bg {
450 background-size: cover;
451 }
452
453 // @codingStandardsIgnoreEnd