/* * CSS for IE8 and below. */ .homepage-featured-booker-block { .homepage-featured-booker-info { padding-bottom:10px; .story { margin-bottom:10px; } } } .margin-top-row { margin-top: 30px; } .view-partner-types ul { padding-bottom: 20px; overflow: hidden; } /*.article-image-content-view { padding-top: 25px !important; }*/ .field-name-body { margin-left: 0px !important; } #sidebar-second { ul { li { line-height: 1; } } } .media_inquiries_block { margin-top: 15px; } ul.main-menu { margin-top:25px; margin-right: -30px !important; float:right; width: 525px; padding-right: 0px !important; li { float:left; max-width: none !important; width: 113px !important; display:block; a { font-family: @heading-font-family; font-size: 18px; line-height:32px !important; margin-left:20px; padding: 5px 0px 7px 0px !important; text-decoration: none; text-transform: uppercase; display:block; width: 113px !important; text-align: center; color:#666666; border:0px !important; &:hover { background: url(../images/ie/main-menu.png) no-repeat 0px 0px !important; border: 0px !important; color:#fff; } &.active { background: url(../images/ie/main-menu.png) no-repeat 0px -44px !important; border: 0px !important; background-color: none; color:#666; } } } } .main-banner-button-green, .main-banner-button-grey { padding-left:15px; padding-right:15px; } #company-dropdown, #partners-dropdown { margin-top: -1px; } .qtip { margin-top: 1px; } .header_menu { margin-top: 0px; ul { float: right; padding: 0px !important; } li { padding: 0px 2px 0px 0px !important; float: left; margin-left: 0px !important; a, span { text-align: center; color: #fff; padding: 0px; text-decoration: none; width: 104px; line-height: 42px; height: 42px; display: block; float: left; border: 0px !important; margin-top: 2px !important; } a:hover, span:hover { overflow: hidden; border: 0px !important; background: url(../images/ie/header-menu.png) 0px 0px !important; } a.active, span.active { background: url(../images/ie/header-menu.png) 0px 42px !important; border: 0px !important; text-decoration: none; color: #FFFFFF; } a.board-of-directors { width: 160px !important; } a.board-of-directors:hover { width: 160px !important; background: url(../images/ie/header-menu-large.png) 0px 0px !important; } a.board-of-directors.active { background: url(../images/ie/header-menu-large.png) 0px 42px !important; } } } #banner-tabs { .overview, .referral, .resellers, .oem { a { &:hover { border:1px solid @overview-color; } text-align: center; } &.banner-active-tab { a.active { background: url(../images/ie/products-booker-overview.png) 0px 38px !important; } } a { margin-left:35px; border:none !important; width:135px; } a:hover { background: url(../images/ie/products-booker-overview.png) 0px 0px !important; border:none !important; margin-left:35px !important; } } .promote { a:hover { background: url(../images/ie/products-booker-promote.png) 0px 0px !important; background-color: #ccc !important; border: 0px !important; } } .promote { &.banner-active-tab { a.active { background: url(../images/ie/products-booker-promote.png) 0px 38px !important; } } a { border: 0px !important; width: 156px !important; &:hover { background: url(../images/ie/products-booker-promote.png) 0px 0px !important; border: 0px !important; } } a:hover { background: url(../images/ie/products-booker-promote.png) 0px 0px !important; border: 0px !important; } } .book { &.banner-active-tab { a.active { background: url(../images/ie/products-booker-book.png) 0px 38px !important; background-color: none !important; } } a { border: 0px !important; width: 137px !important; &:hover { background: url(../images/ie/products-booker-book.png) 0px 0px !important; border: 0px !important; } } } .sell.banner-active-tab { a.active { background: url(../images/ie/products-booker-sell.png) 0px 38px !important; } } .sell { a { border: 0px !important; width: 118px !important; } a:hover { background: url(../images/ie/products-booker-sell.png) 0px 0px !important; border: 0px !important; } } .manage.banner-active-tab { a.active { background: url(../images/ie/products-booker-manage.png) 0px 38px !important; } } .manage { a { border: 0px !important; width: 154px !important; &:hover { background: url(../images/ie/products-booker-manage.png) 0px 0px !important; border: 0px !important; } } } } #edit-submit { line-height: 33px !important; } .partners-content-container .partner-item .learn-more { padding-left: 8px; padding-right: 8px; } #block-views-partner-types-block { ul { padding-bottom: 10px; li { div.views-field { padding: 5px 0px; } } } } #block-views-team-navigation-block-block, #block-views-1c904b3389b7c91f1389e3ac20c3d494 { .view-header { letter-spacing:-1px; } } #sidebar-second { ul { a { padding: 5px 0px; } } } /* .article-image-content-view { .field-name-body { margin-left: 160px !important; } }*/ .products-main { .product-item { background: url('../images/products/bg-product-item.jpg') no-repeat; } } .homepage-partners-block { .partner-block { background: url('../images/homepage-cirle.jpg') no-repeat; border: 0px none; } } .connect-ways { ul { li { background: url('../images/partners-publishers/connect-way-bg.jpg') no-repeat; } } } .partners-in-mind-block { p.shadow-box { background: url('../images/partners-resellers/partners-in-mind-bg.jpg') no-repeat; } } .earn-rewards-block { margin-bottom: -20px; p.shadow-box { height: 128px; background: url('../images/partners-referrals/reward-block-bg.jpg') no-repeat; } } .not-found-container { border-left: 3px solid #ececec; } .products-bookerfree-content { .block-divider { margin-bottom: 0px; } } .partners-in-mind-block p.shadow-box { height: 155px; } .container-full{ &.page-refer-a-friend, &.page-referral-partners, &.page-publisher-program{ .header > .row .right{ //background:transparent; //filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF); //zoom: 1; background:#fff; } #added-value{ .col-md-6{ float:none; } } } &.page-publisher-program{ .header { a{ color:#e74c3c; } } @media(min-width:768px){ .header { //background: url('../images/partner-publishing-ie8.jpg') no-repeat center -50px #080403; } } } &.page-referral-partners{ @media(min-width:768px){ .header { //background: url('../images/partner-resellers-ie8.jpg') -20px top no-repeat #fff; } } } &.page-refer-a-friend{ @media(max-width:768px){ .header{ .button{ margin-bottom:0; } } } @media(min-width:768px){ .header { //background: url('../images/partner-referral-word.jpg') center top no-repeat #000; } } } } .page-referral-partners{ .header{ @media(min-width:768px){ height:430px; background:url('/sites/default/themes/booker_new/images/partners-2/partners-referrals/header/tablet_ie8.jpg') top center; } @media(min-width:992px){ height:422px; background:url('/sites/default/themes/booker_new/images/partners-2/partners-referrals/header/desktop_ie8.jpg') top center; } } } .page-refer-a-friend{ .header{ @media(min-width:768px){ height:430px; background:url('/sites/default/themes/booker_new/images/partners-2/partners-refer-a-friend/header/tablet_ie8.jpg') top center; } @media(min-width:992px){ height:422px; background:url('/sites/default/themes/booker_new/images/partners-2/partners-refer-a-friend/header/desktop_ie8.jpg') top center; } } } #block-views-job-categories-block-block{ background:url("../images/careers/careers_open_positions_bg.jpg") no-repeat center top #cad7df; } #block-views-job-categories-block-block .view-job-categories-block .view-content .views-row{ @media(min-width:768px){ height:98px; width:98px; font-size:14px; } @media(min-width:992px){ height:125px; width:125px; font-size:18px; } @media(min-width:1200px){ height:150px; width:150px; } .views-field{ @media(min-width:768px){ height:98px; width:98px; } @media(min-width:992px){ height:125px; width:125px; } @media(min-width:1200px){ height:150px; width:150px; } } } /*.page-bookermobileapp #hero{ background:url('../images/landing-pages/mobile_app_header.jpg') no-repeat left top #1c1c1c; @media(min-width:992px){ background:url('../images/landing-pages/mobile_app_header.jpg') no-repeat center top #1c1c1c; } }*/ //#navbar nav .primary .smth-custom2 > li:first-child + li.clicked > ul.dropdown-menu li .creditcardprocessing #navbar > .container > .navbar-collapse{ nav { .primary { //selector for targeting the 'products' link .smth-custom2 > li:first-child.clicked{ @media(min-width:768px){ > ul.dropdown-menu{ li{ .overview{ background:url('../images/feature-icons/overview-sm-2-ie8.png') no-repeat 14px 0; &:hover{ background:url('../images/feature-icons/overview-sm-2-ie8.png') no-repeat 14px -39px; } } .marketing{ background:url('../images/feature-icons/attract-sm-2.png') no-repeat 14px 0; &:hover{ background:url('../images/feature-icons/attract-sm-2.png') no-repeat 14px -34px; } } .customerapp{ background:url('../images/feature-icons/book-sm-2.png') no-repeat 14px 0px; &:hover{ background:url('../images/feature-icons/book-sm-2.png') no-repeat 14px -34px; } } .creditcardprocessing{ background:url('../images/feature-icons/sell-sm-2.png') no-repeat 14px 0px; &:hover{ background:url('../images/feature-icons/sell-sm-2.png') no-repeat 14px -34px; } } .promote{ background:url('../images/feature-icons/retain-sm-2.png') no-repeat 14px 0px; &:hover{ background:url('../images/feature-icons/retain-sm-2.png') no-repeat 14px -34px; } } .mobileapp{ background:url('../images/feature-icons/manage-sm-2.png') no-repeat 14px 0px; &:hover{ background:url('../images/feature-icons/manage-sm-2.png') no-repeat 14px -34px; } } } } } } } } } .page-appointment-scheduling-software .region-content #header { @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/spabooking/appointment_scheduling_software_header_sm1_ie8.jpg') 42% top no-repeat; } } .page-salon-booking-software .region-content #header { @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salonbooking/salon_booking_header_sm_ie8.jpg') 70% top no-repeat; } } .front{ .header-carousel{ .bannerBackgroundIE8(@name){ #@{name}-banner{ //a departure from the usual breakpoint to accommodate the images @media all and (max-width:500px){ background:url('/sites/default/themes/booker_new/images/homepage/banner/mobile/@{name}.jpg') no-repeat center bottom; background-size:contain; } @media all and (min-width:501px){ background:url('/sites/default/themes/booker_new/images/homepage/banner/tablet/@{name}.jpg') no-repeat center bottom; background-size:1000px 800px; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/homepage/banner/@{name}.jpg') no-repeat center top; background-size:2400px 610px; } } } .bannerBackgroundIE8(pet); .bannerBackgroundIE8(office); .bannerBackgroundIE8(salon); .bannerBackgroundIE8(spa); .bannerBackgroundIE8(studio); .bannerBackgroundIE8(tennis); .bannerBackgroundIE8(yoga); } } .page-spa-software{ .region-content{ #header{ @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salonbooking/salon_booking_header_sm_ie8.jpg') 70% top no-repeat; } @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salonbooking/salon_booking_header_md2_ie8.jpg') 45% top no-repeat; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salonbooking/salon_booking_header_lg.jpg') center top no-repeat; } } } } .page-salon-software, .page-nail-salon-software{ .region-content{ #header{ @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salonbooking/salon_booking_header_sm2_ie8.jpg') 98% bottom no-repeat; } @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salonbooking/salon_booking_header_md2_ie8.jpg') 45% top no-repeat; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salonbooking/salon_booking_header_lg.jpg') center top no-repeat; } } } } .page-spa-scheduling-software{ .region-content{ #header{ @media all and (max-width: 991px) { background: url('/sites/default/themes/booker_new/images/landing-pages/spabooking/spabooking_header-sm.jpg') 61% bottom no-repeat; } @media (max-width: 460px) { background: url('/sites/default/themes/booker_new/images/landing-pages/spabooking/spabooking_header-sm.jpg') 76% bottom no-repeat; } @media all and (min-width: 992px) { background: url('/sites/default/themes/booker_new/images/landing-pages/spabooking/spabooking_header.jpg') bottom center no-repeat; } } } } .page-online-scheduling-software, .page-client-management-software { .region-content{ #header{ @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/scheduling/online_scheduling_mobile-ie8.jpg') 54% bottom no-repeat; } @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/scheduling/online_scheduling_tablet-ie8.jpg') 51% bottom no-repeat; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/scheduling/online_scheduling_desktop-ie8.jpg') bottom center no-repeat; } } } } .page-salon-pos { .region-content{ #header{ @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salontablet/salon_pos_mobile_ie8.jpg') 49.5% 100% no-repeat; background-size: auto 402px; height:404px; } @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salontablet/salon_pos_tablet_ie8.jpg') 51% top no-repeat; background-size: auto 587px; height:591px; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/salontablet/salon_pos_desktop_ie8.jpg') top center no-repeat; background-size: auto 599px; height:602px; } } } } .page-spabooker{ #header{ @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/spabooker/header-mobile-ie8.jpg') left bottom no-repeat; background-size:auto 413px; } @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/spabooker/header-tablet-ie8.jpg') center bottom no-repeat; background-size:auto 586px; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/spabooker/header-desktop-ie8.jpg') center bottom no-repeat; background-size:auto 600px; } } } .page-enterprise-software{ .region-content{ #header{ @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/enterprise/header/header-mobile-ie8.jpg') center bottom no-repeat; background-size:auto 571px; } @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/enterprise/header/header-tablet-ie8.jpg') center bottom no-repeat; background-size:auto 586px; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/enterprise/header/header-desktop-ie8.jpg') center top no-repeat; background-size:auto 574px; } } } } .page-franchise-software{ .region-content{ #header{ @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/franchise/header/header-mobile-ie8.jpg') 32% bottom no-repeat; background-size:auto 573px; } @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/franchise/header/header-tablet-ie8.jpg') center bottom no-repeat; background-size:auto 586px; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/franchise/header/header-desktop-ie8.jpg') 50% bottom no-repeat; background-size:auto 600px; } } } } .page-hospitality{ .region-content{ #header{ @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/hospitality/bg-images/header-mobile-ie8.jpg') center bottom no-repeat; } @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/hospitality/bg-images/header-tablet-ie8.jpg') center bottom no-repeat; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/hospitality/bg-images/header-desktop-ie8.jpg') 48.5% bottom no-repeat; } } #section-5{ @media all and (max-width:767px){ background:url('/sites/default/themes/booker_new/images/landing-pages/hospitality/bg-images/client-mobile-ie8.jpg') center bottom no-repeat; } @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/hospitality/bg-images/client-tablet-ie8.jpg') center bottom no-repeat; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/hospitality/bg-images/client-desktop-ie8.jpg') 51% top no-repeat; } } #section-8{ @media all and (min-width:768px) and (max-width:991px){ background:url('/sites/default/themes/booker_new/images/landing-pages/hospitality/bg-images/guides-tablet-ie8.jpg') center bottom no-repeat; } @media all and (min-width:992px){ background:url('/sites/default/themes/booker_new/images/landing-pages/hospitality/bg-images/guides-desktop-ie8.jpg') 51% top no-repeat; } } } } body.node-type-vertical-feature > div .footer .footer-nav a{ background:url('/sites/default/themes/booker_new/images/vertical-footer-nav-sprite-sm-ie8.png'); &.footer-nav-book{ background-position: (0*113.5px) bottom; &:hover{ background-position: (0*113.5px) top; } } &.footer-nav-sell{ background-position: -(1*113.5px) bottom; &:hover{ background-position: -(1*113.5px) top; } } &.footer-nav-manage{ background-position: -(2*113.5px) bottom; &:hover{ background-position: -(2*113.5px) top; } } &.footer-nav-retain{ background-position: -(3*113.5px) bottom; &:hover{ background-position: -(3*113.5px) top; } } } @media(min-width:768px){ body > div #feature-nav .feature-items{ .attract, .book, .manage, .sell, .retain, .overview{ a{ position:relative; span{ background:url('../images/vertical-main-nav-ie8.png') no-repeat; background-size: 163px 58px; width:33px; height:29px; display:inline-block; position:absolute; top:5px; } } } .overview a{ span{ background-position:0px bottom; } &:hover, &.here{ span{ background-position:0px top; } } } .attract a{ span{ background-position:-1*33px bottom; } &:hover, &.here{ span{ background-position:-1*33px top; } } } .book a{ span{ background-position:-2*33px bottom; } &:hover, &.here{ span{ background-position:-2*33px top; } } } .sell a{ span{ background-position:-3*33px bottom; } &:hover, &.here{ span{ background-position:-3*33px top; } } } .manage a{ span{ background-position:(-4*33px)+1 bottom; } &:hover, &.here{ span{ background-position:(-4*33px)+1 top; } } } .retain a{ span{ left:0px; background-position:-5*33px bottom; } &:hover, &.here{ span{ background-position:-5*33px top; } } } } } .page-unsubscribe-page { .region-content{ .mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList { input{ margin-right:3px; } } } aside.col-md-3{ .social-media-wrapper{ .social-media-links{ div{ background-image:url('/sites/default/themes/booker_new/images/social-media-sprite-ie8.png'); } } } } } #navbar { .resources-menu-wrapper { .dropdown-menu { li { .icon { background: url('/sites/default/themes/booker_new/images/top-navigation/resources-menu-img-sprite-ie8.png') no-repeat left top; } } } } } .page-promote-customer-loyalty-software { #hero{ background:url('/sites/default/themes/booker_new/images/product-promote/header_mobile-ie8.jpg') no-repeat top center; @media(min-width:768px){ background:url('/sites/default/themes/booker_new/images/product-promote/header_tablet-ie8.jpg') no-repeat top center; } @media(min-width:992px){ background:url('/sites/default/themes/booker_new/images/product-promote/header_desktop-ie8.jpg') no-repeat top center; } } } .page-online-appointment-booking { #hero{ background:url('/sites/default/themes/booker_new/images/product-bmn/product_bmn_mobile-ie8.jpg') no-repeat top center; @media(min-width:768px){ background:url('/sites/default/themes/booker_new/images/product-bmn/product_bmn_tablet-ie8.jpg') no-repeat top center; } @media(min-width:992px){ background:url('/sites/default/themes/booker_new/images/product-bmn/product_bmn_desktop-ie8.jpg') no-repeat top center; } } } .page-mobile-app { #hero{ background:url('/sites/default/themes/booker_new/images/product-bma/headers/product_bma_mobile-ie8.jpg') no-repeat top center; @media(min-width:768px){ background:url('/sites/default/themes/booker_new/images/product-bma/headers/product_bma_tablet-ie8.jpg') no-repeat top center; } @media(min-width:992px){ background:url('/sites/default/themes/booker_new/images/product-bma/headers/product_bma_desktop-ie8.jpg') no-repeat top center; } } } .page-credit-card-merchant-services { #hero{ background:url('/sites/default/themes/booker_new/images/product-cc/product_cc_mobile-ie8.jpg') no-repeat top center; @media(min-width:768px){ background:url('/sites/default/themes/booker_new/images/product-cc/product_cc_tablet-ie8.jpg') no-repeat top center; } @media(min-width:992px){ background:url('/sites/default/themes/booker_new/images/product-cc/product_cc_desktop-ie8.jpg') no-repeat top center; } } } .front #downloadable-guide{ background:url('/sites/default/themes/booker_new/images/homepage/download-guide-background-ie8.jpg') bottom center no-repeat; } .req_demo_top .container .row .col-sm-5 p a{ padding-left:8px; padding-right:8px; }