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","/*\n * Explanation why the layout looks so complicated:\n * The UI container needs a position (absolute or relative) to prevent z-index issues (DomMarker on top of UI)\n * Therefore it has these additional styles:\n * position: absolute;\n * width: 100%;\n * height: 100%;\n * To prevent that the UI container captures all events the container is displaced by\n * left: 100%;\n * To neutralize the displacement for the UI elements within the UI container the following adjustments are needed:\n * - InfoBubble (.H_ib): left: -100%;\n * - left anchor (.H_l_left): margin-left: -100%;\n * - center anchor (.H_l_center): left: -50%; (was left: 50%)\n * - right anchor (.H_l_right): right: 100%; (was right: 0)\n * margin-left: -100%;\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\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\n.H_noevs {\n pointer-events: none;\n}\n\n/*\n * Layout\n */\n.H_l_left {\n position: absolute;\n left: 0;\n margin-left: -100%;\n}\n\n.H_l_center {\n position: absolute;\n left: -50%;\n}\n\n.H_l_right {\n position: absolute;\n right: 100%;\n margin-left: -100%;\n}\n\n.H_l_top {\n top: 0;\n}\n\n.H_l_middle {\n top: 50%;\n}\n\n.H_l_bottom {\n bottom: 0;\n}\n\n/* Fix MAPSJS-579 for modern browsers */\n[class^=H_l_] {\n pointer-events: none;\n}\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\n.H_l_horizontal .H_ctl {\n float: left;\n}\n\n.H_l_anchor {\n clear: both;\n float: right;\n}\n\n.H_l_vertical .H_ctl {\n clear: both;\n}\n\n.H_l_right .H_l_vertical .H_ctl {\n float: right;\n}\n\n.H_l_right.H_l_middle.H_l_vertical .H_ctl {\n float: right;\n}\n\n/**\n * Element styles\n */\n.H_ctl {\n margin: 0.6em;\n position: relative;\n cursor: pointer;\n -ms-touch-action: none;\n}\n\n.H_btn,\n.H_rdo li {\n background: #1f262a;\n border-radius: 2em;\n color: #fff;\n padding: 0.4em;\n -webkit-transform: translate3d(0, 1, 0);\n}\n\n.H_rdo {\n color: white;\n padding-bottom: 0.5em;\n margin-bottom: 0.5em;\n border-bottom: 0.1em solid #4A5B65;\n}\n\n.H_rdo_title {\n text-transform: uppercase;\n color: #dbe1e4;\n margin-bottom: 1em;\n}\n\n.H_rdo ul {\n list-style: none;\n margin: 0 auto;\n padding: 0;\n}\n\n.H_active,\n.H_rdo li.H_active {\n background: #4A5B65;\n}\n\n.H_disabled,\n.H_active.H_disabled {\n color: #5A6166;\n cursor: default;\n}\n\n/**\n * Base Elements\n */\n.H_l_vertical .H_grp > .H_btn {\n border-radius: 0;\n}\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\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\n.H_l_horizontal .H_grp > .H_btn,\n.H_l_vertical .H_ctl {\n border-radius: 0;\n float: left;\n}\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\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\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\n.H_overlay > *:last-child {\n clear: both;\n}\n\n.H_overlay > .H_btn {\n white-space: nowrap;\n}\n\n.H_overlay.H_open {\n display: block;\n}\n\n.H_overlay::after {\n content: \" \";\n width: 0px;\n height: 0px;\n border-style: solid;\n position: absolute;\n}\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\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\n.H_overlay.H_top::after {\n top: 0.5em;\n}\n\n.H_overlay.H_bottom::after {\n bottom: 0.5em;\n}\n\n.H_overlay.H_middle::after {\n top: 50%;\n margin-top: -1em;\n}\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\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\n/** InfoBubble */\n.H_ib {\n position: absolute;\n left: 0.91em;\n background: #000;\n color: #fff;\n font-size: 2em;\n line-height: 1em;\n fill: #000;\n left: -100%;\n}\n\n.H_ib_tail {\n position: absolute;\n left: -0.3em;\n bottom: -0.5em;\n width: 1.2em;\n height: 1.2em;\n z-index: 100;\n}\n\n.H_ib_notail .H_ib_tail {\n display: none;\n}\n\n.H_ib_body {\n background: #000;\n position: absolute;\n bottom: 0.5em;\n padding: 0 1.2em 0 0;\n border-radius: 0.2em;\n margin-right: -1em;\n right: 0;\n}\n\n.H_ib_close {\n font-size: 0.6em;\n position: absolute;\n right: 0.2em;\n top: 0.2em;\n cursor: pointer;\n fill: #fff;\n}\n\n.H_disabled .H_ib_close {\n cursor: default;\n}\n\n.H_ib_noclose .H_ib_close {\n display: none;\n}\n\n.H_ib_noclose .H_ib_body {\n padding: 0 0 0 0;\n}\n\n.H_ib_content {\n min-width: 6em;\n margin: 0.2em 0;\n padding: 0 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\n/*################################################## SLIDER ########################################################*/\n.H_l_horizontal.H_slider {\n float: left;\n height: 2.8em;\n width: auto;\n padding: 0 1em;\n}\n\n.H_slider .H_slider_track {\n width: 0.2em;\n height: 100%;\n}\n\n.H_l_horizontal.H_slider .H_slider_track {\n height: 0.2em;\n width: 100%;\n}\n\n.H_l_horizontal.H_slider .H_slider_cont {\n height: 100%;\n}\n\n.H_l_horizontal.H_slider .H_slider_knob_cont {\n margin-top: -0.2em;\n}\n\n.H_slider {\n background-color: #1f262a;\n padding: 1em 0em;\n width: 2.8em;\n}\n\n.H_slider .H_slider_cont {\n position: relative;\n}\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\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\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\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\n.H_slider .H_slider_track {\n background-color: white;\n}\n\n.H_slider.H_disabled {\n cursor: default;\n}\n\n.H_disabled .H_slider_track,\n.H_disabled .H_slider_knob {\n background-color: #5A6166;\n}\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: 0.4em;\n -webkit-border-radius: 0.4em;\n -o-border-radius: 0.4em;\n border-radius: 0.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\n.H_context_menu_closed {\n display: none;\n}\n\n.H_context_menu_item {\n text-overflow: ellipsis;\n overflow: hidden;\n padding: 1px 10px 0;\n}\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\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\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\n/*################################################# SCALE BAR ######################################################*/\n.H_scalebar_svg {\n display: block;\n}\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\n.H_pano_man {\n margin-top: -3em;\n z-index: 2;\n}\n\n.H_pano_notransition {\n transition: none !important;\n}\n\n.H_pano_circle {\n margin-top: -1em;\n margin-left: -1em;\n transition: all 0.3s;\n pointer-events: none;\n}\n\n.H_disabled .H_pano_circle {\n transition: none;\n margin-left: -0.1em;\n}\n\n.H_disabled .H_pano_mm svg.H_icon {\n fill: #ddd;\n stroke: #5A6166;\n}\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\n.H_pano_ib {\n cursor: pointer;\n}\n\n.H_tib {\n margin: 1em 0 1em 1em;\n font-size: 0.5em;\n width: 30em;\n}\n\n.H_tib p {\n margin: 0.5em 0;\n padding: 0;\n line-height: 1.3em;\n}\n\n.H_tib p.H_tib_desc {\n border-top: 1px solid #666;\n padding-top: 0.5em;\n}\n\n.H_tib .H_tib_time {\n color: #aaa;\n}\n\n.H_tib_right {\n float: right;\n}\n\n.H_dm_label {\n font: 10pt sans-serif;\n color: black;\n text-shadow: 1px 1px 0.5px #FFF, 1px -1px 0.5px #FFF, -1px 1px 0.5px #FFF, -1px -1px 0.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\n/*################################################### ICON #########################################################*/\nsvg.H_icon {\n display: block;\n width: 2em;\n height: 2em;\n fill: #fff;\n}\n\n.H_active svg.H_icon {\n fill: #fff;\n}\n\n.H_disabled svg.H_icon,\n.H_active.H_disabled {\n fill: #5A6166;\n}\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\n.H_overview_active {\n padding: 0.5em;\n}\n\n.H_l_center .H_overview {\n left: -9999px;\n right: -9999px;\n}\n\n.H_l_middle .H_overview {\n top: -9999px;\n bottom: -9999px;\n}\n\n.H_l_right .H_overview {\n right: 100%;\n}\n\n.H_l_left .H_overview {\n left: 100%;\n}\n\n.H_l_bottom .H_overview {\n bottom: 0;\n}\n\n.H_l_center.H_l_bottom .H_overview {\n bottom: 100%;\n}\n\n.H_l_top .H_overview {\n top: 0;\n}\n\n.H_l_center.H_l_top .H_overview {\n top: 100%;\n}\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\n.H_overview_map .H_ui {\n display: none;\n}"]} |