Viewing File: /home/maglabs/riadlooma2/wp-content/themes/homey/inc/styling-options.php
<?php
/**
* Theme Stylesheet Options
* Refer to Theme Options
* @package homey
* @since homey 1.0
**/
function homey_custom_styling() {
global $post;
$pageID = $marker_type_color = '';
if( !is_404() && !is_search() && !is_author() ) {
$pageID = isset($post->ID) ? $post->ID : '';
}
$parallax_opacity = get_post_meta( $pageID, 'homey_header_opacity', true );
if(empty($parallax_opacity)) {
$parallax_opacity = '0.5';
}
$logo_desktop_dimensions = homey_option('logo_desktop_dimensions');
$logo_mobile_dimensions = homey_option('logo_mobile_dimensions');
$desktop_logo_width = isset($logo_desktop_dimensions['width']) ? $logo_desktop_dimensions['width'] : '';
$desktop_logo_height = isset($logo_desktop_dimensions['height']) ? $logo_desktop_dimensions['height'] : '';
if(empty($desktop_logo_width)) {
$desktop_logo_width = '128px';
}
$mobile_logo_width = isset($logo_mobile_dimensions['width']) ? $logo_mobile_dimensions['width'] : '';
$mobile_logo_height = isset($logo_mobile_dimensions['height']) ? $logo_mobile_dimensions['height'] : '';
if(empty($mobile_logo_width)) {
$mobile_logo_width = '128px';
}
if(empty($mobile_logo_height)) {
$mobile_logo_height = '30px';
}
$splash_opacity = get_splash_opacity();
if(empty($splash_opacity)) {
$splash_opacity = '0.5';
}
$trans_menu_color = homey_option('trans_menu_color');
$trans_menu_color_hover = homey_option('trans_menu_color_hover');
$parallax_height = get_post_meta( $pageID, 'homey_parallax_height', true );
if( !empty($parallax_height) ) {
$parallax_height = 'height: ' . ( preg_match( '/(px|em|\%|pt|cm)$/', $parallax_height ) ? $parallax_height : $parallax_height . 'px' ) . ';';
} else {
$parallax_height = 'height: 600px';
}
$parallax_height_mobile = get_post_meta( $pageID, 'homey_parallax_height_mobile', true );
if( !empty($parallax_height_mobile) ) {
$parallax_height_mobile = 'height: ' . ( preg_match( '/(px|em|\%|pt|cm)$/', $parallax_height_mobile ) ? $parallax_height_mobile : $parallax_height_mobile . 'px' ) . ';';
} else {
$parallax_height_mobile = 'height: 300px';
}
$typo_body = homey_option('typo-body');
$typo_headings = homey_option('typo-headings');
$typo_menu = homey_option('typo-menu');
$body_bg_color = homey_option('body_bg_color');
$text_color = homey_option('text_color');
$primary_color = homey_option('primary_color');
$primary_color_hover = homey_option('primary_color_hover');
$secondary_color = homey_option('secondary_color');
$secondary_color_hover = homey_option('secondary_color_hover');
$body_font_size = isset($typo_body['font-size']) ? $typo_body['font-size'] : '';
/* body
/* ----------------------------------------------------------- */
$typography_body = "
body, address, li, dt, dd, .pac-container, .control {
font-size: {$body_font_size};
line-height: {$typo_body['line-height']};
font-weight: {$typo_body['font-weight']};
text-transform: {$typo_body['text-transform']};
letter-spacing: 0;
font-family: {$typo_body['font-family']}, sans-serif;
}
.woocommerce ul.products li.product .button {
font-family: {$typo_body['font-family']}, sans-serif;
font-size: {$body_font_size};
}
";
/* main nav typography
/* ----------------------------------------------------------- */
$typography_nav = "
.navi > .main-menu > li > a,
.account-loggedin,
.login-register a {
font-size: {$typo_menu['font-size']};
line-height: {$typo_menu['line-height']};
font-weight: {$typo_menu['font-weight']};
text-transform: {$typo_menu['text-transform']};
font-family: {$typo_menu['font-family']}, sans-serif;
}
.menu-dropdown,
.sub-menu li a,
.navi .homey-megamenu-wrap > .sub-menu,
.listing-navi .homey-megamenu-wrap > .sub-menu,
.account-dropdown ul > li a {
font-size: {$typo_menu['font-size']};
line-height: 1;
font-weight: {$typo_menu['font-weight']};
text-transform: {$typo_menu['text-transform']};
font-family: {$typo_menu['font-family']}, sans-serif;
}
";
/* headings
/* ----------------------------------------------------------- */
$typography_heading = "
h1, h2, h3, h4, h5, h6, .banner-title {
font-family: {$typo_headings['font-family']}, sans-serif;
font-weight: {$typo_headings['font-weight']};
text-transform: {$typo_headings['text-transform']};
text-align: {$typo_headings['text-align']};
}
";
/* Primary color
/* ----------------------------------------------------------- */
$primary_color_css = "
a,
.primary-color,
.btn-primary-outlined,
.btn-link,
.super-host-flag,
.is-style-outline .wp-block-button__link,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-MyAccount-navigation ul li a:hover {
color: {$primary_color};
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.btn-primary-outlined,
.searchform button,
.is-style-outline .wp-block-button__link,
.wp-block-file .wp-block-file__button,
.wp-block-search__button {
border-color: {$primary_color};
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.media-signal .signal-icon,
.single-blog-article .meta-tags a,
.title .circle-icon,
.label-primary,
.searchform button,
.next-prev-block .prev-box,
.next-prev-block .next-box,
.dropdown-menu>.selected>a,
.dropdown-menu>.selected>a:focus,
.dropdown-menu>.selected>a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.tagcloud a,
.title-section .avatar .super-host-icon,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
.wp-block-search__button {
background-color: {$primary_color};
}
.slick-prev,
.slick-next {
color: {$primary_color};
border: 1px solid {$primary_color};
background-color: transparent;
}
.slick-prev:before,
.slick-next:before {
color: {$primary_color};
}
.slick-prev:hover:before,
.slick-next:hover:before,
.top-gallery-section .slick-prev:before,
.top-gallery-section .slick-next:before {
color: #fff;
}
.header-slider .slick-prev,
.header-slider .slick-next,
.top-gallery-section .slick-prev,
.top-gallery-section .slick-next {
border: 1px solid {$primary_color};
background-color: {$primary_color};
}
.nav-tabs > li.active > a {
box-shadow: 0px -2px 0px 0px inset {$primary_color};
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
border: 1px solid {$primary_color};
background-color: {$primary_color};
color: #fff;
}
";
/* Primary color
/* ----------------------------------------------------------- */
$primary_color_hover_css = "
a:hover,
a:focus,
a:active,
.btn-primary-outlined:focus,
.crncy-lang-block > li:hover a,
.crncy-lang-block .dropdown-menu li:hover {
color: {$primary_color_hover};
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.table-hover > tbody > tr:hover,
.search-auto-complete li:hover,
.btn-primary-outlined:hover,
.btn-primary-outlined:active,
.item-tools .dropdown-menu > li > a:hover,
.tagcloud a:hover,
.pagination-main a:hover,
.page-links a:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-search__button:hover {
background-color: {$primary_color_hover};
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination-main a:hover,
.page-links a:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-search__button:hover {
border: 1px solid {$primary_color_hover};
}
.is-style-outline .wp-block-button__link:hover {
border: 2px solid {$primary_color_hover};
color: #fff;
}
.slick-prev:focus, .slick-prev:active,
.slick-next:focus,
.slick-next:active {
color: {$primary_color_hover};
border: 1px solid {$primary_color_hover};
background-color: transparent;
}
.slick-prev:hover,
.slick-next:hover {
background-color: {$primary_color_hover};
border: 1px solid {$primary_color_hover};
color: #fff;
}
.header-slider .slick-prev:focus,
.header-slider .slick-next:active {
border: 1px solid {$primary_color_hover};
background-color: {$primary_color_hover};
}
.header-slider .slick-prev:hover,
.header-slider .slick-next:hover {
background-color: rgba(241, 94, 117, 0.65);
border: 1px solid {$primary_color_hover};
}
";
/* secondary color
/* ----------------------------------------------------------- */
$secondary_color_css = "
.secondary-color,
.btn-secondary-outlined,
.taber-nav li.active a,
.saved-search-block .saved-search-icon,
.block-title .help,
.custom-actions .btn-action,
.daterangepicker .input-mini.active + i,
.daterangepicker td.in-range,
.payment-list-detail-btn {
color: {$secondary_color};
}
.daterangepicker td.active,
.daterangepicker td.active.end-date,
.homy-progress-bar .progress-bar-inner,
.fc-event,
.property-calendar .current-day,
.label-secondary,
.wallet-label {
background-color: {$secondary_color};
}
.availability-section .search-calendar .days li.day-available.current-day {
background-color: {$secondary_color} !important;
}
.daterangepicker .input-mini.active,
.daterangepicker td.in-range,
.msg-unread {
background-color: rgba(84, 196, 217, 0.2);
}
.msgs-reply-list .msg-me {
background-color: rgba(84, 196, 217, 0.1) !important;
}
.control input:checked ~ .control-text {
color: {$secondary_color};
}
.control input:checked ~ .control__indicator {
background-color: {$secondary_color_hover};
border-color: {$secondary_color};
}
.open > .btn-default.dropdown-toggle,
.custom-actions .btn-action,
.daterangepicker .input-mini.active,
.msg-unread {
border-color: {$secondary_color};
}
.bootstrap-select .btn:focus,
.bootstrap-select .btn:active {
border-color: {$secondary_color} !important;
}
.main-search-calendar-wrap .days li.selected,
.main-search-calendar-wrap .days li:hover:not(.day-disabled),
.single-listing-booking-calendar-js .days li.selected,
.single-listing-booking-calendar-js .days li:hover:not(.day-disabled) {
background-color: {$secondary_color} !important;
color: #fff
}
.main-search-calendar-wrap .days li.in-between,
.single-listing-booking-calendar-js .days li.in-between {
background-color: rgba(84, 196, 217, 0.2)!important;
}
.single-listing-booking-calendar-js .days li.homey-not-available-for-booking:hover {
background-color: transparent !important;
color: #949ca5;
}
li.current-month.reservation_start.homey-not-available-for-booking:hover {
background-color: {$secondary_color} !important;
color: #fff
}
.woocommerce span.onsale,
.woocommerce ul.products li.product .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #review_form #respond .form-submit input,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
color: #fff;
background-color: {$secondary_color};
border-color: {$secondary_color};
}
.woocommerce ul.products li.product .button:focus,
.woocommerce ul.products li.product .button:active,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce #review_form #respond .form-submit input:focus,
.woocommerce #review_form #respond .form-submit input:active,
.woocommerce #respond input#submit:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus {
color: #fff;
background-color: {$secondary_color};
border-color: {$secondary_color};
}
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
color: #fff;
background-color: {$secondary_color_hover};
border-color: {$secondary_color_hover};
}
";
/* secondary color :hover
/* ----------------------------------------------------------- */
$secondary_color_hover_css = "
.taber-nav li:hover a,
.payment-list-detail-btn:hover,
.payment-list-detail-btn:focus {
color: {$secondary_color_hover};
}
.header-comp-search .form-control:focus {
background-color: rgba(84, 196, 217, 0.2);
}
.bootstrap-select.btn-group .dropdown-menu a:hover,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.custom-actions .btn-action:hover,
.calendar-table .prev:hover,
.calendar-table .next:hover,
.btn-secondary-outlined:hover,
.btn-secondary-outlined:active,
.btn-preview-listing:hover,
.btn-preview-listing:active,
.btn-preview-listing:focus,
.btn-action:hover,
.btn-action:active,
.btn-action:focus {
background-color: {$secondary_color_hover};
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: {$secondary_color_hover};
}
.form-control:focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle:active,
.header-comp-search .form-control:focus,
.btn-secondary-outlined:hover,
.btn-secondary-outlined:active,
.btn-secondary-outlined:focus,
.btn-preview-listing:hover,
.btn-preview-listing:active,
.btn-preview-listing:focus {
border-color: {$secondary_color_hover};
}
.bootstrap-select .btn:focus,
.bootstrap-select .btn:active {
border-color: {$secondary_color_hover} !important;
}
";
/* body bg color
/* ----------------------------------------------------------- */
$body_color = "
body {
background-color: {$body_bg_color};
}
";
/* Text Color
/* ----------------------------------------------------------- */
$text_color = "
body,
.fc button,
.pagination > li > a,
.pagination > li > span,
.item-title-head .title a,
.sidebar .widget .review-block .title a,
.sidebar .widget .comment-block .title a,
.adults-calculator .quantity-calculator input[disbaled],
.children-calculator .quantity-calculator input[disbaled],
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.modal-login-form .forgot-password-text a,
.modal-login-form .checkbox a,
.bootstrap-select.btn-group .dropdown-menu a,
.header-nav .social-icons a,
.header-nav .crncy-lang-block > li span,
.header-comp-logo h1,
.item-list-view .item-user-image,
.item-title-head .title a,
.control,
.blog-wrap h2 a,
.banner-caption-side-search .banner-title,
.banner-caption-side-search .banner-subtitle,
.widget_categories select,
.widget_archive select,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce #reviews #comments ol.commentlist li .meta,
.woocommerce-MyAccount-navigation ul li a {
color: {$text_color};
}
.item-title-head .title a:hover,
.sidebar .widget .review-block .title a:hover,
.sidebar .widget .comment-block .title a:hover {
color: rgba(79, 89, 98, 0.5);
}
";
/* buttons colors
/* ----------------------------------------------------------- */
$primary_btn_color_regular = homey_option('primary_btn_color', false, 'regular');
$primary_btn_color_hover = homey_option('primary_btn_color', false, 'hover');
$primary_btn_color_active = homey_option('primary_btn_color', false, 'active');
$primary_btn_bg_color_regular = homey_option('primary_btn_bg_color', false, 'regular');
$primary_btn_bg_color_hover = homey_option('primary_btn_bg_color', false, 'hover');
$primary_btn_bg_color_active = homey_option('primary_btn_bg_color', false, 'active');
$primary_btn_border_color_regular = homey_option('primary_btn_border_color', false, 'regular');
$primary_btn_border_color_hover = homey_option('primary_btn_border_color', false, 'hover');
$primary_btn_border_color_active = homey_option('primary_btn_border_color', false, 'active');
$secondary_btn_color_regular = homey_option('secondary_btn_color', false, 'regular');
$secondary_btn_color_hover = homey_option('secondary_btn_color', false, 'hover');
$secondary_btn_color_active = homey_option('secondary_btn_color', false, 'active');
$secondary_btn_bg_color_regular = homey_option('secondary_btn_bg_color', false, 'regular');
$secondary_btn_bg_color_hover = homey_option('secondary_btn_bg_color', false, 'hover');
$secondary_btn_bg_color_active = homey_option('secondary_btn_bg_color', false, 'active');
$secondary_btn_border_color_regular = homey_option('secondary_btn_border_color', false, 'regular');
$secondary_btn_border_color_hover = homey_option('secondary_btn_border_color', false, 'hover');
$secondary_btn_border_color_active = homey_option('secondary_btn_border_color', false, 'active');
$button_colors = "
.btn-primary,
.post-password-form input[type='submit'],
.wpcf7-submit,
.gform_wrapper .button, .gform_button {
color: {$primary_btn_color_regular};
background-color: {$primary_btn_bg_color_regular};
border-color: {$primary_btn_border_color_regular};
}
.btn-primary:focus,
.btn-primary:active:focus,
.post-password-form input[type='submit']:focus,
.post-password-form input[type='submit']:active:focus,
.wpcf7-submit:focus,
.wpcf7-submit:active:focus,
.gform_wrapper .button, .gform_button:focus,
.gform_wrapper .button, .gform_button:active:focus {
color: {$primary_btn_color_regular};
background-color: {$primary_btn_bg_color_regular};
border-color: {$primary_btn_border_color_regular};
}
.btn-primary:hover,
.post-password-form input[type='submit']:hover,
.wpcf7-submit:hover,
.gform_wrapper .button, .gform_button:hover {
color: {$primary_btn_color_hover};
background-color: {$primary_btn_bg_color_hover};
border-color: {$primary_btn_border_color_hover};
}
.btn-primary:active,
.post-password-form input[type='submit']:active,
.wpcf7-submit:active,
.gform_wrapper .button, .gform_button:active {
color: {$primary_btn_color_active};
background-color: {$primary_btn_bg_color_active};
border-color: {$primary_btn_border_color_active};
}
.btn-secondary {
color: {$secondary_btn_color_regular};
background-color: {$secondary_btn_bg_color_regular};
border-color: {$secondary_btn_border_color_regular};
}
.btn-secondary:focus,
.btn-secondary:active:focus {
color: {$secondary_btn_color_regular};
background-color: {$secondary_btn_bg_color_regular};
border-color: {$secondary_btn_border_color_regular};
}
.btn-secondary:hover {
color: {$secondary_btn_color_hover};
background-color: {$secondary_btn_bg_color_hover};
border-color: {$secondary_btn_border_color_hover};
}
.btn-secondary:active {
color: {$secondary_btn_color_active};
background-color: {$secondary_btn_bg_color_active};
border-color: {$secondary_btn_border_color_active};
}
.btn-secondary-outlined,
.btn-secondary-outlined:focus {
color: {$secondary_btn_bg_color_regular};
border-color: {$secondary_btn_border_color_regular};
background-color: transparent;
}
.btn-secondary-outlined:hover {
color: {$secondary_btn_color_hover};
background-color: {$secondary_btn_bg_color_hover};
border-color: {$secondary_btn_border_color_hover};
}
.btn-secondary-outlined:hover:active {
color: {$secondary_btn_color_active};
background-color: {$secondary_btn_bg_color_active};
border-color: {$secondary_btn_border_color_active};
}
";
/* main nav colors
/* ----------------------------------------------------------- */
$header_bg = homey_option('header_bg');
$header_top_bg = homey_option('header_top_bg');
$header_border = homey_option('header_border');
$header_top_border = homey_option('header_top_border');
$mainmenu_color = homey_option('mainmenu_color');
$mainmenu_color_hover = homey_option('mainmenu_color_hover');
$mainmenu_dropdown_color = homey_option('mainmenu_dropdown_color');
$mainmenu_dropdown_color_hover = homey_option('mainmenu_dropdown_color_hover');
$mainmenu_dropdown_bg_color = homey_option('mainmenu_dropdown_bg_color');
$mainmenu_dropdown_border = homey_option('mainmenu_dropdown_border');
$login_regis_color = homey_option('login_regis_color');
$login_regis_color_hover = homey_option('login_regis_color_hover');
$user_menu_color = homey_option('user_menu_color');
$user_menu_color_hover = homey_option('user_menu_color_hover');
$user_menu_color_bg_hover = homey_option('user_menu_color_bg_hover');
$user_menu_color_bg_hover = homey_hex2rgb($user_menu_color_bg_hover);
$user_menu_bg_color = homey_option('user_menu_bg_color');
$mainmenu_trigger_color = homey_option('mainmenu_trigger_color');
$header_top_social_color = homey_option('header_top_social_color');
$main_menu_color = "
.header-nav {
background-color: {$header_bg};
border-bottom: {$header_border['border-bottom']} {$header_border['border-style']} {$header_border['border-color']};
}
.navi > .main-menu > li > a {
background-color: {$header_bg};
}
.navi > .main-menu > li > a,
.header-mobile .btn-mobile-nav {
color: {$mainmenu_color};
}
.navi > .main-menu > li > a:hover, .navi > .main-menu > li > a:active {
background-color: {$header_bg};
}
.navi > .main-menu > li > a:hover, .navi > .main-menu > li > a:active,
.navi .homey-megamenu-wrap > .sub-menu a:hover,
.navi .homey-megamenu-wrap > .sub-menu a:active {
color: {$mainmenu_color_hover};
}
.navi > .main-menu > li > a:before,
.listing-navi > .main-menu > li > a:before {
background-color: {$mainmenu_color_hover};
}
.navi > .main-menu > li.active > a,
.listing-navi > .main-menu > li.active > a {
color: {$mainmenu_color_hover};
}
.navi .homey-megamenu-wrap,
.listing-navi .homey-megamenu-wrap {
background-color: #fff;
}
.banner-inner:before,
.video-background:before {
opacity: {$parallax_opacity};
}
.page-template-template-splash .banner-inner:before,
.page-template-template-splash .video-background:before {
opacity: {$splash_opacity};
}
.top-banner-wrap {
{$parallax_height}
}
@media (max-width: 767px) {
.top-banner-wrap {
{$parallax_height_mobile}
}
}
.header-type-2 .top-inner-header,
.header-type-3 .top-inner-header {
background-color: {$header_top_bg};
border-bottom: {$header_top_border['border-bottom']} {$header_top_border['border-style']} {$header_top_border['border-color']};
}
.header-type-2 .bottom-inner-header {
background-color: {$header_bg};
border-bottom: {$header_border['border-bottom']} {$header_border['border-style']} {$header_border['border-color']};
}
.header-type-3 .bottom-inner-header {
background-color: {$header_bg};
border-bottom: {$header_border['border-bottom']} {$header_border['border-style']} {$header_border['border-color']};
}
.login-register a,
.account-loggedin,
.account-login .login-register .fa {
color: {$login_regis_color};
background-color: transparent;
}
.login-register a:hover,
.login-register a:active,
.account-loggedin:hover,
.account-loggedin:active {
color: {$login_regis_color_hover};
background-color: transparent;
}
.account-loggedin:before {
background-color: {$login_regis_color_hover};
}
.account-loggedin.active .account-dropdown {
background-color: {$user_menu_bg_color}
}
.account-dropdown ul > li a {
color: {$user_menu_color};
}
.account-dropdown ul > li a:hover {
background-color: rgba({$user_menu_color_bg_hover['r']},{$user_menu_color_bg_hover['g']},{$user_menu_color_bg_hover['b']},.15);
color: {$user_menu_color_hover};
}
span.side-nav-trigger {
color: {$mainmenu_trigger_color};
}
.transparent-header span.side-nav-trigger {
color: {$trans_menu_color};
}
.top-inner-header .social-icons a {
color: {$header_top_social_color};
}
";
$map_cluster = homey_option('pin_cluster', '', 'url');
if (!empty($map_cluster)) {
$clusterIcon = $map_cluster;
} else {
$clusterIcon = get_template_directory_uri() . '/images/cluster-icon.png';
}
$osm_cluster_css = "
.homey-osm-cluster {
background-image: url({$clusterIcon});
text-align: center;
color: #fff;
width: 47px;
height: 47px;
line-height: 47px;
}
";
/* transparen header
/* ----------------------------------------------------------- */
$transparent_menu_color = "
.transparent-header .navi > .main-menu > li > a,
.transparent-header .account-loggedin,
.transparent-header .header-mobile .login-register a,
.transparent-header .header-mobile .btn-mobile-nav {
color: {$trans_menu_color};
}
.transparent-header .navi > .main-menu > li > a:hover, .transparent-header .navi > .main-menu > li > a:active,
.transparent-header .account-loggedin:hover,
.transparent-header .account-loggedin:active,
.transparent-header .login-register a:hover,
.transparent-header .login-register a:active {
color: {$trans_menu_color_hover};
}
.transparent-header .navi > .main-menu > li > a:before {
background-color: {$trans_menu_color_hover};
}
.transparent-header .navi > .main-menu > li > a:before,
.transparent-header .listing-navi > .main-menu > li > a:before {
background-color: {$trans_menu_color_hover};
}
.transparent-header .navi > .main-menu > li.active > a,
.transparent-header .listing-navi > .main-menu > li.active > a {
color: {$trans_menu_color_hover};
}
.transparent-header .account-loggedin:before {
background-color: {$trans_menu_color_hover};
}
.transparent-header .navi .homey-megamenu-wrap,
.transparent-header .listing-navi .homey-megamenu-wrap {
background-color: {$trans_menu_color};
}
";
/* main nav dropdown colors
/* ----------------------------------------------------------- */
$main_menu_color .= "
.navi .homey-megamenu-wrap > .sub-menu a,
.listing-navi .homey-megamenu-wrap > .sub-menu a {
color: {$mainmenu_dropdown_color};
background-color: {$mainmenu_dropdown_bg_color};
}
.navi .homey-megamenu-wrap > .sub-menu a:hover,
.listing-navi .homey-megamenu-wrap > .sub-menu a:hover {
color: {$mainmenu_dropdown_color_hover};
background-color: {$mainmenu_dropdown_bg_color};
}
.header-nav .menu-dropdown a,
.header-nav .sub-menu a {
color: {$mainmenu_dropdown_color};
background-color: {$mainmenu_dropdown_bg_color};
border-bottom: {$mainmenu_dropdown_border['border-bottom']} {$mainmenu_dropdown_border['border-style']} {$mainmenu_dropdown_border['border-color']};
}
.header-nav .menu-dropdown a:hover,
.header-nav .sub-menu a:hover {
color: {$mainmenu_dropdown_color_hover};
background-color: {$mainmenu_dropdown_bg_color};
}
.header-nav .menu-dropdown li.active > a,
.header-nav .sub-menu li.active > a {
color: {$mainmenu_dropdown_color_hover};
}
";
/* Become a Host Button
/* ----------------------------------------------------------- */
$become_host_color = homey_option('become_host_color');
$become_host_color_hover = homey_option('become_host_color_hover');
$become_host_bg_color = homey_option('become_host_bg_color');
$become_host_bg_color_hover = homey_option('become_host_bg_color_hover');
$become_host_border_color = homey_option('become_host_border_color');
$become_host_border_color_hover = homey_option('become_host_border_color_hover');
$become_host = "
.btn-add-new-listing {
color: {$become_host_color};
background-color: {$become_host_bg_color};
border-color: {$become_host_border_color};
font-size: 14px;
}
.btn-add-new-listing:focus {
color: {$become_host_color_hover};
background-color: {$become_host_bg_color_hover};
border-color: {$become_host_border_color_hover};
}
.btn-add-new-listing:hover {
color: {$become_host_color_hover};
background-color: {$become_host_bg_color_hover};
border-color: {$become_host_border_color_hover};
}
.btn-add-new-listing:active {
color: {$become_host_color_hover};
background-color: {$become_host_bg_color_hover};
border-color: {$become_host_border_color_hover};
}
";
/* top bar colors
/* ----------------------------------------------------------- */
$top_bar_bg = homey_option('top_bar_bg');
$top_bar_color = homey_option('top_bar_color');
$top_bar_color_hover = homey_option('top_bar_color_hover', false, 'rgba');
$top_bar = "
.header-top-bar {
background-color: {$top_bar_bg};
}
.social-icons a,
.top-bar-inner,
.top-bar-inner li {
color: {$top_bar_color};
}
.top-contact-address li {
color: {$top_bar_color};
}
.top-contact-address a {
color: {$top_bar_color};
}
.top-contact-address a:hover {
color: {$top_bar_color_hover};
}
";
$logos_dimensions = "
.header-comp-logo img {
width: {$desktop_logo_width};
height: {$desktop_logo_height};
}
.mobile-logo img {
width: {$mobile_logo_width};
height: {$mobile_logo_height};
}
";
/* dashboard footer colors
/* ----------------------------------------------------------- */
$footer_bg_color = homey_option('footer_bg_color');
$footer_bottom_bg_color = homey_option('footer_bottom_bg_color');
$footer_color = homey_option('footer_color');
$footer_hover_color = homey_option('footer_hover_color');
$footer_color = "
.footer-top-wrap {
background-color: {$footer_bg_color};
color: {$footer_color};
}
.footer-bottom-wrap,
.footer-small {
background-color: {$footer_bottom_bg_color};
color: {$footer_color};
}
.footer .social-icons a,
.footer a,
.footer .title a,
.widget-latest-posts .post-author,
.widget-latest-posts .post-author a {
color: {$footer_color};
}
.footer .social-icons a:hover,
.footer a:hover,
.footer .title a:hover {
color: {$footer_hover_color};
}
.footer-copyright {
color: {$footer_color};
}
";
/* dashboard footer colors
/* ----------------------------------------------------------- */
$search_bg = homey_option('search_bg');
$main_search_color = "
.main-search {
background-color: {$search_bg};
}
";
// Marker color based on type
if( !homey_is_dashboard() ) {
if( taxonomy_exists('listing_type') ) {
$marker_type = get_terms( 'listing_type' );
if( $marker_type ) {
foreach( $marker_type as $term ) {
$homey_term_id = $term->term_id;
$meta = get_option( '_homey_listing_type_'.$homey_term_id );
if ( is_array($meta) && $meta['color_type'] == 'custom' ) {
$marker_type_color .= "
.gm-marker-color-{$homey_term_id} {
background-color: {$meta['color']};
}
";
$marker_type_color .="
.gm-marker-color-{$homey_term_id}:after {
border-top-color: {$meta['color']};
}
";
}
}
}
}
}
/* Featured label
/* ----------------------------------------------------------- */
$featured_label_bg_color = homey_option('featured_label_bg_color');
$featured_label_color = homey_option('featured_label_color');
$featured_label = "
.label-featured {
background-color: {$featured_label_bg_color};
color: {$featured_label_color};
}
";
$homey_custom_css = homey_option('custom_css');
wp_add_inline_style( 'homey-style',
$typography_body.
$typography_heading.
$typography_nav.
$primary_color_css.
$primary_color_hover_css.
$secondary_color_css.
$secondary_color_hover_css.
$body_color.
$text_color.
$osm_cluster_css.
$transparent_menu_color.
$main_menu_color.
$become_host.
$button_colors.
$main_search_color.
$top_bar.
$logos_dimensions.
$footer_color.
$featured_label.
$marker_type_color.
$homey_custom_css
);
}
add_action( 'wp_enqueue_scripts', 'homey_custom_styling', 21 );
?>
Back to Directory
File Manager