FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
booking
/
includes
/
__css
/
admin
/
settings
Edit File: ui__nav_top.css
/*! = Top Navigation Menu = */ .wpbc_admin { --wpbc_ui_top_nav__background-color: var(--wpbc_ui__gen__panel_background-color); --wpbc_ui_top_nav__font-size: 17px; --wpbc_ui_top_nav__height: 48px; --wpbc_ui_top_nav__a_color: var(--wpbc_ui__gen__text-color); /* Underline red line */ --wpbc_ui_top_nav__a_hover_border_width: 3px; --wpbc_ui_top_nav__a_hover_border_color: var(--wpbc_ui__gen__hover-color); --wpbc_ui_top_nav__wp_left_menu_width: 160px; --wpbc_ui_top_nav__wp_top_menu_height: 32px; } /* == Different position of Top Bar, depends from the WordPress Left Menu and Top Bar ============================= */ /* Folded left WordPress mennu */ body.folded .wpbc_admin { --wpbc_ui_top_nav__wp_left_menu_width: 36px; } /* iPad */ @media only screen and (max-width: 960px) { div.wpbc_admin { --wpbc_ui_top_nav__wp_left_menu_width: 36px; } } /* Mobile */ @media screen and (max-width: 782px) { div.wpbc_admin, body.folded div.wpbc_admin { --wpbc_ui_top_nav__wp_left_menu_width: 0px; } div.wpbc_admin { --wpbc_ui_top_nav__wp_top_menu_height: 46px; } } /* When in Full Screen */ body.wpbc_admin_full_screen { div.wpbc_admin, body.folded div.wpbc_admin { --wpbc_ui_top_nav__wp_left_menu_width: 0px; } div.wpbc_admin { --wpbc_ui_top_nav__wp_top_menu_height: 0px; } } /* Nof Fixed position */ @media screen and (max-width: 600px) { div.wpbc_ui_el__top_nav { position: absolute; } } /* == Different position of Top Bar, depends from the WordPress Left Menu and Top Bar ============================= */ .wpbc_ui_el__top_nav { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; font-size: var(--wpbc_ui_top_nav__font-size); background: var(--wpbc_ui_top_nav__background-color); border:0; box-shadow: var(--wpbc_ui__gen__panel_box-shadow); margin: 0; padding: 0 5px; box-sizing: border-box; min-height: var(--wpbc_ui_top_nav__height); max-width: 100%; width: calc( 100% - var(--wpbc_ui_top_nav__wp_left_menu_width) ); position: fixed; top: var(--wpbc_ui_top_nav__wp_top_menu_height); z-index: 11001; transition: margin .25s ease-out; } /* Fix for dropdown links to have FULL height in top navbar */ .wpbc_ui_el__top_nav > * { align-items: stretch; margin:0; } /* Bottom line hovering - Red underline in next coming Element - usualy DIV.wpbc_ui_el_container -------------------- */ .wpbc_ui_el__top_nav > a, .wpbc_ui_el__top_nav > div:has(a) { border-top: var(--wpbc_ui_top_nav__a_hover_border_width) solid transparent; border-bottom: var(--wpbc_ui_top_nav__a_hover_border_width) solid transparent; padding: 0 15px; } .wpbc_ui_el__top_nav > a:hover, .wpbc_ui_el__top_nav > div.wpbc_ui_el_container:has(a:hover) { border-bottom-color: var(--wpbc_ui_top_nav__a_hover_border_color); color:var(--wpbc_ui_top_nav__a_hover_border_color); } /* Color for all A elements on hovering */ .wpbc_ui_el__top_nav a:hover *, .wpbc_ui_el__top_nav div.wpbc_ui_el_container:has(a:hover) { color:var(--wpbc_ui_top_nav__a_hover_border_color); } /* Links styles ! Calc Line Height depends from border width -------------------------------------------------------- */ .wpbc_ui_el__top_nav a { color: var(--wpbc_ui_top_nav__a_color); font-weight: 600; text-decoration:none; line-height: calc( var(--wpbc_ui_top_nav__height) - var(--wpbc_ui_top_nav__a_hover_border_width) - var(--wpbc_ui_top_nav__a_hover_border_width) ); } /** When we click on links in top menu, we do not highlight with blude box shadow. It highlighted only on Focus. --- */ .wpbc_ui_el__top_nav a:active { box-shadow: none; } /* Dropdowns - fix right padding ------------------------------------------------------------------------------------ */ .wpbc_ui_el__top_nav .wpbc_ui_el__dropdown:has(a.has_down_arrow) { padding: 0 5px 0 15px; } /* Hamburger Menu --------------------------------------------------------------------------------------------------- */ .wpbc_ui_el__top_nav .wpbc_icn_menu::before{ /*font-size: 22px;*/ font-size: calc(1em + 5px); } /* Top News section ------------------------------------------------------------------------------------------------- */ .wpbc_ui_el__top_nav .wpbc_message_wrapper { margin-left: auto !important; } .wpbc_ui_el__top_nav .wpbc_message_wrapper .wpbc_header_news { padding: 0 15px; background: #fff; }
Save
Back