# Configuration for the plugin "p123maps_pi1" plugin.tx_p123maps_pi1 { templateFile = EXT:p123maps/res/template.htm javascriptFile = EXT:p123maps/res/dynamic.js moveJsFromHeaderToFooter = 1 enableMedia = 0 entriesPerPage = 3000 require = OrtNr,Termine requireLink = {$plugin.tx_p123_pi.pageStart} requireLink { setContentToCurrent = 1 if.value = $plugin.tx_p123_pi.pageStart if.value.wrap = {|} if.equals.current = 1 if.negate = 1 } sql { fields = CONCAT_WS(':',OrtNr,Paechter,StoNr,Typ) AS uid,StoID,GJ,LPAD(Paechter,4,'0') AS Paechter,StoNr,StoV,LPAD(OrtNr,8,'0') AS OrtNr,Ortname,PLZ,Anschlagart,Belegung,Preis,CONCAT('###LL_locationLighting',Beleuchtung,'###') AS Beleuchtung,IF(VMNr>0,CONCAT('[', VMNr, ',"', VMName, '","', VMKette, '"]'), '') AS VMarkt,Ortsteil,Standort,FotoName,Typ,PpS,CAST((ROUND(Bewertung*2)/2) AS DECIMAL(2,1)) AS Bewertung,UTMBA,UTMLA,Politik,Textfeld,IF(Netz!=0 AND StellenOrt>0,StellenOrt,0) AS Netz fields { wrap2 = #,Dauerwerbung wrap2.if.isTrue = {$plugin.tx_p123_pi.disableSpare} wrap2.if.isTrue.if.isTrue = {$plugin.tx_p123_pi.enablePermanent} wrap2.splitChar = # append = TEXT append { data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][Termine] required = 1 split { token = , cObjNum = 1 1.setCurrent { current = 1 listNum = 1 listNum.splitChar = | intval = 1 append = LOAD_REGISTER append.periodYear { current = 1 substring = 0,4 } prepend = LOAD_REGISTER prepend.periodHash { current = 1 stdWrap.listNum = 1 stdWrap.listNum.splitChar = | stdWrap.intval = 1 stdWrap.wrap = 00| substring = -2, wrap = '{register:tx_p123_pi[session][sid]}','{$plugin.tx_p123_pi.portal}','{$plugin.tx_p123_pi.sesName}',StoID,'#',GJ,'{global:TYPO3_CONF_VARS|SYS|encryptionKey}' wrap.splitChar = # insertData = 1 } } 1.current = 1 1.required = 1 1.wrap = ,CONCAT('"{current:1}":[',IF(ZR{current:1} IS NULL,'-1',#),',{register:periodYear}',',"',CAST(MD5(CONCAT_WS('|',{register:periodHash})) AS CHAR(10)),'"]') #1.wrap = ,CONCAT('"{current:1}":[',IF(ZR{current:1} IS NULL,'-1',ZR#),',{register:periodYear}',',"',CAST(MD5(CONCAT_WS('|',{register:periodHash})) AS CHAR(10)),'"]') 1.wrap.splitChar = # 1.insertData = 1 } substring = 1, wrap = ,CONCAT('{',CONCAT_WS(',',|),'}') AS ZR } } #convertFields = Ortname,Anschlagart,VMarkt,Ortsteil,Standort } 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 } } fitBounds = 1 fitBounds { if.isTrue.data = GP:tx_p123maps_pi1|fitBounds } fitFields = UTMBA,UTMLA dummy { periods { GJ = ZR = Belegung = Beginn = Ende = Tage = express = } } dataLocation { DiffBelegung { field = Belegung if.isTrue = 1 if.isTrue.if.value.field = Belegung if.isTrue.if.equals.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][Belegung] if.isTrue.if.negate = 1 if.isFalse = 1 if.isFalse.if.value = D A_D A,D A_D B,D A_D C,D B_D A,D B_D B,D B_D C,D C_D A,D C_D B,D C_D C if.isFalse.if.isInList.data = register:tx_p123_pi[{$plugin.tx_p123_pi.sesName}][Belegung] if.isFalse.if.isInList.dataWrap = |_{field:Belegung} wrap = ###LL_remapBegin### ###LL_remap|### ###LL_remapEnd### } FotoName { setContentToCurrent = 1 setCurrent { field = Paechter if.isTrue.current = 1 intval = 1 dataWrap = fileadmin/photos/{field:OrtNr}/|/{current:1}.jpg } current = 1 required = 1 dataWrap = {TSFE:absRefPrefix}| } Paechter { if.directReturn = 0 } Preis { preUserFunc = tx_p123search_pi3->hook_money_format # outerWrap = | # outerWrap { # if.isTrue.cObject = hook_money_format # } # } } PpS { setContentToCurrent = 1 override.current = 1 override.numberFormat = 1 override.numberFormat { decimals = 0 dec_point = , thousands_sep = . } ifEmpty = n.v. } Special = 1 Special { if.isTrue.cObject = 10.group.noTrimWrap = ||| 10.label.noTrimWrap = | || 11.key.wrap > 11.group.noTrimWrap = ||| 11.label.noTrimWrap = | || 12.key.wrap > 12.group.noTrimWrap = ||| 12.label.noTrimWrap = | || 13.key.wrap > 13.group.noTrimWrap = ||| 13.label.noTrimWrap = | || #14.key.wrap > #14.label.noTrimWrap = | || } formular < plugin.tx_p123search_pi3.formular 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_ICON = IMG_RESOURCE API_ICON { file = EXT:p123maps/res/media-icons.png stdWrap.dataWrap = {TSFE:baseUrl // TSFE:absRefPrefix}|?201610181734 } # Value is list of: "Typ|width:height|offsetX:offsetY" API_ICON_LIST = GF|28:29|0:0|148:322, SP|43:28|0:47|148:322, ZZ|24:28|0:92|148:322, GZ|14:30|0:138|148:322, GV|28:44|0:184|148:322, PF|47:29|0:230|148:322, VI|13:19|0:276|148:322, VN|13:19|0:276|148:322 API_ICON_LACT = GF|28:29|74:0|148:322,SP|43:28|74:47|148:322,ZZ|24:28|74:92|148:322,GZ|14:30|74:138|148:322,GV|28:44|74:184|148:322,PF|47:29|74:230|148:322,VI|13:19|74:276|148:322,VN|13:19|74:276|148:322 API_POI_ICON = IMG_RESOURCE API_POI_ICON { file = EXT:p123maps/res/poi-icon.png stdWrap.dataWrap = {TSFE:baseUrl // TSFE:absRefPrefix}|?201304291032 } MAP_key = MAP_region = DE MAP_callback = tx_p123maps_pi1.initMap MAP_HEIGHT = 500 AJAX_url = TEXT AJAX_url { typolink.parameter.data = TSFE:id typolink.parameter.wrap = |,129 typolink.returnLast = url } AJAX_check = TEXT AJAX_check { typolink.parameter = {$plugin.tx_p123_pi.pageLocations} typolink.parameter.ifEmpty.data = TSFE:id typolink.parameter.wrap = |,124 typolink.returnLast = url } ICON = FILTER = TEXT FILTER { value = 0 override = 1 override.if.isTrue.data = GP:tx_p123search_pi3|filter } SHOW_HELP = TEXT SHOW_HELP { value = 1 } 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 } HOTLINE_SELECTOR = TEXT HOTLINE_SELECTOR { value = #header-hotline } PERMANENT_URL = TEXT PERMANENT_URL { typolink.parameter = {$plugin.tx_p123_pi.pageLocations} typolink.parameter.wrap = |,122 typolink.returnLast = url } } newConfiguration = 1 searchOverride < plugin.tx_p123search_pi3.searchOverride data { 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] locs { preUserFunc = tx_p123maps_pi1->hook preUserFunc { includeObj = basketDB,basket,conf funcName = basket_find dontIncludeSetup = 1 rKey = pos ext = p123search } stdWrap.split { token = , cObjNum = 1 1.cObject = COA 1.cObject { 10 = TEXT 10 { current = 1 listNum = 0 listNum.splitChar = | stdWrap.substring = 8, required = 1 wrap = "StoID":"|", } 20 < .10 20 { listNum = 1 stdWrap.substring > wrap = "GJ":"|", } 30 < .10 30 { listNum = 2 stdWrap.substring > wrap = "ZR":"|", } 40 = TEXT 40 { cObject = LOAD_REGISTER cObject { locationID.current = 1 locationID.listNum = 0 locationID.listNum.splitChar = | locationID.stdWrap.substring = 8, } preUserFunc = tx_p123maps_pi1->hook preUserFunc { includeObj = db,sid,sqlWhere,portal,hash,sesName,motifDB,basketDB,query,basket,conf,media,mediaHash,periodData funcName = getLocationPrice dontIncludeSetup = 1 sql { fields = CONCAT(LPAD(123_StoFZ.OrtNr,8,'0'),StoID,'|*') AS pos,CONCAT_WS(':',123_StoFZ.OrtNr,123_StoFZ.Paechter,123_StoFZ.StoNr,123_StoFZ.Typ) AS uid join = ,(SELECT OrtNr,Paechter,StoNr,Typ FROM 123_StoFZ WHERE StoID='{register:locationID}' LIMIT 1) AS temp join.insertData = 1 addWhere = 123_StoFZ.OrtNr=temp.OrtNr AND 123_StoFZ.Paechter=temp.Paechter AND 123_StoFZ.StoNr=temp.StoNr AND 123_StoFZ.Typ=temp.Typ } if.isTrue.data = register:locationID templateStdWrap.override = ###DATA_expressPrice######DATA_price### data { price.preUserFunc = tx_p123maps_pi1->hook_money_format expressPrice { setContentToCurrent = 1 if.isTrue.current = 1 preUserFunc = tx_p123maps_pi1->hook_money_format noTrimWrap = |*###LL_expressHint### (|) | } uid { setContentToCurrent = 1 cObject = LOAD_REGISTER cObject.locationUID.current = 1 } } dontWrapInBaseClass = 1 } dataWrap = "Preis":"|","uid":"{register:locationUID}", } } 1.stdWrap.substring = 0,-1 1.required = 1 1.wrap = {|}, } stdWrap.substring = 0,-1 required = 1 wrap = [|] } } dataDates { Beginn { date = d.m.y } BeginnU { field = Beginn } Ende { date = d.m.y } EndeU { field = Ende } Tage { stdWrap.wrap = 00| substring = -2,2 } } locallang < plugin.tx_p123search_pi3.locallang locallang { headline { override.field < .field field > dataWrap > } buttonBooked { typolink > innerWrap = | } buttonCityShow > locationPPS.wrap > locationDetails { noTrimWrap = | class="toggle" onclick="return tx_p123maps_pi1.showWindowDetails(this, ${zIndex});">|| dataWrap = |###LL_lockPoliticsDesc### typolink.parameter = 204#299 typolink.parameter.noTrimWrap = || 550x350:jquery_lightbox=ajax tooltip| } changeView { typolink.parameter = {$plugin.tx_p123_pi.pageLocations} } addressButton { override = } searchHint { trim = 1 brTag =
} searchButton.override = poiButton.override = loading.wrap = | fullScreen.wrap = | legendHelp { if.isTrue.cObject = | } noImage.wrap = | permanentHeader.wrap =

