API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 21st, 2022
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.64 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2.  
  3. if( ! defined( 'ABSPATH' ) ) { exit; } // Exit if accessed directly
  4.  
  5. /**
  6. * IMPORTANT:
  7. * ==========
  8. *
  9. * class vevent hentry has been removed with 4.5.5. https://github.com/KriesiMedia/wp-themes/issues/2157
  10. * If we do not encounter any problems related CSS can also be removed later.
  11. *
  12. * @added_by guenter
  13. */
  14.  
  15. //add color styles
  16. if( ! function_exists( 'avia_events_dynamic_css' ) )
  17. {
  18. add_filter( 'avia_dynamic_css_output', 'avia_events_dynamic_css', 10, 2 );
  19.  
  20. function avia_events_dynamic_css( $output, $color_set )
  21. {
  22. /*color sets*/
  23. foreach( $color_set as $key => $colors ) // iterates over the color sets: usually $key is either: header_color, main_color, footer_color, socket_color
  24. {
  25. $key = '.' . $key;
  26. extract( $colors );
  27.  
  28. // elements that will only appear in the main content area
  29. if( $key == '.main_color' )
  30. {
  31. $constant_font = avia_backend_calc_preceived_brightness( $primary, 230 ) ? '#ffffff' : $bg;
  32. $button_border = avia_backend_calculate_similar_color( $primary, 'darker', 2 );
  33. $button_border2 = avia_backend_calculate_similar_color( $secondary, 'darker', 2 );
  34. $bg3 = avia_backend_calculate_similar_color( $bg2, 'darker', 1 );
  35.  
  36. $output .= "
  37.  
  38. $key .tribe-events-single ul.tribe-related-events li, $key .tribe-week-grid-block div, $key .tribe-events-grid .tribe-grid-content-wrap .column,
  39. $key .tribe-events-loop .tribe-events-event-meta, #top $key .tribe-events-list-event-title.entry-title, #top $key .tribe-events-list-event-title,
  40. $key #tribe-events-content table.tribe-events-calendar, $key #tribe-events-content .tribe-events-calendar td, body .datepicker.dropdown-menu,
  41. #top $key .tribe-events-tooltip, $key .recurring-info-tooltip, $key .vevent.tribe-events-photo-event .tribe-events-photo-event-wrap,
  42. body .datepicker table, body .datepicker table td, body .datepicker table th, #top #tribe-mobile-container .hentry.vevent,
  43. $key .tribe-events-venue .tribe-events-venue-meta, $key .tribe-mini-calendar-dayofweek, $key .tribe-mini-calendar td, $key .tribe-mini-calendar th
  44. {
  45. border-color: $border;
  46. }
  47.  
  48. .single-tribe_events $key #tribe-events-content .tribe-events-event-meta dt, $key .tribe-events-list-separator-month,
  49. $key .tribe-grid-allday .hentry.vevent>div, $key .tribe-grid-body div[id*='tribe-events-event-'] .hentry.vevent,
  50. #top.tribe-theme-enfold.single-tribe_events .tribe-events-single-event-title,
  51. .tribe-events-related-events-title,
  52. .tribe-events-single ul.tribe-related-events li .tribe-related-events-title,
  53. .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium, .tribe-events-single ul.tribe-related-events li,
  54. .tribe-events-meta-group .tribe-events-single-section-title, #top.tribe-theme-enfold.single-tribe_events .tribe-events-schedule h3
  55. {color:$heading;}
  56.  
  57. #top $key .tribe-week-grid-hours{color: $color;}
  58.  
  59. #top .tribe-events-content p,
  60. .tribe-events-content ol,
  61. .tribe-events-content p,
  62. .tribe-events-content ul,
  63. .tribe-common .tribe-common-b2 {
  64. color: $color;
  65. }
  66.  
  67. $key #tribe-events-pg-template .tribe-events-notices, $key #tribe-events-pg-template .tribe-events-notices strong, $key .tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button,
  68. $key .tribe-common .tribe-common-c-btn-border, $key .tribe-common a.tribe-common-c-btn-border,
  69. $key .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
  70. $key .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
  71. $key .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
  72. $key .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
  73. .tribe-theme-enfold $key .tribe-events .datepicker .day.active, .tribe-theme-enfold $key .tribe-events .datepicker .day.active.focused,
  74. .tribe-theme-enfold $key .tribe-events .datepicker .day.active:focus, .tribe-theme-enfold $key .tribe-events .datepicker .day.active:hover,
  75. .tribe-theme-enfold $key .tribe-events .datepicker .month.active, .tribe-theme-enfold $key .tribe-events .datepicker .month.active.focused,
  76. .tribe-theme-enfold $key .tribe-events .datepicker .month.active:focus, .tribe-theme-enfold $key .tribe-events .datepicker .month.active:hover,
  77. .tribe-theme-enfold $key .tribe-events .datepicker .year.active, .tribe-theme-enfold $key .tribe-events .datepicker .year.active.focused,
  78. .tribe-theme-enfold $key .tribe-events .datepicker .year.active:focus, .tribe-theme-enfold $key .tribe-events .datepicker .year.active:hover{
  79. background: $primary;
  80. color: $constant_font;
  81. border-color: $primary;
  82. }
  83.  
  84. $key #tribe-events-bar, $key #tribe-events-bar:before, $key #tribe-events-bar:after, $key .tribe-grid-allday .hentry.vevent>div, $key .tribe-grid-body div[id*='tribe-events-event-'] .hentry.vevent, $key .tribe-mini-calendar-dayofweek, $key .tribe-mini-calendar-event .list-date{
  85. background: $bg3;
  86. border-color: $border;
  87. }
  88.  
  89. body .datepicker.dropdown-menu,
  90. #top $key #tribe-bar-form input[type='text'], $key .tribe-mini-calendar td, $key .tribe-mini-calendar-event .list-date .list-dayname,
  91. #top $key .tribe-events-tooltip, $key .recurring-info-tooltip, $key .tribe-events-tooltip .tribe-events-arrow
  92. {
  93. background: $bg;
  94. color: $meta;
  95. }
  96.  
  97. body .datepicker-dropdown:after{
  98. border-bottom-color:$bg;
  99. }
  100.  
  101. $key .vevent.tribe-events-photo-event .tribe-events-photo-event-wrap, $key .av-tribe-events-content-wrap, $key #tribe-events .av-single-event-meta-bar-inner{
  102. background: $bg2;
  103. }
  104.  
  105. $key .tribe-grid-allday, $key .tribe-week-grid-hours, $key .tribe-events-distance,
  106. body .datepicker table tr td.day, .datepicker table tr td span, #top #wrap_all $key td.tribe-events-othermonth,
  107. $key .tribe-events-calendar td.tribe-events-past div[id*='tribe-events-daynum-'], $key .tribe-events-calendar td.tribe-events-past div[id*='tribe-events-daynum-']>a
  108. {
  109. background: $bg2;
  110. color: $meta;
  111. }
  112.  
  113. $key .tribe-bar-views-inner, $key #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
  114. $key .tribe-events-calendar div[id*='tribe-events-daynum-'], $key .tribe-events-calendar div[id*='tribe-events-daynum-'] a
  115. {
  116. background:$bg3;
  117. color: $color;
  118. }
  119.  
  120. $key #tribe-events-content .tribe-events-calendar td, $key .tribe-week-grid-block,
  121. $key #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover{
  122. background:$bg;
  123. }
  124.  
  125. .single-tribe_events $key .tribe-events-cost, $key #tribe-events-content .tribe-events-calendar td,
  126. $key .tribe-events-adv-list-widget .tribe-events-event-cost, #top #wrap_all $key .tribe-events-event-meta a,
  127. $key .tribe-events-schedule .recurringinfo a, $key .tribe-related-event-info .recurringinfo a,
  128. #top .tribe-events-pro .tribe-events-pro-venue__meta-address-directions-link,
  129. #top .tribe-events-pro .tribe-events-pro-venue__meta-website-link,
  130. #top .tribe-events-pro .tribe-events-pro-organizer__meta-email-link,
  131. #top .tribe-events-pro .tribe-events-pro-organizer__meta-website-link{
  132. color: $primary;
  133. }
  134.  
  135. body .datepicker table tr td span:hover,
  136. body .datepicker table tr td.day:hover, body .datepicker table tr td.day.focused,
  137. #top #wrap_all $key .tribe-events-button:hover, $key .tribe-events .tribe-events-c-ical__link:hover {
  138. background-color: $secondary;
  139. color:$constant_font;
  140. border-color:$button_border2;
  141. }
  142.  
  143. $key .tribe-mini-calendar .tribe-events-has-events div[id*='daynum-'] a:before, $key .tribe-venue-widget-venue-name,
  144. $key .tribe-mini-calendar-nav span,
  145. body .datepicker table tr td.active.active, body .datepicker table tr td span.active.active,
  146. body .datepicker table tr td.active.active:hover, body .datepicker table tr td span.active.active:hover,
  147. body .datepicker thead tr:first-child th:hover, body .datepicker tfoot tr th:hover,
  148. #top $key .tribe-events-tooltip h3, $key div.tribe-countdown-text, $key .tribe-mini-calendar-nav td,
  149. $key .tribe-events-calendar th, $key .tribe-events-grid .tribe-grid-header , $key .tribe-events-grid .tribe-grid-header .column,
  150. #top #wrap_all $key .tribe-events-button, $key .tribe-events-list .tribe-events-event-cost span,
  151. $key .tribe-events-calendar td.tribe-events-present div[id*='tribe-events-daynum-'],
  152. $key .tribe-events-calendar td.tribe-events-present div[id*='tribe-events-daynum-']>a,
  153. $key .tribe-grid-allday .hentry.vevent>div, $key .tribe-grid-body div[id*='tribe-events-event-'] .hentry.vevent,
  154. $key .tribe-mini-calendar .tribe-events-has-events:hover a, $key .tribe-mini-calendar .tribe-events-has-events:hover a:hover,
  155. $key .tribe-mini-calendar .tribe-events-has-events.tribe-mini-calendar-today a, $key .tribe-events .tribe-events-c-ical__link
  156. {
  157. background-color: $primary;
  158. color:$constant_font;
  159. border-color:$button_border;
  160. }
  161.  
  162. $key #tribe-events .time-details, $key .single-tribe_events .tribe-events-schedule, .single-tribe_events $key .tribe-events-schedule h3,
  163. .single-tribe_events $key .tribe-events-event-meta dd, $key .recurringinfo, $key .tribe-mini-calendar-no-event, $key .tribe-mini-calendar-dayofweek,
  164. $key .tribe-mini-calendar-event .list-date .list-daynumber, $key .av-upcoming-event-data
  165. {
  166. color: $meta;
  167. }
  168.  
  169. $key .tribe-mini-calendar .tribe-events-has-events div[id*='daynum-']:hover a:before{background-color: $constant_font;}
  170.  
  171. .datepicker .datepicker-switch{color:$heading !important;}
  172.  
  173.  
  174. @media only screen and (max-width: 768px) {
  175. $key .tribe-events-sub-nav li a{
  176. background-color: $primary;
  177. color:$constant_font;
  178. }
  179.  
  180.  
  181. #top $key #tribe-events-content .tribe-events-calendar td, $key .tribe-events-calendar td div[id*='tribe-events-daynum-'], $key .tribe-events-calendar td div[id*='tribe-events-daynum-']>a{background:$bg;}
  182. #top $key #tribe-events-content td.tribe-events-past, #top $key #tribe-events-content td.tribe-events-othermonth{background:$bg2;}
  183. #top $key #tribe-events-content .tribe-events-calendar td.tribe-events-present{background:$primary;}
  184. #top $key #tribe-events-content td.tribe-events-has-events, #top $key #tribe-events-content td.tribe-events-has-events div[id*='tribe-events-daynum-'],
  185. #top $key #tribe-events-content td.tribe-events-has-events div[id*='tribe-events-daynum-']>a, $key .tribe-mobile-day-date
  186. {background:$primary; color: $constant_font; }
  187.  
  188. #top $key .tribe-events-calendar .tribe-events-has-events:after{background: $constant_font; }
  189.  
  190.  
  191.  
  192. }
  193.  
  194. @media only screen and (max-width: 768px) {
  195.  
  196. $key .tribe-events-loop .tribe-events-event-meta, $key .tribe-events-list .tribe-events-venue-details{border-color: $border; background-color:$bg2; }
  197.  
  198. }
  199.  
  200.  
  201. ";
  202. }
  203.  
  204. //unset all vars with the help of variable vars :)
  205. foreach( $colors as $key => $val )
  206. {
  207. unset( $$key );
  208. }
  209. }
  210.  
  211. $fallback_fonts = array(
  212. 'Helvetica',
  213. 'Arial',
  214. 'sans-serif'
  215. );
  216.  
  217. // fontfamily or fontfamily:300,500
  218. $heading_font = avia_get_option( 'google_webfont' );
  219. if( ! empty( $heading_font ) )
  220. {
  221. $heading_font = explode( ':', $heading_font );
  222. $heading_font = array_merge( array( "'{$heading_font[0]}'" ), $fallback_fonts );
  223. }
  224. else
  225. {
  226. $heading_font = $fallback_fonts;
  227. }
  228.  
  229. $heading_font = implode( ',', $heading_font );
  230.  
  231. $content_font = avia_get_option( 'default_font' );
  232. if( ! empty( $content_font ) )
  233. {
  234. $content_font = explode( ':', $content_font );
  235. $content_font = array_merge( array( "'{$content_font[0]}'" ), $fallback_fonts );
  236. }
  237. else
  238. {
  239. $content_font = $fallback_fonts;
  240. }
  241.  
  242. $content_font = implode( ',', $content_font );
  243.  
  244. $content_font_size = avia_get_option( 'typo-default_font_size' );
  245. if( ! empty( $content_font_size ) )
  246. {
  247. $content_font_size = "font-size: $content_font_size;";
  248. }
  249.  
  250. $output .= "
  251. #top.tribe-theme-enfold.single-tribe_events .tribe-events-single-event-title,
  252. .tribe-events-related-events-title,
  253. .tribe-events-single ul.tribe-related-events li .tribe-related-events-title,
  254. .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {
  255. font-family: $heading_font;
  256. }
  257.  
  258. .tribe-events-content ol,
  259. .tribe-events-content p,
  260. .tribe-events-content ul,
  261. .tribe-common .tribe-common-b2{
  262. font-family: $content_font;
  263. $content_font_size
  264. }
  265. ";
  266.  
  267. return $output;
  268. }
  269. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!