246 lines
6.2 KiB
CSS
246 lines
6.2 KiB
CSS
.marker-tooltip {
|
|
z-index:999999;
|
|
position:absolute;
|
|
}
|
|
.marker-popup {
|
|
position:relative;
|
|
left:-50%;
|
|
max-width:400px;
|
|
background:#fff;
|
|
border:2px solid #ccc;
|
|
color:#000;
|
|
padding:20px;
|
|
-webkit-user-select:auto;
|
|
-moz-user-select:auto;
|
|
user-select:auto;
|
|
-webkit-box-shadow: 2px 2px 5px -2px #ccc;
|
|
box-shadow: 2px 2px 5px -2px #ccc;
|
|
-webkit-border-radius:3px;
|
|
border-radius:3px;
|
|
}
|
|
.marker-popup:after,
|
|
.marker-popup:before {
|
|
top:100%;
|
|
border:solid transparent;
|
|
content:'';
|
|
height:0;
|
|
width:0;
|
|
left:50%;
|
|
position:absolute;
|
|
pointer-events:none;
|
|
}
|
|
|
|
.marker-popup:after {
|
|
border-top-color:#fff;
|
|
border-width:15px;
|
|
margin-left:-15px;
|
|
}
|
|
|
|
.marker-popup:before {
|
|
border-top-color:#ccc;
|
|
border-width:18px;
|
|
margin-left:-18px;
|
|
}
|
|
.zoomer,
|
|
.map-legends,
|
|
.map-tooltip,
|
|
.map-fullscreen {
|
|
position:absolute;
|
|
border:1px solid #bbb;
|
|
box-sizing:border-box;
|
|
background:#fff;
|
|
-webkit-border-radius:3px;
|
|
border-radius:3px;
|
|
}
|
|
.map-legends,
|
|
.map-tooltip {
|
|
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
|
|
box-shadow:0 1px 2px rgba(0,0,0,0.15);
|
|
}
|
|
|
|
.zoomer,
|
|
.map-fullscreen,
|
|
.map-tooltip .close {
|
|
text-indent:-999em;
|
|
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAeCAYAAADO4udXAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHFSURBVHic7dpBbsIwEAXQoZpbwKKz8Bm66EFyjUicI1KuwUF6Ci/cBbmFJbqoLbluJezgMSn8JyGhJMRAvmZiw+5yuRBAay/3fgPwmBAsUIFggQoEC1QgWKACwQIVCBaoQLCgiIiMIjKWHo9gbVy4oJ/po9e42fPiUBERcemBxpiD935i5qO19ly6rzUR+SAics69a46zFc65WUSIKi9sA2MYN449O+fm0hcXVyzv/UREb977kzHmELeHUJ3Cvqn0fDfYhwfoi5WqKlREFRWLmY8hQPsQroGIKG4jooWZjzWDw3VJG4oXtnflWqU4WNbaszFmSMMVdsVQDdpt8NmkoYoVI2lPPY0iQjVVa1f774ak9cV2pBqqcE91rfUtre+57jGuiIxJgFa3oS0orljQxU03zGv8NeNzzr3eet6qipVVqyVs7toK43S7xYffmmwpoVulysPV4rstnhXmoWLmgZkH+g7YPp8twnOrXW74UZ2stecsXD2WG55F1Ur3Wtmss1mFrF1u+LUImswWp07LDcv1Q/6n3u1dc9ZZPSuExxErosa9HIIFKvAjNKhAsEAFggUqECxQgWCBCgQLVCBYoALBAhVfpi7sxwlEhWYAAAAASUVORK5CYII=) no-repeat 0 0;
|
|
overflow:hidden;
|
|
display:block;
|
|
}
|
|
.map-tooltip .close:active,
|
|
.zoomer:active,
|
|
.map-fullscreen:active {
|
|
border-color:#b0b0b0;
|
|
background-color:#f0f0f0;
|
|
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);
|
|
box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);
|
|
}
|
|
|
|
.map-tooltip .close {
|
|
top:4px;
|
|
right:4px;
|
|
width:20px;
|
|
height:20px;
|
|
background-position:-6px -6px;
|
|
}
|
|
|
|
.zoomer {
|
|
width:30px;
|
|
height:30px;
|
|
top:10px;
|
|
left:10px;
|
|
z-index:2;
|
|
}
|
|
|
|
.zoomin {
|
|
background-position:-31px -1px;
|
|
left:39px;
|
|
-webkit-border-radius:0 3px 3px 0;
|
|
border-radius:0 3px 3px 0;
|
|
}
|
|
|
|
.zoomout {
|
|
background-position:-61px -1px;
|
|
-webkit-border-radius:3px 0 0 3px;
|
|
border-radius:3px 0 0 3px;
|
|
}
|
|
|
|
.zoomdisabled {
|
|
background-color:#eee;
|
|
}
|
|
|
|
.map-fullscreen {
|
|
width:30px;
|
|
height:30px;
|
|
background-position:-90px 0;
|
|
position:absolute;
|
|
top:10px;
|
|
left:74px;
|
|
z-index:99999;
|
|
}
|
|
|
|
.map-fullscreen-map {
|
|
position:fixed!important;
|
|
width:auto!important;
|
|
height:auto!important;
|
|
top:0!important;
|
|
left:0!important;
|
|
right:0!important;
|
|
bottom:0!important;
|
|
z-index:99999999999;
|
|
}
|
|
.map-fullscreen-map .map-fullscreen {
|
|
background-position:-120px 0;
|
|
}
|
|
|
|
.map-legends {
|
|
position:absolute;
|
|
right:10px;
|
|
bottom:10px;
|
|
z-index:999999;
|
|
}
|
|
.map-legends .map-legend {
|
|
padding:10px;
|
|
}
|
|
|
|
.map-tooltip {
|
|
z-index:999999;
|
|
padding:10px;
|
|
top:10px;
|
|
right:10px;
|
|
max-width:300px;
|
|
opacity:1;
|
|
-webkit-transition:opacity 150ms;
|
|
-moz-transition:opacity 150ms;
|
|
-ms-transition:opacity 150ms;
|
|
-o-transition:opacity 150ms;
|
|
transition:opacity 150ms;
|
|
-webkit-user-select:auto;
|
|
-moz-user-select:auto;
|
|
user-select:auto;
|
|
}
|
|
|
|
.map-legends,
|
|
.map-tooltip {
|
|
min-width:180px;
|
|
max-width:280px;
|
|
max-height:400px;
|
|
width:220px\8; /*< IE 9*/
|
|
}
|
|
|
|
.map-movetip {
|
|
position:absolute;
|
|
z-index:999999;
|
|
background:#fff;
|
|
padding:10px;
|
|
max-width:300px;
|
|
}
|
|
|
|
.map-fade { opacity:0; }
|
|
|
|
.map-tooltip .close {
|
|
display:block;
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
}
|
|
|
|
.map-mobile-body .map-tooltip {
|
|
position:absolute;
|
|
top:50px;
|
|
}
|
|
|
|
.zoombox-box,
|
|
.boxselector-box {
|
|
margin:0;
|
|
padding:0;
|
|
border:1px dashed #888;
|
|
background:rgba(255,255,255,0.25);
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:0;
|
|
height:0;
|
|
display:none;
|
|
}
|
|
|
|
.map-point-div {
|
|
width:10px;
|
|
height:10px;
|
|
margin-left:-5px;
|
|
margin-top:-5px;
|
|
background:#fff;
|
|
border:1px solid #333;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
}
|
|
|
|
.map-attribution {
|
|
position:absolute;
|
|
background-color:rgba(255,255,255,0.7);
|
|
color:#333;
|
|
font-size:11px;
|
|
line-height:20px;
|
|
z-index:99999;
|
|
text-align:center;
|
|
padding:0 5px;
|
|
bottom:0;
|
|
left:0;
|
|
}
|
|
|
|
.map-attribution.map-g {
|
|
left:65px;
|
|
bottom:4px;
|
|
background:transparent;
|
|
}
|
|
|
|
@media
|
|
only screen and (-webkit-min-device-pixel-ratio : 2),
|
|
only screen and (min-device-pixel-ratio : 2) {
|
|
.zoomer,
|
|
.map-fullscreen,
|
|
.map-tooltip .close {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAA8CAYAAADc3IdaAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALjSURBVHic7d3RsZswEIXhJZNC2EZSSmpwKa7BpbgR6ER5MRniwURgVuiI/3vynblmDJbPlZaVb5dSMgBQ8OPsFwAAuQgsADIILAAyCCwAMggsADIILAAyCCwAMggsADIILAAyCCwAMggsADIILAAyCCwAMggsADIILAAyCCwAh3L3m7vfIo79M+KgAK7pFVS312MbhuF+5PEJLOAL8w/ommEY+vhXE8/db59CKPdafIMlIfCF14f30FlE5RaXewthdT96dmUWGFh717GR698z9H3/cPfR3ce+7x9nvx4c7+qhVSqszIKWhHvXsdHr3zN0Xfdr6THaMgzD3d3NgpdEFbm9ztesUFiZBcywFtI2a8a093kATlNsZjUpVcNaDZ8SxTogEmM4PqzMAgJrZT2fW6ybFLkAwLeWajh2rZpWMSEzrNzQIqyg7lPB+eqF+ChhfVgrRchPxboJYQUJ/7s7dtVCvFTRfW5tpmWEFYTl3spnpnWsLqUUdey/MguSkmHV9/3jqHaFlNJzHMffRxwrylXOd2NHt+TYVVTkLmHGXxnZN/zI3iqFPq0Lne+pHd1Yxl5C4LN/ajIthpXaXsgiM6yMiyLbJJpSetZ4rChXO197jc0Ww8pMr8YWXsPa2FDXxCCYc/dx/nMtf6mw7v19e9PiOF39nNYybkNnWGt9VrahuRSoSHNhZaYz0wqrYeU0ha71abU4KAB8J2SGldvBvnUbD1CBJsemyl7IEt/WMNnaWNfkwEATmhqbSnshS31bw+q6X2X9DMw0EVpqeyFD7hK+XYTsIuXe59WMu4SoVU6rxvQ7tYzbkKL7bNPnpuL53ufVLKX0nDq6RfqOcAFb9kLOvqzgdEX2EgKoi+pqhsACLmqqwamElRmBBUAI/5cQgAwCC4AMAguADAILgAwCC4AMAguADAILgAwCC4AMAguADAILgAwCC4AMAguADAILgAwCC4AMAguADAILgAwCC4CMP5S+k8U+TkveAAAAAElFTkSuQmCC);
|
|
background-size: 150px 30px;
|
|
}
|
|
}
|