| Linux webm007.cluster106.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64 Path : /home/e/g/l/eglisebaa/www/wp-content/themes/hallelujah/plugins/give/ |
| Current File : /home/e/g/l/eglisebaa/www/wp-content/themes/hallelujah/plugins/give/give-styles.php |
<?php
// Add plugin-specific colors and fonts to the custom CSS
if ( ! function_exists( 'hallelujah_give_get_css' ) ) {
add_filter( 'hallelujah_filter_get_css', 'hallelujah_give_get_css', 10, 2 );
function hallelujah_give_get_css( $css, $args ) {
if ( isset( $css['fonts'] ) && isset( $args['fonts'] ) ) {
$fonts = $args['fonts'];
$css['fonts'] .= <<<CSS
form[id*="give-form"] .give-donation-amount .give-currency-symbol,
form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-before,
form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-after,
form[id*="give-form"] #give-final-total-wrap .give-donation-total-label,
#give-recurring-form .form-row input[type="email"],
#give-recurring-form .form-row input[type="password"],
#give-recurring-form .form-row input[type="tel"],
#give-recurring-form .form-row input[type="text"],
#give-recurring-form .form-row input[type="url"],
#give-recurring-form .form-row select,
#give-recurring-form .form-row textarea,
form.give-form .form-row input[type="email"],
form.give-form .form-row input[type="password"],
form.give-form .form-row input[type="tel"],
form.give-form .form-row input[type="text"],
form.give-form .form-row input[type="url"],
form.give-form .form-row select,
form.give-form .form-row textarea,
form[id*="give-form"] .form-row input[type="email"],
form[id*="give-form"] .form-row input[type="password"],
form[id*="give-form"] .form-row input[type="tel"],
form[id*="give-form"] .form-row input[type="text"],
form[id*="give-form"] .form-row input[type="url"],
form[id*="give-form"] .form-row select,
form[id*="give-form"] .form-row textarea,
form[id*="give-form"] .give-donation-amount #give-amount,
form[id*="give-form"] .give-donation-amount #give-amount-text,
form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
{$fonts['input_font-family']}
{$fonts['input_font-size']}
{$fonts['input_font-weight']}
{$fonts['input_font-style']}
{$fonts['input_line-height']}
{$fonts['input_text-decoration']}
{$fonts['input_text-transform']}
{$fonts['input_letter-spacing']}
}
#give_purchase_form_wrap fieldset#give_checkout_user_info legend {
{$fonts['h5_font-family']}
}
form[id*="give-form"] #give-donation-level-radio-list > li label,
.give-goal-progress .raised {
{$fonts['button_font-family']}
}
CSS;
}
if ( isset( $css['colors'] ) && isset( $args['colors'] ) ) {
$colors = $args['colors'];
$css['colors'] .= <<<CSS
.give-progress-bar > span {
background-color: {$colors['text_link']} !important;
}
form[id*="give-form"] .give-donation-amount .give-currency-symbol,
form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-before,
form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-after,
form[id*="give-form"] #give-final-total-wrap .give-donation-total-label {
background-color: {$colors['text_link']};
border-color: {$colors['text_link']};
color: {$colors['inverse_text']};
}
form[id*="give-form"] .give-donation-amount.give-custom-amount-focus-in .give-currency-symbol,
form[id*="give-form"] .give-donation-amount.give-custom-amount-focus-in .give-currency-symbol.give-currency-position-before,
form[id*="give-form"] .give-donation-amount.give-custom-amount-focus-in .give-currency-symbol.give-currency-position-after,
form[id*="give-form"] #give-final-total-wrap.give-custom-amount-focus-in .give-donation-total-label {
background-color: {$colors['text_hover']};
border-color: {$colors['text_hover']};
color: {$colors['inverse_text']};
}
.single.single-give_forms form[id*="give-form"] .give-donation-amount .give-currency-symbol,
.single.single-give_forms form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-before,
.single.single-give_forms form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-after,
.single.single-give_forms form[id*="give-form"] #give-final-total-wrap .give-donation-total-label{
background-color: {$colors['text_hover']};
border-color: {$colors['text_hover']};
color: {$colors['inverse_text']};
}
#give-recurring-form .form-row input[type="email"],
#give-recurring-form .form-row input[type="password"],
#give-recurring-form .form-row input[type="tel"],
#give-recurring-form .form-row input[type="text"],
#give-recurring-form .form-row input[type="url"],
#give-recurring-form .form-row select,
#give-recurring-form .form-row textarea,
form.give-form .form-row input[type="email"],
form.give-form .form-row input[type="password"],
form.give-form .form-row input[type="tel"],
form.give-form .form-row input[type="text"],
form.give-form .form-row input[type="url"],
form.give-form .form-row select,
form.give-form .form-row textarea,
form[id*="give-form"] .form-row input[type="email"],
form[id*="give-form"] .form-row input[type="password"],
form[id*="give-form"] .form-row input[type="tel"],
form[id*="give-form"] .form-row input[type="text"],
form[id*="give-form"] .form-row input[type="url"],
form[id*="give-form"] .form-row select,
form[id*="give-form"] .form-row textarea,
form[id*="give-form"] .give-donation-amount #give-amount,
form[id*="give-form"] .give-donation-amount #give-amount-text,
form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
background: {$colors['input_bg_color']};
border-color: {$colors['input_bd_color']};
color: {$colors['input_text']};
}
#give-recurring-form .form-row input[type="email"]:focus,
#give-recurring-form .form-row input[type="password"]:focus,
#give-recurring-form .form-row input[type="tel"]:focus,
#give-recurring-form .form-row input[type="text"]:focus,
#give-recurring-form .form-row input[type="url"]:focus,
#give-recurring-form .form-row select:focus,
#give-recurring-form .form-row textarea:focus,
form.give-form .form-row input[type="email"]:focus,
form.give-form .form-row input[type="password"]:focus,
form.give-form .form-row input[type="tel"]:focus,
form.give-form .form-row input[type="text"]:focus,
form.give-form .form-row input[type="url"]:focus,
form.give-form .form-row select:focus,
form.give-form .form-row textarea:focus,
form[id*="give-form"] .form-row input[type="email"]:focus,
form[id*="give-form"] .form-row input[type="password"]:focus,
form[id*="give-form"] .form-row input[type="tel"]:focus,
form[id*="give-form"] .form-row input[type="text"]:focus,
form[id*="give-form"] .form-row input[type="url"]:focus,
form[id*="give-form"] .form-row select:focus,
form[id*="give-form"] .form-row textarea:focus,
form[id*="give-form"] .give-donation-amount #give-amount:focus,
form[id*="give-form"] .give-donation-amount #give-amount-text:focus {
background: {$colors['input_bg_hover']};
border-color: {$colors['input_bd_hover']};
color: {$colors['input_dark']};
}
.give-goal-progress .raised,
.give-goal-progress .income {
color: {$colors['text_dark']};
}
form[id*="give-form"] legend,
form.give-form legend {
color: {$colors['text_dark']};
background-color: transparent;
}
/* Receipt */
table.give-table,
table.give-table td > strong {
color: {$colors['text_dark']};
}
table.give-table tbody tr td,
table.give-table tbody tr td > strong {
color: {$colors['input_text']};
}
/* Buttons */
.give-btn.give-donation-level-btn {
color: {$colors['text']} !important;
background: {$colors['bg_color']} !important;
border-color: {$colors['bd_color']} !important;
}
.give-btn.give-donation-level-btn:hover {
color: {$colors['text_link']} !important;
background: {$colors['bg_color']} !important;
border-color: {$colors['text_link']} !important;
}
/* Messages */
#give-recurring-form .give-error,
#give-recurring-form .give-required-indicator,
form.give-form .give-error,
form.give-form .give-required-indicator,
form[id*="give-form"] .give-error, form[id*="give-form"] .give-required-indicator {
color: {$colors['text_hover']};
}
.give-card:hover .give-card__title{
color: {$colors['text_link']};
}
.give-card:hover .give-card__text, .give-card .give-card__text{
color: {$colors['text']};
}
.give_success {
border-color: {$colors['text_link']} !important;
}
.give_success:before {
background-color: {$colors['text_link']} !important;
}
.give_error {
border-color: {$colors['text_hover']} !important;
}
.give_error:before {
background-color: {$colors['text_hover']} !important;
}
.give-wrap .give-card{
background-color: {$colors['bg_color']};
}
CSS;
}
return $css;
}
}