| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134 |
- .fl-node-<?php echo $col->node; ?> {
- width: <?php echo $col->settings->size; ?>%;
- }
- <?php if ( ! empty( $col->settings->text_color ) ) : // Text Color ?>
- .fl-node-<?php echo $col->node; ?> {
- color: #<?php echo $col->settings->text_color; ?>;
- }
- .fl-builder-content .fl-node-<?php echo $col->node; ?> *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) {
- color: #<?php echo $col->settings->text_color; ?>;
- }
- <?php endif; ?>
- <?php if ( ! empty( $col->settings->link_color ) ) : // Link Color ?>
- .fl-builder-content .fl-node-<?php echo $col->node; ?> a {
- color: #<?php echo $col->settings->link_color; ?>;
- }
- <?php elseif ( ! empty( $col->settings->text_color ) ) : ?>
- .fl-builder-content .fl-node-<?php echo $col->node; ?> a {
- color: #<?php echo $col->settings->text_color; ?>;
- }
- <?php endif; ?>
- <?php if ( ! empty( $col->settings->hover_color ) ) : // Link Hover Color ?>
- .fl-builder-content .fl-node-<?php echo $col->node; ?> a:hover {
- color: #<?php echo $col->settings->hover_color; ?>;
- }
- <?php elseif ( ! empty( $col->settings->text_color ) ) : ?>
- .fl-builder-content .fl-node-<?php echo $col->node; ?> a:hover {
- color: #<?php echo $col->settings->text_color; ?>;
- }
- <?php endif; ?>
- <?php if ( ! empty( $col->settings->heading_color ) ) : // Heading Color ?>
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h1,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h2,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h3,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h4,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h5,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h6,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h1 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h2 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h3 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h4 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h5 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h6 a {
- color: #<?php echo $col->settings->heading_color; ?>;
- }
- <?php elseif ( ! empty( $col->settings->text_color ) ) : ?>
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h1,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h2,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h3,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h4,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h5,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h6,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h1 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h2 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h3 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h4 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h5 a,
- .fl-builder-content .fl-node-<?php echo $col->node; ?> h6 a {
- color: #<?php echo $col->settings->text_color; ?>;
- }
- <?php endif; ?>
- <?php if ( 'color' == $col->settings->bg_type && ! empty( $col->settings->bg_color ) ) : // Background Color ?>
- .fl-node-<?php echo $col->node; ?> > .fl-col-content {
- background-color: #<?php echo $col->settings->bg_color; ?>;
- background-color: rgba(<?php echo implode( ',', FLBuilderColor::hex_to_rgb( $col->settings->bg_color ) ) ?>, <?php echo $col->settings->bg_opacity / 100; ?>);
- }
- <?php endif; ?>
- <?php if ( 'photo' == $col->settings->bg_type && ! empty( $col->settings->bg_image ) ) : // Background Image ?>
- .fl-node-<?php echo $col->node; ?> > .fl-col-content {
- background-image: url(<?php echo $col->settings->bg_image_src; ?>);
- background-repeat: <?php echo $col->settings->bg_repeat; ?>;
- background-position: <?php echo $col->settings->bg_position; ?>;
- background-attachment: <?php echo $col->settings->bg_attachment; ?>;
- background-size: <?php echo $col->settings->bg_size; ?>;
- }
- <?php endif; ?>
- <?php if ( in_array( $col->settings->bg_type, array( 'photo' ) ) && ! empty( $col->settings->bg_overlay_color ) ) : // Background Overlay Color ?>
- .fl-node-<?php echo $col->node; ?> > .fl-col-content:after {
- background-color: #<?php echo $col->settings->bg_overlay_color; ?>;
- background-color: rgba(<?php echo implode( ',', FLBuilderColor::hex_to_rgb( $col->settings->bg_overlay_color ) ) ?>, <?php echo $col->settings->bg_overlay_opacity / 100; ?>);
- }
- <?php endif; ?>
- <?php if ( ! empty( $col->settings->border_type ) ) : // Border ?>
- .fl-builder-content .fl-node-<?php echo $col->node; ?> > .fl-col-content {
- border-style: <?php echo $col->settings->border_type; ?>;
- border-width: 0;
- <?php if ( ! empty( $col->settings->border_color ) ) : ?>
- border-color: #<?php echo $col->settings->border_color; ?>;
- border-color: rgba(<?php echo implode( ',', FLBuilderColor::hex_to_rgb( $col->settings->border_color ) ) ?>, <?php echo $col->settings->border_opacity / 100; ?>);
- <?php endif; ?>
- }
- <?php endif; ?>
- <?php if ( $global_settings->responsive_enabled ) : // Responsive Sizes ?>
- <?php if ( 'custom' == $col->settings->medium_size ) : ?>
- @media(max-width: <?php echo $global_settings->medium_breakpoint; ?>px) {
- .fl-builder-content .fl-node-<?php echo $col->node; ?> {
- max-width: none;
- width: <?php echo $col->settings->custom_medium_size; ?>% !important;
- -webkit-box-flex: 0 1 auto;
- -moz-box-flex: 0 1 auto;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- }
- }
- <?php endif; ?>
- <?php if ( 'custom' == $col->settings->responsive_size ) : ?>
- @media(max-width: <?php echo $global_settings->responsive_breakpoint; ?>px) {
- .fl-builder-content .fl-node-<?php echo $col->node; ?> {
- clear: none;
- float: left;
- max-width: none;
- width: <?php echo $col->settings->custom_responsive_size; ?>% !important;
- }
- <?php if ( 'reversed' == $col->settings->responsive_order ) : ?>
- .fl-col-group-custom-width.fl-col-group-responsive-reversed .fl-node-<?php echo $col->node; ?> {
- flex-basis: <?php echo $col->settings->custom_responsive_size; ?>%;
- }
- <?php endif; ?>
- }
- <?php endif; ?>
- <?php endif; ?>
|