Server IP : 66.29.132.124 / Your IP : 3.143.237.54 Web Server : LiteSpeed System : Linux business141.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : wavevlvu ( 1524) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/wavevlvu/book24.ng/public/themes/mytravel/sass/ |
Upload File : |
.bravo_wrap { .bravo_topbar { @media(max-width: 768px){ display: none; } .dropdown-menu { right: 0; left: auto !important; top: 15px !important; &.width-auto{ min-width: 0px; } background: #ffffff; border-radius: 5px; border: solid 1px #ccc; &.min-width-100{ min-width: 100px !important; } &.dropdown-menu-user{ min-width: 200px !important; } } .dropdown-menu li { padding-left: 0; padding-right: 0; width: 100%; &.menu-hr{ border-top: 1px solid #31414a; } } .dropdown-menu li a { display: block; padding: 8px 15px; color: #1a2b47; &:hover{ text-decoration: none; } border-bottom: solid 1px transparent; border-top: solid 1px transparent; } .dropdown-menu li a:hover { border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; } .dropdown-menu .divider { margin: 0px 0; background-color: #31414a; } .socials { display: inline-block; } .socials a { padding-right: 18px; color: #fff; font-size: 14px; text-decoration: none; } .socials a:first-child { padding-left: 0; } .socials a:last-child { padding-right: 0; } .line{ min-width: 1px; display: inline-block; position: relative; min-height: 1px; margin: 0 10px; &:before{ content: ""; position: absolute; left: 0; top: -13px; height: 20px; border-right: solid 1px #fff; } } .topbar_left_text{ a{ color: #fff; } } .dropdown-nav-link{ &::after { display: inline-block; font-family: "FontAwesome"; font-size: 80%; font-weight: 900; content: "\f107"; margin-left: .5rem; } } .list-inline-dark{ a{ color: #3b444f; } } } .bravo_header { .bravo-logo{ @media(max-width: 1023px){ padding: 10px 0; } } .content { display: flex; align-items: center; justify-content: space-between; .header-left { position: relative; height: 100%; display: flex; align-items: center; flex: 0 0 100%; justify-content: space-between; @media (max-width: 991px){ flex: initial; } .bravo-menu { padding-left: 20px; @media(max-width: 991px){ display: none; } a { text-decoration: none; } ul { list-style: none; li { display: inline-block; position: relative; a { padding: 25px 20px; display: inline-block; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #fff; transition: all 0.3s; @media(max-width: 1366px){ padding: 25px 15px; } @media(max-width: 1024px){ padding: 25px 10px; } } &.active { color: #1a2b47; } > .fa { position: absolute; top: 50%; margin-top: -9px; right: 5px; font-size: 18px; transition: all 0.3s; } > .menu-dropdown { list-style: none; position: absolute; left: 0; top: 120%; padding-left: 0; margin-bottom: 0; min-width: 200px; padding-top: 5px; padding-bottom: 5px; background: #FFF; -webkit-box-shadow: 0 1px 1px #dbdbdb; box-shadow: 0 1px 1px #dbdbdb; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 5px; li { padding-left: 20px; padding-right: 20px; display: block; &:not(:last-child) a { border-bottom: 1px solid #EEEEEE; } a { padding: 15px 0; display: block; font-size: 14px; color: #1a2b47 } .menu-dropdown{ top:0px; left:100%; } } } &:hover { > .menu-dropdown { top: 100%; opacity: 1; visibility: visible; } > a { color: #5191FA; } > .fa { color: #5191FA; } } } } .main-menu{ .depth-0{ &:last-child{ > .menu-dropdown { left: auto; right: 0; } } } } } } .header-right { @media(max-width: 1023px){ width: 10%; } position: relative; height: 100%; text-align: right; .bravo-more-menu{ border: none; background: transparent; font-size: 32px; padding: 0px 10px; float: right; display: none; color: #fff; @media (max-width: 991px) { display: block; float: right; } -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; &.active{ background: #1a2b48; color: #fff; border-radius: 5px; } } .topbar-items { display: inline-block; margin-right: 5px; @media (max-width: 990px) { display: none; } li { padding-left: 18px; padding-right: 18px; display: inline-block; a { color: #000; font-weight: 400; font-size: 12px; text-decoration: none; } &:last-child { padding-right: 0px; } } .login-item{ > .is_login { padding-right: 50px; display: block; .avatar,.avatar-text{ position: absolute; width: 40px; height: 40px; right: 0; border-radius: 50%; top: -12px; } .avatar-text{ align-items: center; background: #1A2B48; justify-content: center; font-size: 20px; color: #fff; display: flex; } } } li a { font-size: 12px; } li:last-child { padding-right: 0px; } } .dropdown-menu { right: 0; left: auto !important; min-width: 200px; top: 52px !important; border-radius: 0; transform: none !important; background: #1A2B48; li { padding-left: 0; padding-right: 0; width: 100%; &.menu-hr{ border-top: 1px solid #31414a; } } li a { display: block; padding: 8px 15px; color: #FFF; &:hover{ text-decoration: none; } } li a:hover { background: #233448; } } } } .bravo-menu-mobile{ width: 300px; position: fixed; top: 0; left: 0; height: 100%; background: #fff; transform: translate(-105%,0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 20; border-right: solid 1px #1a2b48; @media(max-width: 1023px){ display: block !important; } &.active{ transform: translate(0); } .user-profile{ border-bottom: solid 1px #e6e6e6; .b-close{ position: absolute; right: 10px; top: 0; z-index: 11; color: #fff; font-size: 34px; cursor: pointer; line-height: 40px; } .avatar{ background: #1a2b48; color: #fff; text-align: center; padding: 20px 0; i{ font-size: 34px; border: solid 2px #fff; border-radius: 50%; padding: 15px 17px; display: inline-block; } img{ max-width: 80px; border-radius: 50%; } } ul{ padding: 20px; list-style: none; li{ margin-bottom: 10px; a{ color: #1a2b48; text-decoration: none; i{ min-width: 15px; display: inline-block; } } &:last-child{ margin-bottom: 0; } } &.multi-lang{ padding: 0; > li{ padding: 15px 20px; border-top: solid 1px #e6e6e6; a{ i{ float: right; position: relative; top: 2px; text-align: center; &:before{ content: "\f104"; } } } &.show { > a { i { &:before { content: "\f107"; } } } } .dropdown-menu{ position: relative !important; width: 100%; float: none; border: none; margin: 10px 0 0 0; padding: 0 0 0 15px; transform: none !important; box-shadow: none !important; li{ a{ font-size: 14px; &:before{ content: "\f178"; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; color: #383838; } } } } } .flag-icon-jp{ border: solid 1px #adadad; } } } } .g-menu{ overflow-x: scroll; width: 100%; > ul{ padding: 10px 20px; list-style: none; > li{ a{ color: #1a2b48; border-bottom: solid 1px #e6e6e6; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-decoration: none; padding: 10px 0; .caret{ float: right; padding: 8px 15px 9px 15px; margin-top: -5px; margin-right: -10px; &:before{ content: "\f104"; } } &:hover{ border-bottom: solid 1px #1a2b48; } } > .children-menu{ display: none; list-style: none; li{ a{ padding-left: 15px; } > .children-menu{ display: none; list-style: none; li{ a{ padding-left: 30px; } } } } } &.active{ > a{ border-bottom: dashed 1px #1a2b48; > .caret{ &:before{ content: "\f107"; } } } > .children-menu{ display: block; > li{ &.active{ > .children-menu{ display: block; } > a{ > .caret{ &:before{ content: "\f107"; } } } } } } } } } } } } #header{ &.js-header-fix-moment, &.header-white{ .bravo-more-menu{ color: #297cbb !important; } .bravo_header{ ul { li { a { color: #3b444f !important; } &.active { color: #fff !important; } &:hover { > .menu-dropdown { top: 100%; opacity: 1; visibility: visible; } > a { color: #297cbb !important; } > .fa { color: #297cbb !important; } } } } } } &.u-header--static-xl { .u-header__navbar-brand-default { display: none !important; } .bravo_topbar { .dropdown-nav-link { color: #3b444f; } &.u-header__topbar [class*=u-header__topbar-divider]:not(.list-inline):before { background-color: #3b444f; } .text-white{ color: #3b444f !important; } } } } } .frontend-page{ @media(min-width: 1023px){ &.header-transparent{ .bravo_wrap{ .bravo_topbar { background: transparent; color: #000; position: absolute; top: 0; width: 100%; z-index: 11; .content{ .topbar-right{ .topbar-items{ .dropdown-menu{ background: #fff; li{ a{ color: #1A2B48; font-weight: bold; &:hover { background: #dcdcdc; } } &.menu-hr { border-top: 1px solid #dedede; } } } } } } } .bravo_header { position: absolute; top: 50px; z-index: 10; width: 100%; background: transparent; .content{ background: transparent; color: #fff; } .content { .header-left { .bravo-menu { >ul > li > a { color: #fff; } } } } } } .page-template-content{ > div:first-child{ padding-top: 220px; } .bravo-form-search-all.carousel_v2{ .g-form-control .nav-tabs { border: none; margin-top: 200px; } } } } } @media(max-width: 1023px){ &.header-transparent{ .bravo_wrap{ .bravo_header { background: #1a2b48; .content{ background: #1a2b48; .header-right .bravo-more-menu { color: #fff; } } } } } } }