row-css.php
5.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<?php if(!empty($row->settings->text_color)) : // Text Color ?>
.fl-node-<?php echo $row->node; ?> {
color: #<?php echo $row->settings->text_color; ?>;
}
.fl-builder-content .fl-node-<?php echo $row->node; ?> *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-heading-text):not(.fl-menu-mobile-toggle) {
color: inherit;
}
<?php endif; ?>
<?php if(!empty($row->settings->link_color)) : // Link Color ?>
.fl-builder-content .fl-node-<?php echo $row->node; ?> a {
color: #<?php echo $row->settings->link_color; ?>;
}
<?php elseif(!empty($row->settings->text_color)) : ?>
.fl-builder-content .fl-node-<?php echo $row->node; ?> a {
color: #<?php echo $row->settings->text_color; ?>;
}
<?php endif; ?>
<?php if(!empty($row->settings->hover_color)) : // Link Hover Color ?>
.fl-builder-content .fl-node-<?php echo $row->node; ?> a:hover {
color: #<?php echo $row->settings->hover_color; ?>;
}
<?php elseif(!empty($row->settings->text_color)) : ?>
.fl-builder-content .fl-node-<?php echo $row->node; ?> a:hover {
color: #<?php echo $row->settings->text_color; ?>;
}
<?php endif; ?>
<?php if(!empty($row->settings->heading_color)) : // Heading Color ?>
.fl-builder-content .fl-node-<?php echo $row->node; ?> h1,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h2,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h3,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h4,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h5,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h6,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h1 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h2 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h3 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h4 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h5 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h6 a {
color: #<?php echo $row->settings->heading_color; ?>;
}
<?php elseif(!empty($row->settings->text_color)) : ?>
.fl-builder-content .fl-node-<?php echo $row->node; ?> h1,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h2,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h3,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h4,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h5,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h6,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h1 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h2 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h3 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h4 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h5 a,
.fl-builder-content .fl-node-<?php echo $row->node; ?> h6 a {
color: #<?php echo $row->settings->text_color; ?>;
}
<?php endif; ?>
<?php if(in_array( $row->settings->bg_type, array('color', 'photo', 'parallax', 'slideshow', 'video') ) && !empty($row->settings->bg_color)) : // Background Color ?>
.fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
background-color: #<?php echo $row->settings->bg_color; ?>;
background-color: rgba(<?php echo implode(',', FLBuilderColor::hex_to_rgb($row->settings->bg_color)) ?>, <?php echo $row->settings->bg_opacity/100; ?>);
}
<?php endif; ?>
<?php if($row->settings->bg_type == 'photo' && !empty($row->settings->bg_image)) : // Background Photo ?>
.fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
background-image: url(<?php echo $row->settings->bg_image_src; ?>);
background-repeat: <?php echo $row->settings->bg_repeat; ?>;
background-position: <?php echo $row->settings->bg_position; ?>;
background-attachment: <?php echo $row->settings->bg_attachment; ?>;
background-size: <?php echo $row->settings->bg_size; ?>;
}
<?php endif; ?>
<?php if( in_array( $row->settings->bg_type, array('photo', 'parallax', 'slideshow', 'video') ) && !empty($row->settings->bg_overlay_color)) : // Background Color Overlay ?>
.fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap:after {
background-color: #<?php echo $row->settings->bg_overlay_color; ?>;
background-color: rgba(<?php echo implode(',', FLBuilderColor::hex_to_rgb($row->settings->bg_overlay_color)) ?>, <?php echo $row->settings->bg_overlay_opacity/100; ?>);
}
<?php endif; ?>
<?php if($row->settings->bg_type == 'parallax' && !empty($row->settings->bg_parallax_image_src)) : // Parallax Background ?>
.fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
}
.fl-builder-mobile .fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
background-image: url(<?php echo $row->settings->bg_parallax_image_src; ?>);
background-attachment: scroll;
background-position: center center;
}
<?php endif; ?>
<?php if(!empty($row->settings->border_type)) : // Border ?>
.fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
border-style: <?php echo $row->settings->border_type; ?>;
border-width: 0;
<?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 endif; ?>
}
<?php endif; ?>