Untitled
unknown
plain_text
2 years ago
13 kB
6
Indexable
(function () {
try {
/* main variables */
var debug = 0;
var variation_name = "";
/* all Pure helper functions */
function waitForElement(selector, trigger, delayInterval, delayTimeout) {
var interval = setInterval(function () {
if (
document &&
document.querySelector(selector) &&
document.querySelectorAll(selector).length > 0
) {
clearInterval(interval);
trigger();
}
}, delayInterval);
setTimeout(function () {
clearInterval(interval);
}, delayTimeout);
}
/* Variation functions */
var ym_hero = ''+
'<div class="ym_hero">'+
' <div class="ym_overlay"></div>'+
' <div class="ym_hero__img">'+
' <img class="ym_desktop" src="https://editor-assets.abtasty.com/46121/61ed5306c4e6d1642943238.png">'+
' <img class="ym_mobile" src="https://editor-assets.abtasty.com/46121/61ed5438310bd1642943544.png">'+
' </div>'+
' <div class="ym_hero__content">'+
' <div class="ym_hero__heading">'+
' <h2>Unforgettable Yacht Charters</h2>'+
' <p>Book a private yacht in paradise with the world\'s premier yacht charter company. Travel with confidence. Book now even if your plans change later. <a href="#" class="ym_terms">Terms apply.</a></p>'+
' </div>'+
' <div class="ym_search__bar">'+
' </div>'+
' </div>'+
'</div>';
var ym_tile__section = ''+
'<div class="ym_tiles">'+
'<div class="ym_tile_heading">'+
' <h3>Plan Your Yacht Charter Vacation</h3>'+
' <p>Near or far - you can explore any corner of the world on a private yacht of your choice. Plan your next vacation today.</p>'+
'</div>'+
'<div class="ym_tile__section">'+
' <div class="ym_tiles_img">'+
' <div class="ym_tile__overlay"></div>'+
' <img src="https://editor-assets.abtasty.com/46121/61ed53ec46eac1642943468.png">'+
' <a href="https://www.moorings.com/destinations/caribbean">'+
' <span>Caribbean</span>'+
' </a>'+
' </div>'+
' <div class="ym_tiles_img">'+
' <div class="ym_tile__overlay"></div>'+
' <img src="https://editor-assets.abtasty.com/46121/61ed5390360db1642943376.png">'+
' <a href="https://www.moorings.com/destinations/americas">'+
' <span>Americas</span>'+
' </a>'+
' </div>'+
' <div class="ym_tiles_img">'+
' <div class="ym_tile__overlay"></div>'+
' <img src="https://editor-assets.abtasty.com/46121/61ed535a46c9d1642943322.png">'+
' <a href="https://www.moorings.com/destinations/mediterranean">'+
' <span>Mediterranean</span>'+
' </a>'+
' </div>'+
' <div class="ym_tiles_img">'+
' <div class="ym_tile__overlay"></div>'+
' <img src="https://editor-assets.abtasty.com/46121/61ed533e0e1b71642943294.png">'+
' <a href="https://www.moorings.com/destinations/exotics">'+
' <span>Exotics</span>'+
' </a>'+
' </div>'+
'</div>'+
'<div class="ym_tile__btn">'+
' <a href="https://www.moorings.com/destinations">Explore More Destinations</a>'+
'</div>'+
'</div>';
/* Variation Init */
function init() {
/* start your code here */
document.querySelector('#main section .mosaic-type-hero').insertAdjacentHTML('afterbegin',ym_hero + ym_tile__section);
if(window.screen.width > 1199){
setTimeout(function(){
document.querySelector('#search-widget').style.display = 'block';
var searchBar = document.querySelector('#search-widget');
document.querySelector('.ym_hero .ym_search__bar').insertAdjacentElement('afterbegin',searchBar);
},1000)
}else{
setTimeout(function(){
document.querySelector('#search-widget').style.display = 'block';
var searchBarMbl = document.querySelector('#search-widget');
document.querySelector('.ym_hero').insertAdjacentElement('afterend',searchBarMbl)
},1000)
}
document.querySelector('#search-widget .search-widget-main-panel .search-widget-filter label[for="search-widget-duration-filter"]').innerHTML = "NIGHTS";
}
/* Initialize variation */
waitForElement('#search-widget .search-widget-main-panel .search-widget-filter label[for="search-widget-duration-filter"]', init, 50, 15000);
} catch (e) {
if (debug) console.log(e, "error in Test" + variation_name);
}
})();
/* hero section */
html body .site-header{
margin-bottom: 0 !important;
}
html body #main section > div:first-of-type{
margin-top: 0;
}
html body .ym_hero{
position: relative;
width: 100%;
}
html body .ym_hero .ym_overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0 ,0, 0.2);
}
html body .ym_hero__img img{
width: 100%;
height: 100%;
}
html body .ym_hero__content{
position: absolute;
width: 100%;
max-width: 1170px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
html body .ym_hero__heading{
text-align: center;
max-width: 690px;
margin: auto;
padding: 0 20px;
}
html body .ym_hero__heading h2{
font-size: 48px;
color: #fff;
margin-bottom: 10px;
}
html body .ym_hero__heading p{
font-size: 18px;
margin-bottom: 25px;
color: #e8e8e8;
}
html body .ym_hero__img .ym_mobile{
display: none;
}
/* search bar css desktop */
html body #search-widget-pax-filter .passengers-icon{
display: none !important;
}
html body #search-widget .search-widget-main-panel .search-widget-btn .search-icon:before{
top: -15px;
}
html body #search-widget{
display: none;
}
@media screen and (min-width: 768px) {
html body #search-widget .dropdown-submenu:hover>.dropdown-menu{
left: 0;
position: relative;
margin: 0 -5px;
width: calc(100% + 10px);
float: none;
z-index: 105;
top: auto;
min-height: auto;
}
html body #search-widget .search-dropdown>.dropdown-menu>ul{
overflow-y: auto;
height: 200px;
}
html body #search-widget .search-dropdown>.dropdown-menu>ul::-webkit-scrollbar {
width: 12px;
}
html body #search-widget .search-dropdown>.dropdown-menu>ul::-webkit-scrollbar-track {
background: #fff;
}
html body #search-widget .search-dropdown>.dropdown-menu>ul::-webkit-scrollbar-thumb {
border-radius: 20px;
background-color: rgba(20, 35, 70, 0.3);
border: 3px solid #fff;
}
html body #search-widget .search-dropdown .bases.dropdown-menu{
min-width: auto;
}
html body #search-widget .dropdown-submenu:hover>.dropdown-item:after{
transform: rotate(90deg);
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
html body #search-widget #search-widget-pax-filter{
width: max-content;
float: left;
}
html body #search-widget .search-widget-main-panel .search-widget-btn-wrapper{
text-align: right;
padding-top: 29px;
float: right;
}
html body #search-widget .search-widget-main-panel .search-widget-btn-wrapper .search-widget-btn{
min-width: 134px;
height: 40px;
}
}
@media screen and (min-width: 1200px) {
html body .ym_hero__content{
transform: translate(-50%, -70%);
}
html body .ym_search__bar #search-widget{
background: rgba(0, 0, 0, 0.6);
width: max-content;
}
html body .ym_search__bar #search-widget .search-widget-main-panel{
padding: 2rem 3rem 1rem;
}
html body .ym_search__bar #search-widget .search-widget-left-column{
width: 460px;
}
html body .ym_search__bar #search-widget .search-widget-right-column{
width: 440px;
}
html body .ym_search__bar #search-widget .search-widget-main-panel #search-widget-pax-filter,
html body .ym_search__bar #search-widget .search-widget-main-panel #search-widget-duration-filter-wrapper{
width: 134px;
}
html body .ym_search__bar #search-widget .search-widget-main-panel .search-widget-btn{
min-width: 134px;
}
html body .ym_search__bar #search-widget .search-widget-main-panel .search-widget-filter label{
color: #fff;
}
html body .ym_search__bar #search-widget #search-widget-pax-filter .search-widget-button-wrapper{
background: #fff;
padding: 2px 5px;
}
html body .ym_search__bar #search-widget .search-widget-main-panel .search-widget-btn-wrapper{
padding-top: 29px;
}
html body .ym_search__bar #search-widget .search-widget-main-panel .search-widget-btn-wrapper.disabled .search-widget-btn {
background-color: #920805;
border: none;
}
html body .ym_search__bar #search-widget .search-widget-main-panel .search-widget-btn{
border: none;
height: 40px;
padding-left: 12px;
}
html body .ym_search__bar #search-widget .search-widget-main-panel .search-widget-btn:focus{
border: none;
outline: none;
}
html body .ym_search__bar #search-widget .search-widget-main-panel .search-widget-btn-wrapper.disabled .search-widget-btn:focus{
outline: none;
border: none;
}
}
/* search bar css mobile */
.navbar-mobile.navbar-search__button{
display: none;
}
/* below hero section */
html body .ym_tile__section{
display: flex;
justify-content: center;
column-gap: 3px;
}
html body .ym_tile__section .ym_tiles_img{
position: relative;
}
html body .ym_tile__overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0, 0 ,0, 0.2);
}
html body .ym_tile__section .ym_tiles_img a{
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
html body .ym_tile__section .ym_tiles_img a span{
bottom: 15px;
color: #fff;
display: block;
font-family: newbaskervillew01-roman,serif;
font-size: 22px;
left: 0px;
position: absolute;
text-align: center;
right: 0px;
}
html body #main section .ym_tiles{
margin: 50px auto !important;
max-width: 1170px;
padding: 15px 60px;
background: #f2f2f2;
}
html body .ym_tile__btn{
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
}
html body .ym_tile__btn a {
text-decoration: none;
border: 1px solid;
padding: 10px;
font-size: 18px;
}
html body .ym_tile_heading{
text-align: center;
max-width: 500px;
margin: 20px auto;
}
html body .ym_tile_heading h3{
color: #50aad2;
font-size: 32px;
margin-bottom: 15px;
}
html body .ym_tile_heading p{
color: #000;
font-size: 15px;
}
@media screen and (max-width: 767px) {
html body .ym_hero__img .ym_desktop{
display: none;
}
html body .ym_hero__img .ym_mobile{
display: block;
}
html body #main section .ym_tiles{
padding: 15px 15px;
}
html body .ym_tile__section{
flex-direction: column;
row-gap: 3px;
}
html body .ym_tile__section .ym_tiles_img img{
width: 100%;
}
/* hero text css */
html body .ym_hero__heading h2{
font-size: 40px;
max-width: 300px;
margin: auto;
margin-bottom: 18px;
}
html body .ym_hero__heading p {
font-size: 17px;
margin-bottom: 0 !important;
max-width: 320px;
margin: auto;
}
/* search bar css */
html body #search-widget-duration-filter-wrapper{
width: 48%;
float: left;
margin-right: 4%;
}
html body #search-widget-pax-filter{
width: 48%;
float: left;
}
html body #search-widget .search-widget-main-panel .search-widget-filter label{
font-size: 15px !important;
font-weight: 600;
}
html body #search-widget .search-widget-main-panel .search-widget-btn-wrapper.disabled .search-widget-btn {
background-color: #920805;
border: none;
}
html body #search-widget #search-widget-pax-filter .search-widget-button-wrapper{
width: 100%;
border: 2px solid;
}
html body #search-widget .search-widget-pax-filter span.number{
padding: 0 !important;
width: calc(100% - 72px);
font-size: 2.4rem !important;
}
html body #search-widget .search-widget-pax-filter span.number span{
padding-left: calc(100% - 40px);
}
html body #search-widget .search-widget-pax-filter span.decrease.button{
margin-left: 2px;
}
html body #search-widget .search-widget-pax-filter span.button a {
height: 32px !important;
}
}
@media screen and (max-width: 345px) {
html body .ym_hero__heading h2{
font-size: 30px;
max-width: 250px;
}
html body .ym_hero__heading p{
font-size: 14px;
}
}Editor is loading...