column-css.php 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. .fl-node-<?php echo $col->node; ?> {
  2. width: <?php echo $col->settings->size; ?>%;
  3. }
  4. <?php if ( ! empty( $col->settings->text_color ) ) : // Text Color ?>
  5. .fl-node-<?php echo $col->node; ?> {
  6. color: #<?php echo $col->settings->text_color; ?>;
  7. }
  8. .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) {
  9. color: #<?php echo $col->settings->text_color; ?>;
  10. }
  11. <?php endif; ?>
  12. <?php if ( ! empty( $col->settings->link_color ) ) : // Link Color ?>
  13. .fl-builder-content .fl-node-<?php echo $col->node; ?> a {
  14. color: #<?php echo $col->settings->link_color; ?>;
  15. }
  16. <?php elseif ( ! empty( $col->settings->text_color ) ) : ?>
  17. .fl-builder-content .fl-node-<?php echo $col->node; ?> a {
  18. color: #<?php echo $col->settings->text_color; ?>;
  19. }
  20. <?php endif; ?>
  21. <?php if ( ! empty( $col->settings->hover_color ) ) : // Link Hover Color ?>
  22. .fl-builder-content .fl-node-<?php echo $col->node; ?> a:hover {
  23. color: #<?php echo $col->settings->hover_color; ?>;
  24. }
  25. <?php elseif ( ! empty( $col->settings->text_color ) ) : ?>
  26. .fl-builder-content .fl-node-<?php echo $col->node; ?> a:hover {
  27. color: #<?php echo $col->settings->text_color; ?>;
  28. }
  29. <?php endif; ?>
  30. <?php if ( ! empty( $col->settings->heading_color ) ) : // Heading Color ?>
  31. .fl-builder-content .fl-node-<?php echo $col->node; ?> h1,
  32. .fl-builder-content .fl-node-<?php echo $col->node; ?> h2,
  33. .fl-builder-content .fl-node-<?php echo $col->node; ?> h3,
  34. .fl-builder-content .fl-node-<?php echo $col->node; ?> h4,
  35. .fl-builder-content .fl-node-<?php echo $col->node; ?> h5,
  36. .fl-builder-content .fl-node-<?php echo $col->node; ?> h6,
  37. .fl-builder-content .fl-node-<?php echo $col->node; ?> h1 a,
  38. .fl-builder-content .fl-node-<?php echo $col->node; ?> h2 a,
  39. .fl-builder-content .fl-node-<?php echo $col->node; ?> h3 a,
  40. .fl-builder-content .fl-node-<?php echo $col->node; ?> h4 a,
  41. .fl-builder-content .fl-node-<?php echo $col->node; ?> h5 a,
  42. .fl-builder-content .fl-node-<?php echo $col->node; ?> h6 a {
  43. color: #<?php echo $col->settings->heading_color; ?>;
  44. }
  45. <?php elseif ( ! empty( $col->settings->text_color ) ) : ?>
  46. .fl-builder-content .fl-node-<?php echo $col->node; ?> h1,
  47. .fl-builder-content .fl-node-<?php echo $col->node; ?> h2,
  48. .fl-builder-content .fl-node-<?php echo $col->node; ?> h3,
  49. .fl-builder-content .fl-node-<?php echo $col->node; ?> h4,
  50. .fl-builder-content .fl-node-<?php echo $col->node; ?> h5,
  51. .fl-builder-content .fl-node-<?php echo $col->node; ?> h6,
  52. .fl-builder-content .fl-node-<?php echo $col->node; ?> h1 a,
  53. .fl-builder-content .fl-node-<?php echo $col->node; ?> h2 a,
  54. .fl-builder-content .fl-node-<?php echo $col->node; ?> h3 a,
  55. .fl-builder-content .fl-node-<?php echo $col->node; ?> h4 a,
  56. .fl-builder-content .fl-node-<?php echo $col->node; ?> h5 a,
  57. .fl-builder-content .fl-node-<?php echo $col->node; ?> h6 a {
  58. color: #<?php echo $col->settings->text_color; ?>;
  59. }
  60. <?php endif; ?>
  61. <?php if ( 'color' == $col->settings->bg_type && ! empty( $col->settings->bg_color ) ) : // Background Color ?>
  62. .fl-node-<?php echo $col->node; ?> > .fl-col-content {
  63. background-color: #<?php echo $col->settings->bg_color; ?>;
  64. background-color: rgba(<?php echo implode( ',', FLBuilderColor::hex_to_rgb( $col->settings->bg_color ) ) ?>, <?php echo $col->settings->bg_opacity / 100; ?>);
  65. }
  66. <?php endif; ?>
  67. <?php if ( 'photo' == $col->settings->bg_type && ! empty( $col->settings->bg_image ) ) : // Background Image ?>
  68. .fl-node-<?php echo $col->node; ?> > .fl-col-content {
  69. background-image: url(<?php echo $col->settings->bg_image_src; ?>);
  70. background-repeat: <?php echo $col->settings->bg_repeat; ?>;
  71. background-position: <?php echo $col->settings->bg_position; ?>;
  72. background-attachment: <?php echo $col->settings->bg_attachment; ?>;
  73. background-size: <?php echo $col->settings->bg_size; ?>;
  74. }
  75. <?php endif; ?>
  76. <?php if ( in_array( $col->settings->bg_type, array( 'photo' ) ) && ! empty( $col->settings->bg_overlay_color ) ) : // Background Overlay Color ?>
  77. .fl-node-<?php echo $col->node; ?> > .fl-col-content:after {
  78. background-color: #<?php echo $col->settings->bg_overlay_color; ?>;
  79. background-color: rgba(<?php echo implode( ',', FLBuilderColor::hex_to_rgb( $col->settings->bg_overlay_color ) ) ?>, <?php echo $col->settings->bg_overlay_opacity / 100; ?>);
  80. }
  81. <?php endif; ?>
  82. <?php if ( ! empty( $col->settings->border_type ) ) : // Border ?>
  83. .fl-builder-content .fl-node-<?php echo $col->node; ?> > .fl-col-content {
  84. border-style: <?php echo $col->settings->border_type; ?>;
  85. border-width: 0;
  86. <?php if ( ! empty( $col->settings->border_color ) ) : ?>
  87. border-color: #<?php echo $col->settings->border_color; ?>;
  88. border-color: rgba(<?php echo implode( ',', FLBuilderColor::hex_to_rgb( $col->settings->border_color ) ) ?>, <?php echo $col->settings->border_opacity / 100; ?>);
  89. <?php endif; ?>
  90. }
  91. <?php endif; ?>
  92. <?php if ( $global_settings->responsive_enabled ) : // Responsive Sizes ?>
  93. <?php if ( 'custom' == $col->settings->medium_size ) : ?>
  94. @media(max-width: <?php echo $global_settings->medium_breakpoint; ?>px) {
  95. .fl-builder-content .fl-node-<?php echo $col->node; ?> {
  96. max-width: none;
  97. width: <?php echo $col->settings->custom_medium_size; ?>% !important;
  98. -webkit-box-flex: 0 1 auto;
  99. -moz-box-flex: 0 1 auto;
  100. -webkit-flex: 0 1 auto;
  101. -ms-flex: 0 1 auto;
  102. flex: 0 1 auto;
  103. }
  104. }
  105. <?php endif; ?>
  106. <?php if ( 'custom' == $col->settings->responsive_size ) : ?>
  107. @media(max-width: <?php echo $global_settings->responsive_breakpoint; ?>px) {
  108. .fl-builder-content .fl-node-<?php echo $col->node; ?> {
  109. clear: none;
  110. float: left;
  111. max-width: none;
  112. width: <?php echo $col->settings->custom_responsive_size; ?>% !important;
  113. }
  114. <?php if ( 'reversed' == $col->settings->responsive_order ) : ?>
  115. .fl-col-group-custom-width.fl-col-group-responsive-reversed .fl-node-<?php echo $col->node; ?> {
  116. flex-basis: <?php echo $col->settings->custom_responsive_size; ?>%;
  117. }
  118. <?php endif; ?>
  119. }
  120. <?php endif; ?>
  121. <?php endif; ?>