# Configuration for the plugin "p123shopfinder_pi1" plugin.tx_p123shopfinder_pi1 { templateFile = EXT:p123shopfinder/res/template.htm javascriptFile = EXT:p123shopfinder/res/dynamic.js moveJsFromHeaderToFooter = 1 disablePeriods = 1 entriesPerPage = 3000 priceTable { 0.duration = 0 0.price = 0 } # directFunc = tx_p123qsearch_pi2->hook # directFunc { # funcName = main # includeObj = query # piVars { # save = 1 # direct = 1 ## city = ## city.data = GP:tx_p123search_pi3|city ## dates = ## dates.data = GP:tx_p123search_pi3|dates # } # } marks { API_URL = //maps.googleapis.com/maps/api/js?v=3&key=###MAP_key###®ion=###MAP_region###&callback=###MAP_callback### API_ZOOM = 15 API_LAT = 52.197015 API_LNG = 8.605573 API_LOC_ICON = IMG_RESOURCE API_LOC_ICON { file = EXT:p123shopfinder/res/loc-icon.png stdWrap.dataWrap = {TSFE:baseUrl // TSFE:absRefPrefix}|?201304291032 } API_POI_ICON = IMG_RESOURCE API_POI_ICON { file = EXT:p123shopfinder/res/poi-icon.png stdWrap.dataWrap = {TSFE:baseUrl // TSFE:absRefPrefix}|?201304291032 } API_POI_ICON_PRIO = IMG_RESOURCE API_POI_ICON_PRIO { file = EXT:p123shopfinder/res/poi-icon-prio.png stdWrap.dataWrap = {TSFE:baseUrl // TSFE:absRefPrefix}|?201304291033 } START_PAGE = TEXT START_PAGE.typolink { parameter = TSFE:id returnLast = url } CONST_minLocationCount = 3 CONST_minLocationDuration = 1 CONST_initLocationDuration = 3 MAP_key = MAP_region = DE MAP_callback = tx_p123shopfinder_pi1.initMap MAP_HEIGHT = 500 MAP_showMapTypeControl = 0 MAP_disableDoubleClickZoom = 1 APP_enableSliderToggel = 0 APP_showSliderOnMobil = 0 APP_showSliderOnMobilMaxWidth = 768 AJAX_url = TEXT AJAX_url { typolink.parameter.data = TSFE:id typolink.parameter.wrap = |,134 typolink.returnLast = url } ICON = START_FULLSCREEN = TEXT START_FULLSCREEN { value = 1 } COOKIE_PATH = TEXT COOKIE_PATH { data = getIndpEnv:TYPO3_SITE_PATH } LOGO_SELECTOR = TEXT LOGO_SELECTOR { value = #header-logo } BASKET_SELECTOR = TEXT BASKET_SELECTOR { value = #tx-p123qsearch-pi1-basket } HOTLINE_SELECTOR = TEXT HOTLINE_SELECTOR { value = #header-hotline } FOOTERHOTLINE_SELECTOR = TEXT FOOTERHOTLINE_SELECTOR { value = #footer-hotline } BASKET =< plugin.tx_p123qsearch_pi1.marks.BASKET } data { price { typolink.parameter = {$plugin.tx_p123_pi.pageBasket} typolink.ATagParams = class="basket-align" onclick="return tx_p123shopfinder_pi1.save(this);" } # lat.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][map][lat] # lng.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][map][lng] # zoom.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][map][zoom] priceTable { preUserFunc = tx_p123shopfinder_pi1->hook preUserFunc { funcName = getPriceTable includeObj = conf } } } locallang { buttonSave { typolink.parameter = {$plugin.tx_p123_pi.pageBasket} typolink.ATagParams = class="csc-mailform-submit" onclick="return tx_p123shopfinder_pi1.save(this);" } headline { wrap3 =