|

} # Define the default Stylesheet _CSS_DEFAULT_STYLE ( *:first-child+html .tx-p123maps-pi1 { width: 100%; } /* IE7 */ /* prevent scrolling on desktop */ html.tx-p123maps-pi1-fullscreen-open { overflow: hidden; } html.tx-p123maps-pi1-fullscreen-open > body { overflow: hidden; position: absolute; width: 100%; } /* header */ body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child { background-image: url(../typo3conf/ext/p123search/res/csc-header-n1.png); min-width: 531px; z-index: 2; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * { color: #FFFFFF; display: inline-block; float: left; font-size: 11px; height: 27px; line-height: 13px; margin: 1px 0px; padding: 1px 5px 0px 5px; text-shadow: none; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:first-child, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:first-child { margin-right: 5px; max-width: 132px; overflow: hidden; padding-right: 0px; white-space: nowrap; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > h2, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > h2 { border-left: 1px solid #FFFFFF; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a { background: url(../typo3conf/ext/p123search/res/csc-header-link.gif) right top no-repeat; color: #FFFFFF; display: block; height: 27px; padding-right: 14px; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a:hover, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a:hover { text-decoration: none; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child:after { clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } @media print { body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child { background: none; page-break-before: avoid; page-break-after: avoid; page-break-inside: avoid; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * { color: #000000; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:first-child, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:first-child { margin-right: 0px; max-width: inherit; overflow: visible; padding-right: 5px; white-space: normal; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > h2, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > h2 { display: none; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a, body.wide-toggle #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > * > a { background: none; color: #000000; padding-right: 5px; } } .tx-p123maps-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-p123maps-pi1-fullscreen .csc-header > * { color: #FFFFFF; display: inline-block; float: left; font-size: 13px; font-weight: normal; height: 27px; line-height: 15px; margin: 0px 10px 0px 0px; padding: 5px; } .tx-p123maps-pi1-fullscreen .csc-header:after { clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } .tx-p123maps-pi1-fullscreen .csc-header > *:first-child { color: #002046; } .tx-p123maps-pi1-fullscreen .csc-header > *:last-child { margin-right: 0px; } .tx-p123maps-pi1-fullscreen .csc-header > * > a { color: #FFFFFF; display: block; } /* change google default styles */ .tx-p123maps-pi1 .gm-style { font-family: Tahoma,Arial,sans-serif; font-size: 11px; line-height: 1.18182em; } .tx-p123maps-pi1 .gm-style .gm-style-iw, .tx-p123maps-pi1 .gm-style .gm-style-iw a, .tx-p123maps-pi1 .gm-style .gm-style-iw span, .tx-p123maps-pi1 .gm-style .gm-style-iw label, .tx-p123maps-pi1 .gm-style .gm-style-iw div { font-size: 1em; font-weight: normal; } .tx-p123maps-pi1 .gm-style button { color: inherit; font-size: inherit; line-height: inherit; outline: none; min-width: auto; text-align: inherit; text-decoration: inherit; vertical-align: inherit; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; } /* changeView icon */ .tx-p123maps-pi1-icon { background: #fff url(../typo3conf/ext/p123maps/res/table-icon.png?201304291033) 10px 44px no-repeat; border: 1px solid #dbdbdb; border-left: none; height: 164px; left: 627px; position: absolute; top: -11px; width: 120px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-icon { display: none; } .tx-p123maps-pi1-icon a { display: block; height: 100%; width: 100%; } .tx-p123maps-pi1-icon a:hover { text-decoration: none; } .tx-p123maps-pi1-icon h4 { background: #F4F4F4; margin: 0px; padding: 5px; text-align: center; -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; border-radius: 0px 6px 0px 0px; } /* slider */ #tx-p123maps-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-p123maps-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-p123maps-pi1-slider-button:checked, #tx-p123maps-pi1-slider-button:checked + label { left: 0px; } #tx-p123maps-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-p123maps-pi1-slider-button:checked + label:before { } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button, .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button + label { display: inline-block; } #tx-p123maps-pi1-slider-button + .tx-p123maps-pi1-slider #txp123mapspi1 > label { display: none; left: 0px; line-height: 45px; position: absolute; top: 12.5%; vertical-align: middle; z-index: 1; } #tx-p123maps-pi1-slider-button + .tx-p123maps-pi1-slider #txp123mapspi1 > label:before { background: rgba(0, 0, 0, 0.5); color: #ffffff; content: "\f002\A\f0ce"; cursor: pointer; display: block; font: normal normal normal 24px/45px FontAwesome; text-align: center; text-rendering: auto; width: 45px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #tx-p123maps-pi1-slider-button:checked + .tx-p123maps-pi1-slider #txp123mapspi1 > label:before { } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button + .tx-p123maps-pi1-slider #txp123mapspi1 > label { display: inline-block; } .tx-p123maps-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-p123maps-pi1-fullscreen .tx-p123maps-pi1-slider { overflow-y: auto; position: absolute; } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button:checked ~ .tx-p123maps-pi1-slider { left: -250px; } /* open close menus */ #txp123mapspi1-address-slider + form, #txp123mapspi1-searchFilter-slider + form, #txp123mapspi1-search-slider + form, #txp123mapspi1-poi-slider + form, #txp123mapspi1-poi-slider + form ~ a, #txp123mapspi1-periods-slider + form { -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; } #txp123mapspi1-poi-slider + form ~ a { overflow: hidden; } #txp123mapspi1-poi-slider:checked + form ~ a { height: 0px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } #txp123mapspi1-address-slider + form .tx-p123maps-pi1-address-label label.slider, #txp123mapspi1-searchFilter-slider + form .tx-p123maps-pi1-searchFilter-label label.slider, #txp123mapspi1-search-slider + form .tx-p123maps-pi1-search-label label.slider, #txp123mapspi1-poi-slider + form .tx-p123maps-pi1-poi-label label.slider, #txp123mapspi1-periods-slider + form .tx-p123maps-pi1-periods-label label.slider { display: block; margin: -11px -7px; padding: 11px 7px; } #txp123mapspi1-address-slider + form .tx-p123maps-pi1-address-label label.slider:after, #txp123mapspi1-search-slider + form .tx-p123maps-pi1-search-label label.slider:after, #txp123mapspi1-searchFilter-slider + form .tx-p123maps-pi1-searchFilter-label label.slider:after, #txp123mapspi1-poi-slider + form .tx-p123maps-pi1-poi-label label.slider:after, #txp123mapspi1-periods-slider + form .tx-p123maps-pi1-periods-label label.slider:after { content: "\f077"; display: inline-block; float: right; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #txp123mapspi1-address-slider:checked + form .tx-p123maps-pi1-address-label label.slider:after, #txp123mapspi1-searchFilter-slider:checked + form .tx-p123maps-pi1-searchFilter-label label.slider:after, #txp123mapspi1-search-slider:checked + form .tx-p123maps-pi1-search-label label.slider:after, #txp123mapspi1-poi-slider:checked + form .tx-p123maps-pi1-poi-label label.slider:after, #txp123mapspi1-periods-slider:checked + form .tx-p123maps-pi1-periods-label label.slider:after { content: "\f078"; } /* address */ #tx-p123maps-pi1-address { width: 200px } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-address { width: 250px; } .tx-p123maps-pi1-address-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-address-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-address-field { float: left; margin: 0px 0px 11px 7px; } #txp123mapspi1-address { background: #F4F4F4; border: 1px solid #DBDBDB; font-size: 12px; line-height: 14px; padding: 3px; width: 150px; -webkit-appearance: textfield; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-address { font-size: 14px; line-height: 18px; width: 190px; } .tx-p123maps-pi1-address-submit { float: left; margin: 0px; } .tx-p123maps-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-p123maps-pi1-address-submit input[type="submit"] { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-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-p123maps-pi1-fullscreen .tx-p123maps-pi1-address-submit input[type="submit"] { height: 26px; width: 26px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-address-submit:after { font-size: 10px; line-height: 26px; width: 26px; } /* media */ #tx-p123maps-pi1-media { display: none; width: 200px; } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-media { width: 250px; } .tx-p123maps-pi1-media-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-media-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-media-item { line-height: 23px; margin: 0px 7px 6px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-media-item { font-size: 14px; } .tx-p123maps-pi1-media-item:last-child { margin-bottom: 11px; } :root .tx-p123maps-pi1-media-item input[type="checkbox"] { height: 16px; width: 24px; z-index: auto; } :root .tx-p123maps-pi1-media-item input[type="checkbox"] + label { line-height: 16px; margin-left: 0px; text-indent: 0px; z-index: auto; } :root .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-media-item input[type="checkbox"] + label { font-size: 14px; } :root .tx-p123maps-pi1-media-item input[type="checkbox"] + label:before { background: url(../typo3conf/ext/p123maps/res/media-icons.png?201610181734) 100% 100% no-repeat; border: none; float: left; margin-top: 2px; top: auto; vertical-align: top; width: 24px; -moz-background-size: 74px 161px; -webkit-background-size: 74px 161px; background-size: 74px 161px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } :root .tx-p123maps-pi1-media-item[data-item="GF"] input[type="checkbox"] + label:before { background-position: 0px 0px; height: 14px; } :root .tx-p123maps-pi1-media-item[data-item="SP"] input[type="checkbox"] + label:before { background-position: 0px -23px; height: 15px; } :root .tx-p123maps-pi1-media-item[data-item="ZZ"] input[type="checkbox"] + label:before { background-position: 0px -46px; height: 14px; } :root .tx-p123maps-pi1-media-item[data-item="GZ"] input[type="checkbox"] + label:before { background-position: 0px -69px; height: 15px; } :root .tx-p123maps-pi1-media-item[data-item="GV"] input[type="checkbox"] + label:before { background-position: 0px -92px; height: 22px; } :root .tx-p123maps-pi1-media-item[data-item="PF"] input[type="checkbox"] + label:before { background-position: 0px -115px; height: 14px; } :root .tx-p123maps-pi1-media-item[data-item="VI"] input[type="checkbox"] + label:before, :root .tx-p123maps-pi1-media-item[data-item="VN"] input[type="checkbox"] + label:before { background-position: 0px -138px; height: 10px; } :root .tx-p123maps-pi1-media-item input[type="checkbox"]:checked + label:before { content: ""; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } :root .tx-p123maps-pi1-media-item[data-item="GF"] input[type="checkbox"]:checked + label:before { background-position: -37px -0px; } :root .tx-p123maps-pi1-media-item[data-item="SP"] input[type="checkbox"]:checked + label:before { background-position: -37px -23px; } :root .tx-p123maps-pi1-media-item[data-item="ZZ"] input[type="checkbox"]:checked + label:before { background-position: -37px -46px; } :root .tx-p123maps-pi1-media-item[data-item="GZ"] input[type="checkbox"]:checked + label:before { background-position: -37px -69px; } :root .tx-p123maps-pi1-media-item[data-item="GV"] input[type="checkbox"]:checked + label:before { background-position: -37px -92px; } :root .tx-p123maps-pi1-media-item[data-item="PF"] input[type="checkbox"]:checked + label:before { background-position: -37px -115px; } :root .tx-p123maps-pi1-media-item[data-item="VI"] input[type="checkbox"]:checked + label:before, :root .tx-p123maps-pi1-media-item[data-item="VN"] input[type="checkbox"]:checked + label:before { background-position: -37px -138px; } :root .tx-p123maps-pi1-media-item[data-item] input[type="checkbox"] + label[data-count]:after { content: " (" attr(data-count) ")"; } /* filter */ #tx-p123maps-pi1-searchFilter { display: none; width: 200px; } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-searchFilter { width: 250px; } .tx-p123maps-pi1-searchFilter-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-searchFilter-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-searchFilter-item { line-height: 23px; margin: 0px 7px 6px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-searchFilter-item { font-size: 14px; } .tx-p123maps-pi1-searchFilter-item:last-child { margin-bottom: 11px; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] { /*height: 16px; width: 24px;*/ z-index: auto; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label { line-height: 16px; margin-left: 0px; text-indent: 0px; z-index: auto; } :root .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label { font-size: 14px; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label:before { content: ""; display: none; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"]:checked + label { color: #002046; font-weight: bold; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label .tx-p123search-pi3-rating { display: inline-block; } :root .tx-p123maps-pi1-searchFilter-item input[type="checkbox"] + label .tx-p123search-pi3-rating .star { display: inline-block; margin-top: 3px; } /* search */ #tx-p123maps-pi1-search { width: 200px; } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-search { width: 250px; } .tx-p123maps-pi1-search-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-search-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-search-field { float: left; margin: 0px 0px 11px 7px; } .tx-p123maps-pi1-search-field.tooltip span { pointer-events: auto; } #txp123mapspi1-search { background: #F4F4F4; border: 1px solid #DBDBDB; font-size: 12px; line-height: 14px; padding: 3px; width: 150px; -webkit-appearance: textfield; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-search { font-size: 14px; line-height: 18px; width: 190px; } .tx-p123maps-pi1-search-submit { float: left; margin: 0px; } .tx-p123maps-pi1-search-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-p123maps-pi1-search-submit input[type="submit"] { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-pi1-search-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-p123maps-pi1-fullscreen .tx-p123maps-pi1-search-submit input[type="submit"] { height: 26px; width: 26px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-search-submit:after { font-size: 10px; line-height: 26px; width: 26px; } /* poi */ #tx-p123maps-pi1-poi { margin: 0px auto; max-width: 230px; } .tx-p123maps-pi1-poi { overflow: visible; min-height: 94px; min-width: 220px; } .tx-p123maps-pi1-poi-label { font-size: 13px; line-height: 15px; margin: 0px; padding: 8px 7px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-poi-label { font-size: 16px; line-height: 18px; padding: 11px 7px; } .tx-p123maps-pi1-poi-field { float: left; margin: 0px 0px 11px 7px; } #txp123mapspi1-poi-field { background: #F4F4F4; border: 1px solid #DBDBDB; font-size: 12px; line-height: 14px; padding: 3px; width: 150px; -webkit-appearance: textfield; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-poi-field { font-size: 14px; line-height: 18px; width: 190px; } .tx-p123maps-pi1-poi-submit { float: left; margin: 0px; } .tx-p123maps-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-p123maps-pi1-poi-submit input[type="submit"] { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-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-p123maps-pi1-fullscreen .tx-p123maps-pi1-poi-submit input[type="submit"] { height: 26px; width: 26px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-poi-submit:after { font-size: 10px; line-height: 26px; width: 26px; } #txp123mapspi1-poi { display: none; width: 200px; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-poi { width: 250px; } #txp123mapspi1-poi a { background: url(../typo3conf/ext/p123maps/res/poi-icon.png?201304291032) no-repeat; display: block; height: 15px; line-height: 15px; margin: 8px 0px 0px 7px; padding: 19px 0px 0px 18px; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-poi a { font-size: 13px; } /* slider-border */ #txp123mapspi1-fullscreen ~ #tx-p123maps-pi1-address, #txp123mapspi1-fullscreen ~ #tx-p123maps-pi1-media, #txp123mapspi1-fullscreen ~ #tx-p123maps-pi1-searchFilter, #txp123mapspi1-fullscreen ~ #tx-p123maps-pi1-search, #txp123mapspi1-fullscreen ~ #txp123mapspi1-poi, #txp123mapspi1-fullscreen ~ #txp123mapspi1-fullscreen, #txp123mapspi1-fullscreen ~ #txp123mapspi1-helpLayer, #txp123mapspi1-fullscreen ~ #txp123mapspi1-legend, #tx-p123maps-pi1-address ~ #tx-p123maps-pi1-media, #tx-p123maps-pi1-address ~ #tx-p123maps-pi1-searchFilter, #tx-p123maps-pi1-address ~ #tx-p123maps-pi1-search, #tx-p123maps-pi1-address ~ #txp123mapspi1-poi, #tx-p123maps-pi1-address ~ #txp123mapspi1-fullscreen, #tx-p123maps-pi1-address ~ #txp123mapspi1-helpLayer, #tx-p123maps-pi1-address ~ #txp123mapspi1-legend, #tx-p123maps-pi1-media ~ #tx-p123maps-pi1-searchFilter, #tx-p123maps-pi1-media ~ #tx-p123maps-pi1-search, #tx-p123maps-pi1-media ~ #txp123mapspi1-poi, #tx-p123maps-pi1-media ~ #tx-p123maps-pi1-fullscreen, #tx-p123maps-pi1-media ~ #tx-p123maps-pi1-helpLayer, #tx-p123maps-pi1-media ~ #txp123mapspi1-legend, #tx-p123maps-pi1-searchFilter ~ #txp123mapspi1-poi, #tx-p123maps-pi1-searchFilter ~ #txp123mapspi1-fullscreen, #tx-p123maps-pi1-searchFilter ~ #txp123mapspi1-helpLayer, #tx-p123maps-pi1-searchFilter ~ #txp123mapspi1-legend, #tx-p123maps-pi1-search ~ #txp123mapspi1-poi, #tx-p123maps-pi1-search ~ #txp123mapspi1-fullscreen, #tx-p123maps-pi1-search ~ #txp123mapspi1-helpLayer, #tx-p123maps-pi1-search ~ #txp123mapspi1-legend, #txp123mapspi1-poi ~ #txp123mapspi1-fullscreen, #txp123mapspi1-poi ~ #txp123mapspi1-helpLayer, #txp123mapspi1-poi ~ #txp123mapspi1-legend, #txp123mapspi1-helpLayer ~ #txp123mapspi1-legend { border-top: 1px solid #dbdbdb; margin-top: 4px; } /* poi slider */ .tx-p123maps-pi1-poi-slider-label { float: left; margin: 5px 4px 0px 0px; } .tx-p123maps-pi1-poi-slider-layer { border: 1px solid #CCCCCC; float: left; height: 8px; margin: 8px 0px 16px 0px; position: relative; width: 122px; } .tx-p123maps-pi1-poi-slider-layer span { left: 130px; position: absolute; top: -3px; white-space: nowrap; } .tx-p123maps-pi1-poi-slider { background: #FFFFFF; height: 8px; margin: 0px auto; width: 108px; -webkit-touch-callout: none; } .tx-p123maps-pi1-poi-slider .noUi-base { background: #F8AE01; height: 100%; position: relative; width: 100%; } .tx-p123maps-pi1-poi-slider .noUi-base:before { background: #F8AE01; content: ""; height: 8px; left: -7px; position: absolute; top: 0px; width: 7px; } .tx-p123maps-pi1-poi-slider .noUi-origin { background: #FFFFFF; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; } .tx-p123maps-pi1-poi-slider .noUi-handle { background: #FFFFFF; border: 1px solid #CCCCCC; height: 16px; left: -8px; position: absolute; top: -5px; width: 16px; z-index: 5; } .tx-p123maps-pi1-poi-slider .noUi-handle:hover, .tx-p123maps-pi1-poi-slider .noUi-handle:active { background: #BE1010; } .tx-p123maps-pi1-poi-slider.disabled .noUi-base, .tx-p123maps-pi1-poi-slider.disabled .noUi-base:before { background: #999999; } .tx-p123maps-pi1-poi-slider.disabled .noUi-handle { border-color: #CCCCCC; background: #CCCCCC; } @media (-webkit-min-device-pixel-ratio: 1.2), -moz-touch-enabled, (max-device-width: 1024px) { .tx-p123maps-pi1-poi-slider .noUi-handle > div { height: 32px; left: -16px; top: -13px; width: 32px; } } /* fullscreen */ #txp123mapspi1-fullscreen { width: 200px } .tx-p123maps-pi1-fullscreen #txp123mapspi1-fullscreen { width: 250px; } #txp123mapspi1-fullscreen a { /*background: url(../typo3conf/ext/p123maps/res/fullscreen.gif?201302081600) center right no-repeat;*/ display: inline-block; line-height: 17px; margin: 11px 7px; /*padding-right: 26px;*/ } #txp123mapspi1-fullscreen a:after { color: #555659; content: "\f0ce"; display: inline-block; float: right; font: normal normal normal 18px/1 FontAwesome; margin: 1px 0px -1px 4px; text-rendering: auto; vertical-align: bottom; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-fullscreen a { font-size: 16px; line-height: 18px; } .tx-p123maps-pi1-fullscreen { background: #f4efe2; bottom: 0px; left: 0px; min-width: 320px; padding: 0px; position: fixed; right: 0px; top: 56px; z-index: 400; } .tx-p123maps-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-p123maps-pi1-fullscreen .csc-header { bottom: 100%; left: -1px; margin-bottom: 1px; padding: 0px 1px; position: absolute; width: 100%; } .tx-p123maps-pi1-fullscreen .csc-header ~ .csc-mailform-submit-top { bottom: 14px; top: auto; z-index: 2; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-layer { background: #FFFFFF; bottom: 0px; border: 1px solid #dbdbdb; left: 0px; position: absolute; right: 0px; top: 37px; } .tx-p123maps-pi1-fullscreen .csc-mailform-submit-bottom { bottom: auto; top: 0px; z-index: 1; } .tx-p123maps-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-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a { display: inline-block; height: 55px; } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket:after { vertical-align: middle; } .tx-p123maps-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-p123maps-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-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:hover:before, .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:focus:before { -moz-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket a.tooltip:hover span, .tx-p123maps-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-p123maps-pi1-close { display: none; height: 15px; left: 8px; position: fixed; top: 20px; width: 24px; z-index: 2; } .tx-p123maps-pi1-close:before, .tx-p123maps-pi1-close:after { background: #555659; content: ""; display: block; height: 3px; left: 0px; position: absolute; top: 6px; width: 24px; } .tx-p123maps-pi1-close:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tx-p123maps-pi1-close:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-close { display: inline-block; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo { height: 55px !important; /*left: 40px;*/ margin-left: 40px !important; max-width: 260px !important; /*min-width: 134px;*/ position: fixed; top: 0px; width: 35%; z-index: 2; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo a { /*display: block; height: 100%; width: 100%;*/ } /*.tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo a:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }*/ .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo img { display: inline-block; height: auto; vertical-align: middle; width: 100%; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline { color: #002046; font-size: 16px; height: 55px; line-height: 55px; margin-right: 1.5em; position: fixed; right: 163px; top: 0px; z-index: 2; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline .whatsapp { display: none; } /* .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline strong { font-weight: normal; } */ .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline em { display: none; } /* .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline > * > * { display: block; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline > * > *:before { content: "\f095"; display: inline-block; font: normal normal normal 22px/18px FontAwesome; margin-right: 6px; text-rendering: auto; vertical-align: -15%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */ @media print { .tx-p123maps-pi1-fullscreen { display: none; } } /* legend */ #txp123mapspi1-legend { width: 200px; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-legend { width: 250px; } .tx-p123maps-pi1-legend { line-height: 17px; margin: 11px 7px; position: relative; } .tx-p123maps-pi1-legend ~ .tx-p123maps-pi1-legend { margin-top: 0px; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-legend { font-size: 16px; line-height: 18px; } /* map & loader */ #txp123mapspi1 { 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-p123maps-pi1-fullscreen #txp123mapspi1 { left: 250px; /*overflow: hidden !important;*/ position: fixed !important; /*right: auto;*/ top: 94px; /*width: 100%;*/ } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button:checked ~ .tx-p123maps-pi1-slider #txp123mapspi1 { left: 0px; } #txp123mapspi1 > .map { height: 100%; position: relative; width: 100%; } #txp123mapspi1-loader { background: rgba(255, 255, 255, 0.6); height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; z-index: 450; } #txp123mapspi1-loader span { background: rgba(255, 255, 255, 0.9) url(../typo3conf/ext/p123maps/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 */ #txp123mapspi1-infoWindow { background: rgba(255, 255, 255, 0.95); 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; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-infoWindow { min-height: 430px; width: 540px; } #txp123mapspi1-infoWindow.left { margin-right: 50px; /* margin-left: 250px; */ } #txp123mapspi1-infoWindow.right { margin-left: 50px; /* margin-left: 300px; */ } #txp123mapspi1-infoWindow-arrow { height: 0px; position: absolute; top: 50%; width: 0px; } .left #txp123mapspi1-infoWindow-arrow { left: 100%; } .right #txp123mapspi1-infoWindow-arrow { right: 100%; } #txp123mapspi1-infoWindow-arrow:after, #txp123mapspi1-infoWindow-arrow .after, #txp123mapspi1-infoWindow-arrow:before, #txp123mapspi1-infoWindow-arrow .before { border: 20px solid transparent; content: ""; height: 0px; pointer-events: none; position: absolute; width: 0px; } .left #txp123mapspi1-infoWindow-arrow:after, .left #txp123mapspi1-infoWindow-arrow .after, .left #txp123mapspi1-infoWindow-arrow:before, .left #txp123mapspi1-infoWindow-arrow .before { left: 100%; } .right #txp123mapspi1-infoWindow-arrow:after, .right #txp123mapspi1-infoWindow-arrow .after, .right #txp123mapspi1-infoWindow-arrow:before, .right #txp123mapspi1-infoWindow-arrow .before { right: 100%; } #txp123mapspi1-infoWindow-arrow:after, #txp123mapspi1-infoWindow-arrow .after { border-width: 20px 50px; top: 50%; margin-top: -20px; } .left #txp123mapspi1-infoWindow-arrow:after, .left #txp123mapspi1-infoWindow-arrow .after { border-left-color: #FFFFFF; } .right #txp123mapspi1-infoWindow-arrow:after, .right #txp123mapspi1-infoWindow-arrow .after { border-right-color: #FFFFFF; } #txp123mapspi1-infoWindow-arrow:before, #txp123mapspi1-infoWindow-arrow .before { border-width: 21px 51px; top: 50%; margin-top: -21px; } .left #txp123mapspi1-infoWindow-arrow:before, .left #txp123mapspi1-infoWindow-arrow .before { border-left-color: #CCCCCC; } .right #txp123mapspi1-infoWindow-arrow:before, .right #txp123mapspi1-infoWindow-arrow .before { border-right-color: #CCCCCC; } /* infoWindow content */ .tx-p123maps-pi1-infoWindow-closeLink { display: block; height: 17px; position: absolute; right: 0px; top: 0px; width: 17px; z-index: 51; } .tx-p123maps-pi1-infoWindow-closeLink:before, .tx-p123maps-pi1-infoWindow-closeLink:after { background: #555659; content: ""; display: block; height: 3px; left: 3px; position: absolute; top: 7px; width: 13px; } .tx-p123maps-pi1-infoWindow-closeLink:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .tx-p123maps-pi1-infoWindow-closeLink:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .tx-p123maps-pi1-infoWindow-city { margin-left: 66px; } .tx-p123maps-pi1-infoWindow-title { background: #F4F4F4; height: 31px; overflow: hidden; padding: 15px 15px 5px 15px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .tx-p123maps-pi1-infoWindow-title .icon { background: url(../typo3conf/ext/p123maps/res/media-icons.png?201610181734) 100% 100% no-repeat; float: left; height: 23px; margin-top: 4px; width: 24px; -moz-background-size: 74px 161px; -webkit-background-size: -74px 161px; background-size: 74px 161px; } .tx-p123maps-pi1-infoWindow-title .icon.GF { background-position: 0px 0px; } .tx-p123maps-pi1-infoWindow-title .icon.SP { background-position: 0px -23px; } .tx-p123maps-pi1-infoWindow-title .icon.ZZ { background-position: 0px -46px; } .tx-p123maps-pi1-infoWindow-title .icon.GZ { background-position: 0px -69px; } .tx-p123maps-pi1-infoWindow-title .icon.GV { background-position: 0px -92px; } .tx-p123maps-pi1-infoWindow-title .icon.PF { background-position: 0px -115px; } .tx-p123maps-pi1-infoWindow-title .icon.VI, .tx-p123maps-pi1-infoWindow-title .icon.VN { background-position: 0px -138px; } .tx-p123maps-pi1-infoWindow-title .data { float: right; min-width: 53px; padding: 0px 0px 2px 12px; text-align: right; } .tx-p123maps-pi1-infoWindow-title .name { margin: 0px 0px 0px 28px; } .tx-p123maps-pi1-infoWindow-title * { color: #000000; } .tx-p123maps-pi1-infoWindow-title h1, .tx-p123maps-pi1-infoWindow-title h2, .tx-p123maps-pi1-infoWindow-title h3 { font-size: 13px; font-weight: bold; height: 17px; margin: 0px; overflow: hidden; padding: 0px; } .tx-p123maps-pi1-infoWindow-title del { font-style: italic; font-weight: normal; padding-right: 10px; } .tx-p123maps-pi1-infoWindow-title .rating .star { background: url(../typo3conf/ext/p123maps/res/stars-rating.png?201610121329) -60px 0px no-repeat; display: block; height: 12px; text-indent: -99999em; width: 61px; -moz-background-size: 123px 24px; -webkit-background-size: 123px 24px; background-size: 123px 24px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star0-0, .tx-p123maps-pi1-infoWindow-title .rating .star.star9-9 { -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; filter: alpha(opacity=40); } @media all and (min-width:0\0) { .tx-p123maps-pi1-infoWindow-title .rating .star.star0-0, .tx-p123maps-pi1-infoWindow-title .rating .star.star9-9 { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-pi1-infoWindow-title .rating .star.star1-0 { background-position: 0px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star1-5 { background-position: 0px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star2-0 { background-position: -12px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star2-5 { background-position: -12px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star3-0 { background-position: -24px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star3-5 { background-position: -24px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star4-0 { background-position: -36px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star4-5 { background-position: -36px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star5-0 { background-position: -48px 0px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star5-5 { background-position: -48px -12px; } .tx-p123maps-pi1-infoWindow-title .rating .star.star6-0 { background-position: -60px -0px; } /* infoWindow item */ .tx-p123maps-pi1-infoWindow-index { bottom: 100%; height: 23px; left: 9px; position: absolute; z-index: 51; } .tx-p123maps-pi1-infoWindow-index a { color: #FFFFFF; display: block; float: left; margin-left: 2px; padding: 5px 10px; white-space: nowrap; /* made by http://www.colorzilla.com/gradient-editor */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YWUwMSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZDQ3MiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(248, 174, 1, 0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248, 174, 1, 0.9)), color-stop(100%, rgba(242, 212, 114, 0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248, 174, 1, 0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,174,1,0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248, 174, 1, 0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248, 174, 1, 0.9) 0%, rgba(242, 212, 114, 0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f8ae01', endColorstr='#e6f2d472', GradientType=0); /* IE6-8 */ -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; -moz-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.4), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3); } @media all and (min-width:0\0) { .tx-p123maps-pi1-infoWindow-index a { filter: none; } } /* IE9+ */ .tx-p123maps-pi1-infoWindow-index a:hover, .tx-p123maps-pi1-infoWindow-index a:focus { text-decoration: none; } .tx-p123maps-pi1-infoWindow-index a.active { text-decoration: underline; /* made by http://www.colorzilla.com/gradient-editor */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 30, 30, 0.9)), color-stop(100%, rgba(30, 30, 30, 0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61e1e1e', endColorstr='#e61e1e1e', GradientType=0); /* IE6-8 */ } @media all and (min-width:0\0) { .tx-p123maps-pi1-infoWindow-index a.active { filter: none; } } /* IE9+ */ .tx-p123maps-pi1-infoWindow-item { background: #FFFFFF; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tx-p123maps-pi1-infoWindow-toggle { bottom: 76px; left: 10px; position: absolute; z-index: 1; } .tx-p123maps-pi1-infoWindow-toggle a.toggle { background: url(../typo3conf/ext/p123maps/res/icon-list.gif?201301281533) left 0px no-repeat; padding-left: 12px; } .tx-p123maps-pi1-infoWindow-toggle a.toggle:hover { background-position: left -60px; } .tx-p123maps-pi1-infoWindow-toggle a.toggle.active { background-position: left -120px; } .tx-p123maps-pi1-infoWindow-toggle a.toggle.active:hover { background-position: left -180px; } .tx-p123maps-pi1-infoWindow-toggle del { color: #BE1010; font-style: italic; text-decoration: line-through; } /* infoWindow net */ .tx-p123maps-pi1-infoWindow-net { background: rgba(255, 255, 255, 0.8); bottom: 0px; color: #BE1010; display: block; height: 18px; left: 0px; line-height: 18px; padding: 0px 12px; pointer-events: none; position: absolute; right: 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } /* infoWindow details */ .tx-p123maps-pi1-infoWindow-details { background: rgba(255, 255, 255, 0.8); bottom: 10px; float: right; overflow: hidden; padding: 10px 5px 10px 10px; position: absolute; right: 0px; top: 10px; width: auto; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .tx-p123maps-pi1-infoWindow-net ~ .tx-p123maps-pi1-infoWindow-details { bottom: 28px; } .tx-p123maps-pi1-infoWindow-details-open { bottom: 3px; cursor: cell; display: block; left: 0px; position: absolute; right: 3px; top: 3px; /*width: 15px;*/ } .tx-p123maps-pi1-infoWindow-details > div { display: none; overflow: hidden; } .tx-p123maps-pi1-infoWindow-details > div div { clear: right; color: #333333; float: right; text-align: right; white-space: nowrap; } .tx-p123maps-pi1-infoWindow-locationMarket { background: url(../typo3conf/ext/p123maps/res/market-icon.gif?201302121418) left top no-repeat; margin-top: 13px; padding: 3px 0px 0px 25px; } /* infoWindow image */ .tx-p123maps-pi1-infoWindow-locationImage { background-position: center center; background-repeat: no-repeat; background-size: cover; bottom: 89px; /*height: 180px;*/ left: 10px; /*margin: 0px 10px;*/ /*margin-bottom: 25px;*/ position: absolute; right: 10px; top: 51px; } .tx-p123maps-pi1-infoWindow-locationImage-empty { background: rgba(255, 255, 255, 0.8); border: 1px solid #C0C0C0; border-color: rgba(192, 192, 192, 0.8); color: #303030; display: block; font-size: 15px; font-weight: bold; height: 70px; left: 50%; line-height: 70px; margin: -35px 0px 0px -125px; position: absolute; text-align: center; top: 50%; width: 250px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 4px 0px #C0C0C0; -webkit-box-shadow: 0px 0px 4px 0px #C0C0C0; box-shadow: 0px 0px 4px 0px #C0C0C0; } .tx-p123maps-pi1-infoWindow-locationImage.empty.GF { background-image: url(../fileadmin/image/plakat/p123search_media_GF-ST.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.GZ { background-image: url(../fileadmin/image/plakat/p123search_media_GZ-ST.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.SP { background-image: url(../fileadmin/image/plakat/p123search_media_SP.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.ZZ { background-image: url(../fileadmin/image/plakat/p123search_media_GF-VB.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.GV { background-image: url(../fileadmin/image/plakat/p123search_media_GV-ST.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.PF { background-image: url(../fileadmin/image/plakat/p123search_media_PF.jpg); } .tx-p123maps-pi1-infoWindow-locationImage.empty.VI, .tx-p123maps-pi1-infoWindow-locationImage.empty.VN { background-image: url(../fileadmin/image/plakat/p123search_media_VI-ST.jpg); } .tx-p123maps-pi1-infoWindow-locationImage a { display: block; height: 100%; left: 0px; overflow: visible; padding-bottom: 1.2em; position: absolute; top: 0px; width: 100%; } .tx-p123maps-pi1-infoWindow-locationImage a:hover { text-decoration: none; } .tx-p123maps-pi1-infoWindow-locationImage a:before { content: "" !important; display: block !important; height: 100% !important; margin: 0px !important; width: auto !important; } .tx-p123maps-pi1-infoWindow-locationImage a:after { content: "\f00e"; color: #000000; display: block; font: normal normal normal 14px/1 FontAwesome; text-align: right; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* infoWindow permanent */ .tx-p123maps-pi1-infoWindow-permanent { background: #FFFFFF; bottom: 100%; left: 0px; overflow-y: auto; position: absolute; right: 0px; top: 51px; z-index: 1; -moz-transition: bottom 0.6s ease; -webkit-transition: bottom 0.6s ease; transition: bottom 0.6s ease; } .tx-p123maps-pi1-infoWindow-permanent.active { bottom: 64px; } .tx-p123maps-pi1-infoWindow-permanent-info { border-right: 2px solid #F4F4F4; height: 100%; margin: 0px 200px 0px 10px; overflow-y: auto; padding-right: 10px; } .tx-p123maps-pi1-infoWindow-permanent > form { float: right; max-height: 100%; overflow-y: auto; width: 185px; } .tx-p123maps-pi1-infoWindow-permanent > form .csc-mailform-field { padding-bottom: 0px; } .tx-p123maps-pi1-permanent-price, .tx-p123maps-pi1-permanent-priceYear { border-color: transparent transparent #868686; width: auto; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .tx-p123maps-pi1-permanent-price-year { display: none; } .tx-p123maps-pi1-permanent-require li { color: #BE1010; font-weight: bold; } .tx-p123maps-pi1-fullscreen ~ .ui-datepicker { z-index: 401 !important; } /* infoWindow periods */ .tx-p123maps-pi1-infoWindow-periods { background: #F4F4F4; bottom: 0px; height: 56px; 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-p123maps-pi1-infoWindow-periods:after { clear: left; content: "."; display: block; height: 0px; line-height: 0px; visibility: hidden; } .tx-p123maps-pi1-infoWindow-periods dl { display: block; float: left; margin: 0px; padding: 0px; width: 30px; } .tx-p123maps-pi1-infoWindow-periods dl.permanent { width: 55px; } .tx-p123maps-pi1-infoWindow-periods dt { color: #000000; display: block; margin: 0px; padding: 0px; } .tx-p123maps-pi1-infoWindow-periods .tooltip { color: #000000; } .tx-p123maps-pi1-infoWindow-periods .tooltip span { text-align: left; } .tx-p123maps-pi1-infoWindow-periods .express { color: #BE1010; } .tx-p123maps-pi1-infoWindow-periods .align-center .checkbox { margin: 4px auto 0px auto; } .tx-p123maps-pi1-infoWindow-periods .checkbox { border: 1px solid #868686; display: block; height: 11px; line-height: 11px; margin-top: 4px; width: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .tx-p123maps-pi1-infoWindow-periods .checkbox.checked { background: url(../fileadmin/image/csc-mailform-check.png) no-repeat; -moz-box-shadow: 0px 0px 1px 1px #B3B3B3; -webkit-box-shadow: 0px 0px 1px 1px #B3B3B3; box-shadow: 0px 0px 1px 1px #B3B3B3; } .tx-p123maps-pi1-infoWindow-periods .checkbox.disabled { background: url(../typo3conf/ext/p123maps/res/disabled.png?201304291032) center center no-repeat; cursor: default; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter: alpha(opacity=50); -moz-box-shadow: 0px 0px 1px 1px #FFFFFF; -webkit-box-shadow: 0px 0px 1px 1px #FFFFFF; box-shadow: 0px 0px 1px 1px #FFFFFF; } @media all and (min-width: 0\0) { .tx-p123maps-pi1-infoWindow-periods .checkbox.disabled { -ms-filter: none; filter: none; } } /* IE9+ */ .tx-p123maps-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-p123maps-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-p123maps-pi1-infoWindow-price b { display: block; margin-top: 4px; } .tx-p123maps-pi1-locationLoading { background: url(../typo3conf/ext/p123maps/res/loc-loading.gif?201301291102) center center no-repeat; display: inline-block; height: 13px; width: 16px; } #txp123mapspi1-helpLayer { width: 200px } .tx-p123maps-pi1-fullscreen #txp123mapspi1-helpLayer { width: 250px; } #txp123mapspi1-helpLayer a { display: inline-block; line-height: 17px; margin: 11px 7px; } #txp123mapspi1-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-p123maps-pi1-fullscreen #txp123mapspi1-helpLayer a { font-size: 16px; line-height: 18px; } #txp123mapspi1-description { bottom: 0px; cursor: pointer; display: none; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 900; } .tx-p123maps-pi1-description-close, .tx-p123maps-pi1-description-media, .tx-p123maps-pi1-description-address, .tx-p123maps-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-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-close, .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-media, .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-address, .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-filter { font-size: 16px; line-height: 18px; padding: 15px; } .tx-p123maps-pi1-description-media:after, .tx-p123maps-pi1-description-address:after, .tx-p123maps-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-p123maps-pi1-description-close { background: #c33; left: 10px; top: 10px; width: 130px; z-index: 905; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-close { width: 160px; } .tx-p123maps-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-p123maps-pi1-description-media { left: 40px; top: 200px; width: 140px; z-index: 902; } .tx-p123maps-pi1-description-address { left: 10px; top: 500px; width: 140px; z-index: 903; } .tx-p123maps-pi1-description-filter { left: 45px; top: 415px; width: 125px; z-index: 904; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-filter { width: 155px; } .tx-p123maps-pi1-description-image { height: 100%; margin-left: 195px; position: relative; z-index: 901; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-description-image { margin-left: 180px; } .tx-p123maps-pi1-description-image:before { background: url(../typo3conf/ext/p123maps/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 (min-width: 961px) { html.tx-p123maps-pi1-fullscreen-open #tx-p123qsearch-pi1-basket { background: #fff; border-bottom: 1px solid #d4d4d4; border-left-width: 0px; 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-p123maps-pi1-fullscreen-open #tx-p123qsearch-pi1-basket:after { height: 25px; vertical-align: middle; width: 29px; } html.tx-p123maps-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: 35px; } html.tx-p123maps-pi1-fullscreen-open #tx-p123qsearch-pi1-basket .basket-align:before { height: 100%; vertical-align: middle; } } @media only screen and (max-width: 960px) { .tx-p123maps-pi1-fullscreen:before { content: none; display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo { display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-close { display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-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-p123maps-pi1-fullscreen-open > body { position: fixed; } .tx-p123maps-pi1-fullscreen:before { content: none; display: none; } .tx-p123maps-pi1-fullscreen #tx-p123qsearch-pi1-basket { font-size: 11px; width: auto; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-close { display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-logo { display: none; } .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-hotline { display: none; } .tx-p123maps-pi1-fullscreen #txp123mapspi1 > .map ~ #txp123mapspi1-infoWindow { left: 5% !important; margin: 0px 0px 0px -250px; right: 5% !important; top: 30px !important; width: auto !important; max-height: -moz-calc(100vh - 56px - 37px - 30px - (23px + 14px)); max-height: -webkit-calc(100vh - 56px - 37px - 30px - (23px + 14px)); max-height: calc(100vh - 56px - 37px - 30px - (23px + 14px)); } .tx-p123maps-pi1-fullscreen #tx-p123maps-pi1-slider-button:checked ~ .tx-p123maps-pi1-slider #txp123mapspi1 > .map ~ #txp123mapspi1-infoWindow { margin-left: 0px; } #txp123mapspi1-infoWindow-arrow { display: none; } .tx-p123maps-pi1-infoWindow-toggle { bottom: 73px; } } @media only screen and (max-width: 624px) { .tx-p123maps-pi1-fullscreen .csc-header ~ .csc-mailform-submit-top { display: none; } } @media only screen and (max-width: 456px) { body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *, .tx-p123maps-pi1-fullscreen .csc-header > * { margin-right: 6px; padding: 5px 3px; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header > *:nth-last-child(2), .tx-p123maps-pi1-fullscreen .csc-header > *:nth-last-child(2) { margin-right: 0px; } body.wide #content-normal .csc-default .tx-p123maps-pi1 .csc-header:first-child > *:last-child, .tx-p123maps-pi1-fullscreen .csc-header > *:last-child { display: none; } .tx-p123maps-pi1-fullscreen #txp123mapspi1-infoWindow { left: 1% !important; right: 1% !important; } .tx-p123maps-pi1-description-image { display: none; } } @media only screen and (max-width: 648px) and (min-width: 0px) { .tx-p123maps-pi1-fullscreen .tx-p123maps-pi1-slider { padding-bottom: 4.6em; } } @media only screen and (max-height: 616px) and (min-height: 0px) { .tx-p123maps-pi1-fullscreen #txp123mapspi1-infoWindow { bottom: 4.6em; height: auto !important; min-height: auto !important; } } ) } # Configuration for cacheable javascript page.jsFooterInline.129 = COA page.jsFooterInline.129 { 10 = FILE 10 { file = EXT:p123maps/res/jquery.tmpl.js stdWrap.append = TEXT stdWrap.append.char = 10 } 20 = FILE 20 { file = EXT:p123maps/res/jquery.nouislider.js stdWrap.append = TEXT stdWrap.append.char = 10 } 30 = USER 30 { includeLibs = EXT:p123maps/pi1/class.tx_p123maps_pi1.php userFunc = tx_p123maps_pi1->cachable templateFile = EXT:p123maps/res/javascript.js marks < plugin.tx_p123maps_pi1.marks data < plugin.tx_p123maps_pi1.data locallang < plugin.tx_p123maps_pi1.locallang dontWrapInBaseClass = 1 } } # Configuration for the page "p123maps_pi1->ajax" p123maps_pi1 = PAGE p123maps_pi1 { typeNum = 129 config { disableAllHeaderCode = 1 disableCharsetHeader = 1 xhtml_cleaning = 0 no_cache = 1 } 10 = json } }