PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.8.11
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.8.11
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 / includes / css-templates / frontend / animal-sanctuary.php

animal-sanctuary.php in Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) 1.8.11, at includes/css-templates/frontend/animal-sanctuary.php

424 lines 15.9 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 for Animal Sanctuary campaign template.
10 *
11 * @package Charitable
12 * @author WP Charitable LLC
13 * @copyright Copyright (c) 2024, WP Charitable LLC
14 * @license GPL-2.0+
15 * @since 1.0.0
16 * @version 1.8.8.6
17 */
18
19 header( 'Content-type: text/css; charset: UTF-8' );
20
21 $primary = isset( $_GET['p'] ) ? '#' . preg_replace( '/[^A-Za-z0-9 ]/', '', $_GET['p'] ) : '#805F93'; // phpcs:ignore
22 $secondary = isset( $_GET['s'] ) ? '#' . preg_replace( '/[^A-Za-z0-9 ]/', '', $_GET['s'] ) : '#1D1C1C'; // phpcs:ignore
23 $tertiary = isset( $_GET['t'] ) ? '#' . preg_replace( '/[^A-Za-z0-9 ]/', '', $_GET['t'] ) : '#808080'; // phpcs:ignore
24 $button = isset( $_GET['b'] ) ? '#' . preg_replace( '/[^A-Za-z0-9 ]/', '', $_GET['b'] ) : '#805F93'; // phpcs:ignore
25 $mobile_width = isset( $_GET['mw'] ) ? intval( $_GET['mw'] ) : 800; // phpcs:ignore
26
27 $charitable_slug = 'animal-sanctuary';
28 $charitable_wrapper = '.charitable-campaign-wrap.template-' . $charitable_slug;
29 $charitable_preview_wrapper = '.charitable-campaign-wrap.is-charitable-preview.template-' . $charitable_slug;
30
31 require_once '../../admin/campaign-builder/templates/functions-campaign-templates.php';
32
33 ?>
34
35 :root {
36 --charitable_campaign_theme_primary: <?php echo $primary; // phpcs:ignore ?>;
37 --charitable_campaign_theme_secondary: <?php echo $secondary; // phpcs:ignore ?>;
38 --charitable_campaign_theme_tertiary: <?php echo $tertiary; // phpcs:ignore ?>;
39 --charitable_campaign_theme_button: <?php echo $button; // phpcs:ignore ?>;
40 }
41
42 /* this narrows things down a little to the preview area header/tabs */
43
44 <?php echo $charitable_wrapper; // phpcs:ignore ?> {
45 font-family: -apple-system, BlinkMacSystemFont, sans-serif;
46 }
47
48 /* aligns */
49
50
51 /* column specifics */
52
53 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-column:nth-child(even) {
54 flex: 1;
55 flex-direction: column;
56 display: flex;
57 }
58 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-column:nth-child(odd) {
59 flex: 1 1 40%;
60 flex-direction: column;
61 display: flex;
62 }
63
64 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-column:nth-child(even) .charitable-campaign-field {
65 margin-top: 0;
66 margin-bottom: 0;
67 }
68
69
70 /* headlines in general */
71
72 <?php echo $charitable_wrapper; // phpcs:ignore ?> h5.charitable-field-template-headline,
73 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-title,
74 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-headline {
75 color: <?php echo $primary; // phpcs:ignore ?>;
76 }
77
78 /* field: campaign title */
79
80 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field_campaign-title h1 {
81 margin: 5px 0 5px 0;
82 color: <?php echo $secondary; // phpcs:ignore ?> !important;
83 font-size: 68px !important;
84 line-height: 72px !important;
85 font-weight: 500 !important;
86 word-wrap: anywhere;
87 }
88
89
90 /* field: campaign description */
91
92
93 /* field: campaign text */
94
95
96 /* field: html */
97
98
99 /* field: button */
100
101 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-donate-button button.button,
102 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-donate-button a.button {
103 background-color: <?php echo $button; // phpcs:ignore ?> !important;
104 border-color: <?php echo $button; // phpcs:ignore ?> !important;
105 text-transform: uppercase;
106 border-radius: 10px;
107 margin-top: 0;
108 margin-bottom: 0;
109 width: 100%;
110 font-weight: 400;
111 min-height: 50px;
112 height: 50px;
113 font-size: 16px;
114 line-height: 16px;
115 display: flex; /* Changed from block to flex */
116 align-items: center; /* Vertically centers the text */
117 justify-content: center; /* Optionally centers the text horizontally too */
118 padding: 0;
119 text-align: center !important;
120 text-decoration: none !important;
121 color: <?php echo charitable_get_constracting_text_color($button); // phpcs:ignore ?>;
122 transition: filter 0.3s; /* Smooth transition */
123 }
124 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-donate-button button.button:hover,
125 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-donate-button a.button:hover {
126 filter: brightness(0.8);
127 }
128
129 /* field: photo */
130
131
132 /* field: photo */
133
134
135 /* field: progress bar */
136
137 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-progress-bar .progress-bar-info-row div.campaign-percent-raised {
138 color: <?php echo $secondary; // phpcs:ignore ?>;
139 font-size: 21px;
140 line-height: 21px;
141 font-weight: 100;
142 padding-left: 0;
143 }
144 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-progress-bar .progress-bar-info-row div.campaign-goal {
145 color: <?php echo $primary; // phpcs:ignore ?>;
146 font-weight: 100;
147 font-size: 21px;
148 line-height: 21px;
149 }
150 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-progress-bar .progress {
151 border: 0;
152 padding: 0;
153 background-color: #E0E0E0;
154 border-radius: 0px;
155 margin-top: 15px;
156 }
157 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-progress-bar .progress-bar {
158 background-color: <?php echo $primary; // phpcs:ignore ?>;
159 height: 13px !important;
160 border-radius: 0px;
161 text-align: right;
162 opacity: 1.0;
163 }
164 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-progress-bar .progress-bar span {
165 display: none;
166 }
167
168 /* field: social linking */
169
170 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-social-links {
171 margin-top: 20px;
172 margin-bottom: 20px;
173 }
174 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking {
175 display: table;
176 }
177
178 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking .charitable-field-template-social-linking-headline-container {
179 float: none;
180 display: table;
181 vertical-align: middle;
182 padding: 0;
183 }
184 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking-headline-container h5 {
185 margin-right: 10px;
186 }
187 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking .charitable-field-row {
188 display: block;
189 float: left;
190 width: auto;
191 margin: 0 0 0 0;
192 }
193 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking .charitable-field-row p {
194 display: none;
195 }
196 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking h5.charitable-field-template-headline {
197 color: <?php echo $secondary; // phpcs:ignore ?>;
198 margin: 0 0 10px 0;
199 padding: 0;
200 font-size: 16px;
201 line-height: 16px;
202 font-weight: 700;
203 }
204 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking .charitable-placeholder {
205 padding: 0px;
206 }
207 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking .charitable-field-row .charitable-field-column {
208 float: left;
209 margin-right: 20px;
210 }
211 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking .charitable-field-row .charitable-field-column .charitable-campaign-social-link {
212 margin-top: 5px;
213 min-height: 20px !important;
214 }
215
216 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-linking .charitable-field-row .charitable-campaign-social-link a:hover {
217 opacity: 0.65;
218 }
219
220
221 /* field: social sharing */
222
223 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-social-sharing {
224 margin-top: 20px;
225 margin-bottom: 20px;
226 }
227 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing {
228 display: table;
229 }
230
231 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing .charitable-field-template-social-sharing-headline-container {
232 float: none;
233 display: table;
234 vertical-align: middle;
235 padding: 0;
236 }
237 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing-headline-container h5.charitable-field-template-headline {
238 color: <?php echo $secondary; // phpcs:ignore ?>;
239 margin: 0 0 10px 0;
240 padding: 0;
241 font-size: 16px !important;
242 line-height: 16px !important;
243 font-weight: 700 !important;
244 }
245 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing .charitable-field-row {
246 display: block;
247 float: none;
248 width: auto;
249 margin: 0 0 0 0;
250 }
251
252 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing .charitable-field-row p {
253 display: none;
254 }
255 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing h5.charitable-field-template-headline {
256 color: <?php echo $secondary; // phpcs:ignore ?>;
257 margin: 0 0 10px 0;
258 padding: 0;
259 font-size: 16px;
260 line-height: 16px;
261 font-weight: 700;
262 }
263 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing .charitable-placeholder {
264 padding: 10px;
265 }
266 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing .charitable-field-row .charitable-field-column {
267 float: left;
268 margin-right: 20px;
269 }
270 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing .charitable-field-row .charitable-field-column .charitable-campaign-social-link {
271 margin-top: 5px;
272 min-height: 20px !important;
273 }
274
275 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-field-template-social-sharing .charitable-field-row .charitable-campaign-social-link a:hover {
276 opacity: 0.65;
277 }
278
279 /* field: social sharing AND linking */
280
281 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-social-links .charitable-field-row .charitable-campaign-social-link,
282 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-social-sharing .charitable-field-row .charitable-campaign-social-link {
283 border: 1px solid <?php echo $tertiary; // phpcs:ignore ?>;
284 border-radius: 40px;
285 padding: 10px;
286 }
287 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-social-links .charitable-field-template-social-linking,
288 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-social-sharing .charitable-field-template-social-sharing {
289 border: 1px solid rgba(0, 0, 0, 0.20);
290 border-radius: 10px;
291 display: table;
292 width: calc(100% - 30px);
293 padding: 15px;
294 }
295 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-social-sharing .charitable-field-template-social-sharing .charitable-field-row .charitable-social-field-column .charitable-campaign-social-link img {
296 max-width: 100% !important;
297 }
298
299 /* field: campaign summary */
300
301 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-campaign-summary {
302 padding-left: 0;
303 padding-right: 0;
304 }
305 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-campaign-summary div {
306 font-weight: 400;
307 font-size: 14px;
308 line-height: 16px;
309 }
310 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-campaign-summary div span {
311 color: black;
312 font-weight: 700;
313 font-size: 32px;
314 line-height: 38px;
315 }
316 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-campaign-summary .campaign-summary-item {
317 border: 0;
318 margin-top: 5px;
319 margin-bottom: 5px;
320 color: black;
321 text-align: left;
322 font-size: 14px;
323 line-height: 17px;
324 text-transform: capitalize;
325 }
326 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_percent_raised {
327 width: 34%;
328 }
329 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_amount_donated {
330 width: 43%;
331 }
332 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_number_of_donors {
333 width: 23%;
334 }
335 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_time_remaining {
336 width: 100%;
337 }
338 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-campaign-summary div.campaign-summary-item {
339 color: <?php echo $primary; // phpcs:ignore ?>;
340 }
341 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-campaign-summary div.campaign-summary-item span {
342 color: <?php echo $secondary; // phpcs:ignore ?>;
343 }
344
345 /* field: donate amount */
346
347 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-donate-amount .charitable-template-donation-amount.selected {
348 border-color: <?php echo $tertiary; // phpcs:ignore ?> !important;
349 }
350 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-donate-amount label,
351 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-donate-amount input.custom-donation-input[type="text"] {
352 color: <?php echo $primary; // phpcs:ignore ?>;
353 border-color: <?php echo $primary; // phpcs:ignore ?> !important;
354 }
355 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-donate-amount ul li.suggested-donation-amount.selected {
356 border-color: <?php echo $tertiary; // phpcs:ignore ?>;
357 }
358 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-field.charitable-campaign-field-donate-amount ul li.suggested-donation-amount.selected span.amount {
359 color: <?php echo $primary; // phpcs:ignore ?>;
360 }
361
362 /* field: donate form */
363
364
365 /* field: shortcode */
366
367
368 /* tabs: container */
369
370
371 /* tabs: tab nav */
372
373
374 /* tabs: style */
375
376 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-boxed li {
377 background-color: <?php echo $primary; // phpcs:ignore ?>;
378 }
379 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-boxed li a {
380 color: white;
381 }
382 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-rounded li {
383
384 }
385 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-rounded li a {
386
387 }
388 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-minimum li {
389
390 }
391 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-minimum li a {
392
393 }
394
395 /* tabs: sized */
396
397 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-size-small li {
398
399 }
400 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-size-small li a {
401
402 }
403 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-size-medium li {
404
405 }
406 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-size-medium li a {
407
408 }
409 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-size-large li {
410
411 }
412 <?php echo $charitable_wrapper; // phpcs:ignore ?> .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-size-large li a {
413
414 }
415
416 /* field: donor wall */
417
418
419 /* field: organizer */
420
421 .charitable-preview.charitable-builder-template-<?php echo $charitable_slug; // phpcs:ignore ?> {
422
423 }
424