×

注意!页面内容来自https://www.indonesia.travel/gb/en/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

MaiA ai-icon
<> /* --- Gabungan Semua CSS yang Mempengaruhi Navbar --- */ /* Variabel Global (dari :root) */ :root { --blue: #071c53; } /* Base Body & HTML Styles */ body { min-height: 100vh; font-family: 'Manrope'sans-serif; font-optical-sizing: auto; scroll-padding-top: 80px; } html { scroll-padding-top: 80px; } /* Utilities umum yang mungkin digunakan oleh navbar */ .text-blue { color: var(--blue) !important; } .bg-blue { background: var(--blue); } /* Navbar Utama */ .nav-gradient { background-image: linear-gradient(to bottomrgb(0 0 0 / .3)#fff0); } .nav-top { transition: ease all 0.4s; } /* Logo di Navbar */ .navbar__logo { transition: ease all 0.2s; } /* Gaya Navbar saat di-hover atau di-scroll (JavaScript akan menambahkan .nav-scrolled) */ .nav-top.nav-hovered.nav-top.nav-scrolled { background: #fff; } /* Item Navigasi (Nav-link) */ .nav-top li .nav-link { font-size: 16px; font-weight: 600; color: #fff; padding: .5rem 0 !important; margin: 0 1.7rem; transition: ease all 0.2s; text-align: center; } /* Aktif */ .nav-top li .nav-link.active { font-weight: 600; color: #fff; position: relative; } .nav-top li .nav-link.active:before { height: 2px; width: 100%; background: #fff; position: absolute; bottom: 0; left: 0; content: ''; } /* Saat navbar putih */ .nav-top.nav-hovered li .nav-link.nav-top.nav-scrolled li .nav-link { color: #7b7b7b; } .nav-top.nav-hovered li .nav-link:hover.nav-top.nav-scrolled li .nav-link:hover { color: var(--blue); } .nav-top.nav-hovered li .nav-link.active.nav-top.nav-scrolled li .nav-link.active { color: var(--blue); } .nav-top.nav-hovered li .nav-link.active:before.nav-top.nav-scrolled li .nav-link.active:before { background: #7b7b7b; } /* Tombol Bahasa */ .btn-lang.show.btn-lang { background: #ffffff47; font-weight: 600; font-size: 16px; backdrop-filter: blur(10px); border-color: #74787649; color: #fff; } .nav-top.nav-hovered .btn-lang.nav-top.nav-scrolled .btn-lang { background: #fff; color: #7b7b7b; } .nav-top.nav-hovered .btn-lang:hover.nav-top.nav-scrolled .btn-lang:hover { color: var(--blue); } /* Ikon Pencarian */ .btn-search img { filter: brightness(0) invert(1); } .nav-top.nav-hovered .btn-search img.nav-top.nav-scrolled .btn-search img { filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(92%) contrast(93%); } /* Overlay Pencarian */ .form-search { position: fixed; top: 80px; left: 0; right: 0; height: calc(100vh - 85px); background: #fff; overflow: hidden; transition: ease all 0.3s; z-index: 9999; } .form-search .container { height: calc(100vh - 86px); } /* Mega Menu */ .form-menubar { position: fixed; top: 80px; left: 0; right: 0; overflow: hidden; z-index: 9998; background: rgb(119 119 119 / .2); backdrop-filter: blur(10px); transition: ease all 0.4s; } .dropdown-navbar-custom { position: static; } @media (max-width: 1199px) { .form-menubar { bottom: 0px; top: 0px; } .dropdown-navbar-custom { position: relative; } } .form-menubar.show.form-menubar-scrolled { background-color: #fff; } .form-menubar .headline { color: #fff; } .form-menubar.show .headline.form-menubar-scrolled .headline { color: var(--blue); } .form-menubar .container { color: #000; } /* Search input */ .ig-search-dp .form-control { padding: .825rem .75rem; font-weight: 600; border-color: var(--blue); } .ig-search-dp .form-control::placeholder { font-weight: 400; } .ig-search-dp .input-group-text { border-color: var(--blue); } .ig-search-dp .form-control:focus { border-color: var(--blue); box-shadow: none; }

Welcome to Wonderful Indonesia

Exciting Journey Ahead

DISCOVER TOP DESTINATIONS AND ATTRACTIONS

Indonesia Awaits

SPOTLIGHT

Discover Indonesia's Iconic Treasures

Immerse yourself in Indonesia's vibrant culture through its unique handicraftsrich traditionsand mouth-watering culinary delights.

Explore Indonesia's Hallmark
<> /* Base Footer Styles */ footer { background: #020b22; padding-top: 50px; } footer p { color: #fefefe; } footer h5 { font-weight: 800; font-size: 16px; } footer ul { list--type: none; padding: 0; display: flex; flex-direction: column; gap: 20px; font-weight: 400; } footer ul li a { color: #fff; text-decoration: none; display: inline-flex; gap: 10px; align-items: center; flex-wrap: wrap; word-break: break-word; } footer ul li a:hover { opacity: .8; color: #D3D3D3 ; } .logo-footer { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(93deg) brightness(108%) contrast(102%); transition: ease all 0.2s; } footer .copyright { border-top: 1px solid #2f2f2f; } .fs-14 { font-size: 14px; } /* Make social media list horizontal on events/experience */ footer ul.social-row { flex-direction: row; flex-wrap: wrap; gap: 12px 20px; } footer ul.social-row li { width: auto; } footer ul.social-row li a { display: inline-flex; align-items: center; gap: 10px; flex-wrap: nowrap; /* keep icon + text on one line */ white-space: nowrap; } footer ul.social-row li a img { display: inline-block; vertical-align: middle; }