示例#1
0
    ?>
px;
}
.fl-builder-content .fl-node-<?php 
    echo $id;
    ?>
 .fl-pricing-table-column-<?php 
    echo $i;
    ?>
 .fl-pricing-table-inner-wrap {
	background: #<?php 
    echo $pricing_column->foreground;
    ?>
;
	border: 1px solid #<?php 
    echo FLBuilderColor::adjust_brightness($pricing_column->background, 30, 'darken');
    ?>
;
}
.fl-builder-content .fl-node-<?php 
    echo $id;
    ?>
 .fl-pricing-table-column-<?php 
    echo $i;
    ?>
 h2 {
	font-size: <?php 
    echo $pricing_column->title_size;
    ?>
px;
}
示例#2
0
 /**
  * Render the css code for background with gradients.
  *
  * @since  1.5.9
  * @return void
  */
 public function render_slider_gradient_bg()
 {
     if (empty($this->settings->text_bg_color) || empty($this->settings->text_bg_opacity)) {
         return;
     }
     // set defaults
     $color_start = 'rgba(' . implode(',', FLBuilderColor::hex_to_rgb($this->settings->text_bg_color)) . ',' . $this->settings->text_bg_opacity / 100 . ')';
     $color_end = 'rgba(' . implode(',', FLBuilderColor::hex_to_rgb($this->settings->text_bg_color)) . ',0)';
     // check if bg_gradient is set to "yes"
     if (isset($this->settings->bg_gradient) && $this->settings->bg_gradient == 'yes') {
         // if so, set positions for each vendor prefix
         if (isset($this->settings->text_position)) {
             switch ($this->settings->text_position) {
                 case 'left':
                     $direction = 'left';
                     $wk_direction = 'left top, right top';
                     $ie_direction = 'to right';
                     break;
                 case 'right':
                     $direction = 'right';
                     $wk_direction = 'right top, left top';
                     $ie_direction = 'to left';
                     break;
                 case 'bottom':
                     $direction = 'bottom';
                     $wk_direction = 'left bottom, left top';
                     $ie_direction = 'to top';
                     break;
             }
         }
         // build csss gradient code
         $bg = 'background: #' . $this->settings->text_bg_color . ';';
         $bg .= 'background: -ms-linear-gradient(' . $direction . ', ' . $color_start . ' 0%, ' . $color_end . ' 100%);';
         $bg .= 'background: -moz-linear-gradient(' . $direction . ', ' . $color_start . ' 0%, ' . $color_end . ' 100%);';
         $bg .= 'background: -o-linear-gradient(' . $direction . ', ' . $color_start . ' 0%, ' . $color_end . ' 100%);';
         $bg .= 'background: -webkit-gradient(linear, ' . $wk_direction . ', color-stop(0, ' . $color_start . '), color-stop(1, ' . $color_end . '));';
         $bg .= 'background: -webkit-linear-gradient(' . $direction . ', ' . $color_start . ' 0%, ' . $color . ' 100%);';
         $bg .= 'background: linear-gradient(' . $ie_direction . ', ' . $color_start . ' 0%, ' . $color_end . ' 100%);';
     } else {
         // if gradient isn't selected, set the background with default values
         $bg = 'background-color: #' . $this->settings->text_bg_color . ';';
         $bg .= 'background-color: ' . $color_start . ';';
     }
     echo $bg;
 }
示例#3
0
    echo is_numeric($row->settings->border_bottom) ? $row->settings->border_bottom : '0';
    ?>
px;
	border-left-width: <?php 
    echo is_numeric($row->settings->border_left) ? $row->settings->border_left : '0';
    ?>
px;
	border-right-width: <?php 
    echo is_numeric($row->settings->border_right) ? $row->settings->border_right : '0';
    ?>
px;
	<?php 
    if (!empty($row->settings->border_color)) {
        ?>
	border-color: #<?php 
        echo $row->settings->border_color;
        ?>
;
	border-color: rgba(<?php 
        echo implode(',', FLBuilderColor::hex_to_rgb($row->settings->border_color));
        ?>
, <?php 
        echo $row->settings->border_opacity / 100;
        ?>
);
	<?php 
    }
    ?>
}
<?php 
}
<?php

$layout = isset($settings->layout) ? $settings->layout : 'grid';
$text_bg_color = !empty($settings->text_bg_color) ? $settings->text_bg_color : 'ffffff';
$text_bg_opacity = !empty($settings->text_bg_opacity) ? $settings->text_bg_opacity : '100';
$text_bg = 'rgba(' . implode(',', FLBuilderColor::hex_to_rgb($text_bg_color)) . ',' . $text_bg_opacity / 100 . ')';
$posts_per_view = !empty($settings->posts_per_view) ? $settings->posts_per_view : 3;
$icon_position = isset($settings->post_icon_position) ? $settings->post_icon_position : 'above';
?>

