Home | Little Monkey

/* ----------------------------------------- */ /* 視圖：header search – 開始 */ /* ----------------------------------------- */ #popmake-2245 { padding: 0; top: 0 !important; margin: 0 !important; } .admin-bar #popmake-2245 { top: 32px !important; }#popmake-2245 .pum-content { margin: 0; width: 100% !important; }#popmake-2245 .popmake-close { background-color: #ff1f5c; width: 25px; height: 25px; line-height: 25px; font-size: 20px; font-weight: 700; margin-top: 31px; margin-right: 7px; border-radius: 50%; padding: 0 !important; }#popmake-2245 form { text-align: center; background: #fff; border-radius: 4px; margin: 0; padding: 22px 0; }#popmake-2245 form .form-group, #popmake-2245 .wpv-submit-trigger { display: inline-block; margin-bottom: 0px !important; } #popmake-2245 .form-group select, #popmake-2245 .form-group input{ font-size: 15px !important; color: #023c64 !important; font-weight: 300; letter-spacing: 0.2px !important; text-align: left !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } #popmake-2245 .selectdiv { position: relative; }#popmake-2245 .selectdiv:after { content: ''; background: url(https://littlemonkey.hk/wp-content/uploads/2018/05/[email protected]); background-repeat: no-repeat; right: -2px; top: 13px; height: 34px; padding: 0 0px 0px 14px; position: absolute; pointer-events: none; }/* IE11 hide native button (thanks Matt!) */ #popmake-2245 .form-group select::-ms-expand { display: none; }#popmake-2245 .selectdiv select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; padding: 0px 24px 0 0; word-break: normal; border: none ; } /*[type="radio"]:checked, [type="radio"]:not(:checked) { opacity: 0; }*/#popmake-2245 form .form-group+.form-group { margin-left: -5px; padding-left: 20px; }#popmake-2245 .form-bottom-border { border-bottom: 1px solid; border-color: #ff0e63; margin-top: 8px; }#popmake-2245 .reset-filters{ background: #ff0e63; background: -moz-linear-gradient(left, #ff0e63 23%, #fc7437 100%); background: -webkit-linear-gradient(left, #ff0e63 23%,#fc7437 100%); background: linear-gradient(to right, #ff0e63 23%,#fc7437 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0e63', endColorstr='#fc7437',GradientType=1 ); box-shadow: 0 0 15px 0 rgba(255,156,133,0.49) !important; border-radius: 3px !important; font-size: 17px !important; color: #fff !important; font-weight: 500 !important; padding: 11px 20px !important; margin-left: 30px; }::placeholder { color: #023c64 !important; opacity: 1 !important; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #023c64 !important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #023c64 !important; } .site-inner { max-width: 100%; margin: 0; padding: 0; } .comment-respond, .entry-pings { margin: 0 auto; max-width: 1200px; } .entry { margin-bottom: 0; padding: 0; } .comment-respond, .entry-pings { padding: 0; } .site-inner .row { margin-left: 0; margin-right: 0; } /* ----------------------------------------- */ /* 視圖：header search – 結束 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* 視圖：Search from homepage – 開始 */ /* ----------------------------------------- */ form { text-align: center; background: #fff; padding: 25px 0 25px; border-radius: 4px; margin: 50px 0 64px; }form .form-group,.wpv-submit-trigger { display: inline-block; margin-bottom: 0px !important; } .form-group select,.form-group input{ font-size: 15px !important; color: #023c64 !important; font-weight: 300; letter-spacing: 0.2px !important; text-align: left !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } .selectdiv { position: relative; }.selectdiv:after { content: ''; background: url(https://littlemonkey.hk/wp-content/uploads/2018/05/[email protected]); background-repeat: no-repeat; right: -2px; top: 13px; height: 34px; padding: 0 0px 0px 14px; position: absolute; pointer-events: none; }.selectdiv.location-all-neighbourhood:after { display: none; } .home-banner .banner-information form{ position: relative; margin-bottom: 120px; } .home-banner .banner-information .modal-button-container{ height: 0; text-align: center; transition: all 0.3s; position: absolute; top: 100%; width: 100%; background-color: white; } .modal-button-container .btn-advanced{ margin: 0 auto; height: 0; padding: 0 !important; transition: all 0.3s; overflow: hidden; } .modal-button-container.reveal .btn-advanced{ display: block; height: auto; padding: 11px 20px !important; transition: all 0.3s; overflow: initial; } .autocomplete-items .btn-advanced{ margin-left: 0; width: 100%; background: transparent !important; box-shadow: none !important; color: black !important; padding: 0 !important; cursor: pointer; text-align: left; font-size: 15px !important; } .home-banner .banner-information .modal-button-container.reveal{ height: 70px; transition: all 0.3s; padding-bottom: 20px; } /* IE11 hide native button (thanks Matt!) */ .form-group select::-ms-expand { display: none; }.selectdiv select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; padding: 0px 24px 0 0; word-break: normal; border: none ; } /*[type="radio"]:checked, [type="radio"]:not(:checked) { opacity: 0; }*/form .form-group+.form-group { margin-left: -5px; padding-left: 20px; }.form-bottom-border { border-bottom: 1px solid; border-color: #ff0e63; margin-top: 8px; }.reset-filters{ background: #ff0e63; background: -moz-linear-gradient(left, #ff0e63 23%, #fc7437 100%); background: -webkit-linear-gradient(left, #ff0e63 23%,#fc7437 100%); background: linear-gradient(to right, #ff0e63 23%,#fc7437 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0e63', endColorstr='#fc7437',GradientType=1 ); box-shadow: 0 0 15px 0 rgba(255,156,133,0.49) !important; border-radius: 3px !important; font-size: 17px !important; color: #fff !important; font-weight: 500 !important; padding: 11px 20px !important; margin-left: 30px; }.mt-page-search-results .filters-main form { padding: 25px 0 25px; } .mt-page-home .refine { display: none; }.mt-page-home .js-wpv-dps-spinner { display: none !important; }/* Modal window - start */ #advancedModal { padding-top: 100px; padding-bottom: 100px; } .vertical-alignment-helper { display:table; height: 100%; width: 100%; pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */ } .vertical-align-center { /* To center vertically */ display: table-cell; vertical-align: middle; pointer-events:none; } .modal-content { /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */ width:inherit; max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */ height:inherit; /* To center horizontally */ margin: 0 auto; pointer-events: all; } .modal-footer{ text-align: initial; line-height: 48px; } #use-advanced-search{ float: right; } /* Modal window - end *//* Tabs - start */ #exTab1 ul { margin: 0; } #exTab1 ul>li { width: 50%; } #exTab1 .nav-pills>li+li { margin-left: 0; } .nav-pills>li>a { color: #000 !important; text-decoration: none; } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { background: #ff0e63; background: -moz-linear-gradient(left, #ff0e63 23%, #fc7437 100%); background: -webkit-linear-gradient(left, #ff0e63 23%,#fc7437 100%); background: linear-gradient(to right, #ff0e63 23%,#fc7437 100%); text-decoration: none; } #exTab1 .tab-content { padding-top: 20px; } /* Tabs - end */ .accordion-container .checkbox { margin-top: 0; } .accordion-container label { color: #000 !important; } .accordion-container .checkbox .js-wpv-filter-trigger[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .accordion-container .checkbox .js-wpv-filter-trigger[type=checkbox]:before{ background: #fff; border: 2px solid #ff1f5c; border-radius: 4px; content: ''; display: block; height: 14px; width: 14px; } .accordion-container .checkbox .js-wpv-filter-trigger[type=checkbox]:checked:after { background: #ff1f5c; border-radius: 100%; content: ''; display: block; margin-top: -11px; margin-left: 3px; width: 8px; height: 8px; border-radius: 100%; } .accordion-container .checkbox .js-wpv-filter-trigger[type=checkbox]:focus { outline: 0; } .accordion-container .checkbox label { font-size: 15px; } .accordion-container .form-group { display: block; text-align: left; } .accordion-container .form-group > label { font-size: 16px; } .accordion-container .form-group .checkboxes-order { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } .accordion-container .form-group+.form-group { padding-left: 5px; } .accordion-container .panel-group .panel + .panel { margin-top: 0; } .accordion-container .panel-group, .accordion-container .panel { margin-bottom: 0; } .accordion-container .panel-default>.panel-heading { text-align: left; } .accordion-container .panel-title a:focus { outline: 0; text-decoration: none; } .accordion-container .panel-heading a { position: relative; display: block; text-decoration: none; color: #000 !important; } .accordion-container .panel-heading a:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #000 transparent transparent transparent; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: .3s transform ease-in-out; } .accordion-container .panel-heading a[aria-expanded="true"]:after { transform: translateY(-50%) rotate(180deg); } /* location autocomplete - start */ .location-all-neighbourhood > input { position: relative; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 20px; right: 0; }.autocomplete-items div { padding: 5px 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; color: #000; text-align: left; font-size: 14px; }.autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; }.autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } /* location autocomplete - end */button.reset-filters.check-all{ font-size: 12px !important; padding: 5px !important; line-height: 14px; }::placeholder { color: #023c64 !important; opacity: 1 !important; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #023c64 !important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #023c64 !important; } .site-inner { max-width: 100%; margin: 0; padding: 0; } .comment-respond, .entry-pings { margin: 0 auto; max-width: 1200px; } .entry { margin-bottom: 0; padding: 0; } .comment-respond, .entry-pings { padding: 0; } .site-inner .row { margin-left: 0; margin-right: 0; } /* ----------------------------------------- */ /* 視圖：Search from homepage – 結束 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* 視圖：Show featured – 開始 */ /* ----------------------------------------- */ .carousel-inner { padding: 20px 0; } .featured { border-radius: 4px; -webkit-box-shadow: -2px 2px 35px -2px rgba(2,60,100,0.24); -moz-box-shadow: -2px 2px 35px -2px rgba(2,60,100,0.24); box-shadow: -2px 2px 35px -2px rgba(2,60,100,0.24); } .featured-posts { height: 220px; overflow: hidden; width: 100%; position: relative; } .featured-posts img { max-width: none; height: auto; width: 100%; } .make-favourite { position: absolute; top: 20px; right: 40px; } h4 a { text-transform: capitalize; font-weight: 600; text-decoration: none; display: block; font-size: 18px; color: #023c64; letter-spacing: 0.6px; } .featured-info{ padding: 15px 20px 15px; } .featured-info>p { margin-bottom: 0; font-size: 13px; color: #363636; letter-spacing: 0; font-weight: 400; } .featured-info h4, .featured-info>p { text-align: center; } .address-phone p:first-child a{ font-size: 12px; color: #023c64; text-decoration: underline; font-weight: 400; margin-bottom: 10px; } .address-phone img { margin-right: 5px; } .address-phone p:nth-child(2) a { font-size: 12px; color: #5c5c5c; text-decoration: none; } .address-phone { margin: 15px 0; } .facility-type, .show-rating, span.comments-number { display: inline-block; font-weight: 400; } span.show-rating img { margin-top: -2px; margin-right: 6px; } span.show-rating { font-size: 16px; color: #ff1f5c; font-weight: 400; background: #fff; border-radius: 2px; padding: 2px 13px; text-align: center; } span.comments-number img { margin-right: 7px; } span.comments-number { font-size: 13px; color: #a5a5a5; float: right; margin-top: 5px; } span.facility-type { margin-right: 10px; } .address-phone p { margin-bottom: 0; } .featured-info h4 { margin-bottom: 3px; } p.explore-all { text-align: center; padding: 100px 0 0; } p.explore-all a{ font-size: 20px; color: #023c64; letter-spacing: 0; text-decoration: none; background: #fff; border-radius: 30px; padding: 18px 50px; box-shadow: 0 0 35px 0 rgba(144,221,211,0.26); }.multi-item-carousel .carousel-inner .active.left { left: -33%; } .multi-item-carousel .carousel-inner .active.right { left: 33%; } .multi-item-carousel .carousel-inner .next { left: 33%; } .multi-item-carousel .carousel-inner .prev { left: -33%; } .multi-item-carousel .left, .multi-item-carousel .right { padding: 15px 0; background-repeat: no-repeat; opacity: 1; } .multi-item-carousel .left { background-image: url(https://littlemonkey.hk/wp-content/uploads/2018/05/left-slide.png) !important;} .multi-item-carousel .right { background-image: url(https://littlemonkey.hk/wp-content/uploads/2018/05/Right-slide.png) !important; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { display: none; } .carousel-control { top: 100%; margin-top: 20px; } form#js-toolset-maps-coords-form { display: none; } .carousel-control.right { right: -15px; } .carousel-control.left { left: 10%; } /* ----------------------------------------- */ /* 視圖：Show featured – 結束 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* 內容範本：Home template – 開始 */ /* ----------------------------------------- */ .site-inner { max-width: 100%; margin: 0; padding: 0; } .comment-respond, .entry-pings { margin: 0 auto; max-width: 1200px; } .entry { margin-bottom: 0; padding: 0; } .comment-respond, .entry-pings { padding: 0; } .banner-information { width: 58%; margin: 0 auto; color: #fff; text-align: center; z-index:9; position: relative; } .banner-information h1 { color: #fff; font-size: 48px; font-weight:400; text-shadow:0 1px 5px rgba(0,0,0,0.50); } html[lang="zh-hant"] .banner-information h1 { font-size: 56px; } .home-subheadline { text-shadow:0 1px 5px rgba(0,0,0,0.50); } html[lang="zh-hant"] .home-subheadline { font-size: 2.8rem !important; } .home-banner{ background:url('https://littlemonkey.hk/wp-content/uploads/2018/05/Little-Monkey-background.jpg'); padding: 150px 0; background-size: cover; background-repeat: no-repeat; position:relative; } .home-banner:after { content: ""; background: #f1a08a4d; position: absolute; bottom: 0; height: 100%; width: 100%; } .home-banner .ar-link { vertical-align: top; } .card li { padding: 15px 10px; text-align: center; } .card .nav.nav-tabs { border: none; margin: 26px auto; width: 60%; text-align: center; } .card .nav.nav-tabs li { float: none; display: inline-block; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fff; font-weight: 700; border: none; cursor: default; outline: none; background: #90ddd3; box-shadow: 0 0 15px 0 rgba(144,221,211,0.26); border-radius: 100px; } .nav > li > a { padding: 10px 20px; text-decoration: none; color:#363636; font-weight: 400; font-size:14px; } .nav-tabs > li > a:hover { border-color: #fffafa; background: no-repeat; } h1.category-groups { margin-top: 125px; text-align: center; color: #023C64; font-weight: 300; } h3.category-name { font-size: 21px; font-weight: 500; color: #ff1f5c; text-transform: uppercase; margin: 30px 0 35px; } .inner-link { background: #023c648a; border-radius: 4px; height: 140px; width: 140px; text-align: center; padding: 20px 10px 0; } .ar-link { display: inline-table; } .ar-link a{ font-size: 13px; color: #fff; letter-spacing: 0.25px; text-align: center; line-height: 18px; font-weight: 400; text-decoration: none; } .inner-link p:nth-child(2) { margin: 0; }.inner-link p { margin-bottom: 10px; } .ar-link:nth-child(2) { margin: 0 20px; } .view-2, .view-3 { margin-top: 75px; }html[lang="zh-hant"] .view p { font-size: 15px; }html[lang="zh-hant"] .ar-link a { font-size: 18px; line-height: 1.5; }@media(max-width:992px){ .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky) ,.fl-builder-content[data-type=header].fl-theme-builder-header-sticky{ position: initial !important; } .home-banner { padding: 0; background: #fff; } .banner-information { width: 100%; } .mob-home-banner{ background: url(https://littlemonkey.hk/wp-content/uploads/2018/05/Little-Monkey-background.jpg); padding: 15% 35px 12%; background-size: cover; background-position: center center; } .home-banner:after { background: none; } form { box-shadow: 0 0 30px 0 rgba(0,0,0,.08); } h1.category-groups { margin-top: 60px; } } @media(max-width:1200px) and (min-width:993px){ .banner-information { width: 90%; } .card .nav.nav-tabs { width: 95%; } .card li { padding: 15px 5px; float: none; display: inline-block; } } @media(max-width:991px) and (min-width:768px){ form { width: 95%; margin: 30px auto; } h1.category-groups { margin-top: 60px; } .card .nav.nav-tabs { width: 95%; } .card li { padding: 15px 5px; float: none; display: inline-block; } .view-4-posts { height: 230px; } .view-4-posts img { max-width: 100%; height: auto; width: 100%; } .row.category-4-view .col-md-3 { margin-bottom: 30px; } } @media(max-width:767px){ .mob-home-banner:after { background: #f1a08a4d; position: absolute; bottom: 0; height: 100%; width: 100%; left: 0; content: ""; } .mob-home-banner{ position: relative; padding: 15% 20px 12%; background-size: cover; background-position: center center; } .banner-information h1{ font-size: 30px; margin: 0 0 15px; position: relative; z-index:9; } html[lang="zh-hant"] .banner-information h1 { font-size: 30px; } .banner-information p{ font-size: 16px; position: relative; z-index:9; } form { padding: 15px 19px 15px; margin: 30px auto; border-radius: 4px; width: 95%; } form .form-group, .wpv-submit-trigger { display: block; margin-bottom: 15px !important; padding-left: 0; } .form-group.text-typed input{ width: 100%; } .reset-filters{ width: 50%; margin: 20px auto 0; } .archived-links { width: 90%; margin: 0 auto; } .form-bottom-border { margin-top: 0; } form .form-group+.form-group { margin-left: 0; padding-left: 0; } .selectdiv select { padding: 0px 24px 0 12px; } .ar-link { display: block; } .ar-link+.ar-link,.ar-link:nth-child(2) { margin: 10px 0 0; } .inner-link { height: auto; width: auto; text-align: left; padding: 10px 15px 10px; } .inner-link p { margin: 0; font-size: 14px !important; display: inline-block; text-align: left; } .inner-link p img { margin-right: 10px; width: auto; height: 30px; } div#wpv-view-layout-205-TCPID9 { display: none; } h1.category-groups { margin-top: 30px; font-size: 30px; } h3.category-name { font-size: 18px; } .row.category-4-view .col-md-3+.col-md-3 { margin-top: 20px; } .row.category-4-view .col-md-3 { padding: 0; } .category-4-view .image-data { width: 100%; } .card li { padding: 5px 0; width: 100%; } .card .nav.nav-tabs { margin: 30px auto 20px; width: 90%; } p.mob-button { display:block !important; text-align: center; padding: 0; margin: 50px 0 75px!important; } p.mob-button a { padding: 18px 20px; } h1.first-head-ing { display: none; } .view-4-posts img { width: 100%; height: auto; } .view-4-posts { height: 240px; } .category-4-view .fav-button { right: 20px; } } p.mob-button { display:none; }/* ----------------------------------------- */ /* 內容範本：Home template – 結束 */ /* ----------------------------------------- */