| 1 |
<?php |
| 2 |
/** |
| 3 |
* Dynamic CSS |
| 4 |
* |
| 5 |
* @package Smart_Post_Show |
| 6 |
* @subpackage Smart_Post_Show/public |
| 7 |
*/ |
| 8 |
|
| 9 |
if ( ! defined( 'ABSPATH' ) ) { |
| 10 |
exit; |
| 11 |
} |
| 12 |
|
| 13 |
$layout_preset = isset( $layouts['pcp_layout_preset'] ) ? $layouts['pcp_layout_preset'] : ''; |
| 14 |
// Section Title. |
| 15 |
if ( $view_options['section_title'] ) { |
| 16 |
$section_title_margin_top = $view_options['section_title_margin']['top'] > 0 ? $view_options['section_title_margin']['top'] . 'px' : 0; |
| 17 |
$section_title_margin_right = $view_options['section_title_margin']['right'] > 0 ? $view_options['section_title_margin']['right'] . 'px' : 0; |
| 18 |
$section_title_margin_bottom = $view_options['section_title_margin']['bottom'] > 0 ? $view_options['section_title_margin']['bottom'] . 'px' : 0; |
| 19 |
$section_title_margin_left = $view_options['section_title_margin']['left'] > 0 ? $view_options['section_title_margin']['left'] . 'px' : 0; |
| 20 |
$_section_title_typography = $view_options['section_title_typography']; |
| 21 |
$custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-section-title{color: {$_section_title_typography['color']};margin: {$section_title_margin_top} {$section_title_margin_right} {$section_title_margin_bottom} {$section_title_margin_left}}"; |
| 22 |
} |
| 23 |
$margin_between_post = (int) $view_options['margin_between_post']['all']; |
| 24 |
$margin_between_post_half = $margin_between_post / 2; |
| 25 |
$custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-row{ margin-right: -{$margin_between_post_half}px;margin-left: -{$margin_between_post_half}px;}#pcp_wrapper-{$pcp_id} .sp-pcp-row [class*='sp-pcp-col-']{padding-right: {$margin_between_post_half}px;padding-left: {$margin_between_post_half}px;padding-bottom: {$margin_between_post}px;}"; |
| 26 |
|
| 27 |
/** |
| 28 |
* Style for each slide/post. |
| 29 |
*/ |
| 30 |
$post_sorter = $view_options['post_content_sorter']; |
| 31 |
// Post Title. |
| 32 |
if ( $post_sorter['pcp_post_title']['show_post_title'] ) { |
| 33 |
$_post_title_typography = $view_options['post_title_typography']; |
| 34 |
$custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-title a {color: {$_post_title_typography['color']};display: inherit;} .pcp-wrapper-{$pcp_id} .sp-pcp-title a:hover {color: {$_post_title_typography['hover_color']};}"; |
| 35 |
} |
| 36 |
|
| 37 |
// Post Content. |
| 38 |
if ( $post_sorter['pcp_post_content']['show_post_content'] ) { |
| 39 |
$_post_content_typography = $view_options['post_content_typography']; |
| 40 |
$custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-post-content{color: {$_post_content_typography['color']}; }"; |
| 41 |
} |
| 42 |
|
| 43 |
if ( 'carousel_layout' === $layout_preset ) { |
| 44 |
include SP_PC_PATH . '/public/dynamic-css/carousel-css.php'; |
| 45 |
} |
| 46 |
|
| 47 |
// Post inner padding. |
| 48 |
$post_content_orientation = $view_options['post_content_orientation']; |
| 49 |
if ( 'overlay' !== $post_content_orientation ) { |
| 50 |
$_post_inner_padding = SP_PC_Functions::pcp_metabox_value( 'post_inner_padding_property', $view_options ); |
| 51 |
$post_inner_padding_unit = $_post_inner_padding['unit']; |
| 52 |
$post_inner_padding_top = $_post_inner_padding['top'] > 0 ? $_post_inner_padding['top'] . $post_inner_padding_unit : '0'; |
| 53 |
$post_inner_padding_right = $_post_inner_padding['right'] > 0 ? $_post_inner_padding['right'] . $post_inner_padding_unit : '0'; |
| 54 |
$post_inner_padding_bottom = $_post_inner_padding['bottom'] > 0 ? $_post_inner_padding['bottom'] . $post_inner_padding_unit : '0'; |
| 55 |
$post_inner_padding_left = $_post_inner_padding['left'] > 0 ? $_post_inner_padding['left'] . $post_inner_padding_unit : '0'; |
| 56 |
$custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-post {padding: {$post_inner_padding_top} {$post_inner_padding_right} {$post_inner_padding_bottom} {$post_inner_padding_left};}"; |
| 57 |
} |
| 58 |
|
| 59 |
// Post border. |
| 60 |
$_post_border = $view_options['post_border']; |
| 61 |
$post_border_width = (int) $_post_border['all']; |
| 62 |
$post_border_style = $_post_border['style']; |
| 63 |
$post_border_color = $_post_border['color']; |
| 64 |
if ( 'none' !== $post_border_style ) { |
| 65 |
$custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-post {border: {$post_border_width}px {$post_border_style} {$post_border_color};}"; |
| 66 |
} |
| 67 |
|
| 68 |
// Post background color. |
| 69 |
$post_background_property = SP_PC_Functions::pcp_metabox_value( 'post_background_property', $view_options ); |
| 70 |
$post_border_radius_property = SP_PC_Functions::pcp_metabox_value( 'post_border_radius_property', $view_options ); |
| 71 |
$custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-post {border-radius: {$post_border_radius_property['all']}px;}"; |
| 72 |
if ( ! in_array( $post_content_orientation, array( 'overlay', 'overlay-box' ), true ) ) { |
| 73 |
$custom_css .= "#pcp_wrapper-{$pcp_id} .sp-pcp-post{background-color: {$post_background_property};}"; |
| 74 |
} |
| 75 |
|
| 76 |
/** |
| 77 |
* Post Thumbnail CSS. |
| 78 |
*/ |
| 79 |
$post_thumb_css = $post_sorter['pcp_post_thumb']; |
| 80 |
|
| 81 |
// Post Meta. |
| 82 |
$_post_meta_typography = $view_options['post_meta_typography']; |
| 83 |
$custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-post-meta li,.pcp-wrapper-{$pcp_id} .sp-pcp-post-meta ul,.pcp-wrapper-{$pcp_id} .sp-pcp-post-meta li a{color: {$_post_meta_typography['color']};}"; |
| 84 |
$custom_css .= ".pcp-wrapper-{$pcp_id} .sp-pcp-post-meta li a:hover{color: {$_post_meta_typography['hover_color']};}"; |
| 85 |
|
| 86 |
// Post ReadMore Settings. |
| 87 |
$post_content_settings = $post_sorter['pcp_post_content']; |
| 88 |
if ( $post_content_settings['show_read_more'] ) { |
| 89 |
$_button_color = $post_content_settings['readmore_color_button']; |
| 90 |
$custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-readmore-link{ background: {$_button_color['bg']}; color: {$_button_color['standard']}; border-color: {$_button_color['border']}; } #pcp_wrapper-{$pcp_id} .pcp-readmore-link:hover { background: {$_button_color['hover_bg']}; color: {$_button_color['hover']}; border-color: {$_button_color['hover_border']}; }"; |
| 91 |
} |
| 92 |
|
| 93 |
// Pagination CSS and Live filter CSS. |
| 94 |
$show_pagination = isset( $view_options['show_post_pagination'] ) ? $view_options['show_post_pagination'] : ''; |
| 95 |
if ( $show_pagination ) { |
| 96 |
$pagination_btn_color = $view_options['pcp_pagination_btn_color']; |
| 97 |
$custom_css .= "#pcp_wrapper-{$pcp_id} .pcp-post-pagination .page-numbers.current, #pcp_wrapper-{$pcp_id} .pcp-post-pagination a.active , #pcp_wrapper-{$pcp_id} .pcp-post-pagination a:hover{ color: {$pagination_btn_color['text_acolor']}; background: {$pagination_btn_color['active_background']}; border-color: {$pagination_btn_color['border_acolor']}; }#pcp_wrapper-{$pcp_id} .pcp-post-pagination .page-numbers, .pcp-post-pagination a{ background: {$pagination_btn_color['background']}; color:{$pagination_btn_color['text_color']}; border-color: {$pagination_btn_color['border_color']}; }"; |
| 98 |
} |
| 99 |
|