<?php 
if (isset($settings->equal_height) && $settings->equal_height == 'yes' && $layout == 'grid') {
    ?>
	.fl-node-<?php 
    echo $id;
    ?>
 .fl-post-carousel-wrapper{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
<?php 
}
?>

.fl-node-<?php 
echo $id;
?>
 .fl-post-carousel .fl-post-carousel-post {
    width: <?php 
echo round(100 / $posts_per_view, 2);
<?php

if ($settings->three_d) {
    $bg_grad_start = FLBuilderColor::adjust_brightness($settings->bg_color, 30, 'lighten');
    $border_color = FLBuilderColor::adjust_brightness($settings->bg_color, 20, 'darken');
}
if ($settings->three_d && !empty($settings->bg_hover_color)) {
    $bg_hover_grad_start = FLBuilderColor::adjust_brightness($settings->bg_hover_color, 30, 'lighten');
    $border_hover_color = FLBuilderColor::adjust_brightness($settings->bg_hover_color, 20, 'darken');
}
// Alignment
if (!isset($settings->exclude_wrapper)) {
    ?>
.fl-node-<?php 
    echo $id;
    ?>
.fl-module-icon {
	text-align: <?php 
    echo $settings->align;
    ?>
}
<?php 
}
?>
.fl-node-<?php 
echo $id;
?>
 .fl-module-content .fl-icon i,
.fl-node-<?php 
echo $id;
?>
示例#6
0
}
?>

		<?php 
if ($settings->desktop_border_type) {
    ?>
		border-style: <?php 
    echo $settings->desktop_border_type;
    ?>
;
	  border-color: #<?php 
    echo $settings->desktop_border_color;
    ?>
;
	  border-color: rgba(<?php 
    echo implode(',', FLBuilderColor::hex_to_rgb($settings->desktop_border_color));
    ?>
, <?php 
    echo $settings->desktop_border_opacity / 100;
    ?>
);
	  border-top-width: <?php 
    echo is_numeric($settings->desktop_border_top) ? $settings->desktop_border_top : '0';
    ?>
px;
	  border-bottom-width: <?php 
    echo is_numeric($settings->desktop_border_bottom) ? $settings->desktop_border_bottom : '0';
    ?>
px;
	  border-left-width: <?php 
    echo is_numeric($settings->desktop_border_left) ? $settings->desktop_border_left : '0';
;
}
<?php 
}
if (!empty($settings->bg_color)) {
    ?>
.fl-node-<?php 
    echo $id;
    ?>
 .fl-module-content {
	background-color: #<?php 
    echo $settings->bg_color;
    ?>
;
	background-color: rgba(<?php 
    echo implode(',', FLBuilderColor::hex_to_rgb($settings->bg_color));
    ?>
, <?php 
    echo $settings->bg_opacity / 100;
    ?>
);
}
<?php 
}
if (is_numeric($settings->spacing)) {
    ?>
.fl-node-<?php 
    echo $id;
    ?>
 .fl-module-content { 
	padding: <?php 
.fl-node-<?php 
echo $id;
?>
 .locations-map {
	height: <?php 
echo $settings->height;
?>
px;
}

.fl-node-<?php 
echo $id;
?>
 .marker_icon i {
	color: rgba(<?php 
echo implode(',', FLBuilderColor::hex_to_rgb($settings->marker_icon_color));
?>
, <?php 
echo $settings->marker_icon_opacity / 100;
?>
);
	font-size: <?php 
echo $settings->marker_icon_size;
?>
px;
}
    echo $height / 2;
    ?>
px 0 0;
	}
<?php 
}
?>

<?php 
// separators =================================================================//
if (isset($settings->show_separator) && $settings->show_separator == 'yes') {
    ?>
	<?php 
    $separator_raw_color = !empty($settings->separator_color) ? $settings->separator_color : '000000';
    $separator_opacity = !empty($settings->separator_opacity) ? $settings->separator_opacity : '100';
    $separator_color = 'rgba(' . implode(',', FLBuilderColor::hex_to_rgb($separator_raw_color)) . ',' . $separator_opacity / 100 . ')';
    ?>
	.fl-node-<?php 
    echo $id;
    ?>
 .menu.fl-menu-<?php 
    echo $settings->menu_layout;
    ?>
 li,
	.fl-node-<?php 
    echo $id;
    ?>
 .menu.fl-menu-horizontal li li{
		border-color: #<?php 
    echo $separator_raw_color;
    ?>