Your IP : 216.73.217.154
<?php
FLBuilderCSS::responsive_rule( array(
'settings' => $settings,
'setting_name' => 'alignment',
'selector' => ".fl-node-$id .fl-countdown",
'prop' => 'text-align',
) );
// Number Typography
FLBuilderCSS::typography_field_rule( array(
'settings' => $settings,
'setting_name' => 'number_typography',
'selector' => ".fl-node-$id .fl-countdown .fl-countdown-unit-number",
) );
// Label Typography
FLBuilderCSS::typography_field_rule( array(
'settings' => $settings,
'setting_name' => 'label_typography',
'selector' => ".fl-node-$id .fl-countdown .fl-countdown-unit-label",
) );
// Set Text Alignment ( default to 'center' ) for Number and Label Typography fields.
foreach ( array( 'default', 'medium', 'responsive' ) as $media ) :
$suffix = ( 'default' === $media ) ? '' : ( '_' . $media );
// Number Typography
$prop = 'number_typography' . $suffix;
$text_align = empty( $settings->{ $prop }['text_align'] ) ? 'center' : $settings->{ $prop }['text_align'];
FLBuilderCSS::rule( array(
'selector' => ".fl-node-$id .fl-countdown .fl-countdown-unit-number",
'media' => $media,
'props' => array(
'text-align' => $text_align,
),
) );
// Label Typography
$prop = 'label_typography' . $suffix;
$text_align = empty( $settings->{ $prop }['text_align'] ) ? 'center' : $settings->{ $prop }['text_align'];
FLBuilderCSS::rule( array(
'selector' => ".fl-node-$id .fl-countdown .fl-countdown-unit-label",
'media' => $media,
'props' => array(
'text-align' => $text_align,
),
) );
endforeach;
?>
<?php if ( isset( $settings->number_spacing ) ) : ?>
.fl-node-<?php echo $id; ?> .fl-countdown .fl-countdown-number {
font-size: 1px;
margin-left: <?php echo $settings->number_spacing; ?>px;
margin-right: <?php echo $settings->number_spacing; ?>px;
}
<?php endif; ?>
<?php if ( ! empty( $settings->number_color ) ) { ?>
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-countdown .fl-countdown-unit-number {
color: <?php echo FLBuilderColor::hex_or_rgb( $settings->number_color ); ?>;
}
<?php } ?>
<?php if ( ! empty( $settings->label_color ) ) { ?>
.fl-builder-content .fl-node-<?php echo $id; ?> .fl-countdown .fl-countdown-unit-label {
color: <?php echo FLBuilderColor::hex_or_rgb( $settings->label_color ); ?>;
}
<?php } ?>
<?php if ( isset( $settings->layout ) && 'default' == $settings->layout ) : ?>
.fl-node-<?php echo $id; ?> .fl-countdown .fl-countdown-unit {
<?php
if ( isset( $settings->vertical_padding ) ) {
echo 'padding-top: ' . $settings->vertical_padding . 'px;';
echo 'padding-bottom: ' . $settings->vertical_padding . 'px;';
}
if ( isset( $settings->horizontal_padding ) ) {
echo 'padding-left: ' . $settings->horizontal_padding . 'px;';
echo 'padding-right: ' . $settings->horizontal_padding . 'px;';
}
if ( ! empty( $settings->number_bg_color ) ) {
echo 'background-color: ' . FLBuilderColor::hex_or_rgb( $settings->number_bg_color ) . ';';
}
if ( isset( $settings->border_radius ) ) {
echo 'border-radius: ' . $settings->border_radius . 'px;';
}
?>
}
<?php if ( 'yes' == $settings->show_separator && 'colon' == $settings->separator_type ) : ?>
.fl-node-<?php echo $id; ?> .fl-countdown .fl-countdown-number:after {
<?php
if ( isset( $settings->number_spacing ) ) {
echo 'width: ' . ( $settings->number_spacing * 2 ) . 'px;';
echo 'right: -' . ( $settings->number_spacing * 2 ) . 'px;';
}
if ( isset( $settings->separator_color ) ) {
echo 'color: ' . FLBuilderColor::hex_or_rgb( $settings->separator_color ) . ';';
}
?>
}
<?php endif; ?>
<?php if ( 'yes' == $settings->show_separator && 'line' == $settings->separator_type ) : ?>
.fl-node-<?php echo $id; ?> .fl-countdown .fl-countdown-number:after {
<?php
if ( isset( $settings->number_spacing ) ) {
echo 'right: -' . $settings->number_spacing . 'px;';
}
if ( isset( $settings->separator_color ) ) {
echo 'border-color: ' . FLBuilderColor::hex_or_rgb( $settings->separator_color ) . ';';
}
?>
}
<?php endif; ?>
<?php elseif ( isset( $settings->layout ) && 'circle' == $settings->layout ) : ?>
.fl-node-<?php echo $id; ?> .svg {
overflow: overlay;
}
.fl-node-<?php echo $id; ?> .fl-countdown-unit{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.fl-node-<?php echo $id; ?> .fl-countdown-number{
<?php
if ( ! empty( $settings->circle_width ) ) {
echo 'width: ' . $settings->circle_width . 'px;';
echo 'height: ' . $settings->circle_width . 'px;';
} else {
echo 'max-width: 100px;';
echo 'max-height: 100px;';
}
?>
}
.fl-node-<?php echo $id; ?> .fl-countdown-circle-container{
<?php
if ( ! empty( $settings->circle_width ) ) {
echo 'max-width: ' . $settings->circle_width . 'px;';
echo 'max-height: ' . $settings->circle_width . 'px;';
} else {
echo 'max-width: 100px;';
echo 'max-height: 100px;';
}
?>
}
.fl-node-<?php echo $id; ?> .fl-countdown .svg circle{
<?php
if ( ! empty( $settings->circle_dash_width ) ) {
echo 'stroke-width: ' . $settings->circle_dash_width . 'px;';
}
?>
}
.fl-node-<?php echo $id; ?> .fl-countdown .svg .fl-number-bg{
<?php
if ( ! empty( $settings->circle_bg_color ) ) {
echo 'stroke: ' . FLBuilderColor::hex_or_rgb( $settings->circle_bg_color ) . ';';
} else {
echo 'stroke: transparent;';
}
?>
}
.fl-node-<?php echo $id; ?> .fl-countdown .svg .fl-number{
<?php
if ( ! empty( $settings->circle_color ) ) {
echo 'stroke: ' . FLBuilderColor::hex_or_rgb( $settings->circle_color ) . ';';
} else {
echo 'stroke: transparent;';
}
?>
}
<?php endif; ?>