1 line
31 KiB
Plaintext
1 line
31 KiB
Plaintext
{"version":3,"sources":["mapsjs-ui.scss","mapsjs-ui.css"],"names":[],"mappings":"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","file":"mapsjs-ui.css","sourcesContent":["/*\r\n * Explanation why the layout looks so complicated:\r\n * The UI container needs a position (absolute or relative) to prevent z-index issues (DomMarker on top of UI)\r\n * Therefore it has these additional styles:\r\n * position: absolute;\r\n * width: 100%;\r\n * height: 100%;\r\n * To prevent that the UI container captures all events the container is displaced by\r\n * left: 100%;\r\n * To neutralize the displacement for the UI elements within the UI container the following adjustments are needed:\r\n * - InfoBubble (.H_ib): left: -100%;\r\n * - left anchor (.H_l_left): margin-left: -100%;\r\n * - center anchor (.H_l_center): left: -50%; (was left: 50%)\r\n * - right anchor (.H_l_right): right: 100%; (was right: 0)\r\n * margin-left: -100%;\r\n */\r\n\r\n.H_ui {\r\n font-size: 10px;\r\n font-family: \"Lucida Grande\", Arial, Helvetica, sans-serif;\r\n\r\n -moz-user-select: none;\r\n -khtml-user-select: none;\r\n -webkit-user-select: none;\r\n -o-user-select: none;\r\n -ms-user-select: none;\r\n\r\n z-index: 0;\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n left: 100%;\r\n}\r\n.H_ui * {\r\n /* normalize in case some other normalization CSS likes things differently */\r\n box-sizing: content-box;\r\n -moz-box-sizing: content-box;\r\n}\r\n.H_noevs {\r\n pointer-events: none;\r\n}\r\n\r\n/*\r\n * Layout\r\n */\r\n.H_l_left {\r\n position: absolute;\r\n left: 0;\r\n margin-left: -100%;\r\n}\r\n.H_l_center {\r\n position: absolute;\r\n left: -50%;\r\n}\r\n.H_l_right {\r\n position: absolute;\r\n right: 100%;\r\n margin-left: -100%;\r\n}\r\n.H_l_top {\r\n top: 0;\r\n}\r\n.H_l_middle {\r\n top: 50%;\r\n}\r\n.H_l_bottom {\r\n bottom: 0;\r\n}\r\n\r\n/* Fix MAPSJS-579 for modern browsers */\r\n[class^=H_l_] {\r\n pointer-events: none;\r\n}\r\n.H_ctl {\r\n /* hack for IE9-10, auto doesn't work for them */\r\n pointer-events: visiblePainted;\r\n pointer-events: auto;\r\n}\r\n\r\n.H_l_horizontal .H_ctl {\r\n float: left;\r\n}\r\n\r\n.H_l_anchor {\r\n clear: both;\r\n float: right;\r\n}\r\n\r\n.H_l_vertical .H_ctl {\r\n clear: both;\r\n}\r\n\r\n.H_l_right .H_l_vertical .H_ctl {\r\n float: right;\r\n}\r\n\r\n.H_l_right.H_l_middle.H_l_vertical .H_ctl{\r\n float: right;\r\n}\r\n\r\n/**\r\n * Element styles\r\n */\r\n\r\n.H_ctl {\r\n margin: .6em;\r\n position: relative;\r\n cursor: pointer;\r\n -ms-touch-action: none;\r\n}\r\n\r\n.H_btn,\r\n.H_rdo li {\r\n background: #1f262a;\r\n border-radius: 2em;\r\n color: #fff;\r\n padding: .4em;\r\n -webkit-transform: translate3d(0, 1, 0);\r\n}\r\n\r\n.H_rdo {\r\n color: white;\r\n padding-bottom: .5em;\r\n margin-bottom: .5em;\r\n border-bottom: .1em solid #4A5B65;\r\n}\r\n.H_rdo_title {\r\n text-transform: uppercase;\r\n color: #dbe1e4;\r\n margin-bottom: 1em;\r\n\r\n}\r\n.H_rdo ul {\r\n list-style: none;\r\n margin: 0 auto;\r\n padding: 0;\r\n}\r\n\r\n.H_active,\r\n.H_rdo li.H_active {\r\n background: #4A5B65;\r\n}\r\n\r\n.H_disabled,\r\n.H_active.H_disabled {\r\n color: #5A6166;\r\n cursor: default;\r\n}\r\n\r\n\r\n/**\r\n * Base Elements\r\n */\r\n.H_l_vertical .H_grp>.H_btn {\r\n border-radius: 0;\r\n}\r\n.H_l_vertical .H_grp>div:first-child {\r\n -webkit-border-top-left-radius: 2em;\r\n -webkit-border-top-right-radius: 2em;\r\n -moz-border-radius-topleft: 2em;\r\n -moz-border-radius-topright: 2em;\r\n border-top-left-radius: 2em;\r\n border-top-right-radius: 2em;\r\n padding-top: 1em;\r\n margin-bottom: -1px;\r\n}\r\n.H_l_vertical .H_grp>div:last-child {\r\n -webkit-border-bottom-right-radius: 2em;\r\n -webkit-border-bottom-left-radius: 2em;\r\n -moz-border-radius-bottomright: 2em;\r\n -moz-border-radius-bottomleft: 2em;\r\n border-bottom-right-radius: 2em;\r\n border-bottom-left-radius: 2em;\r\n padding-bottom: 1em;\r\n}\r\n\r\n.H_l_horizontal .H_grp>.H_btn,\r\n.H_l_vertical .H_ctl {\r\n border-radius: 0;\r\n float: left;\r\n}\r\n.H_l_horizontal .H_grp>div:first-child {\r\n -webkit-border-top-left-radius: 2em;\r\n -webkit-border-bottom-left-radius: 2em;\r\n -moz-border-radius-topleft: 2em;\r\n -moz-border-radius-bottomleft: 2em;\r\n border-top-left-radius: 2em;\r\n border-bottom-left-radius: 2em;\r\n padding-left: 1em;\r\n}\r\n.H_l_horizontal .H_grp>div:last-child {\r\n -webkit-border-top-right-radius: 2em;\r\n -webkit-border-bottom-right-radius: 2em;\r\n -moz-border-radius-topright: 2em;\r\n -moz-border-radius-bottomright: 2em;\r\n border-top-right-radius: 2em;\r\n border-bottom-right-radius: 2em;\r\n padding-right: 1em;\r\n}\r\n\r\n\r\n/** Menu panel */\r\n.H_overlay {\r\n position: absolute;\r\n min-width: 15em;\r\n background: #1F262A;\r\n display: none;\r\n padding: 1em;\r\n z-index: 100;\r\n}\r\n.H_overlay>*:last-child {\r\n clear: both;\r\n}\r\n.H_overlay>.H_btn {\r\n white-space: nowrap;\r\n}\r\n\r\n.H_overlay.H_open {\r\n display: block;\r\n}\r\n\r\n.H_overlay::after {\r\n content: \" \";\r\n width: 0px;\r\n height: 0px;\r\n border-style: solid;\r\n position: absolute;\r\n}\r\n.H_overlay.H_left::after {\r\n border-width: 1em 1em 1em 0;\r\n border-color: transparent #1F262A transparent transparent;\r\n left: -1em;\r\n}\r\n.H_overlay.H_right::after {\r\n border-width: 1em 0 1em 1em;\r\n border-color: transparent transparent transparent #1F262A;\r\n left: 100%;\r\n}\r\n.H_overlay.H_top::after {\r\n top: .5em;\r\n}\r\n.H_overlay.H_bottom::after {\r\n bottom: .5em;\r\n}\r\n.H_overlay.H_middle::after {\r\n top: 50%;\r\n margin-top: -1em;\r\n}\r\n.H_overlay.H_top.H_center::after {\r\n border-width: 0 1em 1em 1em;\r\n border-color: transparent transparent #1F262A transparent;\r\n top: -1em;\r\n left: 50%;\r\n margin-left: -1em;\r\n}\r\n.H_overlay.H_bottom.H_center::after {\r\n border-width: 1em 1em 0 1em;\r\n border-color: #1F262A transparent transparent transparent;\r\n bottom: -1em;\r\n left: 50%;\r\n margin-left: -1em;\r\n}\r\n\r\n\r\n/** InfoBubble */\r\n.H_ib {\r\n position: absolute;\r\n left: .91em;\r\n background: #000;\r\n color: #fff;\r\n font-size: 2em;\r\n line-height: 1em;\r\n fill: #000;\r\n left: -100%;\r\n}\r\n.H_ib_tail {\r\n position: absolute;\r\n left: -.3em;\r\n bottom: -.5em;\r\n width: 1.2em;\r\n height: 1.2em;\r\n z-index: 100;\r\n}\r\n.H_ib_notail .H_ib_tail {\r\n display: none;\r\n}\r\n.H_ib_body {\r\n background: #000;\r\n position: absolute;\r\n bottom: .5em;\r\n padding: 0 1.2em 0 0;\r\n border-radius: .2em;\r\n margin-right: -1em;\r\n right: 0;\r\n}\r\n.H_ib_close {\r\n font-size: .6em;\r\n position: absolute;\r\n right: .2em;\r\n top: .2em;\r\n cursor: pointer;\r\n fill: #fff;\r\n}\r\n.H_disabled .H_ib_close {\r\n cursor: default;\r\n}\r\n\r\n.H_ib_noclose .H_ib_close {\r\n display: none;\r\n}\r\n.H_ib_noclose .H_ib_body {\r\n padding: 0 0 0 0;\r\n}\r\n\r\n.H_ib_content {\r\n min-width: 6em;\r\n margin: .2em 0;\r\n padding: 0 .2em;\r\n user-select: text;\r\n -moz-user-select: text;\r\n -khtml-user-select: text;\r\n -webkit-user-select: text;\r\n -o-user-select: text;\r\n -ms-user-select: text;\r\n}\r\n\r\n\r\n/*################################################## SLIDER ########################################################*/\r\n\r\n.H_l_horizontal.H_slider {\r\n float: left;\r\n height: 2.8em;\r\n width: auto;\r\n padding: 0 1em;\r\n}\r\n\r\n.H_slider .H_slider_track {\r\n width: 0.2em;\r\n height: 100%;\r\n}\r\n\r\n.H_l_horizontal.H_slider .H_slider_track {\r\n height: 0.2em;\r\n width: 100%;\r\n}\r\n\r\n.H_l_horizontal.H_slider .H_slider_cont {\r\n height: 100%;\r\n}\r\n\r\n.H_l_horizontal.H_slider .H_slider_knob_cont {\r\n margin-top: -0.2em;\r\n}\r\n\r\n.H_slider {\r\n background-color: #1f262a;\r\n padding: 1em 0em;\r\n width: 2.8em;\r\n}\r\n\r\n\r\n.H_slider .H_slider_cont {\r\n position: relative;\r\n}\r\n\r\n.H_slider .H_slider_knob_cont,\r\n.H_slider .H_slider_knob_halo {\r\n width: 2.4em;\r\n height: 2.4em;\r\n margin-left: 0em;\r\n border-radius:9em;\r\n}\r\n\r\n/* This will make slightly easy to grab the knob on touch devices*/\r\n.H_slider .H_slider_knob_halo {\r\n background-color: rgba(255,255,255,0.1);\r\n}\r\n\r\n.H_slider .H_slider_knob {\r\n width: 1.6em;\r\n height: 1.6em;\r\n background-color: white;\r\n border-radius:9em;\r\n -webkit-transform: translate(-50%,-50%);\r\n -ms-transform: translate(-50%,-50%);\r\n transform: translate(-50%,-50%);\r\n top: 50%;\r\n left: 50%;\r\n position: absolute;\r\n}\r\n\r\n.H_slider .H_slider_track,\r\n.H_slider .H_slider_knob_cont{\r\n position:relative;\r\n top: 50%;\r\n left: 50%;\r\n -webkit-transform: translate(-50%,-50%);\r\n -ms-transform: translate(-50%,-50%);\r\n transform: translate(-50%,-50%);\r\n}\r\n\r\n.H_slider .H_slider_track {\r\n background-color: white;\r\n}\r\n\r\n.H_slider.H_disabled {\r\n cursor: default;\r\n}\r\n.H_disabled .H_slider_track,\r\n.H_disabled .H_slider_knob {\r\n background-color: #5A6166;\r\n}\r\n\r\n/*############################################### CONTEXT MENU #####################################################*/\r\n.H_context_menu {\r\n min-width: 158px;\r\n max-width: 40%;\r\n position: absolute;\r\n left: -100%;\r\n top: 0;\r\n color: white;\r\n background-color: #000F1A;\r\n -moz-border-radius: .4em;\r\n -webkit-border-radius: .4em;\r\n -o-border-radius: .4em;\r\n border-radius: .4em;\r\n padding: 10px 0;\r\n -moz-user-select: initial;\r\n -khtml-user-select: initial;\r\n -webkit-user-select: initial;\r\n -o-user-select: initial;\r\n -ms-user-select: initial;\r\n z-index: 200;\r\n}\r\n\r\n.H_context_menu_closed {\r\n display: none;\r\n}\r\n\r\n.H_context_menu_item {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n padding: 1px 10px 0;\r\n}\r\n\r\n.H_context_menu_item.clickable:hover,\r\n.H_context_menu_item.clickable:focus {\r\n outline: none;\r\n background-color: #00BBDC;\r\n cursor: pointer;\r\n}\r\n.H_context_menu_item.disabled {\r\n background: transparent !important;\r\n color: #5A6166;\r\n cursor: default !important;\r\n\r\n -moz-user-select: none;\r\n -khtml-user-select: none;\r\n -webkit-user-select: none;\r\n -o-user-select: none;\r\n -ms-user-select: none;\r\n}\r\n.H_context_menu_item_separator {\r\n height: 0;\r\n margin: 8px 10px;\r\n border-top: 1px solid #333;\r\n border-bottom: 1px solid #666;\r\n line-height: 0;\r\n font-size: 0;\r\n}\r\n\r\n\r\n/*################################################# SCALE BAR ######################################################*/\r\n.H_scalebar_svg {\r\n display: block;\r\n}\r\n\r\n\r\n/*################################################## PANORAMA ######################################################*/\r\n.H_pano_mm {\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n font-size: 1.5em;\r\n width: 0;\r\n height: 0;\r\n}\r\n\r\n.H_pano_man {\r\n margin-top: -3em;\r\n z-index: 2;\r\n}\r\n\r\n.H_pano_notransition {\r\n transition: none !important;\r\n}\r\n\r\n\r\n.H_pano_circle {\r\n margin-top: -1em;\r\n margin-left: -1em;\r\n transition: all .3s;\r\n pointer-events: none;\r\n}\r\n.H_disabled .H_pano_circle {\r\n transition: none;\r\n margin-left: -.1em;\r\n}\r\n\r\n.H_disabled .H_pano_mm svg.H_icon, {\r\n fill: #ddd;\r\n stroke: #5A6166;\r\n}\r\n\r\n\r\n.H_pano_man svg.H_icon,\r\n.H_pano_circle svg.H_icon {\r\n fill: #09b;\r\n stroke: #fff;\r\n pointer-events: none;\r\n}\r\n\r\n.H_pano_ib {\r\n cursor: pointer;\r\n}\r\n\r\n.H_tib {\r\n margin: 1em 0 1em 1em;\r\n font-size: .5em;\r\n width: 30em;\r\n}\r\n.H_tib p { margin: .5em 0; padding: 0; line-height: 1.3em; }\r\n.H_tib p.H_tib_desc { border-top: 1px solid #666; padding-top: .5em; }\r\n.H_tib .H_tib_time { color: #aaa; }\r\n.H_tib_right { float:right; }\r\n\r\n.H_dm_label {\r\n font: 10pt sans-serif;\r\n color: black;\r\n text-shadow: 1px 1px .5px #FFF, 1px -1px .5px #FFF, -1px 1px .5px #FFF, -1px -1px .5px #FFF;\r\n white-space: nowrap;\r\n margin-left: 12px;\r\n margin-top: -7px;\r\n /* This will not work on IE9, but it is accepted! */\r\n pointer-events: none;\r\n}\r\n\r\n\r\n/*################################################### ICON #########################################################*/\r\nsvg.H_icon {\r\n display: block;\r\n width: 2em;\r\n height: 2em;\r\n fill: #fff;\r\n}\r\n.H_active svg.H_icon {\r\n fill: #fff;\r\n}\r\n.H_disabled svg.H_icon,\r\n.H_active.H_disabled {\r\n fill: #5A6166;\r\n}\r\n\r\n/*############################################### OVERVIEW MAP #####################################################*/\r\n.H_overview {\r\n transition: width 0.2s,height 0.2s,margin-top 0.2s, padding 0.2s;\r\n width: 0em;\r\n height: 0em;\r\n overflow: hidden;\r\n cursor: default;\r\n position: absolute;\r\n margin: auto;\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n}\r\n\r\n.H_overview_active {\r\n padding: 0.5em;\r\n}\r\n\r\n.H_l_center .H_overview {\r\n left: -9999px;\r\n right: -9999px;\r\n}\r\n\r\n.H_l_middle .H_overview {\r\n top: -9999px;\r\n bottom: -9999px;\r\n}\r\n\r\n.H_l_right .H_overview {\r\n right: 100%;\r\n}\r\n\r\n.H_l_left .H_overview {\r\n left: 100%;\r\n}\r\n\r\n.H_l_bottom .H_overview {\r\n bottom: 0;\r\n}\r\n.H_l_center.H_l_bottom .H_overview {\r\n bottom: 100%;\r\n}\r\n\r\n.H_l_top .H_overview {\r\n top: 0;\r\n}\r\n.H_l_center.H_l_top .H_overview {\r\n top: 100%;\r\n}\r\n\r\n.H_overview .H_overview_map {\r\n border: 1px solid black;\r\n background-color: rgba(256,256,256,0.6);\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n.H_overview_map .H_ui {\r\n display: none;\r\n}\r\n","/*\r\n * Explanation why the layout looks so complicated:\r\n * The UI container needs a position (absolute or relative) to prevent z-index issues (DomMarker on top of UI)\r\n * Therefore it has these additional styles:\r\n * position: absolute;\r\n * width: 100%;\r\n * height: 100%;\r\n * To prevent that the UI container captures all events the container is displaced by\r\n * left: 100%;\r\n * To neutralize the displacement for the UI elements within the UI container the following adjustments are needed:\r\n * - InfoBubble (.H_ib): left: -100%;\r\n * - left anchor (.H_l_left): margin-left: -100%;\r\n * - center anchor (.H_l_center): left: -50%; (was left: 50%)\r\n * - right anchor (.H_l_right): right: 100%; (was right: 0)\r\n * margin-left: -100%;\r\n */\n.H_ui {\n font-size: 10px;\n font-family: \"Lucida Grande\", Arial, Helvetica, sans-serif;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n -ms-user-select: none;\n z-index: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 100%; }\n\n.H_ui * {\n /* normalize in case some other normalization CSS likes things differently */\n box-sizing: content-box;\n -moz-box-sizing: content-box; }\n\n.H_noevs {\n pointer-events: none; }\n\n/*\r\n * Layout\r\n */\n.H_l_left {\n position: absolute;\n left: 0;\n margin-left: -100%; }\n\n.H_l_center {\n position: absolute;\n left: -50%; }\n\n.H_l_right {\n position: absolute;\n right: 100%;\n margin-left: -100%; }\n\n.H_l_top {\n top: 0; }\n\n.H_l_middle {\n top: 50%; }\n\n.H_l_bottom {\n bottom: 0; }\n\n/* Fix MAPSJS-579 for modern browsers */\n[class^=H_l_] {\n pointer-events: none; }\n\n.H_ctl {\n /* hack for IE9-10, auto doesn't work for them */\n pointer-events: visiblePainted;\n pointer-events: auto; }\n\n.H_l_horizontal .H_ctl {\n float: left; }\n\n.H_l_anchor {\n clear: both;\n float: right; }\n\n.H_l_vertical .H_ctl {\n clear: both; }\n\n.H_l_right .H_l_vertical .H_ctl {\n float: right; }\n\n.H_l_right.H_l_middle.H_l_vertical .H_ctl {\n float: right; }\n\n/**\r\n * Element styles\r\n */\n.H_ctl {\n margin: .6em;\n position: relative;\n cursor: pointer;\n -ms-touch-action: none; }\n\n.H_btn,\n.H_rdo li {\n background: #1f262a;\n border-radius: 2em;\n color: #fff;\n padding: .4em;\n -webkit-transform: translate3d(0, 1, 0); }\n\n.H_rdo {\n color: white;\n padding-bottom: .5em;\n margin-bottom: .5em;\n border-bottom: .1em solid #4A5B65; }\n\n.H_rdo_title {\n text-transform: uppercase;\n color: #dbe1e4;\n margin-bottom: 1em; }\n\n.H_rdo ul {\n list-style: none;\n margin: 0 auto;\n padding: 0; }\n\n.H_active,\n.H_rdo li.H_active {\n background: #4A5B65; }\n\n.H_disabled,\n.H_active.H_disabled {\n color: #5A6166;\n cursor: default; }\n\n/**\r\n * Base Elements\r\n */\n.H_l_vertical .H_grp > .H_btn {\n border-radius: 0; }\n\n.H_l_vertical .H_grp > div:first-child {\n -webkit-border-top-left-radius: 2em;\n -webkit-border-top-right-radius: 2em;\n -moz-border-radius-topleft: 2em;\n -moz-border-radius-topright: 2em;\n border-top-left-radius: 2em;\n border-top-right-radius: 2em;\n padding-top: 1em;\n margin-bottom: -1px; }\n\n.H_l_vertical .H_grp > div:last-child {\n -webkit-border-bottom-right-radius: 2em;\n -webkit-border-bottom-left-radius: 2em;\n -moz-border-radius-bottomright: 2em;\n -moz-border-radius-bottomleft: 2em;\n border-bottom-right-radius: 2em;\n border-bottom-left-radius: 2em;\n padding-bottom: 1em; }\n\n.H_l_horizontal .H_grp > .H_btn,\n.H_l_vertical .H_ctl {\n border-radius: 0;\n float: left; }\n\n.H_l_horizontal .H_grp > div:first-child {\n -webkit-border-top-left-radius: 2em;\n -webkit-border-bottom-left-radius: 2em;\n -moz-border-radius-topleft: 2em;\n -moz-border-radius-bottomleft: 2em;\n border-top-left-radius: 2em;\n border-bottom-left-radius: 2em;\n padding-left: 1em; }\n\n.H_l_horizontal .H_grp > div:last-child {\n -webkit-border-top-right-radius: 2em;\n -webkit-border-bottom-right-radius: 2em;\n -moz-border-radius-topright: 2em;\n -moz-border-radius-bottomright: 2em;\n border-top-right-radius: 2em;\n border-bottom-right-radius: 2em;\n padding-right: 1em; }\n\n/** Menu panel */\n.H_overlay {\n position: absolute;\n min-width: 15em;\n background: #1F262A;\n display: none;\n padding: 1em;\n z-index: 100; }\n\n.H_overlay > *:last-child {\n clear: both; }\n\n.H_overlay > .H_btn {\n white-space: nowrap; }\n\n.H_overlay.H_open {\n display: block; }\n\n.H_overlay::after {\n content: \" \";\n width: 0px;\n height: 0px;\n border-style: solid;\n position: absolute; }\n\n.H_overlay.H_left::after {\n border-width: 1em 1em 1em 0;\n border-color: transparent #1F262A transparent transparent;\n left: -1em; }\n\n.H_overlay.H_right::after {\n border-width: 1em 0 1em 1em;\n border-color: transparent transparent transparent #1F262A;\n left: 100%; }\n\n.H_overlay.H_top::after {\n top: .5em; }\n\n.H_overlay.H_bottom::after {\n bottom: .5em; }\n\n.H_overlay.H_middle::after {\n top: 50%;\n margin-top: -1em; }\n\n.H_overlay.H_top.H_center::after {\n border-width: 0 1em 1em 1em;\n border-color: transparent transparent #1F262A transparent;\n top: -1em;\n left: 50%;\n margin-left: -1em; }\n\n.H_overlay.H_bottom.H_center::after {\n border-width: 1em 1em 0 1em;\n border-color: #1F262A transparent transparent transparent;\n bottom: -1em;\n left: 50%;\n margin-left: -1em; }\n\n/** InfoBubble */\n.H_ib {\n position: absolute;\n left: .91em;\n background: #000;\n color: #fff;\n font-size: 2em;\n line-height: 1em;\n fill: #000;\n left: -100%; }\n\n.H_ib_tail {\n position: absolute;\n left: -.3em;\n bottom: -.5em;\n width: 1.2em;\n height: 1.2em;\n z-index: 100; }\n\n.H_ib_notail .H_ib_tail {\n display: none; }\n\n.H_ib_body {\n background: #000;\n position: absolute;\n bottom: .5em;\n padding: 0 1.2em 0 0;\n border-radius: .2em;\n margin-right: -1em;\n right: 0; }\n\n.H_ib_close {\n font-size: .6em;\n position: absolute;\n right: .2em;\n top: .2em;\n cursor: pointer;\n fill: #fff; }\n\n.H_disabled .H_ib_close {\n cursor: default; }\n\n.H_ib_noclose .H_ib_close {\n display: none; }\n\n.H_ib_noclose .H_ib_body {\n padding: 0 0 0 0; }\n\n.H_ib_content {\n min-width: 6em;\n margin: .2em 0;\n padding: 0 .2em;\n user-select: text;\n -moz-user-select: text;\n -khtml-user-select: text;\n -webkit-user-select: text;\n -o-user-select: text;\n -ms-user-select: text; }\n\n/*################################################## SLIDER ########################################################*/\n.H_l_horizontal.H_slider {\n float: left;\n height: 2.8em;\n width: auto;\n padding: 0 1em; }\n\n.H_slider .H_slider_track {\n width: 0.2em;\n height: 100%; }\n\n.H_l_horizontal.H_slider .H_slider_track {\n height: 0.2em;\n width: 100%; }\n\n.H_l_horizontal.H_slider .H_slider_cont {\n height: 100%; }\n\n.H_l_horizontal.H_slider .H_slider_knob_cont {\n margin-top: -0.2em; }\n\n.H_slider {\n background-color: #1f262a;\n padding: 1em 0em;\n width: 2.8em; }\n\n.H_slider .H_slider_cont {\n position: relative; }\n\n.H_slider .H_slider_knob_cont,\n.H_slider .H_slider_knob_halo {\n width: 2.4em;\n height: 2.4em;\n margin-left: 0em;\n border-radius: 9em; }\n\n/* This will make slightly easy to grab the knob on touch devices*/\n.H_slider .H_slider_knob_halo {\n background-color: rgba(255, 255, 255, 0.1); }\n\n.H_slider .H_slider_knob {\n width: 1.6em;\n height: 1.6em;\n background-color: white;\n border-radius: 9em;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n top: 50%;\n left: 50%;\n position: absolute; }\n\n.H_slider .H_slider_track,\n.H_slider .H_slider_knob_cont {\n position: relative;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n\n.H_slider .H_slider_track {\n background-color: white; }\n\n.H_slider.H_disabled {\n cursor: default; }\n\n.H_disabled .H_slider_track,\n.H_disabled .H_slider_knob {\n background-color: #5A6166; }\n\n/*############################################### CONTEXT MENU #####################################################*/\n.H_context_menu {\n min-width: 158px;\n max-width: 40%;\n position: absolute;\n left: -100%;\n top: 0;\n color: white;\n background-color: #000F1A;\n -moz-border-radius: .4em;\n -webkit-border-radius: .4em;\n -o-border-radius: .4em;\n border-radius: .4em;\n padding: 10px 0;\n -moz-user-select: initial;\n -khtml-user-select: initial;\n -webkit-user-select: initial;\n -o-user-select: initial;\n -ms-user-select: initial;\n z-index: 200; }\n\n.H_context_menu_closed {\n display: none; }\n\n.H_context_menu_item {\n text-overflow: ellipsis;\n overflow: hidden;\n padding: 1px 10px 0; }\n\n.H_context_menu_item.clickable:hover,\n.H_context_menu_item.clickable:focus {\n outline: none;\n background-color: #00BBDC;\n cursor: pointer; }\n\n.H_context_menu_item.disabled {\n background: transparent !important;\n color: #5A6166;\n cursor: default !important;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -o-user-select: none;\n -ms-user-select: none; }\n\n.H_context_menu_item_separator {\n height: 0;\n margin: 8px 10px;\n border-top: 1px solid #333;\n border-bottom: 1px solid #666;\n line-height: 0;\n font-size: 0; }\n\n/*################################################# SCALE BAR ######################################################*/\n.H_scalebar_svg {\n display: block; }\n\n/*################################################## PANORAMA ######################################################*/\n.H_pano_mm {\n position: absolute;\n top: 0;\n left: -100%;\n font-size: 1.5em;\n width: 0;\n height: 0; }\n\n.H_pano_man {\n margin-top: -3em;\n z-index: 2; }\n\n.H_pano_notransition {\n transition: none !important; }\n\n.H_pano_circle {\n margin-top: -1em;\n margin-left: -1em;\n transition: all .3s;\n pointer-events: none; }\n\n.H_disabled .H_pano_circle {\n transition: none;\n margin-left: -.1em; }\n\n.H_disabled .H_pano_mm svg.H_icon {\n fill: #ddd;\n stroke: #5A6166; }\n\n.H_pano_man svg.H_icon,\n.H_pano_circle svg.H_icon {\n fill: #09b;\n stroke: #fff;\n pointer-events: none; }\n\n.H_pano_ib {\n cursor: pointer; }\n\n.H_tib {\n margin: 1em 0 1em 1em;\n font-size: .5em;\n width: 30em; }\n\n.H_tib p {\n margin: .5em 0;\n padding: 0;\n line-height: 1.3em; }\n\n.H_tib p.H_tib_desc {\n border-top: 1px solid #666;\n padding-top: .5em; }\n\n.H_tib .H_tib_time {\n color: #aaa; }\n\n.H_tib_right {\n float: right; }\n\n.H_dm_label {\n font: 10pt sans-serif;\n color: black;\n text-shadow: 1px 1px .5px #FFF, 1px -1px .5px #FFF, -1px 1px .5px #FFF, -1px -1px .5px #FFF;\n white-space: nowrap;\n margin-left: 12px;\n margin-top: -7px;\n /* This will not work on IE9, but it is accepted! */\n pointer-events: none; }\n\n/*################################################### ICON #########################################################*/\nsvg.H_icon {\n display: block;\n width: 2em;\n height: 2em;\n fill: #fff; }\n\n.H_active svg.H_icon {\n fill: #fff; }\n\n.H_disabled svg.H_icon,\n.H_active.H_disabled {\n fill: #5A6166; }\n\n/*############################################### OVERVIEW MAP #####################################################*/\n.H_overview {\n transition: width 0.2s,height 0.2s,margin-top 0.2s, padding 0.2s;\n width: 0em;\n height: 0em;\n overflow: hidden;\n cursor: default;\n position: absolute;\n margin: auto;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box; }\n\n.H_overview_active {\n padding: 0.5em; }\n\n.H_l_center .H_overview {\n left: -9999px;\n right: -9999px; }\n\n.H_l_middle .H_overview {\n top: -9999px;\n bottom: -9999px; }\n\n.H_l_right .H_overview {\n right: 100%; }\n\n.H_l_left .H_overview {\n left: 100%; }\n\n.H_l_bottom .H_overview {\n bottom: 0; }\n\n.H_l_center.H_l_bottom .H_overview {\n bottom: 100%; }\n\n.H_l_top .H_overview {\n top: 0; }\n\n.H_l_center.H_l_top .H_overview {\n top: 100%; }\n\n.H_overview .H_overview_map {\n border: 1px solid black;\n background-color: rgba(255, 255, 255, 0.6);\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box; }\n\n.H_overview_map .H_ui {\n display: none; }\n"]} |