# charitable/1.8.13/assets/css/campaign-builder/themes/admin/basic.css

Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns), version 1.8.13. 44 lines.

- Page: https://pluginprobe.com/plugins/charitable/1.8.13/code/assets/css/campaign-builder/themes/admin/basic.css
- Raw: https://pluginprobe.com/plugins/charitable/1.8.13/raw/assets/css/campaign-builder/themes/admin/basic.css
- Modified: 2025-01-08T16:37:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/charitable/1.8.13/code/assets/css/campaign-builder/themes/admin/basic.css#L10-L20`.

```css
.charitable-preview.charitable-builder-template-basic { /* everything wraps in this */ }
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview { /* this narrows things down a little to the preview area header/tabs */
  /* field items in preview area */
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-campaign-preview-container {
  font-family: "Helvetica Neue";
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field {
  /* title */
  /* description */
  /* progress bar */
  /* images */
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field.charitable-field-campaign-title h5 {
  margin: 0;
  padding: 0;
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field.charitable-field-progress-bar .progress {
  border: 0;
  background-color: #f1f1f1;
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field.charitable-field-progress-bar .progress-bar {
  background-color: #e27730;
  height: 8px;
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field.charitable-field-donate-button .charitable-field-preview-donate-button div {
  background-color: transparent;
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field.charitable-field-donate-button .charitable-field-preview-donate-button .placeholder.button {
  background-color: #00a32a;
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field.charitable-field-photo .primary-image {
  border: 0px;
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field.charitable-field-social-sharing .placeholder, .charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field.charitable-field-social-links .placeholder {
  background-color: transparent;
}
.charitable-preview.charitable-builder-template-basic .charitable-campaign-preview .charitable-field img.charitable-campaign-builder-preview-photo {
  max-width: 100%;
}

```