Your IP : 216.73.216.114
<?php
// Custom Width
FLBuilderCSS::rule( array(
'selector' => ".fl-node-$id a.fl-button",
'enabled' => ! empty( $settings->width ) && 'custom' === $settings->width,
'props' => array(
'width' => ( '' === trim( $settings->custom_width ) ? '200' : abs( $settings->custom_width ) ) . $settings->custom_width_unit,
),
) );
// Alignment
FLBuilderCSS::responsive_rule( array(
'settings' => $settings,
'setting_name' => 'align',
'selector' => ".fl-node-$id.fl-button-wrap, .fl-node-$id .fl-button-wrap", // Both rules needed for compat with v1
'prop' => 'text-align',
) );
// Padding
FLBuilderCSS::dimension_field_rule( array(
'settings' => $settings,
'setting_name' => 'padding',
'selector' => ".fl-builder-content .fl-node-$id a.fl-button",
'unit' => 'px',
'props' => array(
'padding-top' => 'padding_top',
'padding-right' => 'padding_right',
'padding-bottom' => 'padding_bottom',
'padding-left' => 'padding_left',
),
) );
// Typography
FLBuilderCSS::typography_field_rule( array(
'settings' => $settings,
'setting_name' => 'typography',
'selector' => ".fl-builder-content .fl-node-$id a.fl-button, .fl-builder-content .fl-node-$id a.fl-button:visited, .fl-page .fl-builder-content .fl-node-$id a.fl-button, .fl-page .fl-builder-content .fl-node-$id a.fl-button:visited",
) );
// Default background hover color
if ( ! empty( $settings->bg_color ) && empty( $settings->bg_hover_color ) ) {
$settings->bg_hover_color = $settings->bg_color;
}
// Default background color for gradient styles.
if ( empty( $settings->bg_color ) && 'gradient' === $settings->style ) {
$settings->bg_color = 'a3a3a3';
}
// Background Gradient
if ( ! empty( $settings->bg_color ) ) {
$bg_grad_start = FLBuilderColor::adjust_brightness( $settings->bg_color, 30, 'lighten' );
}
// Set Default BG Color for Gradient
$bg_gradient_color = '';
$bg_gradient_hover_color = '';
$bg_gradient_color_start = '';
$bg_gradient_hover_color_start = '';
if ( 'gradient' === $settings->style ) {
$bg_gradient_color = empty( $settings->bg_color ) ? 'a3a3a3' : $settings->bg_color;
$bg_gradient_hover_color = empty( $settings->bg_hover_color ) ? $bg_gradient_color : $settings->bg_hover_color;
$bg_gradient_color_start = FLBuilderColor::adjust_brightness( $bg_gradient_color, 30, 'lighten' );
$bg_gradient_hover_color_start = FLBuilderColor::adjust_brightness( $bg_gradient_hover_color, 30, 'lighten' );
} elseif ( 'adv-gradient' === $settings->style ) {
$bg_gradient_color = 'a3a3a3';
$bg_gradient_hover_color = 'a3a3a3';
$bg_gradient_color_start = FLBuilderColor::adjust_brightness( $bg_gradient_color, 30, 'lighten' );
$bg_gradient_hover_color_start = FLBuilderColor::adjust_brightness( $bg_gradient_hover_color, 30, 'lighten' );
}
// Border - Default
FLBuilderCSS::rule( array(
'selector' => array(
".fl-builder-content .fl-node-$id a.fl-button, .fl-builder-content .fl-node-$id a.fl-button:visited",
".fl-page .fl-builder-content .fl-node-$id a.fl-button, .fl-page .fl-builder-content .fl-node-$id a.fl-button:visited",
),
'enabled' => $module->use_default_border() && ! empty( $settings->bg_color ) && 'adv-gradient' !== $settings->style,
'props' => array(
'border' => '1px solid ' . FLBuilderColor::hex_or_rgb( FLBuilderColor::adjust_brightness( $settings->bg_color, 12, 'darken' ) ),
),
) );
// Border - Hover Default
FLBuilderCSS::rule( array(
'selector' => array(
".fl-builder-content .fl-node-$id a.fl-button:hover, .fl-builder-content .fl-node-$id a.fl-button:focus",
".fl-page .fl-builder-content .fl-node-$id a.fl-button:hover, .fl-page .fl-builder-content .fl-node-$id a.fl-button:focus",
),
'enabled' => $module->use_default_border_hover() && ! empty( $settings->bg_hover_color ) && 'adv-gradient' !== $settings->style,
'props' => array(
'border' => '1px solid ' . FLBuilderColor::hex_or_rgb( FLBuilderColor::adjust_brightness( $settings->bg_hover_color, 12, 'darken' ) ),
),
) );
$border_color_backup = '';
if ( 'adv-gradient' === $settings->style ) {
if ( empty( $settings->border['color'] ) ) {
$settings->border['color'] = FLBuilderColor::hex_or_rgb( FLBuilderColor::adjust_brightness( 'a3a3a3', 12, 'darken' ) );
} else {
$border_color_backup = $settings->border['color'];
}
}
// Border - Settings
FLBuilderCSS::border_field_rule( array(
'settings' => $settings,
'setting_name' => 'border',
'selector' => ".fl-builder-content .fl-node-$id a.fl-button, .fl-builder-content .fl-node-$id a.fl-button:visited, .fl-builder-content .fl-node-$id a.fl-button:hover, .fl-builder-content .fl-node-$id a.fl-button:focus, .fl-page .fl-builder-content .fl-node-$id a.fl-button, .fl-page .fl-builder-content .fl-node-$id a.fl-button:visited, .fl-page .fl-builder-content .fl-node-$id a.fl-button:hover, .fl-page .fl-builder-content .fl-node-$id a.fl-button:focus",
) );
// theme based borders
FLBuilderCSS::rule( array(
'enabled' => ! empty( FLBuilderUtils::get_bb_theme_option( 'fl-button-border-hover-color' ) ) && ! empty( FLBuilderUtils::get_bb_theme_option( 'fl-button-style' ) ),
'selector' => ".fl-builder-content .fl-module-button.fl-node-$id a.fl-button:hover, .fl-builder-content .fl-node-$id a.fl-button:focus, .fl-page .fl-builder-content .fl-module-button.fl-node-$id a.fl-button:hover, .fl-page .fl-builder-content .fl-node-$id a.fl-button:focus",
'props' => array(
'border-color' => FLBuilderColor::hex_or_rgb( FLBuilderUtils::get_bb_theme_option( 'fl-button-border-hover-color' ) ),
),
) );
if ( 'adv-gradient' === $settings->style ) {
$settings->border['color'] = $border_color_backup;
}
// Border - Hover Settings
FLBuilderCSS::rule( array(
'enabled' => ! empty( $settings->border_hover_color ),
'selector' => ".fl-builder-content .fl-module-button.fl-node-$id a.fl-button:hover, .fl-builder-content .fl-node-$id a.fl-button:focus, .fl-page .fl-builder-content .fl-module-button.fl-node-$id a.fl-button:hover, .fl-page .fl-builder-content .fl-node-$id a.fl-button:focus",
'props' => array(
'border-color' => FLBuilderColor::hex_or_rgb( $settings->border_hover_color ),
),
) );
// Background Color
FLBuilderCSS::rule( array(
'enabled' => 'flat' === $settings->style && ! empty( $settings->bg_color ),
'selector' => ".fl-builder-content .fl-node-$id a.fl-button, .fl-builder-content .fl-node-$id a.fl-button:visited, .fl-page .fl-builder-content .fl-node-$id a.fl-button, .fl-page .fl-builder-content .fl-node-$id a.fl-button:visited",
'props' => array(
'background-color' => FLBuilderColor::hex_or_rgb( $settings->bg_color ),
),
) );
FLBuilderCSS::rule( array(
'enabled' => 'flat' === $settings->style && ! empty( $settings->bg_hover_color ),
'selector' => ".fl-builder-content .fl-node-$id a.fl-button:hover, .fl-page .fl-builder-content .fl-node-$id a.fl-button:hover, .fl-page .fl-builder-content .fl-node-$id a.fl-button:hover, .fl-page .fl-page .fl-builder-content .fl-node-$id a.fl-button:hover",
'props' => array(
'background-color' => FLBuilderColor::hex_or_rgb( $settings->bg_hover_color ),
),
) );
?>
<?php if ( 'gradient' === $settings->style ) : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:visited,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:visited {
background: linear-gradient(to bottom, <?php echo FLBuilderColor::hex_or_rgb( $bg_gradient_color_start ); ?> 0%, <?php echo FLBuilderColor::hex_or_rgb( $bg_gradient_color ); ?> 100%);
}
<?php elseif ( 'adv-gradient' === $settings->style ) : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:visited,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:visited {
background-image: linear-gradient(to bottom, <?php echo FLBuilderColor::hex_or_rgb( $bg_gradient_color_start ); ?> 0%, <?php echo FLBuilderColor::hex_or_rgb( $bg_gradient_color ); ?> 100%);
}
<?php endif; ?>
<?php if ( ! empty( $settings->text_color ) ) : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:visited,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button *,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:visited *,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:visited,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button *,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:visited * {
color: <?php echo FLBuilderColor::hex_or_rgb( $settings->text_color ); ?>;
}
<?php endif; ?>
<?php if ( $settings->duo_color1 && false !== strpos( $settings->icon, 'fad fa' ) ) : ?>
.fl-node-<?php echo $id; ?> .fl-button-icon:before {
color: <?php echo FLBuilderColor::hex_or_rgb( $settings->duo_color1 ); ?>;
}
<?php endif; ?>
<?php if ( $settings->duo_color2 && false !== strpos( $settings->icon, 'fad fa' ) ) : ?>
.fl-node-<?php echo $id; ?> .fl-button-icon:after {
color: <?php echo FLBuilderColor::hex_or_rgb( $settings->duo_color2 ); ?>;
opacity: 1;
}
<?php endif; ?>
<?php if ( 'gradient' === $settings->style ) : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:focus,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:focus {
background: <?php echo FLBuilderColor::hex_or_rgb( $bg_gradient_hover_color ); ?>;
<?php if ( 'gradient' == $settings->style ) : // Gradient ?>
background: linear-gradient(to bottom, <?php echo FLBuilderColor::hex_or_rgb( $bg_gradient_hover_color_start ); ?> 0%, <?php echo FLBuilderColor::hex_or_rgb( $bg_gradient_hover_color ); ?> 100%);
<?php endif; ?>
}
<?php endif; ?>
<?php if ( ! empty( $settings->text_hover_color ) ) : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover span.fl-button-text,
.fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover *,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover span.fl-button-text,
.fl-page .fl-builder-content .fl-node-<?php echo $id; ?> a.fl-button:hover * {
color: <?php echo FLBuilderColor::hex_or_rgb( $settings->text_hover_color ); ?>;
}
<?php endif; ?>
<?php
// Transition
if ( 'enable' === $settings->button_transition && 'flat' === $settings->style ) :
?>
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-button,
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-button * {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
<?php endif; ?>
<?php if ( empty( $settings->text ) ) : ?>
<?php if ( 'after' == $settings->icon_position ) : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-button i.fl-button-icon-after {
margin-left: 0;
}
<?php endif; ?>
<?php if ( 'before' == $settings->icon_position ) : ?>
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-button i.fl-button-icon-before {
margin-right: 0;
}
<?php endif; ?>
<?php endif; ?>
<?php
$button_node_id = "fl-node-$id";
if ( isset( $settings->id ) && ! empty( $settings->id ) ) {
$button_node_id = $settings->id;
}
// Background Gradient
FLBuilderCSS::rule( array(
'selector' => ".fl-builder-content .fl-node-$id a.fl-button, .fl-page .fl-builder-content .fl-node-$id a.fl-button, .fl-builder-content .fl-node-$id a.fl-button:hover, .fl-page .fl-builder-content .fl-node-$id a.fl-button:hover",
'enabled' => 'adv-gradient' === $settings->style && FLBuilderColor::gradient( $settings->bg_gradient, true ),
'props' => array(
'background-image' => FLBuilderColor::gradient( $settings->bg_gradient ),
),
) );
FLBuilderCSS::rule( array(
'selector' => ".fl-builder-content .fl-node-$id a.fl-button:hover, .fl-page .fl-builder-content .fl-node-$id a.fl-button:hover",
'enabled' => 'adv-gradient' === $settings->style && FLBuilderColor::gradient( $settings->bg_gradient_hover, true ),
'props' => array(
'background-image' => FLBuilderColor::gradient( $settings->bg_gradient_hover ),
),
) );
// Click action - lightbox
if ( isset( $settings->click_action ) && 'lightbox' == $settings->click_action ) :
if ( 'html' == $settings->lightbox_content_type ) :
?>
.<?php echo $button_node_id; ?>.fl-button-lightbox-content,
.fl-node-<?php echo $id; ?>.fl-button-lightbox-content {
background: #fff none repeat scroll 0 0;
margin: 20px auto;
max-width: 600px;
padding: 20px;
position: relative;
width: auto;
}
.<?php echo $button_node_id; ?>.fl-button-lightbox-content .mfp-close,
.<?php echo $button_node_id; ?>.fl-button-lightbox-content .mfp-close:hover,
.fl-node-<?php echo $id; ?>.fl-button-lightbox-content .mfp-close,
.fl-node-<?php echo $id; ?>.fl-button-lightbox-content .mfp-close:hover {
top: -10px!important;
right: -10px;
}
<?php endif; ?>
<?php if ( 'video' == $settings->lightbox_content_type ) : ?>
.fl-button-lightbox-wrap .mfp-content {
background: #fff;
}
.fl-button-lightbox-wrap .mfp-iframe-scaler iframe {
left: 2%;
height: 94%;
top: 3%;
width: 96%;
}
.mfp-wrap.fl-button-lightbox-wrap .mfp-close,
.mfp-wrap.fl-button-lightbox-wrap .mfp-close:hover {
color: #333!important;
right: -4px;
top: -10px!important;
}
<?php endif; ?>
<?php endif; ?>