PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.4.13
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.4.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 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.13, at assets/css/charitable.css

416 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 .js .charitable-donation-form .donation-amount input[type=radio] {
250 display: none; }
251
252 /* Receipts */
253 .donation-summary dt {
254 float: left;
255 margin-right: .5em;
256 font-weight: bold; }
257 .donation-summary dd {
258 display: block;
259 margin-bottom: 0; }
260 .donation-summary dd::after {
261 content: " ";
262 display: block;
263 clear: left; }
264
265 .charitable-table tr, .charitable-table td {
266 padding-right: 1.5em; }
267
268 /* Campaigns grid */
269 .campaign-loop.campaign-list,
270 .campaign-loop.campaign-grid {
271 margin: 0 0 1em 0;
272 padding: 0;
273 list-style: none; }
274 .campaign-loop.campaign-list li.campaign,
275 .campaign-loop.campaign-list .campaign.hentry,
276 .campaign-loop.campaign-grid li.campaign,
277 .campaign-loop.campaign-grid .campaign.hentry {
278 position: relative;
279 padding: 0;
280 margin: 0 0 1em 0;
281 list-style: none;
282 box-shadow: none;
283 box-sizing: border-box; }
284 .campaign-loop.campaign-list li.campaign h3,
285 .campaign-loop.campaign-list .campaign.hentry h3,
286 .campaign-loop.campaign-grid li.campaign h3,
287 .campaign-loop.campaign-grid .campaign.hentry h3 {
288 margin-top: 0;
289 text-decoration: none; }
290 .campaign-loop.campaign-list .wp-post-image,
291 .campaign-loop.campaign-grid .wp-post-image {
292 padding-bottom: 1em; }
293 .campaign-loop.campaign-list .campaign-donation-stats,
294 .campaign-loop.campaign-grid .campaign-donation-stats {
295 margin-bottom: 1em; }
296 .campaign-loop.campaign-list .campaign-donation-stats .amount,
297 .campaign-loop.campaign-list .campaign-donation-stats .goal-amount,
298 .campaign-loop.campaign-grid .campaign-donation-stats .amount,
299 .campaign-loop.campaign-grid .campaign-donation-stats .goal-amount {
300 font-weight: bolder; }
301 .campaign-loop.campaign-list .campaign-donation .button,
302 .campaign-loop.campaign-grid .campaign-donation .button {
303 display: inline-block; }
304
305 .campaign-progress-bar {
306 margin-bottom: 0.5em;
307 overflow: hidden; }
308
309 .campaign-loop.campaign-list li.campaign,
310 .campaign-loop.campaign-list .campaign.hentry {
311 padding: 0 0 1em 0;
312 margin: 0 0 1em 0;
313 border-bottom: 1px solid #e6e6e6; }
314
315 .campaign-loop.campaign-grid {
316 margin: 0 0 1em 0;
317 padding: 0;
318 *zoom: 1; }
319 .campaign-loop.campaign-grid:before, .campaign-loop.campaign-grid:after {
320 content: " ";
321 display: table; }
322 .campaign-loop.campaign-grid:after {
323 clear: both; }
324 .campaign-loop.campaign-grid .wp-post-image {
325 max-width: 100%;
326 width: 100%; }
327 .campaign-loop.campaign-grid li.campaign,
328 .campaign-loop.campaign-grid .campaign.hentry {
329 list-style: none;
330 float: left;
331 margin: 0 2% 1em 0;
332 padding: 1em;
333 border: 1px solid #e6e6e6; }
334 .campaign-loop.campaign-grid .campaign-donation {
335 text-align: center; }
336
337 .campaign-grid-2 li.campaign,
338 .campaign-grid-2 .campaign.hentry {
339 width: 49%; }
340 .campaign-grid-2 li.campaign:nth-child(2n+2),
341 .campaign-grid-2 .campaign.hentry:nth-child(2n+2) {
342 margin-right: 0; }
343
344 .campaign-grid-3 .campaign.hentry {
345 width: 32%; }
346 .campaign-grid-3 .campaign.hentry:nth-child(3n+3) {
347 margin-right: 0; }
348
349 .campaign-grid-4 .campaign.hentry {
350 width: 23.5%; }
351 .campaign-grid-4 .campaign.hentry:nth-child(4n+4) {
352 margin-right: 0; }
353
354 /* Widgets */
355 .widget.widget_charitable_campaigns_widget .campaigns {
356 margin: 0 0 1em 0;
357 padding: 0;
358 list-style: none; }
359 .widget.widget_charitable_campaigns_widget .campaign {
360 list-style: none;
361 padding: 1em 0;
362 border-bottom-color: #e6e6e6;
363 border-bottom-style: solid;
364 border-bottom-width: 1px; }
365 .widget.widget_charitable_campaigns_widget .campaign .wp-post-image {
366 padding: 0;
367 margin: 0 0 0.5em 0; }
368 .widget.widget_charitable_campaigns_widget .campaign .campaign-title {
369 padding: 0;
370 margin: 0 0 0.5em 0;
371 font-size: inherit;
372 font-weight: bolder; }
373 .widget.widget_charitable_campaigns_widget .campaign .campaign-time-left {
374 font-weight: normal; }
375
376 .widget.widget_charitable_donors_widget .donors-list {
377 margin: 0 0 1em 0;
378 padding: 0;
379 list-style: none; }
380 .widget.widget_charitable_donors_widget .donor {
381 *zoom: 1;
382 list-style: none;
383 padding: 1em 0;
384 border-bottom-color: #e6e6e6;
385 border-bottom-style: solid;
386 border-bottom-width: 1px; }
387 .widget.widget_charitable_donors_widget .donor:before, .widget.widget_charitable_donors_widget .donor:after {
388 content: " ";
389 display: table; }
390 .widget.widget_charitable_donors_widget .donor:after {
391 clear: both; }
392 .widget.widget_charitable_donors_widget .donor .avatar {
393 margin: 0; }
394 .widget.widget_charitable_donors_widget .donor .donor-name {
395 font-weight: bold; }
396 .widget.widget_charitable_donors_widget .donor .donor-name,
397 .widget.widget_charitable_donors_widget .donor .donor-location,
398 .widget.widget_charitable_donors_widget .donor .donor-donation-amount {
399 margin: 0.5em 0 0 0; }
400 .widget.widget_charitable_donors_widget .donor > *:first-child {
401 margin-top: 0; }
402
403 /* Notices */
404 .charitable-notice {
405 padding: 1em;
406 margin-bottom: 1em;
407 border: 1px solid; }
408 .charitable-notice > ul {
409 padding: 0;
410 margin: 0;
411 list-style: none; }
412 .charitable-notice > ul li {
413 list-style: none; }
414
415 /*# sourceMappingURL=charitable.css.map */
416