Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
SMTPcom
/
blocks
/
content-timeline
:
frontend.css.php
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<?php /** * Frontend CSS & Google Fonts loading File. * * @since 2.0.0 * * @package uagb */ // Adds Fonts. UAGB_Block_JS::blocks_content_timeline_gfont( $attr ); $selectors = array(); $t_selectors = array(); $m_selectors = array(); $top_margin = isset( $attr['topMargin'] ) ? $attr['topMargin'] : $attr['verticalSpace']; $bottom_margin = isset( $attr['bottomMargin'] ) ? $attr['bottomMargin'] : $attr['verticalSpace']; $left_margin = isset( $attr['leftMargin'] ) ? $attr['leftMargin'] : $attr['horizontalSpace']; $right_margin = isset( $attr['rightMargin'] ) ? $attr['rightMargin'] : $attr['horizontalSpace']; $top_padding = isset( $attr['topPadding'] ) ? $attr['topPadding'] : $attr['bgPadding']; $bottom_padding = isset( $attr['bottomPadding'] ) ? $attr['bottomPadding'] : $attr['bgPadding']; $left_padding = isset( $attr['leftPadding'] ) ? $attr['leftPadding'] : $attr['bgPadding']; $right_padding = isset( $attr['rightPadding'] ) ? $attr['rightPadding'] : $attr['bgPadding']; $date_font_size = '' !== $attr['dateFontSize'] ? $attr['dateFontSize'] : $attr['dateFontsize']; $date_font_size_type = '' !== $attr['dateFontSizeType'] ? $attr['dateFontSizeType'] : $attr['dateFontsizeType']; $selectors = array( ' .uagb-timeline__heading' => array( 'text-align' => $attr['align'], 'color' => $attr['headingColor'], 'margin-bottom' => UAGB_Helper::get_css_value( $attr['headSpace'], 'px' ), ), ' .uagb-timeline__marker.uagb-timeline__in-view-icon svg' => array( 'fill' => $attr['iconFocus'], 'color' => $attr['iconFocus'], ), ' .uagb-timeline__heading-text' => array( 'margin-bottom' => UAGB_Helper::get_css_value( $attr['headSpace'], 'px' ), ), ' .uagb-timeline-desc-content' => array( 'text-align' => $attr['align'], 'color' => $attr['subHeadingColor'], ), ' .uagb-timeline__day-new' => array( 'text-align' => $attr['align'], ), ' .uagb-timeline__day-right .uagb-timeline__arrow:after' => array( 'border-left-color' => $attr['backgroundColor'], 'border-right-color' => $attr['backgroundColor'], ), ' .uagb-timeline__day-right .uagb-timeline__arrow:after' => array( 'border-left-color' => $attr['backgroundColor'], 'border-right-color' => $attr['backgroundColor'], ), // Old timeline CSS. ' .uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow:after' => array( 'border-left-color' => $attr['backgroundColor'], ), ' .uagb-timeline__right-block .uagb-timeline__day-right .uagb-timeline__arrow:after' => array( 'border-left-color' => $attr['backgroundColor'], ), ' .uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__arrow:after' => array( 'border-left-color' => $attr['backgroundColor'], ), ' .uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow:after' => array( 'border-right-color' => $attr['backgroundColor'], ), ' .uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow:after' => array( 'border-right-color' => $attr['backgroundColor'], ), // Old timeline CSS End. // New timeline CSS. '.uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow:after' => array( 'border-left-color' => $attr['backgroundColor'], ), '.uagb-timeline__right-block .uagb-timeline__day-right .uagb-timeline__arrow:after' => array( 'border-left-color' => $attr['backgroundColor'], ), '.uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__arrow:after' => array( 'border-left-color' => $attr['backgroundColor'], ), '.uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow:after' => array( 'border-right-color' => $attr['backgroundColor'], ), '.uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow:after' => array( 'border-right-color' => $attr['backgroundColor'], ), // New timeline CSS End. ' .uagb-timeline__line__inner' => array( 'background-color' => $attr['separatorFillColor'], ), ' .uagb-timeline__line' => array( 'background-color' => $attr['separatorColor'], 'width' => UAGB_Helper::get_css_value( $attr['separatorwidth'], 'px' ), ), '.uagb-timeline__right-block .uagb-timeline__line' => array( 'right' => 'calc( ' . $attr['connectorBgsize'] . 'px / 2 )', ), '.uagb-timeline__left-block .uagb-timeline__line' => array( 'left' => 'calc( ' . $attr['connectorBgsize'] . 'px / 2 )', ), '.uagb-timeline__center-block .uagb-timeline__line' => array( 'right' => 'calc( ' . $attr['connectorBgsize'] . 'px / 2 )', ), ' .uagb-timeline__marker' => array( 'background-color' => $attr['separatorBg'], 'min-height' => UAGB_Helper::get_css_value( $attr['connectorBgsize'], 'px' ), 'min-width' => UAGB_Helper::get_css_value( $attr['connectorBgsize'], 'px' ), 'line-height' => UAGB_Helper::get_css_value( $attr['connectorBgsize'], 'px' ), 'border' => $attr['borderwidth'] . 'px solid ' . $attr['separatorBorder'], ), '.uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsize'], 'px' ), ), '.uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsize'], 'px' ), ), '.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsize'], 'px' ), ), '.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsize'], 'px' ), ), '.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__marker' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpace'], $attr['horizontalSpaceUnit'] ), 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpace'], $attr['horizontalSpaceUnit'] ), ), '.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__marker' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpace'], $attr['horizontalSpaceUnit'] ), 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpace'], $attr['horizontalSpaceUnit'] ), ), ' .uagb-timeline__field:not(:last-child)' => array( 'margin-bottom' => UAGB_Helper::get_css_value( $attr['verticalSpace'], $attr['verticalSpaceUnit'] ), ), ' .uagb-timeline__date-hide.uagb-timeline__date-inner' => array( 'margin-bottom' => UAGB_Helper::get_css_value( $attr['dateBottomspace'], 'px' ), 'color' => $attr['dateColor'], 'text-align' => $attr['align'], ), ' .uagb-timeline__date-hide.uagb-timeline__inner-date-new' => array( 'margin-bottom' => UAGB_Helper::get_css_value( $attr['dateBottomspace'], 'px' ), 'color' => $attr['dateColor'], 'text-align' => $attr['align'], ), '.uagb-timeline__right-block .uagb-timeline__day-new.uagb-timeline__day-left' => array( 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpace'], $attr['horizontalSpaceUnit'] ), ), '.uagb-timeline__left-block .uagb-timeline__day-new.uagb-timeline__day-left' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpace'], $attr['horizontalSpaceUnit'] ), ), '.uagb-timeline__left-block .uagb-timeline__day-new.uagb-timeline__day-right' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpace'], $attr['horizontalSpaceUnit'] ), ), '.uagb-timeline__right-block .uagb-timeline__day-new.uagb-timeline__day-right' => array( 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpace'], $attr['horizontalSpaceUnit'] ), ), ' .uagb-timeline__date-new' => array( 'color' => $attr['dateColor'], 'font-size' => UAGB_Helper::get_css_value( $date_font_size, $date_font_size_type ), ), '.uagb-timeline__right-block .uagb-timeline__date-hide.uagb-timeline__date-inner' => array( 'font-size' => UAGB_Helper::get_css_value( $date_font_size, $date_font_size_type ), ), '.uagb-timeline__left-block .uagb-timeline__date-hide.uagb-timeline__date-inner' => array( 'font-size' => UAGB_Helper::get_css_value( $date_font_size, $date_font_size_type ), ), ' .uagb-events-new .uagb-timeline__events-inner-new' => array( // Old user CSS. 'padding' => UAGB_Helper::get_css_value( $attr['bgPadding'], 'px' ), ), ' .uagb-timeline__events-inner-new' => array( 'background-color' => $attr['backgroundColor'], 'border-radius' => UAGB_Helper::get_css_value( $attr['borderRadius'], 'px' ), ), ' .uagb-timeline__events-inner--content' => array( 'padding-left' => UAGB_Helper::get_css_value( $left_padding, $attr['paddingUnit'] ), 'padding-right' => UAGB_Helper::get_css_value( $right_padding, $attr['paddingUnit'] ), 'padding-top' => UAGB_Helper::get_css_value( $top_padding, $attr['paddingUnit'] ), 'padding-bottom' => UAGB_Helper::get_css_value( $bottom_padding, $attr['paddingUnit'] ), ), ' .uagb-timeline__marker svg' => array( 'color' => $attr['iconColor'], 'width' => UAGB_Helper::get_css_value( $attr['iconSize'], 'px' ), 'fill' => $attr['iconColor'], ), ' .uagb-timeline__marker.uagb-timeline__in-view-icon' => array( 'background' => $attr['iconBgFocus'], 'border-color' => $attr['borderFocus'], ), ); $m_selectors = array( ' .uagb-timeline__heading' => array( 'text-align' => $attr['alignMobile'], 'margin-bottom' => UAGB_Helper::get_css_value( $attr['headSpaceMobile'], 'px' ), ), ' .uagb-timeline-desc-content' => array( 'text-align' => $attr['alignMobile'], ), ' .uagb-timeline__day-new' => array( 'text-align' => $attr['alignMobile'], ), ' .uagb-timeline__heading-text' => array( 'margin-bottom' => UAGB_Helper::get_css_value( $attr['headSpaceMobile'], 'px' ), ), ' .uagb-timeline__date-hide.uagb-timeline__date-inner' => array( 'text-align' => $attr['alignMobile'], 'margin-bottom' => UAGB_Helper::get_css_value( $attr['dateBottomspaceMobile'], 'px' ), ), ' .uagb-timeline__date-hide.uagb-timeline__inner-date-new' => array( 'text-align' => $attr['alignMobile'], 'margin-bottom' => UAGB_Helper::get_css_value( $attr['dateBottomspaceMobile'], 'px' ), ), '.uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow:after' => array( 'border-right-color' => $attr['backgroundColor'], ), '.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__marker' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpaceMobile'], $attr['horizontalSpaceUnitMobile'] ), 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpaceMobile'], $attr['horizontalSpaceUnitMobile'] ), ), '.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__marker' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpaceMobile'], $attr['horizontalSpaceUnitMobile'] ), 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpaceMobile'], $attr['horizontalSpaceUnitMobile'] ), ), '.uagb-timeline__right-block .uagb-timeline__day-new.uagb-timeline__day-left' => array( 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpaceMobile'], $attr['horizontalSpaceUnitMobile'] ), ), '.uagb-timeline__left-block .uagb-timeline__day-new.uagb-timeline__day-left' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpaceMobile'], $attr['horizontalSpaceUnitMobile'] ), ), '.uagb-timeline__left-block .uagb-timeline__day-new.uagb-timeline__day-right' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpaceMobile'], $attr['horizontalSpaceUnitMobile'] ), ), '.uagb-timeline__right-block .uagb-timeline__day-new.uagb-timeline__day-right' => array( 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpaceMobile'], $attr['horizontalSpaceUnitMobile'] ), ), ' .uagb-timeline__events-inner--content' => array( 'padding-left' => UAGB_Helper::get_css_value( $attr['leftPaddingMobile'], $attr['mobilePaddingUnit'] ), 'padding-right' => UAGB_Helper::get_css_value( $attr['rightPaddingMobile'], $attr['mobilePaddingUnit'] ), 'padding-top' => UAGB_Helper::get_css_value( $attr['topPaddingMobile'], $attr['mobilePaddingUnit'] ), 'padding-bottom' => UAGB_Helper::get_css_value( $attr['bottomPaddingMobile'], $attr['mobilePaddingUnit'] ), 'border-radius' => UAGB_Helper::get_css_value( $attr['borderRadiusMobile'], 'px' ), ), '.uagb-timeline__right' => array( 'text-align' => $attr['alignMobile'], ), ' .uagb-timeline__marker svg' => array( 'width' => UAGB_Helper::get_css_value( $attr['iconSizeMobile'], 'px' ), ), ' .uagb-timeline__marker' => array( 'background-color' => $attr['separatorBg'], 'min-height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeMobile'], 'px' ), 'min-width' => UAGB_Helper::get_css_value( $attr['connectorBgsizeMobile'], 'px' ), 'line-height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeMobile'], 'px' ), 'border' => $attr['borderwidth'] . 'px solid ' . $attr['separatorBorder'], ), '.uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeMobile'], 'px' ), ), '.uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeMobile'], 'px' ), ), '.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeMobile'], 'px' ), ), '.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeMobile'], 'px' ), ), ' .uagb-timeline__field:not(:last-child)' => array( 'margin-bottom' => UAGB_Helper::get_css_value( $attr['verticalSpaceMobile'], $attr['verticalSpaceUnitMobile'] ), ), ); $t_selectors = array( ' .uagb-timeline__marker svg' => array( 'width' => UAGB_Helper::get_css_value( $attr['iconSizeTablet'], 'px' ), ), ' .uagb-timeline__heading' => array( 'text-align' => $attr['alignTablet'], 'margin-bottom' => UAGB_Helper::get_css_value( $attr['headSpaceTablet'], 'px' ), ), ' .uagb-timeline__heading-text' => array( 'margin-bottom' => UAGB_Helper::get_css_value( $attr['headSpaceTablet'], 'px' ), ), ' .uagb-timeline-desc-content' => array( 'text-align' => $attr['alignTablet'], ), ' .uagb-timeline__day-new' => array( 'text-align' => $attr['alignTablet'], ), ' .uagb-timeline__date-hide.uagb-timeline__date-inner' => array( 'text-align' => $attr['alignTablet'], 'margin-bottom' => UAGB_Helper::get_css_value( $attr['dateBottomspaceTablet'], 'px' ), ), ' .uagb-timeline__date-hide.uagb-timeline__inner-date-new' => array( 'text-align' => $attr['alignTablet'], 'margin-bottom' => UAGB_Helper::get_css_value( $attr['dateBottomspaceTablet'], 'px' ), ), '.uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow:after' => array( 'border-right-color' => $attr['backgroundColor'], ), '.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__marker' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpaceTablet'], $attr['horizontalSpaceUnitTablet'] ), 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpaceTablet'], $attr['horizontalSpaceUnitTablet'] ), ), '.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__marker' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpaceTablet'], $attr['horizontalSpaceUnitTablet'] ), 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpaceTablet'], $attr['horizontalSpaceUnitTablet'] ), ), '.uagb-timeline__right-block .uagb-timeline__day-new.uagb-timeline__day-left' => array( 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpaceTablet'], $attr['horizontalSpaceUnitTablet'] ), ), '.uagb-timeline__left-block .uagb-timeline__day-new.uagb-timeline__day-left' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpaceTablet'], $attr['horizontalSpaceUnitTablet'] ), ), '.uagb-timeline__left-block .uagb-timeline__day-new.uagb-timeline__day-right' => array( 'margin-left' => UAGB_Helper::get_css_value( $attr['horizontalSpaceTablet'], $attr['horizontalSpaceUnitTablet'] ), ), '.uagb-timeline__right-block .uagb-timeline__day-new.uagb-timeline__day-right' => array( 'margin-right' => UAGB_Helper::get_css_value( $attr['horizontalSpaceTablet'], $attr['horizontalSpaceUnitTablet'] ), ), ' .uagb-timeline__events-inner--content' => array( 'padding-left' => UAGB_Helper::get_css_value( $attr['leftPaddingTablet'], $attr['tabletPaddingUnit'] ), 'padding-right' => UAGB_Helper::get_css_value( $attr['rightPaddingTablet'], $attr['tabletPaddingUnit'] ), 'padding-top' => UAGB_Helper::get_css_value( $attr['topPaddingTablet'], $attr['tabletPaddingUnit'] ), 'padding-bottom' => UAGB_Helper::get_css_value( $attr['bottomPaddingTablet'], $attr['tabletPaddingUnit'] ), 'border-radius' => UAGB_Helper::get_css_value( $attr['borderRadiusTablet'], 'px' ), ), '.uagb-timeline__right' => array( 'text-align' => $attr['alignTablet'], ), ' .uagb-timeline__marker svg' => array( 'width' => UAGB_Helper::get_css_value( $attr['iconSizeTablet'], 'px' ), ), ' .uagb-timeline__marker' => array( 'background-color' => $attr['separatorBg'], 'min-height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeTablet'], 'px' ), 'min-width' => UAGB_Helper::get_css_value( $attr['connectorBgsizeTablet'], 'px' ), 'line-height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeTablet'], 'px' ), 'border' => $attr['borderwidth'] . 'px solid ' . $attr['separatorBorder'], ), '.uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeTablet'], 'px' ), ), '.uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeTablet'], 'px' ), ), '.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeTablet'], 'px' ), ), '.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow' => array( 'height' => UAGB_Helper::get_css_value( $attr['connectorBgsizeTablet'], 'px' ), ), ' .uagb-timeline__field:not(:last-child)' => array( 'margin-bottom' => UAGB_Helper::get_css_value( $attr['verticalSpaceTablet'], $attr['verticalSpaceUnitTablet'] ), ), ); $combined_selectors = array( 'desktop' => $selectors, 'tablet' => $t_selectors, 'mobile' => $m_selectors, ); $base_selector = ( $attr['classMigrate'] ) ? '.uagb-block-' : '#uagb-ctm-'; $combined_selectors = UAGB_Helper::get_typography_css( $attr, 'head', ' .uagb-timeline__heading', $combined_selectors ); $combined_selectors = UAGB_Helper::get_typography_css( $attr, 'date', ' .uagb-timeline__date-new', $combined_selectors ); $combined_selectors = UAGB_Helper::get_typography_css( $attr, 'date', ' .uagb-timeline__date-hide.uagb-timeline__inner-date-new', $combined_selectors ); $combined_selectors = UAGB_Helper::get_typography_css( $attr, 'date', ' .uagb-timeline__date-hide.uagb-timeline__date-inner', $combined_selectors ); $combined_selectors = UAGB_Helper::get_typography_css( $attr, 'subHead', ' .uagb-timeline-desc-content', $combined_selectors ); return UAGB_Helper::generate_all_css( $combined_selectors, $base_selector . $id . '.uagb-timeline__outer-wrap' );