|

} addressButton.override = poiButton.override = } # Define the default Stylesheet _CSS_DEFAULT_STYLE ( /* error-css */ .error { z-index: 1000001; background: red; color: white; left: 50%; position: absolute; bottom: 100%; text-align: center; margin: inherit; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: default; font-weight: normal; line-height: normal; padding: 8px 10px; width: 80%; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } .error:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid red; border-right: 8px solid transparent; border-left: 8px solid transparent; z-index: 1000001; } .error.bottom { bottom: 0; top: 140%; height: 100%; } .error.bottom:after { border-top: 0px; border-bottom: 8px solid red; top: 0; bottom: 100%; } input[type="text"].has-error { border-color: red !important; color: red !important; } input[type="range"].has-error { border-color: red !important; color: red !important; background-color: red !important; } input[type="range"].has-error::-webkit-slider-thumb { background-color: red !important; } input[type="range"].has-error::-moz-range-thumb { background-color: red !important; } input[type="checkbox"].has-error + label { color: red !important; } *:first-child+html .tx-p123shopfinder-pi1 { width: 100%; } /* IE7 */ /* prevent scrolling on desktop */ html.tx-p123shopfinder-pi1-fullscreen-open { overflow: hidden; } html.tx-p123shopfinder-pi1-fullscreen-open > body { overflow: hidden; position: absolute; width: 100%; } /*txp123shopfinderpi1-layer*/ #content-normal #txp123shopfinderpi1-layer { height: 400px; } #content-normal #txp123shopfinderpi1-layer .tx-p123shopfinder-pi1-slider { height: 100%; } /* header */ .tx-p123shopfinder-pi1-fullscreen .csc-header { background: #f6ac0d; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6ac0d+0,eaa102+100 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZhYzBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhYTEwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* Permalink - use to edit and share this gradient: http://angrytools.com/gradient/?0_eaa102,100_f6ac0d,50_f6ac0d,49_eaa102&0_100,100_100&l_120 */ background: -moz-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6ac0d), color-stop(50%, #f6ac0d), color-stop(51%, #eaa102), color-stop(100%, #eaa102)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(120deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* IE10 preview */ background: linear-gradient(330deg, #eaa102 0%, #eaa102 49%, #f6ac0d 50%, #f6ac0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .tx-p123shopfinder-pi1-fullscreen .csc-header > * { color: #FFFFFF; display: inline-block; float: left; font-size: 18px; font-weight: normal; height: 27px; line-height: 26px; margin: 0px 10px 0px 0px; padding: 5px; } .tx-p123shopfinder-pi1-fullscreen .csc-header:after { clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } .tx-p123shopfinder-pi1-fullscreen .csc-header > *:last-child { margin-right: 0px; } .tx-p123shopfinder-pi1-fullscreen .csc-header > * > a { color: #FFFFFF; display: block; } /* address */ #tx-p123shopfinder-pi1-address { width: 200px } .tx-p123shopfinder-pi1-fullscreen #tx-p123shopfinder-pi1-address { width: 250px; } .tx-p123shopfinder-pi1-address-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-address-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123shopfinder-pi1-address-field { float: left; margin: 0px 0px 11px 7px; } #txp123shopfinderpi1-address { background: #F4F4F4; border: 1px solid #DBDBDB; font-size: 12px; line-height: 14px; padding: 3px; width: 150px; -webkit-appearance: textfield; } .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-address { font-size: 14px; line-height: 18px; width: 200px; } .tx-p123shopfinder-pi1-address-submit { float: left; margin: 0px; } .tx-p123shopfinder-pi1-address-submit input[type="submit"] { background: none; border: none; font-size: 0px; height: 22px; margin: 0px; padding: 0px; position: absolute; width: 22px; z-index: 1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); } @media all and (min-width:0\0) { .tx-p123shopfinder-pi1-address-submit input[type="submit"] { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123shopfinder-pi1-address-submit:after { background: #f8b300; color: #ffffff; content: "\f054\f054"; display: inline-block; float: right; font: normal normal normal 8px/22px FontAwesome; position: relative; text-align: center; text-rendering: auto; width: 22px; z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-address-submit input[type="submit"] { height: 26px; width: 26px; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-address-submit:after { font-size: 10px; line-height: 26px; width: 26px; } /* poi */ .tx-p123shopfinder-pi1-poi { overflow: visible; min-height: 94px; min-width: 360px; } .tx-p123shopfinder-pi1-poi-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-poi-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123shopfinder-pi1-poi-field { float: left; margin: 0px 0px 11px 7px; } #txp123shopfinderpi1-poi-field { background: #F4F4F4; border: 1px solid #DBDBDB; font-size: 12px; line-height: 14px; padding: 3px; width: 150px; -webkit-appearance: textfield; } .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-poi-field { font-size: 14px; line-height: 18px; width: 200px; } .tx-p123shopfinder-pi1-poi-submit { float: left; margin: 0px; } .tx-p123shopfinder-pi1-poi-submit input[type="submit"] { background: none; border: none; font-size: 0px; height: 22px; margin: 0px; padding: 0px; position: absolute; width: 22px; z-index: 1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); } @media all and (min-width:0\0) { .tx-p123shopfinder-pi1-poi-submit input[type="submit"] { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123shopfinder-pi1-poi-submit:after { background: #f8b300; color: #ffffff; content: "\f054\f054"; display: inline-block; float: right; font: normal normal normal 8px/22px FontAwesome; position: relative; text-align: center; text-rendering: auto; width: 22px; z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-poi-submit input[type="submit"] { height: 26px; width: 26px; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-poi-submit:after { font-size: 10px; line-height: 26px; width: 26px; } /* LOC POI */ #txp123shopfinderpi1-poi { width: 200px; border-top: 1px solid #5556598f; margin-top: 10px; } .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-poi { width: 250px; } #tx-p123shopfinder-pi1-address a, #txp123shopfinderpi1-poi a { float: left; display: block; line-height: initial; margin: 4px 0px 0px 7px; padding: 0px 0px 0px 30px; } #txp123shopfinderpi1-poi a.poi-icon { background: url(../typo3conf/ext/p123shopfinder/res/poi-icon.png) no-repeat; background-size: contain; } #txp123shopfinderpi1-poi a.poi-icon-prio { background: url(../typo3conf/ext/p123shopfinder/res/poi-icon-prio.png) no-repeat; background-size: contain; } #tx-p123shopfinder-pi1-address a { background: url(../typo3conf/ext/p123shopfinder/res/loc-icon.png) no-repeat; background-size: contain; } .tx-p123shopfinder-pi1-fullscreen #tx-p123shopfinder-pi1-address a, .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-poi a { font-size: 13px; } .tx-p123shopfinder-pi1-slider .loc-item, .tx-p123shopfinder-pi1-slider .poi-item { display: block; height: 40px; margin-bottom: 5px; } .tx-p123shopfinder-pi1-slider .item-icon { float: right; font-size: 30px; height: inherit; line-height: initial; padding: 0px 5px; margin: 0px 5px 0px 5px; color: #f8b300; cursor: pointer; } /* slider-border */ #txp123p123shopfinderpi1-fullscreen ~ #tx-p123shopfinder-pi1-address, #txp123p123shopfinderpi1-fullscreen ~ #txp123p123shopfinderpi1-poi, #txp123p123shopfinderpi1-fullscreen ~ #txp123p123shopfinderpi1-fullscreen, #tx-p123shopfinder-pi1-address ~ #txp123p123shopfinderpi1-poi, #tx-p123shopfinder-pi1-address ~ #txp123p123shopfinderpi1-fullscreen, #txp123p123shopfinderpi1-poi ~ #txp123p123shopfinderpi1-fullscreen { border-top: 1px solid #dbdbdb; margin-top: 4px; } /* slider */ #tx-p123shopfinder-pi1-slider-button { display: none; height: 45px; left: 250px; top: 12.5%; width: 45px; z-index: auto; -moz-transition: left 0.6s ease; -ms-transition: left 0.6s ease; -o-transition: left 0.6s ease; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } #tx-p123shopfinder-pi1-slider-button + label { display: none; left: 250px; line-height: 45px; margin-left: 0px; position: absolute; text-indent: 0px; top: 12.5%; -moz-transition: left 0.6s ease; -ms-transition: left 0.6s ease; -o-transition: left 0.6s ease; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } #tx-p123shopfinder-pi1-slider-button:checked, #tx-p123shopfinder-pi1-slider-button:checked + label { left: 0px; } #tx-p123shopfinder-pi1-slider-button + label:before { background: rgba(0, 0, 0, 0.5); border: none; color: #ffffff; content: "\f002"; display: block; font: normal normal normal 24px/45px FontAwesome; height: auto; margin: 0px; position: static; text-rendering: auto; top: auto; width: 45px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #tx-p123shopfinder-pi1-slider-button:checked + label:before { } .tx-p123shopfinder-pi1-fullscreen #tx-p123shopfinder-pi1-slider-button, .tx-p123shopfinder-pi1-fullscreen #tx-p123shopfinder-pi1-slider-button + label { display: inline-block; } #tx-p123shopfinder-pi1-slider-button + .tx-p123shopfinder-pi1-slider #txp123shopfinderpi1 > label { display: none; left: 0px; line-height: 45px; position: absolute; top: 12.5%; vertical-align: middle; z-index: 1; } #tx-p123shopfinder-pi1-slider-button + .tx-p123shopfinder-pi1-slider #txp123shopfinderpi1 > label:before { background: rgba(0, 0, 0, 0.5); color: #ffffff; content: "\f0d9"; cursor: pointer; display: block; font: normal normal normal 44px/45px FontAwesome; text-align: center; text-rendering: auto; width: 45px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #tx-p123shopfinder-pi1-slider-button.open + .tx-p123shopfinder-pi1-slider #txp123shopfinderpi1 > label:before { content: "\f0da"; } .tx-p123shopfinder-pi1-fullscreen #tx-p123shopfinder-pi1-slider-button + .tx-p123shopfinder-pi1-slider #txp123shopfinderpi1 > label { display: inline-block; } .tx-p123shopfinder-pi1-slider { background: #ffffff; bottom: 0px; left: 0px; position: relative; right: 0px; top: 0px; -moz-transition: left 0.6s ease; -ms-transition: left 0.6s ease; -o-transition: left 0.6s ease; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-slider { overflow-y: auto; position: absolute; } .tx-p123shopfinder-pi1-fullscreen #tx-p123shopfinder-pi1-slider-button:checked ~ .tx-p123shopfinder-pi1-slider { left: -250px; } /* open close menus */ #txp123shopfinderpi1-address-slider + form, #txp123shopfinderpi1-poi-slider + form, #txp123shopfnderpi1-poi-slider + form ~ a { -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #txp123shopfinderpi1-poi-slider + form ~ a { overflow: hidden; } #txp123shopfinderpi1-poi-slider:checked + form ~ a { height: 0px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } #txp123shopfinderpi1-address-slider + form .tx-p123shopfinder-pi1-address-label label.slider.show, #txp123shopfinderpi1-poi-slider + form .tx-p123shopfinder-pi1-poi-label label.slider.show { display: block; margin: -11px -7px; padding: 11px 7px; } #txp123shopfinderpi1-address-slider + form .tx-p123shopfinder-pi1-address-label label.slider.show:after, #txp123shopfinderpi1-poi-slider + form .tx-p123shopfinder-pi1-poi-label label.slider.show:after { content: "\f0d8"; display: inline-block; float: right; font: normal normal normal 35px/10px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top: 3px } #txp123shopfinderpi1-address-slider:checked + form .tx-p123shopfinder-pi1-address-label label.slider.show:after, #txp123shopfinderpi1-poi-slider:checked + form .tx-p123shopfinder-pi1-poi-label label.slider.show:after { content: "\f0d7"; } /* fullscreen */ .tx-p123shopfinder-pi1-fullscreen { background: #f4efe2; bottom: 0px; left: 0px; min-width: 320px; padding: 0px; position: fixed; right: 0px; top: 56px; z-index: 400; } .tx-p123shopfinder-pi1-fullscreen:before { background: #fff; border-bottom: 1px solid #d4d4d4; content: ""; display: block; height: 55px; left: 0px; min-width: 170px; position: fixed; right: 150px; top: 0px; z-index: 1; } .tx-p123shopfinder-pi1-fullscreen .csc-header { bottom: 100%; left: -1px; margin-bottom: 1px; padding: 0px 1px; position: absolute; width: 100%; } .tx-p123shopfinder-pi1-fullscreen .csc-header ~ .csc-mailform-submit-top { bottom: 14px; top: auto; z-index: 2; } .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-layer { background: #FFFFFF; bottom: 0px; border: 1px solid #dbdbdb; left: 0px; position: absolute; right: 0px; top: 37px; } .tx-p123shopfinder-pi1-fullscreen .csc-mailform-submit-bottom { bottom: auto; top: 0px; z-index: 1; } .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket { background: #fff; border: solid #d4d4d4; border-width: 0px 0px 1px 1px; display: block; font-size: 16px; height: 55px; left: auto !important; line-height: 55px; list-style: none; margin: 0px !important; padding: 0px; position: fixed !important; right: 0px; top: 0px !important; visibility: visible !important; width: auto; z-index: 20; -moz-opacity: 1; opacity: 1; -ms-filter: none; filter: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket a { display: inline-block; height: 55px; } .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket:after { vertical-align: middle; } .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:before { border-bottom-color: #383838; border-top-color: transparent; bottom: auto; left: calc(50% - 6px); margin-bottom: 0px; margin-top: -11px; top: 100%; } .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip span { bottom: auto; font-size: 13px; left: 50%; top: 100%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:hover:before, .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:focus:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:hover span, .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:focus span { -moz-transform: translateX(-50%) translateY(8px); -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .tx-p123shopfinder-pi1-close { display: none; height: 15px; left: 8px; position: fixed; top: 20px; width: 24px; z-index: 2; } .tx-p123shopfinder-pi1-close:before, .tx-p123shopfinder-pi1-close:after { background: #555659; content: ""; display: block; height: 3px; left: 0px; position: absolute; top: 6px; width: 24px; } .tx-p123shopfinder-pi1-close:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tx-p123shopfinder-pi1-close:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-close { display: inline-block; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-logo { height: 50px; left: 40px; max-width: 450px; min-width: 134px; position: fixed; top: 4px; width: 100%; z-index: 2; background-size: cover; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-logo a { display: block; height: 100%; width: 100%; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-logo a:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-logo img { display: inline-block; height: auto; vertical-align: middle; width: 100%; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-hotline { color: #002046; font-size: 16px; height: 55px; line-height: 55px; margin-right: 1.5em; position: fixed; right: 158px; top: 0px; z-index: 2; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-hotline a.whatsapp { display: none; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-hotline em { display: none; } @media print { .tx-p123shopfinder-pi1-fullscreen { display: none; } } /* map & loader */ #txp123shopfinderpi1 { bottom: 0px; left: 200px; overflow: visible !important; position: absolute !important; right: 0px; top: 0px; z-index: 1; -moz-transition: left 0.6s ease; -webkit-transition: left 0.6s ease; transition: left 0.6s ease; } .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1 { left: 250px; /*overflow: hidden !important;*/ position: fixed !important; /*right: auto;*/ top: 94px; /*width: 100%;*/ } .tx-p123shopfinder-pi1-fullscreen #tx-p123shopfinder-pi1-slider-button:checked ~ .tx-p123shopfinder-pi1-slider #txp123shopfinderpi1 { left: 0px; } #txp123shopfinderpi1 > .map { height: 100%; position: relative; width: 100%; } #txp123shopfinderpi1-loader { background: rgba(255, 255, 255, 0.6); height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; z-index: 450; } #txp123shopfinderpi1-loader span { background: rgba(255, 255, 255, 0.9) url(../typo3conf/ext/p123shopfinder/res/loading.gif?201302051029) center 20px no-repeat; border: 1px solid rgba(192, 192, 192, 0.6); color: #333333; font-weight: bold; height: 32px; left: 50%; line-height: 15px; margin: -35px 0px 0px -120px; padding-top: 36px; position: absolute; text-align: center; top: 50%; width: 238px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 4px 0px #C0C0C0; -webkit-box-shadow: 1px 1px 4px 0px #C0C0C0; box-shadow: 1px 1px 4px 0px #C0C0C0; -moz-transition: margin 0.6s ease; -ms-transition: margin 0.6s ease; -o-transition: margin 0.6s ease; -webkit-transition: margin 0.6s ease; transition: margin 0.6s ease; } /* infoWindow-item and poiWindow-item flexbox */ #txp123shopfinderpi1-infoWindow .flexbox, #txp123shopfinderpi1-poiWindow .flexbox {display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-content: flex-start; -moz-align-content: flex-start; -ms-align-content:flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; -webkit-box-align: start; -moz-box-align: start; align-items: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; } #txp123shopfinderpi1-infoWindow .flexbox-row, #txp123shopfinderpi1-poiWindow .flexbox-row { flex-direction: row; -moz-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; } #txp123shopfinderpi1-infoWindow .flexbox-column, #txp123shopfinderpi1-poiWindow .flexbox-column { flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } #txp123shopfinderpi1-infoWindow .flexbox-grow1, #txp123shopfinderpi1-poiWindow .flexbox-grow1 { flex-grow: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; } /* infoWindow */ #txp123shopfinderpi1-infoWindow * { box-sizing: border-box; } #txp123shopfinderpi1-infoWindow { background-color: rgba(255, 255, 255, 1); border: 1px solid #CCCCCC; display: none; min-height: 320px; position: absolute; width: 430px; z-index: 500; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #txp123shopfinderpi1-infoWindow { background-image: url(../typo3conf/ext/p123shopfinder/res/LOC-bg.png); background-size: 45%; background-repeat: no-repeat; background-position-x: 95%; background-position-y: 85%; } .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-infoWindow { min-height: 540px; min-width: 540px; } #txp123shopfinderpi1-infoWindow.left { margin-right: 50px; /* margin-left: 250px; */ } #txp123shopfinderpi1-infoWindow.right { margin-left: 50px; /* margin-left: 300px; */ } #txp123shopfinderpi1-infoWindow-arrow { height: 0px; position: absolute; top: 50%; width: 0px; } .left #txp123shopfinderpi1-infoWindow-arrow { left: 100%; } .right #txp123shopfinderpi1-infoWindow-arrow { right: 100%; } #txp123shopfinderpi1-infoWindow-arrow:after, #txp123shopfinderpi1-infoWindow-arrow .after, #txp123shopfinderpi1-infoWindow-arrow:before, #txp123shopfinderpi1-infoWindow-arrow .before { border: 20px solid transparent; content: ""; height: 0px; pointer-events: none; position: absolute; width: 0px; } .left #txp123shopfinderpi1-infoWindow-arrow:after, .left #txp123shopfinderpi1-infoWindow-arrow .after, .left #txp123shopfinderpi1-infoWindow-arrow:before, .left #txp123shopfinderpi1-infoWindow-arrow .before { left: 100%; } .right #txp123shopfinderpi1-infoWindow-arrow:after, .right #txp123shopfinderpi1-infoWindow-arrow .after, .right #txp123shopfinderpi1-infoWindow-arrow:before, .right #txp123shopfinderpi1-infoWindow-arrow .before { right: 100%; } #txp123shopfinderpi1-infoWindow-arrow:after, #txp123shopfinderpi1-infoWindow-arrow .after { border-width: 20px 50px; top: 50%; margin-top: -20px; } .left #txp123shopfinderpi1-infoWindow-arrow:after, .left #txp123shopfinderpi1-infoWindow-arrow .after { border-left-color: #FFFFFF; } .right #txp123shopfinderpi1-infoWindow-arrow:after, .right #txp123shopfinderpi1-infoWindow-arrow .after { border-right-color: #FFFFFF; } #txp123shopfinderpi1-infoWindow-arrow:before, #txp123shopfinderpi1-infoWindow-arrow .before { border-width: 21px 51px; top: 50%; margin-top: -21px; } .left #txp123shopfinderpi1-infoWindow-arrow:before, .left #txp123shopfinderpi1-infoWindow-arrow .before { border-left-color: #CCCCCC; } .right #txp123shopfinderpi1-infoWindow-arrow:before, .right #txp123shopfinderpi1-infoWindow-arrow .before { border-right-color: #CCCCCC; } /* poiWindow */ .gm-style .gm-style-iw-t::after { background: none !important; } .gm-style { font:inherit !important; } #txp123shopfinderpi1-poiWindow { height: 250px; min-width: 365px; padding: 10px; box-sizing: border-box; } .tx-p123shopfinder-pi1-poiWindow-item { box-sizing: border-box; } /* infoWindow and poiWindow details-header */ .tx-p123shopfinder-pi1-infoWindow-details-header, .tx-p123shopfinder-pi1-poiWindow-details-header { font-size: 20px; line-height: 24px; } .tx-p123shopfinder-pi1-infoWindow-details-header { margin-bottom: 15px; } .tx-p123shopfinder-pi1-poiWindow-details-header { margin: 0px 0px 10px 0px; } .tx-p123shopfinder-pi1-infoWindow-details-header .address, .tx-p123shopfinder-pi1-poiWindow-details-header .address { margin-top: 5px; } .tx-p123shopfinder-pi1-infoWindow-details-header-address { order: 0; flex-grow: 1 } /* infoWindow and poiWindow content */ .tx-p123shopfinder-pi1-poiWindow-title, .tx-p123shopfinder-pi1-infoWindow-title { background: #F4F4F4; height: 55px; padding: 15px 15px 5px 15px; border-radius: 5px 5px 0px 0px; } .tx-p123shopfinder-pi1-poiWindow-title { position: absolute; top: 0px; left: 0px; width: 100%; box-sizing: border-box; } .tx-p123shopfinder-pi1-poiWindow-title .icon, .tx-p123shopfinder-pi1-infoWindow-title .icon { height: 90px; width: 90px; position: absolute; border-radius: 3px; background-size: cover; background-position: 100% 100%; } .tx-p123shopfinder-pi1-infoWindow-title .icon { background-image: url(../typo3conf/ext/p123shopfinder/res/p123shopfinder-SFLOC.jpg); } .tx-p123shopfinder-pi1-poiWindow-title .icon { background-image: url(../typo3conf/ext/p123shopfinder/res/p123shopfinder-SFPOI.jpg); } .tx-p123shopfinder-pi1-infoWindow-title .header, .tx-p123shopfinder-pi1-poiWindow-title .header { margin: 15px 0px 0px 100px; font-size: 25px; color: #002046; font-weight: bold;} .tx-p123shopfinder-pi1-infoWindow-title .priceLayer { position: absolute; height: 90px; right: 0px; top: 0px; margin-right: 15px; margin-top: 15px; } .tx-p123shopfinder-pi1-infoWindow-title .price { z-index: 1; position: relative; float: left; width: 100%; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .tx-p123shopfinder-pi1-infoWindow-title .priceValue { font-size: 31px; line-height: 31px; text-align: center; font-weight: bold; color: #002046; } .tx-p123shopfinder-pi1-infoWindow-title .priceInfo { font-size: 10px; line-height: 10px; text-align: center; margin-top: 5px; } .tx-p123shopfinder-pi1-infoWindow-title .priceCircle { z-index: 0; height: 90px; width: 90px; margin: auto; border-radius: 50%; background-image: url(../typo3conf/ext/p123shopfinder/res/POI-bg.png); background-size: 60%; background-position: center; background-repeat: no-repeat; opacity: 0.7; } .tx-p123shopfinder-pi1-infoWindow-title .priceCircle.priceCircleBorder { border-top: 3px solid #002046; border-left-width: 3px; border-right-width: 3px; -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s; transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; } /* infoWindow and poiWindow details */ .tx-p123shopfinder-pi1-infoWindow-details { padding: 5px 15px 5px 115px; } .tx-p123shopfinder-pi1-poiWindow-details { padding: 40px 0px 0px 0px; align-content: flex-end !important; -moz-align-content: flex-end !important; -ms-align-content: flex-end !important; -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; -webkit-box-align: end !important; -moz-box-align: end !important; } .tx-p123shopfinder-pi1-poiWindow-details .border, .tx-p123shopfinder-pi1-infoWindow-details .border { border: 1px lightgray solid; border-radius: 3px; padding: 3px; } .tx-p123shopfinder-pi1-infoWindow-details .borderspecial { border-bottom-right-radius: 0px; } .tx-p123shopfinder-pi1-infoWindow-details .margintop { margin-top: 5px } /* infoWindow and poiWindow details-items */ .tx-p123shopfinder-pi1-infoWindow-details-items { background-color: white; } .tx-p123shopfinder-pi1-infoWindow-details-items .label-wrapper { font-size: 16px; padding: 4px; } .tx-p123shopfinder-pi1-infoWindow-details-items .label { display: inherit; } .tx-p123shopfinder-pi1-infoWindow-details-items .tooltip span { pointer-events: auto; } .tx-p123shopfinder-pi1-poiWindow-details-items .checkbox-wrapper { margin: 0px 0px 0px 7px; } .tx-p123shopfinder-pi1-poiWindow-details-items .checkbox-wrapper.max, .tx-p123shopfinder-pi1-infoWindow-details-items .checkbox-wrapper.max { width: 100% } .tx-p123shopfinder-pi1-poiWindow-details-items .checkbox, .tx-p123shopfinder-pi1-infoWindow-details-items .checkbox { font-size: 16px; padding: 3px 0px 3px 3px; } .tx-p123shopfinder-pi1-infoWindow-details-items .hint, .tx-p123shopfinder-pi1-poiWindow-details-items .hint { font-size: 12px; line-height: 16px; } .tx-p123shopfinder-pi1-infoWindow-details-items .hint { margin: 0px 0px 3px 22px; } .tx-p123shopfinder-pi1-poiWindow-details-items .hint { margin: 0px 0px 5px 10px; } .tx-p123shopfinder-pi1-poiWindow-details-items .selection-contanier, .tx-p123shopfinder-pi1-infoWindow-details-items .selection-contanier { z-index: 1; margin: -1px 0px 0px 35px; border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; background-color: white; } .tx-p123shopfinder-pi1-infoWindow-details-items .selection-contanier { display: none; } .tx-p123shopfinder-pi1-infoWindow-details-items .selection .checkbox { margin-top: 4px; margin-bottom: 4px; } .tx-p123shopfinder-pi1-infoWindow-details-items .selection { width: 100%; } .tx-p123shopfinder-pi1-infoWindow-details-items .selection-disabled { height: 100%; width: 100%; position: relative; z-index: 2; background: white; opacity: 0.4; left: -100%; } .tx-p123shopfinder-pi1-infoWindow-details-items .input-competitor { margin-top: 5px; width: 100% } .tx-p123shopfinder-pi1-infoWindow-details-items .radius-and-count-wrapper { margin-left: 5px; margin-bottom: 5px; } .tx-p123shopfinder-pi1-poiWindow-details-items .range-container, .tx-p123shopfinder-pi1-infoWindow-details-items .range-container { font-size: 16px; align-items: center; -moz-align-items: center; -ms-align-items: center; -webkit-align-items: center; } .tx-p123shopfinder-pi1-poiWindow-details-items .range-container { margin: 5px 0px 0px 10px; } .tx-p123shopfinder-pi1-infoWindow-details-items .range-container { margin: 0px 0px 0px 10px; } .tx-p123shopfinder-pi1-poiWindow-details-items .range-label, .tx-p123shopfinder-pi1-infoWindow-details-items .range-label { padding-right: 5px; align-self: center; } .tx-p123shopfinder-pi1-poiWindow-details-items .range-output, .tx-p123shopfinder-pi1-infoWindow-details-items .range-output { margin-left: 5px; text-align: center; width: 60px; } .tx-p123shopfinder-pi1-poiWindow-details-items .slider, .tx-p123shopfinder-pi1-infoWindow-details-items .slider { -webkit-appearance: none; min-width: 70px; height: 8px; border-radius: 5px; background: #F4F4F4; border: 1px solid #DBDBDB; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; align-self: center; } .tx-p123shopfinder-pi1-poiWindow-details-items .slider { width: 110px; } .tx-p123shopfinder-pi1-infoWindow-details-items .slider { width: 100px; } .tx-p123shopfinder-pi1-poiWindow-details-items .slider::-webkit-slider-thumb, .tx-p123shopfinder-pi1-infoWindow-details-items .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #f8b300; cursor: pointer; align-self: center; } .tx-p123shopfinder-pi1-poiWindow-details-items .slider::-moz-range-thumb, .tx-p123shopfinder-pi1-infoWindow-details-items .slider::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #f8b300; cursor: pointer; align-self: center; } .tx-p123shopfinder-pi1-poiWindow-details-items .slider::-ms-thumb, .tx-p123shopfinder-pi1-infoWindow-details-items .slider::-ms-thumb { width: 20px; height: 20px; border-radius: 50%; background: #f8b300; cursor: pointer; align-self: center; } .tx-p123shopfinder-pi1-infoWindow-details-items output, .tx-p123shopfinder-pi1-poiWindow-details-items output, .tx-p123shopfinder-pi1-infoWindow-details-items input[type="text"] { align-self: center; background: #F4F4F4; border: 1px solid #DBDBDB; font-size: 14px; line-height: 22px; } .tx-p123shopfinder-pi1-infoWindow-details-items .count-container { font-size: 16px; } .tx-p123shopfinder-pi1-infoWindow-details-items .count-label { margin-right: 5px; align-self: center; } .tx-p123shopfinder-pi1-infoWindow-details-items .count-label-suffix { padding-left: 5px; align-self: center; } .tx-p123shopfinder-pi1-infoWindow-details-items .count-input { width: 30px; text-align: center; } .tx-p123shopfinder-pi1-infoWindow-details-items .iconButton { height: 10px; width: 10px; cursor: pointer; } .tx-p123shopfinder-pi1-infoWindow-details-items .iconButton:after { color: #f8b300; display: inline-block; float: left; font: normal normal normal 24px/26px FontAwesome; position: relative; text-align: center; text-rendering: auto; z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123shopfinder-pi1-infoWindow-details-items .iconButton.add, .tx-p123shopfinder-pi1-infoWindow-details-items .iconButton.subtract { height: auto; width: auto; } .tx-p123shopfinder-pi1-infoWindow-details-items .iconButton.add { margin-left: 2px; } .tx-p123shopfinder-pi1-infoWindow-details-items .iconButton.add:after { content: "\f0fe"; } .tx-p123shopfinder-pi1-infoWindow-details-items .iconButton.subtract { margin-right: 2px; } .tx-p123shopfinder-pi1-infoWindow-details-items .iconButton.subtract:after { content: "\f146"; } .tx-p123shopfinder-pi1-infoWindow-details-items .textbox { font-size: 16px; } .tx-p123shopfinder-pi1-infoWindow-details-items .duration { padding-left: 5px; } .tx-p123shopfinder-pi1-infoWindow-hintNetPrice { position: absolute; bottom: 0px; right: 0px; margin-bottom: 61px; margin-right: 15px; } /* infoWindow poiWindow bottom */ .tx-p123shopfinder-pi1-infoWindow-bottom, .tx-p123shopfinder-pi1-poiWindow-bottom { background: #F4F4F4; bottom: 0px; height: 60px; left: 0px; padding: 4px 10px; position: absolute; right: 0px; z-index: 2; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .tx-p123shopfinder-pi1-poiWindow-bottom { box-sizing: border-box; } .tx-p123shopfinder-pi1-infoWindow-bottom:after, .tx-p123shopfinder-pi1-poiWindo-bottom:after{ clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } .tx-p123shopfinder-pi1-infoWindow-close-button, .tx-p123shopfinder-pi1-infoWindow-abort-button, .tx-p123shopfinder-pi1-poiWindow-close-button, .tx-p123shopfinder-pi1-poiWindow-abort-button { font-size: 16px; background: #f8b300; color: #ffffff; display: inline-block; position: relative; text-align: center; text-rendering: auto; padding: 15px; border-radius: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tx-p123shopfinder-pi1-infoWindow-abort-button, .tx-p123shopfinder-pi1-poiWindow-abort-button { float: left; } .tx-p123shopfinder-pi1-infoWindow-close-button, .tx-p123shopfinder-pi1-poiWindow-close-button { float: right; } @media all and (min-width: 0\0) { .tx-p123shopfinder-pi1-infoWindow-periods .checkbox.disabled { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123shopfinder-pi1-infoWindow-special { background: #BE1010; color: #FFFFFF; font-style: italic; left: 0px; letter-spacing: 1.1px; padding: 3px 13px; pointer-events: none; position: absolute; right: 0px; text-shadow: 1px 1px 1px #E59999; top: 51px; } /* infoWindow price */ .tx-p123shopfinder-pi1-infoWindow-price { bottom: 0px; color: #000000; display: none; height: 56px; padding: 4px 10px; position: absolute; right: 0px; text-align: right; z-index: 55; } .tx-p123shopfinder-pi1-infoWindow-price b { display: block; margin-top: 4px; } .tx-p123shopfinder-pi1-locationLoading { background: url(../typo3conf/ext/p123shopfinder/res/loc-loading.gif?201301291102) center center no-repeat; display: inline-block; height: 13px; width: 16px; } #txp123shopfinderpi1-helpLayer { width: 200px } .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-helpLayer { width: 250px; } #txp123shopfinderpi1-helpLayer a { display: inline-block; line-height: 17px; margin: 11px 7px; } #txp123shopfinderpi1-helpLayer a:after { color: #555659; content: "\f059"; display: inline-block; float: right; font: normal normal normal 18px/1 FontAwesome; margin: 2px 0px -2px 4px; text-rendering: auto; vertical-align: bottom; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-helpLayer a { font-size: 16px; line-height: 18px; } #txp123shopfinderpi1-description { bottom: 0px; cursor: pointer; display: none; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 900; } .tx-p123shopfinder-pi1-description-close, .tx-p123shopfinder-pi1-description-media, .tx-p123shopfinder-pi1-description-address, .tx-p123shopfinder-pi1-description-filter { background: #162884; color: #fff; font-size: 13px; line-height: 15px; padding: 10px; position: absolute; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-description-close, .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-description-media, .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-description-address, .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-description-filter { font-size: 16px; line-height: 18px; padding: 15px; } .tx-p123shopfinder-pi1-description-media:after, .tx-p123shopfinder-pi1-description-address:after, .tx-p123shopfinder-pi1-description-filter:after { border-color: #162884 transparent; border-style: solid; border-width: 0px 11px 28px; bottom: 100%; content: ""; height: 0px; left: 10px; margin-bottom: -5px; position: absolute; width: 0px; -moz-border-radius: 0px 0px 0px 11px; -webkit-border-radius: 0px 0px 0px 11px; border-radius: 0px 0px 0px 11px; -moz-transform: rotate(-40deg) scaleY(1.5); -ms-transform: rotate(-40deg) scaleY(1.5); -o-transform: rotate(-40deg) scaleY(1.5); -webkit-transform: rotate(-40deg) scaleY(1.5); transform: rotate(-40deg) scaleY(1.5); } .tx-p123shopfinder-pi1-description-close { background: #c33; left: 10px; top: 10px; width: 130px; z-index: 905; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-description-close { width: 160px; } .tx-p123shopfinder-pi1-description-close:after { background: #555659; color: #fff; content: "\f00d"; font-family: FontAwesome; font-size: 16px; height: 22px; line-height: 21px; position: absolute; right: -4px; text-align: center; text-rendering: auto; top: -4px; width: 22px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123shopfinder-pi1-description-media { left: 40px; top: 200px; width: 140px; z-index: 902; } .tx-p123shopfinder-pi1-description-address { left: 10px; top: 500px; width: 140px; z-index: 903; } .tx-p123shopfinder-pi1-description-filter { left: 45px; top: 415px; width: 125px; z-index: 904; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-description-filter { width: 155px; } .tx-p123shopfinder-pi1-description-image { height: 100%; margin-left: 195px; position: relative; z-index: 901; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-description-image { margin-left: 180px; } .tx-p123shopfinder-pi1-description-image:before { background: url(../typo3conf/ext/p123shopfinder/res/layer-descriptions-de.png?201610121328) center center no-repeat; content: ""; display: block; height: 100%; margin: 0px auto; max-width: 688px; -moz-background-size: contain; -webkit-background-size: contain; background-size: contain; } @media only screen and (max-height: 510px) { #txp123shopfinderpi1-infoWindow { overflow-y: scroll; overflow-x: hidden; } .tx-p123shopfinder-pi1-infoWindow-hintNetPrice { margin-bottom: initial; bottom: initial; } .tx-p123shopfinder-pi1-infoWindow-bottom { bottom: initial; margin-top: 1.4em; } } @media only screen and (max-height: 580px) { #txp123shopfinderpi1-infoWindow { background-image: none; } } @media only screen and (min-height: 581px) and (max-height: 599px) { #txp123shopfinderpi1-infoWindow { background-size: 25% } } @media only screen and (min-height: 600px) and (max-height: 619px) { #txp123shopfinderpi1-infoWindow { background-size: 35% } } @media only screen and (min-height: 620px) and (max-height: 635px) { #txp123shopfinderpi1-infoWindow { background-size: 40% } } @media only screen and (max-height: 620px) { #txp123shopfinderpi1-infoWindow.bottomscroll { background-image: none; } } @media only screen and (max-height: 645px) { } @media only screen and (max-height: 665px) { #txp123shopfinderpi1-infoWindow.bottomscroll { overflow-y: scroll; overflow-x: hidden; } #txp123shopfinderpi1-infoWindow.bottomscroll .tx-p123shopfinder-pi1-infoWindow-hintNetPrice { margin-bottom: initial; bottom: initial; } #txp123shopfinderpi1-infoWindow.bottomscroll .tx-p123shopfinder-pi1-infoWindow-bottom { bottom: initial; margin-top: 1.4em; } } @media only screen and (min-width: 961px) { html.tx-p123shopfinder-pi1-fullscreen-open #tx-p123qsearch-pi1-basket { background: #fff; border-bottom: 1px solid #d4d4d4; height: 56px !important; position: fixed; right: 0px; top: 0px; text-align: right !important; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html.tx-p123shopfinder-pi1-fullscreen-open #tx-p123qsearch-pi1-basket:after { height: 25px; vertical-align: middle; width: 29px; } html.tx-p123shopfinder-pi1-fullscreen-open #tx-p123qsearch-pi1-basket:before {content: ""; border: solid #d4d4d4; border-width: 0px 1px 1px 0px; background: #fff; height: 100%; float: left; min-width: 27px; } html.tx-p123shopfinder-pi1-fullscreen-open #tx-p123qsearch-pi1-basket .basket-align:before { height: 100%; vertical-align: middle; } } @media only screen and (max-width: 960px) { .tx-p123shopfinder-pi1-fullscreen:before { content: none; display: none; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-logo { display: none; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-close { display: none; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-hotline { display: none; } } @media screen and (max-width: 768px), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 1024px) and (min-resolution: 192dpi), screen and (max-device-width: 1024px) and (min-resolution: 2dppx) { /* prevent scrolling on mobile */ html.tx-p123shopfinder-pi1-fullscreen-open > body { position: fixed; } .tx-p123shopfinder-pi1-fullscreen:before { content: none; display: none; } .tx-p123shopfinder-pi1-fullscreen #tx-p123qsearch-pi1-basket { font-size: 11px; width: auto; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-close { display: none; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-logo { display: none; } .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-hotline { display: none; } .tx-p123shopfinder-pi1-fullscreen #tx-p123shopfinder-pi1-slider-button:checked ~ .tx-p123shopfinder-pi1-slider #txp123shopfinderpi1 > .map ~ #txp123shopfinderpi1-infoWindow { margin-left: 0px; } .tx-p123shopfinder-pi1-infoWindow-toggle { bottom: 73px; } } @media only screen and (max-width: 624px) { .tx-p123shopfinder-pi1-fullscreen .csc-header ~ .csc-mailform-submit-top { display: none; } } @media only screen and (max-width: 456px) { body.wide #content-normal .csc-default .tx-p123shopfinder-pi1 .csc-header:first-child > *, .tx-p123shopfinder-pi1-fullscreen .csc-header > * { margin-right: 6px; padding: 5px 3px; } body.wide #content-normal .csc-default .tx-p123shopfinder-pi1 .csc-header > *:nth-last-child(2), .tx-p123shopfinder-pi1-fullscreen .csc-header > *:nth-last-child(2) { margin-right: 0px; } .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-infoWindow { left: 1% !important; right: 1% !important; } .tx-p123shopfinder-pi1-description-image { display: none; } } @media only screen and (max-width: 648px) and (min-width: 0px) { .tx-p123shopfinder-pi1-fullscreen .tx-p123shopfinder-pi1-slider { padding-bottom: 4.6em; } } @media only screen and (max-width: 576px) { .tx-p123shopfinder-pi1-fullscreen .csc-header > * { font-size: 14px; } /* LOC */ .tx-p123shopfinder-pi1-fullscreen #txp123shopfinderpi1-infoWindow { min-height: 465px; } #txp123shopfinderpi1-infoWindow { min-width: 0px !important; width: calc(100vw - 4%) !important; width: -webkit-calc(100vw - 4%) !important; width: -moz-calc(100vw - 4%) !important; } #txp123shopfinderpi1-infoWindow { margin: 0px 0px 0px -250px; } .tx-p123shopfinder-pi1-infoWindow-title { height: 45px; padding: 5px 5px 5px 5px; } .tx-p123shopfinder-pi1-infoWindow-bottom, .tx-p123shopfinder-pi1-poiWindow-bottom { height: 45px; } .tx-p123shopfinder-pi1-infoWindow-close-button, .tx-p123shopfinder-pi1-infoWindow-abort-button, .tx-p123shopfinder-pi1-poiWindow-close-button, .tx-p123shopfinder-pi1-poiWindow-abort-button { padding: 10px; } .tx-p123shopfinder-pi1-infoWindow-title .header { font-size: 20px; margin: 2px 0px 0px 60px; width: 50%; line-height: 18px; } .tx-p123shopfinder-pi1-infoWindow-details { padding-left: 5px; padding-right: 5px; padding-top: 0px; } .tx-p123shopfinder-pi1-infoWindow-details-header { font-size: 18px; line-height: 20px; } .tx-p123shopfinder-pi1-infoWindow-details-header { max-height: none; margin-bottom: 5px; } .tx-p123shopfinder-pi1-infoWindow-details-header-address { margin-left: 60px; } .tx-p123shopfinder-pi1-infoWindow-details-header .address { margin-top: 2px; } .tx-p123shopfinder-pi1-infoWindow-details-items .radius-and-count-wrapper { margin-left: 0px; } .tx-p123shopfinder-pi1-infoWindow-details-items .selection-contanier { margin-left: 0px; } .tx-p123shopfinder-pi1-infoWindow-details-items .selection .checkbox { margin-top: 0px; margin-bottom: 0px; } .tx-p123shopfinder-pi1-infoWindow-details-items .duration { width: 100% !important; max-width: 100%; } .tx-p123shopfinder-pi1-infoWindow-details-items .slider { width: 88px; } .tx-p123shopfinder-pi1-infoWindow-details-header-price fieldset span:not(.price) { margin-bottom: -5px; } .tx-p123shopfinder-pi1-infoWindow-details-items #txp123shopfinderpi1-range-location-output { flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; } .tx-p123shopfinder-pi1-infoWindow-details-items .hint { margin-bottom: 0px; } .tx-p123shopfinder-pi1-infoWindow-hintNetPrice { margin-bottom: 44px; margin-right: 10px; font-size: 10px; } .tx-p123shopfinder-pi1-infoWindow-title .priceLayer { height: 50px; margin-right: 5px; margin-top: 5px; } .tx-p123shopfinder-pi1-infoWindow-title .priceValue { font-size: 22px; line-height: 22px; } .tx-p123shopfinder-pi1-infoWindow-title .priceInfo { font-size: 8px; line-height: 8px; } .tx-p123shopfinder-pi1-infoWindow-title .priceCircle { height: 50px; width: 50px; opacity: 0.5; } /* POI */ #txp123shopfinderpi1-poiWindow { height: 230px; min-width: 0px; padding: 5px; } .tx-p123shopfinder-pi1-poiWindow-title { padding: 5px; height: 40px; } .tx-p123shopfinder-pi1-poiWindow-title .icon, .tx-p123shopfinder-pi1-infoWindow-title .icon { height: 50px; width: 50px; } .tx-p123shopfinder-pi1-poiWindow-title .header { font-size: 16px; margin: 10px 0px 0px 60px; } .tx-p123shopfinder-pi1-poiWindow-details { padding: 0px 5px 0px 5px; } .tx-p123shopfinder-pi1-poiWindow-details-header { margin: 0px 0px 10px 20px; font-size: 14px !important; line-height: 20px !important; } .tx-p123shopfinder-pi1-poiWindow-details-header .address { margin: 25px 0px 0px 20px; } .tx-p123shopfinder-pi1-poiWindow-details-items .selection-contanier { margin: -8px 0px 0px 0px; } .tx-p123shopfinder-pi1-poiWindow-details-items .range-container { margin: 10px 0px 0px 0px; } .tx-p123shopfinder-pi1-poiWindow-details-items .slider { width: 88px; } .tx-p123shopfinder-pi1-poiWindow-details-items .hint { margin: 0px 0px 5px 0px; } .tx-p123shopfinder-pi1-poiWindow-details-items .range-output, .tx-p123shopfinder-pi1-infoWindow-details-items .range-output { min-width: 10px; } .tx-p123shopfinder-pi1-poiWindow-details-items .range-output { margin-left: 5px; } .tx-p123shopfinder-pi1-poiWindow-details-items .checkbox-wrapper { margin: 0px 0px 0px 0px; } .tx-p123shopfinder-pi1-poiWindow-details-items .checkbox, .tx-p123shopfinder-pi1-infoWindow-details-items .checkbox { padding: 1px; } } @media only screen and (max-width: 360px) { .tx-p123shopfinder-pi1-infoWindow-details-items .range-output { width: 50px; } .tx-p123shopfinder-pi1-infoWindow-details-items .slider { width: 83px; } .tx-p123shopfinder-pi1-poiWindow-details-items .slider { width: 80px; } .tx-p123shopfinder-pi1-poiWindow-details-items .range-output { width: 53px; } } ) } plugin.tx_p123shopfinder_pi2 { templateFile = EXT:p123shopfinder/res/template.htm javascriptFile = EXT:p123shopfinder/res/javascript.js # Define the formular formular { type.typolink { parameter = {$plugin.tx_p123_pi.pageMap} returnLast = url } } marks { COOKIE_PATH = TEXT COOKIE_PATH { data = getIndpEnv:TYPO3_SITE_PATH } SEND_NAME = tx_p123shopfinder_pi1[address] } _CSS_DEFAULT_STYLE ( #txp123shopfinderpi2-start-address { background: #F4F4F4; border: 1px solid #DBDBDB; font-size: inherit; line-height: inherit; padding: 3px; width: 100%; -webkit-appearance: textfield; } #txp123shopfinderpi2-start-address-container .tx-p123shopfinder-pi2-start-address-field { float: left; margin: 0px; } #txp123shopfinderpi2-start-address-container .tx-p123shopfinder-pi2-start-address-submit { float: left; margin: 0px; } #txp123shopfinderpi2-start-address-container .tx-p123shopfinder-pi2-start-address-submit input[type="submit"] { background: none; border: none; font-size: 0px; height: 28px; margin: 0px; padding: 0px; position: absolute; width: 28px; z-index: 1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); } #txp123shopfinderpi2-start-address-container .tx-p123shopfinder-pi2-start-address-submit::after { background: #f8b300; color: #ffffff; content: "\f054\f054"; display: inline-block; float: right; font: normal normal normal 8px/22px FontAwesome; position: relative; text-align: center; text-rendering: auto; width: 25px; z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #txp123shopfinderpi2-start-address-container .tx-p123shopfinder-pi2-start-address-label { font-size: inherit; line-height: inherit; color: #002046; font-weight: bold; } ) } # Configuration for cacheable javascript page.jsFooterInline.130 = COA page.jsFooterInline.130 { 10 = FILE 10 { file = EXT:p123shopfinder/res/jquery.tmpl.js stdWrap.append = TEXT stdWrap.append.char = 10 } 20 = FILE 20 { file = EXT:p123shopfinder/res/jquery.nouislider.js stdWrap.append = TEXT stdWrap.append.char = 10 } 30 = USER 30 { includeLibs = EXT:p123shopfinder/pi1/class.tx_p123shopfinder_pi1.php userFunc = tx_p123shopfinder_pi1->cachable templateFile = EXT:p123shopfinder/res/javascript.js marks < plugin.tx_p123shopfinder_pi1.marks data < plugin.tx_p123shopfinder_pi1.data locallang < plugin.tx_p123shopfinder_pi1.locallang dontWrapInBaseClass = 1 disablePeriods = 1 } } # Configuration for the page "p123shopfinder_pi1->ajax" p123shopfinder_pi1 = PAGE p123shopfinder_pi1 { typeNum = 134 config { disableAllHeaderCode = 1 disableCharsetHeader = 1 xhtml_cleaning = 0 no_cache = 1 } 10 = ajax } }