row-css.php 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <?php if ( ! empty( $row->settings->text_color ) ) : // Text Color ?>
  2. .fl-node-<?php echo $row->node; ?> {
  3. color: #<?php echo $row->settings->text_color; ?>;
  4. }
  5. .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-menu-mobile-toggle) {
  6. color: inherit;
  7. }
  8. <?php endif; ?>
  9. <?php if ( ! empty( $row->settings->link_color ) ) : // Link Color ?>
  10. .fl-builder-content .fl-node-<?php echo $row->node; ?> a {
  11. color: #<?php echo $row->settings->link_color; ?>;
  12. }
  13. <?php elseif ( ! empty( $row->settings->text_color ) ) : ?>
  14. .fl-builder-content .fl-node-<?php echo $row->node; ?> a {
  15. color: #<?php echo $row->settings->text_color; ?>;
  16. }
  17. <?php endif; ?>
  18. <?php if ( ! empty( $row->settings->hover_color ) ) : // Link Hover Color ?>
  19. .fl-builder-content .fl-node-<?php echo $row->node; ?> a:hover {
  20. color: #<?php echo $row->settings->hover_color; ?>;
  21. }
  22. <?php elseif ( ! empty( $row->settings->text_color ) ) : ?>
  23. .fl-builder-content .fl-node-<?php echo $row->node; ?> a:hover {
  24. color: #<?php echo $row->settings->text_color; ?>;
  25. }
  26. <?php endif; ?>
  27. <?php if ( ! empty( $row->settings->heading_color ) ) : // Heading Color ?>
  28. .fl-builder-content .fl-node-<?php echo $row->node; ?> h1,
  29. .fl-builder-content .fl-node-<?php echo $row->node; ?> h2,
  30. .fl-builder-content .fl-node-<?php echo $row->node; ?> h3,
  31. .fl-builder-content .fl-node-<?php echo $row->node; ?> h4,
  32. .fl-builder-content .fl-node-<?php echo $row->node; ?> h5,
  33. .fl-builder-content .fl-node-<?php echo $row->node; ?> h6,
  34. .fl-builder-content .fl-node-<?php echo $row->node; ?> h1 a,
  35. .fl-builder-content .fl-node-<?php echo $row->node; ?> h2 a,
  36. .fl-builder-content .fl-node-<?php echo $row->node; ?> h3 a,
  37. .fl-builder-content .fl-node-<?php echo $row->node; ?> h4 a,
  38. .fl-builder-content .fl-node-<?php echo $row->node; ?> h5 a,
  39. .fl-builder-content .fl-node-<?php echo $row->node; ?> h6 a {
  40. color: #<?php echo $row->settings->heading_color; ?>;
  41. }
  42. <?php elseif ( ! empty( $row->settings->text_color ) ) : ?>
  43. .fl-builder-content .fl-node-<?php echo $row->node; ?> h1,
  44. .fl-builder-content .fl-node-<?php echo $row->node; ?> h2,
  45. .fl-builder-content .fl-node-<?php echo $row->node; ?> h3,
  46. .fl-builder-content .fl-node-<?php echo $row->node; ?> h4,
  47. .fl-builder-content .fl-node-<?php echo $row->node; ?> h5,
  48. .fl-builder-content .fl-node-<?php echo $row->node; ?> h6,
  49. .fl-builder-content .fl-node-<?php echo $row->node; ?> h1 a,
  50. .fl-builder-content .fl-node-<?php echo $row->node; ?> h2 a,
  51. .fl-builder-content .fl-node-<?php echo $row->node; ?> h3 a,
  52. .fl-builder-content .fl-node-<?php echo $row->node; ?> h4 a,
  53. .fl-builder-content .fl-node-<?php echo $row->node; ?> h5 a,
  54. .fl-builder-content .fl-node-<?php echo $row->node; ?> h6 a {
  55. color: #<?php echo $row->settings->text_color; ?>;
  56. }
  57. <?php endif; ?>
  58. <?php if ( in_array( $row->settings->bg_type, array( 'color', 'photo', 'parallax', 'slideshow', 'video' ) ) && ! empty( $row->settings->bg_color ) ) : // Background Color ?>
  59. .fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
  60. background-color: #<?php echo $row->settings->bg_color; ?>;
  61. background-color: rgba(<?php echo implode( ',', FLBuilderColor::hex_to_rgb( $row->settings->bg_color ) ) ?>, <?php echo $row->settings->bg_opacity / 100; ?>);
  62. }
  63. <?php endif; ?>
  64. <?php if ( 'photo' == $row->settings->bg_type && ! empty( $row->settings->bg_image_src ) ) : // Background Photo ?>
  65. .fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
  66. background-image: url(<?php echo $row->settings->bg_image_src; ?>);
  67. background-repeat: <?php echo $row->settings->bg_repeat; ?>;
  68. background-position: <?php echo $row->settings->bg_position; ?>;
  69. background-attachment: <?php echo $row->settings->bg_attachment; ?>;
  70. background-size: <?php echo $row->settings->bg_size; ?>;
  71. }
  72. <?php endif; ?>
  73. <?php if ( in_array( $row->settings->bg_type, array( 'photo', 'parallax', 'slideshow', 'video' ) ) && ! empty( $row->settings->bg_overlay_color ) ) : // Background Color Overlay ?>
  74. .fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap:after {
  75. background-color: #<?php echo $row->settings->bg_overlay_color; ?>;
  76. background-color: rgba(<?php echo implode( ',', FLBuilderColor::hex_to_rgb( $row->settings->bg_overlay_color ) ) ?>, <?php echo $row->settings->bg_overlay_opacity / 100; ?>);
  77. }
  78. <?php endif; ?>
  79. <?php if ( 'parallax' == $row->settings->bg_type && ! empty( $row->settings->bg_parallax_image_src ) ) : // Parallax Background ?>
  80. .fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
  81. background-repeat: no-repeat;
  82. background-position: center center;
  83. background-attachment: fixed;
  84. background-size: cover;
  85. }
  86. .fl-builder-mobile .fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
  87. background-image: url(<?php echo $row->settings->bg_parallax_image_src; ?>);
  88. background-attachment: scroll;
  89. background-position: center center;
  90. }
  91. <?php endif; ?>
  92. <?php if ( ! empty( $row->settings->border_type ) ) : // Border ?>
  93. .fl-node-<?php echo $row->node; ?> > .fl-row-content-wrap {
  94. border-style: <?php echo $row->settings->border_type; ?>;
  95. border-width: 0;
  96. <?php if ( ! empty( $row->settings->border_color ) ) : ?>
  97. border-color: #<?php echo $row->settings->border_color; ?>;
  98. border-color: rgba(<?php echo implode( ',', FLBuilderColor::hex_to_rgb( $row->settings->border_color ) ) ?>, <?php echo $row->settings->border_opacity / 100; ?>);
  99. <?php endif; ?>
  100. }
  101. <?php endif; ?>
  102. <?php
  103. // Row resize support
  104. $has_max_width = ! empty( $row->settings->max_content_width );
  105. $is_row_fixed = ( 'fixed' === $row->settings->width );
  106. $is_row_content_fixed = ( 'fixed' === $row->settings->content_width );
  107. $are_both_full_width = ( ! $is_row_fixed && ! $is_row_content_fixed );
  108. if ( $has_max_width && ! $are_both_full_width ) {
  109. if ( $is_row_fixed ) {
  110. print '.fl-node-' . $row->node . ".fl-row-fixed-width,\n .fl-node-" . $row->node . " .fl-row-fixed-width {\n";
  111. } else {
  112. print '.fl-node-' . $row->node . " .fl-row-content {\n";
  113. }
  114. print "\tmax-width: " . $row->settings->max_content_width . "px;\n";
  115. print "}\n";
  116. }
  117. ?>
  118. <?php if ( $row->settings->bg_video_audio ) : ?>
  119. .fl-node-<?php echo $row->node; ?> .fl-bg-video-audio {
  120. display: none;
  121. cursor: pointer;
  122. position: absolute;
  123. bottom: 20px;
  124. right: 20px;
  125. z-index: 5;
  126. width: 20px;
  127. }
  128. .fl-node-<?php echo $row->node; ?> .fl-bg-video-audio .fl-audio-control {
  129. font-size: 20px;
  130. }
  131. .fl-node-<?php echo $row->node; ?> .fl-bg-video-audio .fa-times {
  132. font-size: 10px;
  133. vertical-align: middle;
  134. position: absolute;
  135. top: 5px;
  136. left: 11px;
  137. bottom: 0;
  138. }
  139. <?php endif; ?>