PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.4.9
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.4.9
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 1.8.0 All 210 releases
charitable / assets / css / charitable.css

charitable.css in Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) 1.4.9, at assets/css/charitable.css

413 lines 12.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Campaign summary widget */
2 .campaign-description {
3 margin-bottom: 1em; }
4
5 .single-campaign .campaign-description {
6 font-size: 1.5em;
7 font-weight: bolder; }
8 .single-campaign.campaign-widget .campaign-description {
9 font-size: 1em;
10 font-weight: normal; }
11
12 .campaign-summary {
13 *zoom: 1;
14 padding: 0 1em;
15 margin-bottom: 1em;
16 border: 1px solid #e6e6e6; }
17 .campaign-summary:before, .campaign-summary:after {
18 content: " ";
19 display: table; }
20 .campaign-summary:after {
21 clear: both; }
22 .campaign-summary .campaign-summary-item {
23 float: left;
24 width: 50%;
25 padding: 1em 0;
26 border-bottom: 1px solid #e6e6e6; }
27 .campaign-summary .campaign-raised .amount,
28 .campaign-summary .campaign-figures .amount {
29 display: block;
30 font-size: 1.5em;
31 font-weight: bolder; }
32 .campaign-summary .campaign-donors {
33 clear: left; }
34 .campaign-summary .donors-count,
35 .campaign-summary .time-left {
36 font-weight: bolder; }
37 .campaign-summary .campaign-donation {
38 float: left;
39 width: 100%;
40 padding: 1em 0;
41 text-align: center; }
42 .campaign-summary .campaign-donation .donate-button {
43 display: inline-block; }
44
45 .campaign-is-endless .campaign-summary-item,
46 .campaign-has-no-goal .campaign-summary-item {
47 width: 100%;
48 text-align: center; }
49
50 /* Campaign Progress Bar */
51 .campaign-progress-bar {
52 width: 100%;
53 height: 10px;
54 background-color: #e6e6e6; }
55 .campaign-progress-bar .bar {
56 display: block;
57 height: 100%; }
58
59 /* Donate Button */
60 .donate-button {
61 padding: 6px 24px;
62 font-size: 1em;
63 line-height: 1.5em;
64 border: none;
65 color: #fff; }
66
67 /* Forms */
68 .charitable-form-field {
69 margin-bottom: 1em; }
70 .charitable-form-field label {
71 display: block;
72 margin-bottom: 4px; }
73 .charitable-form-field input,
74 .charitable-form-field select,
75 .charitable-form-field textarea {
76 width: 100%; }
77 .charitable-form-field button,
78 .charitable-form-field input[type=submit],
79 .charitable-form-field input[type=button],
80 .charitable-form-field input[type=radio],
81 .charitable-form-field input[type=checkbox] {
82 width: auto;
83 margin-left: 0; }
84 .charitable-form-field.charitable-form-field-checkbox label {
85 display: inline;
86 padding-left: 4px; }
87 .charitable-form-field.charitable-radio-list {
88 list-style: none;
89 margin-left: 0;
90 padding-left: 0; }
91 .charitable-form-field.charitable-radio-list li {
92 list-style: none;
93 margin: 0 20px 0 0;
94 display: inline-block;
95 line-height: 1em; }
96 .charitable-form-field.charitable-form-field-multi-checkbox ul {
97 list-style: none;
98 margin-left: 0;
99 padding-left: 0; }
100 .charitable-form-field.charitable-form-field-multi-checkbox ul li {
101 list-style: none;
102 margin-left: 0;
103 padding-left: 0; }
104 .charitable-form-field .wp-media-buttons {
105 margin-bottom: 0.5em; }
106 .charitable-form-field .wp-editor-container {
107 border: 1px solid #dedede; }
108
109 .charitable-submit-field .button {
110 font-size: 1em;
111 line-height: 1.5em; }
112
113 .charitable-form-content {
114 margin-bottom: 1em; }
115
116 .charitable-gateway-fields {
117 padding-top: 1em; }
118
119 #charitable_field_cc_cvc {
120 max-width: 140px; }
121 @media (min-width: 48em) {
122 #charitable_field_cc_cvc {
123 float: left;
124 width: 33%; } }
125
126 @media (min-width: 48em) {
127 #charitable_field_cc_expiration {
128 float: left;
129 width: 63%;
130 margin-left: 4%; } }
131 #charitable_field_cc_expiration > *:not(label) {
132 float: left;
133 width: 49%;
134 max-width: 140px; }
135 #charitable_field_cc_expiration .year {
136 margin-left: 2%; }
137
138 .charitable-form-fields .charitable-fieldset {
139 margin: 0 0 1em;
140 padding: 2em;
141 border: 1px solid #ebebeb; }
142
143 .charitable-form-header {
144 margin: 0 0 1em;
145 font-size: 1.2em;
146 font-weight: bolder; }
147
148 .charitable-repeatable-form-field-table {
149 margin-bottom: 1em; }
150
151 #charitable-donation-form,
152 #charitable-donation-amount-form {
153 padding-top: 1em; }
154 #charitable-donation-form .donation-amounts,
155 #charitable-donation-amount-form .donation-amounts {
156 *zoom: 1;
157 margin: 0 0 1em;
158 padding: 0;
159 list-style: none; }
160 #charitable-donation-form .donation-amounts:before, #charitable-donation-form .donation-amounts:after,
161 #charitable-donation-amount-form .donation-amounts:before,
162 #charitable-donation-amount-form .donation-amounts:after {
163 content: " ";
164 display: table; }
165 #charitable-donation-form .donation-amounts:after,
166 #charitable-donation-amount-form .donation-amounts:after {
167 clear: both; }
168 #charitable-donation-form .donation-amounts .donation-amount,
169 #charitable-donation-amount-form .donation-amounts .donation-amount {
170 position: relative;
171 float: left;
172 width: 49%;
173 margin: 0 2% 0.5em 0;
174 border: 1px solid #ddd;
175 background-color: transparent;
176 list-style: none; }
177 #charitable-donation-form .donation-amounts .donation-amount label,
178 #charitable-donation-amount-form .donation-amounts .donation-amount label {
179 display: block;
180 width: 100%;
181 padding: 0.5em 1em;
182 margin: 0;
183 font-size: 1em;
184 cursor: pointer; }
185 #charitable-donation-form .donation-amounts .donation-amount .amount,
186 #charitable-donation-amount-form .donation-amounts .donation-amount .amount {
187 font-weight: bolder; }
188 #charitable-donation-form .donation-amounts .donation-amount:nth-child(2n+2),
189 #charitable-donation-amount-form .donation-amounts .donation-amount:nth-child(2n+2) {
190 margin-right: 0; }
191 #charitable-donation-form .donation-amounts .donation-amount input[type=radio],
192 #charitable-donation-amount-form .donation-amounts .donation-amount input[type=radio] {
193 margin: 0 6px 0 0;
194 vertical-align: middle; }
195 #charitable-donation-form .donation-amounts .donation-amount.selected,
196 #charitable-donation-amount-form .donation-amounts .donation-amount.selected {
197 color: #fff; }
198 @media screen and (max-width: 37.5em) {
199 #charitable-donation-form .donation-amounts .donation-amount,
200 #charitable-donation-amount-form .donation-amounts .donation-amount {
201 float: none;
202 width: 100%;
203 margin-right: 0; } }
204
205 .widget_charitable_donate_widget #charitable-donation-amount-form {
206 padding-top: 0; }
207 .widget_charitable_donate_widget #charitable-donation-amount-form .donation-amounts .donation-amount {
208 width: 100%;
209 margin-right: 0; }
210
211 .charitable-hidden {
212 display: none !important;
213 visibility: hidden; }
214
215 .charitable-form-field-donor-fields .donor-address,
216 .charitable-form-field-donor-fields .donor-contact-details {
217 margin-bottom: 0.5em; }
218 .charitable-form-field-donor-fields .charitable-login-details {
219 padding-top: 1em; }
220 .charitable-form-field-donor-fields .charitable-change-user-details {
221 margin-bottom: 0;
222 padding-bottom: 0; }
223
224 #charitable-user-fields {
225 padding-top: 1em;
226 margin-top: 1em;
227 border-top: 1px solid #ddd; }
228
229 #login-prompt {
230 margin-bottom: 4px; }
231
232 .charitable-login-form {
233 padding: 1em;
234 margin-bottom: 1em;
235 border: 1px solid #ebebeb; }
236 .charitable-login-form label {
237 display: block;
238 margin-bottom: 4px; }
239 .charitable-login-form > p,
240 .charitable-login-form .login-username,
241 .charitable-login-form .login-password,
242 .charitable-login-form .login-remember {
243 margin-bottom: 1em;
244 padding-bottom: 0; }
245 .charitable-login-form .login-submit {
246 margin-bottom: 0;
247 padding-bottom: 0; }
248
249 /* Receipts */
250 .donation-summary dt {
251 float: left;
252 margin-right: .5em;
253 font-weight: bold; }
254 .donation-summary dd {
255 display: block;
256 margin-bottom: 0; }
257 .donation-summary dd::after {
258 content: " ";
259 display: block;
260 clear: left; }
261
262 .charitable-table tr, .charitable-table td {
263 padding-right: 1.5em; }
264
265 /* Campaigns grid */
266 .campaign-loop.campaign-list,
267 .campaign-loop.campaign-grid {
268 margin: 0 0 1em 0;
269 padding: 0;
270 list-style: none; }
271 .campaign-loop.campaign-list li.campaign,
272 .campaign-loop.campaign-list .campaign.hentry,
273 .campaign-loop.campaign-grid li.campaign,
274 .campaign-loop.campaign-grid .campaign.hentry {
275 position: relative;
276 padding: 0;
277 margin: 0 0 1em 0;
278 list-style: none;
279 box-shadow: none;
280 box-sizing: border-box; }
281 .campaign-loop.campaign-list li.campaign h3,
282 .campaign-loop.campaign-list .campaign.hentry h3,
283 .campaign-loop.campaign-grid li.campaign h3,
284 .campaign-loop.campaign-grid .campaign.hentry h3 {
285 margin-top: 0;
286 text-decoration: none; }
287 .campaign-loop.campaign-list .wp-post-image,
288 .campaign-loop.campaign-grid .wp-post-image {
289 padding-bottom: 1em; }
290 .campaign-loop.campaign-list .campaign-donation-stats,
291 .campaign-loop.campaign-grid .campaign-donation-stats {
292 margin-bottom: 1em; }
293 .campaign-loop.campaign-list .campaign-donation-stats .amount,
294 .campaign-loop.campaign-list .campaign-donation-stats .goal-amount,
295 .campaign-loop.campaign-grid .campaign-donation-stats .amount,
296 .campaign-loop.campaign-grid .campaign-donation-stats .goal-amount {
297 font-weight: bolder; }
298 .campaign-loop.campaign-list .campaign-donation .button,
299 .campaign-loop.campaign-grid .campaign-donation .button {
300 display: inline-block; }
301
302 .campaign-progress-bar {
303 margin-bottom: 0.5em;
304 overflow: hidden; }
305
306 .campaign-loop.campaign-list li.campaign,
307 .campaign-loop.campaign-list .campaign.hentry {
308 padding: 0 0 1em 0;
309 margin: 0 0 1em 0;
310 border-bottom: 1px solid #e6e6e6; }
311
312 .campaign-loop.campaign-grid {
313 margin: 0 0 1em 0;
314 padding: 0;
315 *zoom: 1; }
316 .campaign-loop.campaign-grid:before, .campaign-loop.campaign-grid:after {
317 content: " ";
318 display: table; }
319 .campaign-loop.campaign-grid:after {
320 clear: both; }
321 .campaign-loop.campaign-grid .wp-post-image {
322 max-width: 100%;
323 width: 100%; }
324 .campaign-loop.campaign-grid li.campaign,
325 .campaign-loop.campaign-grid .campaign.hentry {
326 list-style: none;
327 float: left;
328 margin: 0 2% 1em 0;
329 padding: 1em;
330 border: 1px solid #e6e6e6; }
331 .campaign-loop.campaign-grid .campaign-donation {
332 text-align: center; }
333
334 .campaign-grid-2 li.campaign,
335 .campaign-grid-2 .campaign.hentry {
336 width: 49%; }
337 .campaign-grid-2 li.campaign:nth-child(2n+2),
338 .campaign-grid-2 .campaign.hentry:nth-child(2n+2) {
339 margin-right: 0; }
340
341 .campaign-grid-3 .campaign.hentry {
342 width: 32%; }
343 .campaign-grid-3 .campaign.hentry:nth-child(3n+3) {
344 margin-right: 0; }
345
346 .campaign-grid-4 .campaign.hentry {
347 width: 23.5%; }
348 .campaign-grid-4 .campaign.hentry:nth-child(4n+4) {
349 margin-right: 0; }
350
351 /* Widgets */
352 .widget.widget_charitable_campaigns_widget .campaigns {
353 margin: 0 0 1em 0;
354 padding: 0;
355 list-style: none; }
356 .widget.widget_charitable_campaigns_widget .campaign {
357 list-style: none;
358 padding: 1em 0;
359 border-bottom-color: #e6e6e6;
360 border-bottom-style: solid;
361 border-bottom-width: 1px; }
362 .widget.widget_charitable_campaigns_widget .campaign .wp-post-image {
363 padding: 0;
364 margin: 0 0 0.5em 0; }
365 .widget.widget_charitable_campaigns_widget .campaign .campaign-title {
366 padding: 0;
367 margin: 0 0 0.5em 0;
368 font-size: inherit;
369 font-weight: bolder; }
370 .widget.widget_charitable_campaigns_widget .campaign .campaign-time-left {
371 font-weight: normal; }
372
373 .widget.widget_charitable_donors_widget .donors-list {
374 margin: 0 0 1em 0;
375 padding: 0;
376 list-style: none; }
377 .widget.widget_charitable_donors_widget .donor {
378 *zoom: 1;
379 list-style: none;
380 padding: 1em 0;
381 border-bottom-color: #e6e6e6;
382 border-bottom-style: solid;
383 border-bottom-width: 1px; }
384 .widget.widget_charitable_donors_widget .donor:before, .widget.widget_charitable_donors_widget .donor:after {
385 content: " ";
386 display: table; }
387 .widget.widget_charitable_donors_widget .donor:after {
388 clear: both; }
389 .widget.widget_charitable_donors_widget .donor .avatar {
390 margin: 0; }
391 .widget.widget_charitable_donors_widget .donor .donor-name {
392 font-weight: bold; }
393 .widget.widget_charitable_donors_widget .donor .donor-name,
394 .widget.widget_charitable_donors_widget .donor .donor-location,
395 .widget.widget_charitable_donors_widget .donor .donor-donation-amount {
396 margin: 0.5em 0 0 0; }
397 .widget.widget_charitable_donors_widget .donor > *:first-child {
398 margin-top: 0; }
399
400 /* Notices */
401 .charitable-notice {
402 padding: 1em;
403 margin-bottom: 1em;
404 border: 1px solid; }
405 .charitable-notice > ul {
406 padding: 0;
407 margin: 0;
408 list-style: none; }
409 .charitable-notice > ul li {
410 list-style: none; }
411
412 /*# sourceMappingURL=charitable.css.map */
413