.RealTimeMap-overlay, .RealTimeMap-tooltip { display: block; position: absolute; z-index: 1000; } .RealTimeMap-overlay .content, .RealTimeMap-tooltip .content { padding: 5px; border-radius: 3px; background: rgba(255, 255, 255, 0.9); } .RealTimeMap-title { top: 5px; left: 5px; } .RealTimeMap-legend { right: 5px; font-size: 9px; bottom: 40px; } .RealTimeMap-info { left: 5px; font-size: 11px; bottom: 60px; max-width: 42%; } .RealTimeMap-info-btn { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAAOVBMVEX///8AAAAAAABXV1dSUlKsrKzExMTd3d3V1dXp6end3d3p6enz8/P7+/v39/f///+vqZ6oopWUjH2LPulWAAAAE3RSTlMAESIzM2Z3mZmqqrvd7u7/////UUgTXgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAYdEVYdENyZWF0aW9uIFRpbWUAMDMuMDEuMjAxM8rVeD8AAABnSURBVBiVhY/LFoAgCEQZ0p4W6f9/bIJ4slV3oTIeBoaICGADIAO8ibEwWn2IcwVovev7znqmCYRon9kEWUFvg3IysXyIXSil3fOvELupC9XUx7pQx/piDV1sVFLwMNF80sw97hj/AXRPCjtYdmhtAAAAAElFTkSuQmCC); width: 16px; height: 16px; cursor: pointer; left: 5px; bottom: 40px; position: absolute; z-index: 1000; opacity: 0.9; } .realTimeMap_overlay { position: absolute; left: 10px; font-size: 12px; z-index: 10; text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff; } .realTimeMap_datetime { color: #887; font-size: 14px; } .uiTest .realTimeMap_datetime, .uiTest .realTimeMap_overlay { visibility: hidden; } .realtime-map[data-name=white-fill] { color: #f2f2f2 !important; } .realtime-map[data-name=visit-stroke] { color: #fff !important; } .realtime-map[data-name=white-bg] { color: #808080 !important; }