PageRenderTime 53ms CodeModel.GetById 18ms RepoModel.GetById 0ms app.codeStats 0ms

/wp-content/plugins/fusion-core/shortcodes/class-content-boxes.php

https://gitlab.com/webkod3r/tripolis
PHP | 972 lines | 736 code | 216 blank | 20 comment | 332 complexity | 120a84c212995904ccbc46e04350129b MD5 | raw file
    

  1. <?php
    2. 

  2. class FusionSC_ContentBoxes {
    3. 

  3. 

  4. 	private $content_box_counter = 1;
    5. 

  5. 	private $column_counter = 1;
    6. 

  6. 	private $num_of_columns = 1;
    7. 

  7. 	private $total_num_of_columns = 1;
    8. 

  8. 	private $row_counter = 1;
    9. 

  9. 

  10. 	public static $parent_args;
    11. 

  11. 	public static $child_args;
    12. 

  12. 

  13. 	/**
    14. 

  14. 	 * Initiate the shortcode
    15. 

  15. 	 */
    16. 

  16. 	public function __construct() {
    17. 

  17. 

  18. 		add_filter( 'fusion_attr_content-box-shortcode', array( $this, 'child_attr' ) );
    19. 

  19. 		add_filter( 'fusion_attr_content-box-shortcode-content-wrapper', array( $this, 'content_wrapper_attr' ) );
    20. 

  20. 		add_filter( 'fusion_attr_content-box-shortcode-heading-wrapper', array( $this, 'heading_wrapper_attr' ) );
    21. 

  21. 		add_filter( 'fusion_attr_content-box-shortcode-content-container', array( $this, 'content_container_attr' ) );
    22. 

  22. 		
    23. 

  23. 		add_filter( 'fusion_attr_content-box-shortcode-link', array( $this, 'link_attr' ) );
    24. 

  24. 		add_filter( 'fusion_attr_content-box-shortcode-icon-parent', array( $this, 'icon_parent_attr' ) );
    25. 

  25. 		add_filter( 'fusion_attr_content-box-shortcode-icon-wrapper', array( $this, 'icon_wrapper_attr' ) );
    26. 

  26. 		add_filter( 'fusion_attr_content-box-shortcode-icon', array( $this, 'icon_attr' ) );
    27. 

  27. 		add_filter( 'fusion_attr_content-box-shortcode-timeline', array( $this, 'timeline_attr' ) );
    28. 

  28. 		add_filter( 'fusion_attr_content-box-heading', array( $this, 'content_box_heading_attr' ) );
    29. 

  29. 		add_shortcode( 'content_box', array( $this, 'render_child' ) );
    30. 

  30. 

  31. 		add_filter( 'fusion_attr_content-boxes-shortcode', array( $this, 'parent_attr' ) );
    32. 

  32. 		add_shortcode( 'content_boxes', array( $this, 'render_parent' ) );
    33. 

  33. 

  34. 	}
    35. 

  35. 

  36. 	/**
    37. 

  37. 	 * Render the shortcode
    38. 

  38. 	 * 
    39. 

  39. 	 * @param  array $args	 Shortcode paramters
    40. 

  40. 	 * @param  string $content Content between shortcode
    41. 

  41. 	 * @return string		  HTML output
    42. 

  42. 	 */
    43. 

  43. 	function render_parent( $args, $content = '') {
    44. 

  44. 		global $smof_data;
    45. 

  45. 

  46. 		$defaults =	FusionCore_Plugin::set_shortcode_defaults(
    47. 

  47. 			array(
    48. 

  48. 				'class'					=> '',			
    49. 

  49. 				'id' 					=> '',
    50. 

  50. 				'backgroundcolor' 		=> $smof_data['content_box_bg_color'],
    51. 

  51. 				'columns' 				=> '',
    52. 

  52. 				'circle'				=> '',
    53. 

  53. 				'iconcolor' 			=> $smof_data['content_box_icon_color'],
    54. 

  54. 				'circlecolor' 			=> $smof_data['content_box_icon_bg_color'],
    55. 

  55. 				'circlebordercolor' 	=> $smof_data['content_box_icon_bg_inner_border_color'],
    56. 

  56. 				'circlebordersize'		=> $smof_data['content_box_icon_bg_inner_border_size'],
    57. 

  57. 				'outercirclebordercolor'=> $smof_data['content_box_icon_bg_outer_border_color'],
    58. 

  58. 				'outercirclebordersize' => $smof_data['content_box_icon_bg_outer_border_size'],
    59. 

  59. 				'icon_circle'			=> $smof_data['content_box_icon_circle'],
    60. 

  60. 				'icon_circle_radius'	=> $smof_data['content_box_icon_circle_radius'],
    61. 

  61. 				'icon_size'				=> $smof_data['content_box_icon_size'],
    62. 

  62. 				'icon_align'			=> '',
    63. 

  63. 				'icon_hover_type'		=> $smof_data['content_box_icon_hover_type'],
    64. 

  64. 				'hover_accent_color'	=> array_key_exists( 'content_box_hover_animation_accent_color', $smof_data ) && ! empty( $smof_data['content_box_hover_animation_accent_color'] ) ? $smof_data['content_box_hover_animation_accent_color'] : $smof_data['primary_color'],
    65. 

  65. 				'layout' 				=> 'icon-with-title',
    66. 

  66. 				'margin_top' 			=> $smof_data['content_box_margin_top'],
    67. 

  67. 				'margin_bottom' 		=> $smof_data['content_box_margin_bottom'],
    68. 

  68. 				'title_size'			=> $smof_data['content_box_title_size'],
    69. 

  69. 				'title_color'			=> $smof_data['content_box_title_color'],
    70. 

  70. 				'body_color'			=> $smof_data['content_box_body_color'],
    71. 

  71. 				'link_type'				=> $smof_data['content_box_link_type'],
    72. 

  72. 				'link_area'				=> $smof_data['content_box_link_area'],
    73. 

  73. 				'link_target'			=> $smof_data['content_box_link_target'],
    74. 

  74. 				'animation_type' 		=> '',
    75. 

  75. 				'animation_delay' 		=> '',
    76. 

  76. 				'animation_direction' 	=> 'left',
    77. 

  77. 				'animation_speed'		=> '0.1',
    78. 

  78. 				'animation_offset'		=> Avada()->settings->get( 'animation_offset' ),
    79. 

  79. 				'settings_lvl'			=> 'child',
    80. 

  80. 				
    81. 

  81. 				'linktarget'			=> '' // deprecated 
    82. 

  82. 			), $args
    83. 

  83. 		);
    84. 

  84. 		
    85. 

  85. 		if ( $defaults['linktarget'] ) {
    86. 

  86. 			$defaults['link_target'] = $defaults['linktarget'];
    87. 

  87. 		}
    88. 

  88. 

  89. 		if( $defaults['layout'] == 'timeline-vertical' ) {
    90. 

  90. 			$defaults['columns'] = 1;
    91. 

  91. 		}
    92. 

  92. 

  93. 		if( $defaults['layout'] == 'timeline-vertical' || $defaults['layout'] == 'timeline-horizontal' ) { // See #1362
    94. 

  94. 			$defaults['animation_delay'] = 350;
    95. 

  95. 			$defaults['animation_speed'] = 0.25;
    96. 

  96. 			$defaults['animation_type'] = 'fade';
    97. 

  97. 			$defaults['animation_direction'] = '';
    98. 

  98. 		}
    99. 

  99. 

  100. 		extract( $defaults );
    101. 

  101. 

  102. 		self::$parent_args = $defaults;
    103. 

  103. 		
    104. 

  104. 		$this->column_counter = 1;
    105. 

  105. 		$this->row_counter = 1;
    106. 

  106. 

  107. 		preg_match_all( '/(\[content_box (.*?)\](.*?)\[\/content_box\])/s', $content, $matches );
    108. 

  108. 		$this->total_num_of_columns = count( $matches[0] );
    109. 

  109. 

  110. 		if( ! $columns || 
    111. 

  111. 			empty( $columns ) 
    112. 

  112. 		) {
    113. 

  113. 			if( is_array( $matches ) && 
    114. 

  114. 				! empty( $matches ) 
    115. 

  115. 			) {
    116. 

  116. 				$this->num_of_columns = count( $matches[0] );
    117. 

  117. 				if( $this->num_of_columns > 6 ) {
    118. 

  118. 					$this->num_of_columns = 6;
    119. 

  119. 				}
    120. 

  120. 			} else {
    121. 

  121. 				$this->num_of_columns = 1;
    122. 

  122. 			}
    123. 

  123. 		} elseif( $columns > 6 ) {
    124. 

  124. 			$this->num_of_columns = 6;
    125. 

  125. 		} else {
    126. 

  126. 			$this->num_of_columns = $columns;
    127. 

  127. 		}
    128. 

  128. 		
    129. 

  129. 		
    130. 

  130. 		$styles = '<style type="text/css" scoped="scoped">';
    131. 

  131. 		
    132. 

  132. 		if( $title_color ) {
    133. 

  133. 			$styles .= ".fusion-content-boxes-{$this->content_box_counter} .heading h2{color:{$title_color};}";
    134. 

  134. 		}
    135. 

  135. 

  136. 		$styles .= "
    137. 

  137. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-link-icon-hover .heading h2,
    138. 

  138. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-link-icon-hover .heading .heading-link h2,
    139. 

  139. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box-hover .heading h2,
    140. 

  140. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box-hover .heading .heading-link h2,
    141. 

  141. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more,
    142. 

  142. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::after,
    143. 

  143. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::before,
    144. 

  144. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .fusion-read-more:hover:after,
    145. 

  145. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .fusion-read-more:hover:before,
    146. 

  146. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .fusion-read-more:hover,
    147. 

  147. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more,
    148. 

  148. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::after,
    149. 

  149. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::before,			
    150. 

  150. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-link-icon-hover .icon .circle-no,
    151. 

  151. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box-hover .icon .circle-no {
    152. 

  152. 				color: {$hover_accent_color} !important;
    153. 

  153. 			}";
    154. 

  154. 				
    155. 

  155. 		$circle_hover_accent_color = $hover_accent_color;
    156. 

  156. 		if ( $circlecolor == 'transparent' ) {
    157. 

  157. 			$circle_hover_accent_color = 'transparent';
    158. 

  158. 		}
    159. 

  159. 		$styles .= "
    160. 

  160. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .heading-link:hover .icon i.circle-yes,
    161. 

  161. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box:hover .heading-link .icon i.circle-yes,
    162. 

  162. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-link-icon-hover .heading .icon i.circle-yes,
    163. 

  163. 			.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box-hover .heading .icon i.circle-yes {
    164. 

  164. 				background-color: {$circle_hover_accent_color} !important;
    165. 

  165. 				border-color: {$hover_accent_color} !important;
    166. 

  166. 			}";
    167. 

  167. 	
    168. 

  168. 		if ( $icon_hover_type == 'pulsate' && $hover_accent_color ) {
    169. 

  169. 

  170. 			$styles .= "
    171. 

  171. 				.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-link-icon-hover.icon-hover-animation-pulsate .fontawesome-icon:after,
    172. 

  172. 				.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box-hover.icon-hover-animation-pulsate .fontawesome-icon:after,
    173. 

  173. 				.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-link-icon-hover.icon-wrapper-hover-animation-pulsate .icon span:after,
    174. 

  174. 				.fusion-content-boxes-{$this->content_box_counter} .fusion-content-box-hover .link-area-box-hover.icon-wrapper-hover-animation-pulsate .icon span:after {
    175. 

  175. 					-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px {$hover_accent_color}, 0 0 0 10px rgba(255,255,255,0.5);
    176. 

  176. 					-moz-box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px {$hover_accent_color}, 0 0 0 10px rgba(255,255,255,0.5);
    177. 

  177. 					box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px {$hover_accent_color}, 0 0 0 10px rgba(255,255,255,0.5);
    178. 

  178. 				}
    179. 

  179. 			";
    180. 

  180. 		}
    181. 

  181. 		
    182. 

  182. 		$styles .= '</style>';
    183. 

  183. 		
    184. 

  184. 

  185. 		$html = sprintf( '<div %s>%s%s<div class="fusion-clearfix"></div></div>', FusionCore_Plugin::attributes( 'content-boxes-shortcode' ), $styles, do_shortcode( $content ) );
    186. 

  186. 

  187. 		$this->content_box_counter++;
    188. 

  188. 

  189. 		return $html;
    190. 

  190. 

  191. 	}
    192. 

  192. 

  193. 	function parent_attr() {
    194. 

  194. 

  195. 		$attr['class'] = sprintf( 'fusion-content-boxes content-boxes columns fusion-columns-%s fusion-columns-total-%s fusion-content-boxes-%s content-boxes-%s row content-%s', $this->num_of_columns, $this->total_num_of_columns, $this->content_box_counter, self::$parent_args['layout'], self::$parent_args['icon_align'] );
    196. 

  196. 

  197. 		if( self::$parent_args['layout'] == 'timeline-horizontal' || self::$parent_args['layout'] == 'clean-vertical' ) {
    198. 

  198. 			$attr['class'] .= ' content-boxes-icon-on-top';
    199. 

  199. 		}
    200. 

  200. 

  201. 		if( self::$parent_args['layout'] == 'timeline-vertical' ) {
    202. 

  202. 			$attr['class'] .= ' content-boxes-icon-with-title';
    203. 

  203. 		}
    204. 

  204. 

  205. 		if( self::$parent_args['layout'] == 'clean-horizontal' ) {
    206. 

  206. 			$attr['class'] .= ' content-boxes-icon-on-side';
    207. 

  207. 		}
    208. 

  208. 

  209. 		if( self::$parent_args['class'] ) {
    210. 

  210. 			$attr['class'] .= ' ' . self::$parent_args['class'];
    211. 

  211. 		}
    212. 

  212. 

  213. 		if( self::$parent_args['id'] ) {
    214. 

  214. 			$attr['id'] = self::$parent_args['id'];
    215. 

  215. 		}
    216. 

  216. 

  217. 		if( self::$parent_args['animation_delay'] ) {
    218. 

  218. 			$attr['data-animation-delay'] = self::$parent_args['animation_delay'];
    219. 

  219. 			$attr['class'] .= ' fusion-delayed-animation';
    220. 

  220. 		}
    221. 

  221. 		
    222. 

  222. 		if ( self::$parent_args['animation_offset'] ) {
    223. 

  223. 			$animations = FusionCore_Plugin::animations( array(
    224. 

  224. 				'offset' 	=> self::$parent_args['animation_offset'],
    225. 

  225. 			) );
    226. 

  226. 

  227. 			$attr = array_merge( $attr, $animations );
    228. 

  228. 		}		
    229. 

  229. 

  230. 		$attr['style'] = sprintf( 'margin-top:%s;margin-bottom:%s;', Avada_Sanitize::get_value_with_unit( self::$parent_args['margin_top'] ), Avada_Sanitize::get_value_with_unit( self::$parent_args['margin_bottom'] ) );
    231. 

  231. 

  232. 		return $attr;
    233. 

  233. 

  234. 	}
    235. 

  235. 

  236. 	/**
    237. 

  237. 	 * Render the child shortcode
    238. 

  238. 	 * 
    239. 

  239. 	 * @param  array $args	 Shortcode paramters
    240. 

  240. 	 * @param  string $content Content between shortcode
    241. 

  241. 	 * @return string		  HTML output
    242. 

  242. 	 */
    243. 

  243. 	function render_child( $args, $content = '') {
    244. 

  244. 

  245. 		$defaults =	FusionCore_Plugin::set_shortcode_defaults(
    246. 

  246. 			array(
    247. 

  247. 				'class'						=> '',
    248. 

  248. 				'id'						=> '',
    249. 

  249. 				'backgroundcolor'			=> self::$parent_args['backgroundcolor'],
    250. 

  250. 				'circle'	 				=> '',
    251. 

  251. 				'circlecolor' 				=> self::$parent_args['circlecolor'],
    252. 

  252. 				'circlebordercolor' 		=> self::$parent_args['circlebordercolor'],
    253. 

  253. 				'circlebordersize'			=> self::$parent_args['circlebordersize'],
    254. 

  254. 				'outercirclebordercolor'	=> self::$parent_args['outercirclebordercolor'],
    255. 

  255. 				'outercirclebordersize' 	=> self::$parent_args['outercirclebordersize'],
    256. 

  256. 				'icon' 						=> '',
    257. 

  257. 				'iconcolor' 				=> self::$parent_args['iconcolor'],
    258. 

  258. 				'iconrotate'				=> '',
    259. 

  259. 				'iconspin'					=> '',
    260. 

  260. 				'image' 					=> '',
    261. 

  261. 				'image_height' 				=> '35',				
    262. 

  262. 				'image_width' 				=> '35',
    263. 

  263. 				'link' 						=> '',
    264. 

  264. 				'link_target' 				=> self::$parent_args['link_target'],
    265. 

  265. 				'linktext' 					=> '',
    266. 

  266. 				'textcolor'					=> '',
    267. 

  267. 				'title' 					=> '',
    268. 

  268. 				'animation_type' 			=> self::$parent_args['animation_type'],
    269. 

  269. 				'animation_direction' 		=> self::$parent_args['animation_direction'],
    270. 

  270. 				'animation_speed' 			=> self::$parent_args['animation_speed'],
    271. 

  271. 				'animation_offset'			=> self::$parent_args['animation_offset'],
    272. 

  272. 				'linktarget' 				=> '' // deprecated
    273. 

  273. 			), $args
    274. 

  274. 		);
    275. 

  275. 

  276. 		if ( $defaults['linktarget'] ) {
    277. 

  277. 			$defaults['link_target'] = $defaults['linktarget'];
    278. 

  278. 		}
    279. 

  279. 

  280. 		if( self::$parent_args['settings_lvl'] == 'parent' ) {
    281. 

  281. 			$defaults['backgroundcolor'] = self::$parent_args['backgroundcolor'];
    282. 

  282. 			$defaults['circlecolor'] = self::$parent_args['circlecolor'];
    283. 

  283. 			$defaults['circlebordercolor'] = self::$parent_args['circlebordercolor'];
    284. 

  284. 			$defaults['circlebordersize'] = self::$parent_args['circlebordersize'];
    285. 

  285. 			$defaults['outercirclebordercolor'] = self::$parent_args['outercirclebordercolor'];
    286. 

  286. 			$defaults['outercirclebordersize'] = self::$parent_args['outercirclebordersize'];
    287. 

  287. 			$defaults['iconcolor'] = self::$parent_args['iconcolor'];
    288. 

  288. 			$defaults['animation_type'] = self::$parent_args['animation_type'];
    289. 

  289. 			$defaults['animation_direction'] = self::$parent_args['animation_direction'];
    290. 

  290. 			$defaults['animation_speed'] = self::$parent_args['animation_speed'];
    291. 

  291. 			$defaults['link_target'] = self::$parent_args['link_target'];
    292. 

  292. 		}
    293. 

  293. 

  294. 		if( self::$parent_args['layout'] == 'timeline-vertical' || self::$parent_args['layout'] == 'timeline-horizontal' ) {
    295. 

  295. 			$defaults['animation_speed'] = 0.25;
    296. 

  296. 			$defaults['animation_type'] = 'fade';
    297. 

  297. 			$defaults['animation_direction'] = '';
    298. 

  298. 		}
    299. 

  299. 

  300. 		extract( $defaults );
    301. 

  301. 

  302. 		self::$child_args = $defaults;
    303. 

  303. 

  304. 		$output = '';
    305. 

  305. 		$icon_output = '';
    306. 

  306. 		$title_output = '';
    307. 

  307. 		$content_output = '';
    308. 

  308. 		$link_output = '';
    309. 

  309. 		$alt = '';
    310. 

  310. 		$heading = '';
    311. 

  311. 

  312. 		if( $image && 
    313. 

  313. 			$image_width && 
    314. 

  314. 			$image_height
    315. 

  315. 		) {
    316. 

  316. 		
    317. 

  317. 			$image_id = FusionCore_Plugin::get_attachment_id_from_url( $image );
    318. 

  318. 

  319. 			if( $image_id ) {
    320. 

  320. 				$alt = get_post_meta( $image_id, '_wp_attachment_image_alt', true );
    321. 

  321. 			}
    322. 

  322. 		
    323. 

  323. 			$icon_output = sprintf( '<div %s><img src="%s" width="%s" height="%s" alt="%s" /></div>', FusionCore_Plugin::attributes( 'content-box-shortcode-icon' ), $image, $image_width, $image_height, $alt );
    324. 

  324. 		} elseif( $icon ) {
    325. 

  325. 			if( $outercirclebordercolor && $outercirclebordersize ) {
    326. 

  326. 				$icon_output = sprintf( '<div %s><span %s><i %s></i></span></div>', FusionCore_Plugin::attributes( 'content-box-shortcode-icon-parent' ), FusionCore_Plugin::attributes( 'content-box-shortcode-icon-wrapper' ), FusionCore_Plugin::attributes( 'content-box-shortcode-icon' ) );
    327. 

  327. 			} else {
    328. 

  328. 				$icon_output = sprintf( '<div %s><i %s></i></div>', FusionCore_Plugin::attributes( 'content-box-shortcode-icon-parent' ), FusionCore_Plugin::attributes( 'content-box-shortcode-icon' ) );
    329. 

  329. 			}
    330. 

  330. 		}
    331. 

  331. 

  332. 		if( $title ) {
    333. 

  333. 			$title_output = sprintf( '<h2 %s>%s</h2>', FusionCore_Plugin::attributes( 'content-box-heading' ), $title );
    334. 

  334. 		}
    335. 

  335. 		
    336. 

  336. 		if( ( self::$parent_args['layout'] == 'icon-on-side' || self::$parent_args['layout'] == 'icon-with-title' || self::$parent_args['layout'] == 'timeline-vertical' || self::$parent_args['layout'] == 'clean-horizontal' ) && self::$parent_args['icon_align'] == 'right' ) {
    337. 

  337. 			$heading_content = $title_output . $icon_output;
    338. 

  338. 		} else {
    339. 

  339. 			$heading_content = $icon_output . $title_output;
    340. 

  340. 		}
    341. 

  341. 		
    342. 

  342. 		if( $link ) {
    343. 

  343. 			$heading_content = sprintf( '<a %s %s>%s</a>', FusionCore_Plugin::attributes( 'heading-link' ), 
    344. 

  344. 										FusionCore_Plugin::attributes( 'content-box-shortcode-link' ), $heading_content );
    345. 

  345. 		}
    346. 

  346. 		
    347. 

  347. 		if ( $heading_content ) {
    348. 

  348. 			$heading = sprintf( '<div %s>%s</div>', FusionCore_Plugin::attributes( 'content-box-shortcode-heading-wrapper' ), $heading_content );
    349. 

  349. 		}
    350. 

  350. 

  351. 		if( $link &&  
    352. 

  352. 			$linktext 
    353. 

  353. 		) {
    354. 

  354. 			if( self::$parent_args['link_type'] == 'text' || self::$parent_args['link_type'] == 'button-bar' ) {
    355. 

  355. 				$link_output = sprintf( '<div class="fusion-clearfix"></div><a %s %s>%s</a><div class="fusion-clearfix"></div>', FusionCore_Plugin::attributes( 'fusion-read-more' ), FusionCore_Plugin::attributes( 'content-box-shortcode-link', array( 'readmore' => true ) ), $linktext );
    356. 

  356. 			} else if( self::$parent_args['link_type'] == 'button' ) {
    357. 

  357. 				$link_output = sprintf( '<div class="fusion-clearfix"></div><a %s>%s</a><div class="fusion-clearfix"></div>', FusionCore_Plugin::attributes( 'content-box-shortcode-link' ), $linktext );
    358. 

  358. 			}
    359. 

  359. 		}
    360. 

  360. 

  361. 		$content_output = sprintf( '<div class="fusion-clearfix"></div><div %s>%s</div>', FusionCore_Plugin::attributes( 'content-box-shortcode-content-container'), do_shortcode( $content ) . $link_output );
    362. 

  362. 

  363. 		$output = $heading . $content_output;
    364. 

  364. 

  365. 		$timeline = '';
    366. 

  366. 

  367. 		if( $icon && self::$parent_args['icon_circle'] == 'yes' && self::$parent_args['layout'] == 'timeline-horizontal' && self::$parent_args['columns'] != '1' ) {
    368. 

  368. 			$timeline = sprintf( '<div %s></div>', FusionCore_Plugin::attributes( 'content-box-shortcode-timeline' ) );
    369. 

  369. 		}
    370. 

  370. 

  371. 

  372. 		if( $icon && self::$parent_args['icon_circle'] == 'yes' && self::$parent_args['layout'] == 'timeline-vertical' ) {
    373. 

  373. 			$timeline = sprintf( '<div %s></div>', FusionCore_Plugin::attributes( 'content-box-shortcode-timeline' ) );
    374. 

  374. 		}
    375. 

  375. 

  376. 		$html = sprintf( '<div %s><div %s>%s%s</div></div>', FusionCore_Plugin::attributes( 'content-box-shortcode' ), 
    377. 

  377. 						 FusionCore_Plugin::attributes( 'content-box-shortcode-content-wrapper' ), $output, $timeline );
    378. 

  378. 

  379. 		$clearfix_test = $this->column_counter / $this->num_of_columns;
    380. 

  380. 

  381. 		if ( is_int( $clearfix_test ) ) {
    382. 

  382. 			$html .= '<div class="fusion-clearfix"></div>';
    383. 

  383. 		}
    384. 

  384. 

  385. 		$this->column_counter++;
    386. 

  386. 

  387. 		return $html;
    388. 

  388. 

  389. 	}
    390. 

  390. 

  391. 	function child_attr() {
    392. 

  392. 

  393. 		$columns = 12 / $this->num_of_columns;
    394. 

  394. 

  395. 		if( $this->row_counter > intval( $this->num_of_columns ) ) {
    396. 

  396. 			$this->row_counter = 1;
    397. 

  397. 		}
    398. 

  398. 

  399. 		$attr['style'] = '';
    400. 

  400. 		$attr['class'] = sprintf( 'fusion-column content-box-column content-box-column-%s col-lg-%s col-md-%s col-sm-%s', $this->column_counter, $columns, $columns, $columns );
    401. 

  401. 		
    402. 

  402. 		if ( $this->num_of_columns == '5'  ) {
    403. 

  403. 			$attr['class'] = sprintf( 'fusion-column content-box-column content-box-column-%s col-lg-2 col-md-2 col-sm-2', $this->column_counter );
    404. 

  404. 		}		
    405. 

  405. 

  406. 

  407. 		$attr['class'] .= ' fusion-content-box-hover';
    408. 

  408. 		
    409. 

  409. 		$border_color = '';
    410. 

  410. 

  411. 		if( self::$child_args['circlebordercolor'] ) {
    412. 

  412. 			$border_color = self::$child_args['circlebordercolor'];
    413. 

  413. 		}
    414. 

  414. 

  415. 		if( self::$child_args['outercirclebordercolor'] ) {
    416. 

  416. 			$border_color = self::$child_args['outercirclebordercolor'];
    417. 

  417. 		}
    418. 

  418. 

  419. 		if( ! self::$child_args['circlebordercolor'] && ! self::$child_args['outercirclebordercolor'] ) {
    420. 

  420. 			$border_color = '#f6f6f6';
    421. 

  421. 		}
    422. 

  422. 

  423. 		if( intval( $this->column_counter ) % intval( $this->num_of_columns ) == 1 ) {
    424. 

  424. 			$attr['class'] .= ' content-box-column-first-in-row';
    425. 

  425. 		}
    426. 

  426. 

  427. 		if( intval( $this->column_counter ) == intval( $this->total_num_of_columns ) ) {
    428. 

  428. 			$attr['class'] .= ' content-box-column-last';
    429. 

  429. 		}
    430. 

  430. 

  431. 		if( $this->row_counter == intval( $this->num_of_columns ) ) {
    432. 

  432. 			$attr['class'] .= ' content-box-column-last-in-row';
    433. 

  433. 		}
    434. 

  434. 

  435. 		if( $border_color && ( self::$parent_args['layout'] == 'clean-vertical' || self::$parent_args['layout'] == 'clean-horizontal' ) ) {
    436. 

  436. 			$attr['style'] .= sprintf( 'border-color:%s;', $border_color );
    437. 

  437. 		}
    438. 

  438. 

  439. 		if( self::$child_args['class'] ) {
    440. 

  440. 			$attr['class'] .= ' ' . self::$child_args['class'];
    441. 

  441. 		}
    442. 

  442. 

  443. 		if( self::$child_args['id'] ) {
    444. 

  444. 			$attr['id'] = self::$child_args['id'];
    445. 

  445. 		}
    446. 

  446. 

  447. 		$this->row_counter++;
    448. 

  448. 

  449. 		return $attr;
    450. 

  450. 

  451. 	}
    452. 

  452. 	
    453. 

  453. 	function content_wrapper_attr() {
    454. 

  454. 	
    455. 

  455. 		$attr['class'] = 'col content-wrapper';
    456. 

  456. 		
    457. 

  457. 		// set parent values if child values are unset to get downwards compatibility
    458. 

  458. 		if( ! self::$child_args['backgroundcolor'] ) {
    459. 

  459. 			self::$child_args['backgroundcolor'] = self::$parent_args['backgroundcolor'];
    460. 

  460. 		}		
    461. 

  461. 		
    462. 

  462. 		if( self::$child_args['backgroundcolor'] ) {
    463. 

  463. 			$attr['style'] = sprintf( 'background-color:%s;', self::$child_args['backgroundcolor'] );
    464. 

  464. 			
    465. 

  465. 			if ( self::$child_args['backgroundcolor'] != 'transparent' ) {
    466. 

  466. 				$attr['class'] .= '-background';
    467. 

  467. 			}
    468. 

  468. 		}
    469. 

  469. 		
    470. 

  470. 		if( self::$parent_args['layout']  == 'icon-boxed' ) {
    471. 

  471. 			$attr['class'] .= ' content-wrapper-boxed';
    472. 

  472. 		}
    473. 

  473. 

  474. 		if( self::$child_args['link'] && self::$parent_args['link_area'] == 'box' ) {
    475. 

  475. 			$attr['data-link'] = self::$child_args['link'];
    476. 

  476. 		}
    477. 

  477. 

  478. 		$attr['class'] .= ' link-area-' . self::$parent_args['link_area'];
    479. 

  479. 

  480. 		if( self::$child_args['link'] && self::$parent_args['link_type'] ) {
    481. 

  481. 			$attr['class'] .= ' link-type-' . self::$parent_args['link_type'];
    482. 

  482. 		}
    483. 

  483. 

  484. 		if(  self::$child_args['outercirclebordercolor'] && self::$child_args['outercirclebordersize'] ) {
    485. 

  485. 			$attr['class'] .= ' content-icon-wrapper-yes';
    486. 

  486. 		}
    487. 

  487. 		if( self::$child_args['outercirclebordercolor'] && self::$child_args['outercirclebordersize'] && self::$parent_args['icon_hover_type'] == 'pulsate' ) {
    488. 

  488. 			$attr['class'] .= ' icon-wrapper-hover-animation-' . self::$parent_args['icon_hover_type'];
    489. 

  489. 		} else {
    490. 

  490. 			$attr['class'] .= ' icon-hover-animation-' . self::$parent_args['icon_hover_type'];
    491. 

  491. 		}
    492. 

  492. 		
    493. 

  493. 		if( self::$child_args['textcolor'] ) {
    494. 

  494. 			$attr['style'] .= sprintf( 'color:%s;', self::$child_args['textcolor'] );
    495. 

  495. 		}
    496. 

  496. 		
    497. 

  497. 		if ( self::$child_args['animation_type'] ) {
    498. 

  498. 			$animations = FusionCore_Plugin::animations( array(
    499. 

  499. 				'type'	  	=> self::$child_args['animation_type'],
    500. 

  500. 				'direction' => self::$child_args['animation_direction'],
    501. 

  501. 				'speed'	 	=> self::$child_args['animation_speed'],
    502. 

  502. 				'offset' 	=> self::$child_args['animation_offset'],
    503. 

  503. 			) );
    504. 

  504. 

  505. 			$attr = array_merge( $attr, $animations );
    506. 

  506. 			
    507. 

  507. 			$attr['class'] .= ' ' . $attr['animation_class'];
    508. 

  508. 			unset( $attr['animation_class'] );	 
    509. 

  509. 		}
    510. 

  510. 	
    511. 

  511. 		return $attr;
    512. 

  512. 	}
    513. 

  513. 	
    514. 

  514. 	
    515. 

  515. 	function link_attr( $args ) {
    516. 

  516. 		global $smof_data;
    517. 

  517. 

  518. 		$attr['class'] = '';
    519. 

  519. 

  520. 		if( self::$child_args['link'] ) {
    521. 

  521. 			$attr['href'] = self::$child_args['link'];
    522. 

  522. 		}
    523. 

  523. 		
    524. 

  524. 		if( self::$child_args['link_target'] ) {
    525. 

  525. 			$attr['target'] = self::$child_args['link_target'];
    526. 

  526. 		}
    527. 

  527. 

  528. 		if( self::$parent_args['link_type'] == 'button' ) {
    529. 

  529. 			$attr['class'] .= sprintf( 'fusion-read-more-button fusion-button fusion-button-default fusion-button-%s fusion-button-%s fusion-button-%s', strtolower( $smof_data['button_size'] ), strtolower( $smof_data['button_shape'] ), strtolower( $smof_data['button_type'] ) );
    530. 

  530. 		}
    531. 

  531. 		
    532. 

  532. 		if ( self::$parent_args['link_type'] == 'button-bar' &&
    533. 

  533. 			 self::$parent_args['layout'] == 'timeline-vertical' &&
    534. 

  534. 			 isset( $args['readmore'] )
    535. 

  535. 		) {
    536. 

  536. 			$attr['style'] = '';
    537. 

  537. 		
    538. 

  538. 			if( self::$child_args['image'] && 
    539. 

  539. 				self::$child_args['image_width'] && 
    540. 

  540. 				self::$child_args['image_height']
    541. 

  541. 			) {		
    542. 

  542. 				if ( self::$parent_args['icon_align'] == 'right' ) {
    543. 

  543. 					$attr['style'] .= sprintf( 'margin-right:%spx;', self::$child_args['image_width'] + 20 );
    544. 

  544. 				} else {
    545. 

  545. 					$attr['style'] .= sprintf( 'margin-left:%spx;', self::$child_args['image_width'] + 20 );
    546. 

  546. 				}
    547. 

  547. 

  548. 				$attr['style'] .= 'width:calc(100% - ' . ( self::$child_args['image_width'] + 20 ) . 'px);';
    549. 

  549. 

  550. 			} else if ( self::$child_args['icon'] ) {
    551. 

  551. 				if ( self::$parent_args['icon_circle'] == 'yes' ) {
    552. 

  552. 					$full_icon_size = ( self::$parent_args['icon_size'] * 2 ) + ( intval( self::$child_args['circlebordersize'] ) * 2 ) + ( intval( self::$child_args['outercirclebordersize'] ) * 2 );
    553. 

  553. 				} else {
    554. 

  554. 					$full_icon_size = self::$parent_args['icon_size'];
    555. 

  555. 				}
    556. 

  556. 

  557. 				if ( self::$parent_args['icon_align'] == 'right' ) {
    558. 

  558. 					$attr['style'] .= sprintf( 'margin-right:%spx;', $full_icon_size + 20 );
    559. 

  559. 				} else {
    560. 

  560. 					$attr['style'] .= sprintf( 'margin-left:%spx;', $full_icon_size + 20 );
    561. 

  561. 				}
    562. 

  562. 		
    563. 

  563. 				$attr['style'] .= 'width:calc(100% - ' . ( $full_icon_size + 20 ) . 'px);';
    564. 

  564. 			}
    565. 

  565. 		}
    566. 

  566. 

  567. 		return $attr;
    568. 

  568. 

  569. 	}	
    570. 

  570. 

  571. 	function heading_wrapper_attr() {
    572. 

  572. 

  573. 		$attr['class'] = 'heading';
    574. 

  574. 		$attr['style'] = '';
    575. 

  575. 

  576. 		if( self::$child_args['icon'] || self::$child_args['image'] ) {
    577. 

  577. 			$attr['class'] .= ' heading-with-icon';
    578. 

  578. 		}
    579. 

  579. 		
    580. 

  580. 		if( self::$parent_args['icon_align'] ) {
    581. 

  581. 			$attr['class'] .= ' icon-'.self::$parent_args['icon_align'];
    582. 

  582. 		}
    583. 

  583. 

  584. 		return $attr;
    585. 

  585. 

  586. 	}
    587. 

  587. 

  588. 	function icon_parent_attr() {
    589. 

  589. 		$attr['class'] = 'icon';
    590. 

  590. 		$attr['style'] = '';
    591. 

  591. 

  592. 		if(  self::$parent_args['icon_circle'] != 'yes' && self::$parent_args['layout'] == 'icon-boxed' ) {
    593. 

  593. 			$attr['style'] .= sprintf( 'position:absolute;width: 100%%;top:-%spx;', 50 + intval( self::$parent_args['icon_size'] ) / 2 );
    594. 

  594. 		}
    595. 

  595. 		
    596. 

  596. 		if ( self::$parent_args['layout'] == 'timeline-vertical' && self::$parent_args['icon_align'] == 'right' && ( ! self::$child_args['outercirclebordercolor'] || ! self::$child_args['circlebordersize'] ) ) {
    597. 

  597. 			$attr['style'] .= 'padding-left:20px;';
    598. 

  598. 		}
    599. 

  599. 

  600. 		if( self::$parent_args['animation_delay'] ) {
    601. 

  601. 			$animation_delay = self::$parent_args['animation_delay'];
    602. 

  602. 			$attr['style'] .= '-webkit-animation-duration: ' . $animation_delay . 'ms;';
    603. 

  603. 			$attr['style'] .= 'animation-duration: ' . $animation_delay . 'ms;';
    604. 

  604. 		}
    605. 

  605. 

  606. 		return $attr;
    607. 

  607. 	}
    608. 

  608. 

  609. 	function icon_wrapper_attr() {
    610. 

  610. 	
    611. 

  611. 		$attr['style'] = '';
    612. 

  612. 

  613. 		if( self::$child_args['icon'] ) {
    614. 

  614. 

  615. 			$attr['class'] = '';
    616. 

  616. 			
    617. 

  617. 			if( self::$parent_args['icon_circle'] == 'yes' ) {
    618. 

  618. 				$attr['style'] .= sprintf( 'height:%spx;width:%spx;line-height:%spx;', ( self::$parent_args['icon_size'] * 2 ) + ( intval( self::$child_args['circlebordersize'] ) * 2 ), ( self::$parent_args['icon_size'] * 2 ) + ( intval( self::$child_args['circlebordersize'] ) * 2 ), ( self::$parent_args['icon_size'] * 2 ) + ( intval( self::$child_args['circlebordersize'] ) * 2 ) );
    619. 

  619. 

  620. 				if( self::$child_args['outercirclebordercolor'] ) {
    621. 

  621. 					$attr['style'] .= sprintf( 'border-color:%s;', self::$child_args['outercirclebordercolor'] );
    622. 

  622. 				}
    623. 

  623. 

  624. 				if( self::$child_args['outercirclebordersize'] ) {
    625. 

  625. 					$attr['style'] .= sprintf( 'border-width:%s;', self::$child_args['outercirclebordersize'] );
    626. 

  626. 				}
    627. 

  627. 

  628. 				$attr['style'] .= sprintf( 'border-style:%s;', 'solid' );
    629. 

  629. 

  630. 				if( self::$child_args['circlebordercolor'] ) {
    631. 

  631. 					$attr['style'] .= sprintf( 'background-color:%s;', self::$child_args['circlebordercolor'] );
    632. 

  632. 				}
    633. 

  633. 

  634. 				if( self::$parent_args['layout'] == 'icon-boxed' ) {
    635. 

  635. 					$attr['style'] .= sprintf( 'position:absolute;top:-%spx;margin-left:-%spx;', 50 + ( ( ( self::$parent_args['icon_size'] * 2 ) + intval( self::$child_args['circlebordersize'] ) * 2 ) / 2 ), ( ( self::$parent_args['icon_size'] * 2 )  + intval( self::$child_args['circlebordersize'] ) * 2 ) / 2 );
    636. 

  636. 				}
    637. 

  637. 

  638. 				if( self::$parent_args['icon_circle_radius'] == 'round' ) {
    639. 

  639. 					self::$parent_args['icon_circle_radius'] = '100%';
    640. 

  640. 				}
    641. 

  641. 

  642. 				if( self::$parent_args['layout'] == 'icon-on-side' || self::$parent_args['layout'] == 'timeline-vertical' || self::$parent_args['layout'] == 'clean-horizontal' ) {
    643. 

  643. 					$margin_direction = 'margin-right';
    644. 

  644. 					if ( self::$parent_args['icon_align'] == 'right' ) {
    645. 

  645. 						$margin_direction = 'margin-left';
    646. 

  646. 					}
    647. 

  647. 					
    648. 

  648. 					$margin = '20px';
    649. 

  649. 					if ( self::$parent_args['layout'] == 'timeline-vertical' && self::$parent_args['icon_align'] == 'right' ) {
    650. 

  650. 						$margin = '10px';
    651. 

  651. 					}					
    652. 

  652. 					
    653. 

  653. 					$attr['style'] .= sprintf( '%s:%s;', $margin_direction, $margin );
    654. 

  654. 				}
    655. 

  655. 

  656. 				$attr['style'] .= sprintf( 'box-sizing:%s;', 'content-box' );
    657. 

  657. 				$attr['style'] .= sprintf( 'border-radius:%s;', self::$parent_args['icon_circle_radius'] );
    658. 

  658. 			}
    659. 

  659. 		}
    660. 

  660. 

  661. 		return $attr;
    662. 

  662. 

  663. 	}
    664. 

  664. 

  665. 	function icon_attr() {
    666. 

  666. 	
    667. 

  667. 		$attr['style'] = '';
    668. 

  668. 	
    669. 

  669. 		if( self::$child_args['image'] ) {
    670. 

  670. 			$attr['class'] = 'image';
    671. 

  671. 			
    672. 

  672. 			if( self::$parent_args['layout'] == 'icon-boxed' && 
    673. 

  673. 				self::$child_args['image_width'] && 
    674. 

  674. 				self::$child_args['image_height']
    675. 

  675. 			) {
    676. 

  676. 				$attr['style'] = sprintf( 'margin-left:-%spx;', self::$child_args['image_width'] / 2 );
    677. 

  677. 				$attr['style'] .= sprintf( 'top:-%spx;', self::$child_args['image_height'] / 2 + 50 );
    678. 

  678. 			}			
    679. 

  679. 			
    680. 

  680. 		} else if( self::$child_args['icon'] ) {
    681. 

  681. 

  682. 			$attr['class'] = sprintf( 'fa fontawesome-icon %s', FusionCore_Plugin::font_awesome_name_handler( self::$child_args['icon'] ) );
    683. 

  683. 			
    684. 

  684. 			// set parent values if child values are unset to get downwards compatibility
    685. 

  685. 			if( ! self::$child_args['circle'] ) {
    686. 

  686. 				self::$child_args['circle'] = self::$parent_args['circle'];
    687. 

  687. 			}		
    688. 

  688. 			
    689. 

  689. 			if( self::$parent_args['icon_circle'] == 'yes' ) {
    690. 

  690. 

  691. 				$attr['class'] .= ' circle-yes';
    692. 

  692. 

  693. 				if( self::$child_args['circlebordercolor'] ) {
    694. 

  694. 					$attr['style'] .= sprintf( 'border-color:%s;', self::$child_args['circlebordercolor'] );
    695. 

  695. 				}
    696. 

  696. 

  697. 				if( self::$child_args['circlebordersize'] ) {
    698. 

  698. 					$attr['style'] .= sprintf( 'border-width:%s;', self::$child_args['circlebordersize'] );
    699. 

  699. 				}
    700. 

  700. 

  701. 				if( self::$child_args['circlecolor'] ) {
    702. 

  702. 					$attr['style'] .= sprintf( 'background-color:%s;', self::$child_args['circlecolor'] );
    703. 

  703. 				}
    704. 

  704. 

  705. 				$attr['style'] .= sprintf( 'height:%spx;width:%spx;line-height:%spx;', self::$parent_args['icon_size'] * 2, self::$parent_args['icon_size'] * 2, self::$parent_args['icon_size'] * 2 );
    706. 

  706. 

  707. 				if( self::$parent_args['layout'] == 'icon-boxed' && ( ! self::$child_args['outercirclebordercolor'] || ! self::$child_args['outercirclebordersize'] ) ) {
    708. 

  708. 					$attr['style'] .= sprintf( 'top:-%spx;margin-left:-%spx;', 50 + ( ( self::$parent_args['icon_size'] * 2 ) / 2 ), ( self::$parent_args['icon_size'] * 2 ) / 2 );
    709. 

  709. 				}
    710. 

  710. 

  711. 				if( self::$parent_args['icon_circle_radius'] == 'round' ) {
    712. 

  712. 					self::$parent_args['icon_circle_radius'] = '100%';
    713. 

  713. 				}
    714. 

  714. 

  715. 				$attr['style'] .= sprintf( 'border-radius:%s;', self::$parent_args['icon_circle_radius'] );
    716. 

  716. 

  717. 				if( self::$child_args['outercirclebordercolor'] && self::$child_args['outercirclebordersize'] ) {
    718. 

  718. 					// If there is a thick border, kill border width and make it center aligned positioned
    719. 

  719. 					$attr['style'] .= sprintf( 'border-width:%s;', '0' );
    720. 

  720. 					$attr['style'] .= sprintf( 'position:%s;', 'relative' );
    721. 

  721. 					$attr['style'] .= sprintf( 'top:%s;', self::$child_args['circlebordersize'] );
    722. 

  722. 					$attr['style'] .= sprintf( 'left:%s;', self::$child_args['circlebordersize'] );
    723. 

  723. 					$attr['style'] .= 'margin:0;';
    724. 

  724. 					$attr['style'] .= sprintf( 'border-radius:%spx;', intval( self::$parent_args['icon_circle_radius'] ) - intval( self::$child_args['outercirclebordersize'] ) );
    725. 

  725. 				}
    726. 

  726. 			} else {
    727. 

  727. 

  728. 				$attr['class'] .= ' circle-no';
    729. 

  729. 

  730. 				$attr['style'] .= sprintf( 'background-color:%s;border-color:%s;height:%s;width:%spx;line-height:%s;', 'transparent', 'transparent', 'auto', self::$parent_args['icon_size'], 'normal' );
    731. 

  731. 

  732. 				if( self::$parent_args['layout'] == 'icon-boxed' ) {
    733. 

  733. 					$attr['style'] .= sprintf( 'position:%s;left:%s;right:%s;top:%s;margin-left:%s;margin-right:%s;', 'relative', 'auto', 'auto', 'auto', 'auto', 'auto' );
    734. 

  734. 				}
    735. 

  735. 			}			
    736. 

  736. 

  737. 			if( self::$child_args['iconcolor'] ) {
    738. 

  738. 				$attr['style'] .= sprintf( 'color:%s;', self::$child_args['iconcolor'] );
    739. 

  739. 			}
    740. 

  740. 

  741. 			if( self::$child_args['iconrotate'] ) {
    742. 

  742. 				$attr['class'] .= ' fa-rotate-' . self::$child_args['iconrotate'];
    743. 

  743. 			}
    744. 

  744. 

  745. 			if( self::$child_args['iconspin'] == 'yes' ) {
    746. 

  746. 				$attr['class'] .= ' fa-spin';
    747. 

  747. 			}
    748. 

  748. 

  749. 			$attr['style'] .= sprintf( 'font-size:%spx;', FusionCore_Plugin::strip_unit( self::$parent_args['icon_size'] ) );
    750. 

  750. 		}
    751. 

  751. 

  752. 		return $attr;
    753. 

  753. 

  754. 	}
    755. 

  755. 

  756. 	function content_container_attr() {
    757. 

  757. 		$attr['class'] = 'content-container';
    758. 

  758. 		$attr['style'] = '';
    759. 

  759. 

  760. 		if( ( self::$parent_args['layout'] == 'icon-on-side' || self::$parent_args['layout'] == 'timeline-vertical' || self::$parent_args['layout'] == 'clean-horizontal' ) && 
    761. 

  761. 			self::$child_args['image'] && 
    762. 

  762. 			self::$child_args['image_width'] && 
    763. 

  763. 			self::$child_args['image_height']
    764. 

  764. 		) {		
    765. 

  765. 			if( self::$parent_args['layout'] == 'clean-horizontal' ) {
    766. 

  766. 				$attr['style'] .= sprintf( 'padding-left:%spx;', self::$child_args['image_width'] + 20 );
    767. 

  767. 			} else {
    768. 

  768. 				if ( self::$parent_args['icon_align'] == 'right' ) {
    769. 

  769. 					$attr['style'] .= sprintf( 'padding-right:%spx;', self::$child_args['image_width'] + 20 );
    770. 

  770. 				} else {
    771. 

  771. 					$attr['style'] .= sprintf( 'padding-left:%spx;', self::$child_args['image_width'] + 20 );
    772. 

  772. 				}
    773. 

  773. 			}
    774. 

  774. 			
    775. 

  775. 			if ( self::$parent_args['layout'] == 'timeline-vertical' ) {
    776. 

  776. 				$image_height = self::$child_args['image_height'];
    777. 

  777. 				if ( $image_height > self::$parent_args['title_size'] &&
    778. 

  778. 					 $image_height - self::$parent_args['title_size'] - 15 > 0
    779. 

  779. 				) {
    780. 

  780. 					$attr['style'] .= sprintf( 'margin-top:-%spx;', $image_height - self::$parent_args['title_size'] );
    781. 

  781. 				}
    782. 

  782. 			}
    783. 

  783. 		} else if ( ( self::$parent_args['layout'] == 'icon-on-side' || self::$parent_args['layout'] == 'timeline-vertical' || self::$parent_args['layout'] == 'clean-horizontal' ) && self::$child_args['icon'] ) {
    784. 

  784. 			if ( self::$parent_args['icon_circle'] == 'yes' ) {
    785. 

  785. 				$full_icon_size = ( self::$parent_args['icon_size'] * 2 ) + ( intval( self::$child_args['circlebordersize'] ) * 2 ) + ( intval( self::$child_args['outercirclebordersize'] ) * 2 );
    786. 

  786. 			} else {
    787. 

  787. 				$full_icon_size = self::$parent_args['icon_size'];
    788. 

  788. 			}
    789. 

  789. 			
    790. 

  790. 			if( self::$parent_args['layout'] == 'clean-horizontal' ) {
    791. 

  791. 				$attr['style'] .= sprintf( 'padding-left:%spx;', $full_icon_size + 20 );
    792. 

  792. 			} else {
    793. 

  793. 				if ( self::$parent_args['icon_align'] == 'right' ) {
    794. 

  794. 					$attr['style'] .= sprintf( 'padding-right:%spx;', $full_icon_size + 20 );
    795. 

  795. 				} else {
    796. 

  796. 					$attr['style'] .= sprintf( 'padding-left:%spx;', $full_icon_size + 20 );
    797. 

  797. 				}				
    798. 

  798. 			}
    799. 

  799. 

  800. 			if ( self::$parent_args['layout'] == 'timeline-vertical' ) {
    801. 

  801. 				if ( $full_icon_size > self::$parent_args['title_size'] &&
    802. 

  802. 					 $full_icon_size - self::$parent_args['title_size'] - 15 > 0
    803. 

  803. 				) {
    804. 

  804. 					if ( self::$parent_args['layout'] == 'timeline-vertical' ) {
    805. 

  805. 						$attr['style'] .= sprintf( 'margin-top:-%spx;', ( $full_icon_size - self::$parent_args['title_size'] ) / 2 );
    806. 

  806. 					} else {
    807. 

  807. 						$attr['style'] .= sprintf( 'margin-top:-%spx;', $full_icon_size - self::$parent_args['title_size'] );
    808. 

  808. 					}
    809. 

  809. 				}
    810. 

  810. 			}
    811. 

  811. 		}
    812. 

  812. 

  813. 		if( self::$parent_args['icon_align'] == 'right' && isset ( $attr['style'] ) && ( self::$parent_args['layout'] == 'icon-on-side' || self::$parent_args['layout'] == 'icon-with-title' || self::$parent_args['layout'] == 'timeline-vertical' || self::$parent_args['layout'] == 'clean-horizontal' ) ) {
    814. 

  814. 			$attr['style'] .= sprintf( ' text-align:%s;', self::$parent_args['icon_align'] );
    815. 

  815. 		} else if( self::$parent_args['icon_align'] == 'right' && !isset( $attr['style'] ) && ( self::$parent_args['layout'] == 'icon-on-side' || self::$parent_args['layout'] == 'icon-with-title' || self::$parent_args['layout'] == 'timeline-vertical' || self::$parent_args['layout'] == 'clean-horizontal' ) ) {
    816. 

  816. 			$attr['style'] .= sprintf( ' text-align:%s;', self::$parent_args['icon_align'] );
    817. 

  817. 		}
    818. 

  818. 

  819. 		if( self::$parent_args['body_color'] ) {
    820. 

  820. 			$attr['style'] .= sprintf( 'color:%s;', self::$parent_args['body_color'] );
    821. 

  821. 		}
    822. 

  822. 

  823. 		return $attr;
    824. 

  824. 		
    825. 

  825. 	}
    826. 

  826. 

  827. 	function timeline_attr() {
    828. 

  828. 		if( self::$parent_args['layout'] == 'timeline-horizontal' ) {
    829. 

  829. 			$attr['class'] = 'content-box-shortcode-timeline';
    830. 

  830. 			$attr['style'] = '';
    831. 

  831. 

  832. 			$border_color = '';
    833. 

  833. 			if ( self::$parent_args['icon_circle'] == 'yes' ) {
    834. 

  834. 				if ( intval( self::$child_args['outercirclebordersize'] ) ) {
    835. 

  835. 					$full_icon_size = ( intval( self::$parent_args['icon_size'] ) * 2 ) + ( intval( self::$child_args['circlebordersize'] ) * 2 ) + ( intval( self::$child_args['outercirclebordersize'] ) * 2 );
    836. 

  836. 				} else {
    837. 

  837. 					$full_icon_size = intval( self::$parent_args['icon_size'] ) * 2;
    838. 

  838. 				}
    839. 

  839. 			} else {
    840. 

  840. 				$full_icon_size = intval( self::$parent_args['icon_size'] );
    841. 

  841. 			}
    842. 

  842. 

  843. 			$position_top = $full_icon_size / 2;
    844. 

  844. 

  845. 			if ( self::$child_args['backgroundcolor'] && self::$child_args['backgroundcolor'] != 'transparent' ) {
    846. 

  846. 				$position_top += 35;
    847. 

  847. 			}			
    848. 

  848. 			
    849. 

  849. 			if( self::$child_args['circlebordercolor'] ) {
    850. 

  850. 				$border_color = self::$child_args['circlebordercolor'];
    851. 

  851. 			}
    852. 

  852. 

  853. 			if( self::$child_args['outercirclebordercolor'] && self::$child_args['outercirclebordersize'] ) {
    854. 

  854. 				$border_color = self::$child_args['outercirclebordercolor'];
    855. 

  855. 			}
    856. 

  856. 

  857. 			if( ! self::$child_args['circlebordercolor'] && ! self::$child_args['outercirclebordercolor'] ) {
    858. 

  858. 				$border_color = '#f6f6f6';
    859. 

  859. 			}
    860. 

  860. 

  861. 			if( $border_color ) {
    862. 

  862. 				$attr['style'] .= sprintf( 'border-color:%s;', $border_color );
    863. 

  863. 			}
    864. 

  864. 

  865. 			if( $position_top ) {
    866. 

  866. 				$attr['style'] .= sprintf( 'top:%spx;', intval( $position_top ) );
    867. 

  867. 			}
    868. 

  868. 		} else if( self::$parent_args['layout'] == 'timeline-vertical' ) {
    869. 

  869. 			$attr['class'] = 'content-box-shortcode-timeline-vertical';
    870. 

  870. 			$attr['style'] = '';
    871. 

  871. 

  872. 			$border_color = '';
    873. 

  873. 			
    874. 

  874. 			if ( self::$parent_args['icon_circle'] == 'yes' ) {
    875. 

  875. 				if ( intval( self::$child_args['outercirclebordersize'] ) ) {
    876. 

  876. 					$full_icon_size = ( intval( self::$parent_args['icon_size'] ) * 2 ) + ( intval( self::$child_args['circlebordersize'] ) * 2 ) + ( intval( self::$child_args['outercirclebordersize'] ) * 2 );
    877. 

  877. 				} else {
    878. 

  878. 					$full_icon_size = intval( self::$parent_args['icon_size'] ) * 2;
    879. 

  879. 				}
    880. 

  880. 			} else {
    881. 

  881. 				$full_icon_size = intval( self::$parent_args['icon_size'] );
    882. 

  882. 			}
    883. 

  883. 

  884. 			$position_top = $full_icon_size;
    885. 

  885. 			$position_horizontal = $full_icon_size / 2 + 15;
    886. 

  886. 			if ( self::$child_args['backgroundcolor'] && self::$child_args['backgroundcolor'] != 'transparent' ) {
    887. 

  887. 				$position_top += 35;
    888. 

  888. 				$position_horizontal += 35;
    889. 

  889. 			}
    890. 

  890. 

  891. 			if( self::$child_args['circlebordercolor'] ) {
    892. 

  892. 				$border_color = self::$child_args['circlebordercolor'];
    893. 

  893. 			}
    894. 

  894. 

  895. 			if( self::$child_args['outercirclebordercolor'] && self::$child_args['outercirclebordersize'] ) {
    896. 

  896. 				$border_color = self::$child_args['outercirclebordercolor'];
    897. 

  897. 

  898. 			}
    899. 

  899. 

  900. 			if( ! self::$child_args['circlebordercolor'] && ! self::$child_args['outercirclebordercolor'] ) {
    901. 

  901. 				$border_color = '#f6f6f6';
    902. 

  902. 			}
    903. 

  903. 

  904. 			if( $border_color ) {
    905. 

  905. 				$attr['style'] .= sprintf( 'border-color:%s;', $border_color );
    906. 

  906. 			}
    907. 

  907. 

  908. 			if ( $position_horizontal ) {
    909. 

  909. 				if ( self::$parent_args['icon_align'] == 'right' ) {					
    910. 

  910. 					$attr['style'] .= sprintf( 'right:%spx;', intval( $position_horizontal ) );
    911. 

  911. 				} else {
    912. 

  912. 					$attr['style'] .= sprintf( 'left:%spx;', intval( $position_horizontal ) );
    913. 

  913. 				}
    914. 

  914. 			}
    915. 

  915. 			
    916. 

  916. 			if ( $position_top ) {
    917. 

  917. 				$attr['style'] .= sprintf( 'top:%spx;', $position_top );
    918. 

  918. 			}
    919. 

  919. 		}
    920. 

  920. 

  921. 		if( self::$parent_args['animation_delay'] ) {
    922. 

  922. 			$animation_delay = self::$parent_args['animation_delay'];
    923. 

  923. 			$attr['style'] .= '-webkit-transition-duration: ' . $animation_delay . 'ms;';
    924. 

  924. 			$attr['style'] .= 'animation-duration: ' . $animation_delay . 'ms;';
    925. 

  925. 		}
    926. 

  926. 

  927. 		return $attr;
    928. 

  928. 	}
    929. 

  929. 

  930. 	function content_box_heading_attr() {
    931. 

  931. 		$attr['class'] = 'content-box-heading';
    932. 

  932. 		$attr['style'] = '';
    933. 

  933. 

  934. 		if( self::$parent_args['title_size'] ) {
    935. 

  935. 			$font_size = FusionCore_Plugin::strip_unit( self::$parent_args['title_size'] );
    936. 

  936. 		
    937. 

  937. 			$attr['style'] = sprintf( 'font-size: %spx;line-height:%spx;', $font_size, $font_size + 5 );
    938. 

  938. 		}
    939. 

  939. 		
    940. 

  940. 		if ( self::$parent_args['layout'] == 'icon-on-side' || self::$parent_args['layout'] == 'clean-horizontal' ) {
    941. 

  941. 			
    942. 

  942. 			if ( self::$child_args['image'] && 
    943. 

  943. 				 self::$child_args['image_width'] && 
    944. 

  944. 				 self::$child_args['image_height']
    945. 

  945. 			) {		
    946. 

  946. 

  947. 				if ( self::$parent_args['icon_align'] == 'right' ) {
    948. 

  948. 					$attr['style'] .= sprintf( 'padding-right:%spx;', self::$child_args['image_width'] + 20 );
    949. 

  949. 				} else {
    950. 

  950. 					$attr['style'] .= sprintf( 'padding-left:%spx;', self::$child_args['image_width'] + 20 );
    951. 

  951. 				}
    952. 

  952. 

  953. 			} else if ( self::$child_args['icon'] ) {
    954. 

  954. 				if ( self::$parent_args['icon_circle'] == 'yes' ) {
    955. 

  955. 					$full_icon_size = ( self::$parent_args['icon_size'] * 2 ) + ( intval( self::$child_args['circlebordersize'] ) * 2 ) + ( intval( self::$child_args['outercirclebordersize'] ) * 2 );
    956. 

  956. 				} else {
    957. 

  957. 					$full_icon_size = self::$parent_args['icon_size'];
    958. 

  958. 				}
    959. 

  959. 

  960. 				if ( self::$parent_args['icon_align'] == 'right' ) {
    961. 

  961. 					$attr['style'] .= sprintf( 'padding-right:%spx;', $full_icon_size + 20 );
    962. 

  962. 				} else {
    963. 

  963. 					$attr['style'] .= sprintf( 'padding-left:%spx;', $full_icon_size + 20 );
    964. 

  964. 				}				
    965. 

  965. 			}
    966. 

  966. 		}
    967. 

  967. 

  968. 		return $attr;
    969. 

  969. 	}
    970. 

  970. }
    971. 

  971. 

  972. new FusionSC_ContentBoxes();
    973.