| div.olMap { | |
| z-index: 0; | |
| padding: 0px!important; | |
| margin: 0px!important; | |
| cursor: default; | |
| } | |
| div.olMapViewport { | |
| text-align: left; | |
| } | |
| div.olLayerDiv { | |
| -moz-user-select: none; | |
| } | |
| .olLayerGoogleCopyright { | |
| left: 2px; | |
| bottom: 2px; | |
| } | |
| .olLayerGooglePoweredBy { | |
| left: 2px; | |
| bottom: 15px; | |
| } | |
| .olControlAttribution { | |
| font-size: smaller; | |
| right: 3px; | |
| bottom: 4.5em; | |
| position: absolute; | |
| display: block; | |
| } | |
| .olControlScale { | |
| right: 3px; | |
| bottom: 3em; | |
| display: block; | |
| position: absolute; | |
| font-size: smaller; | |
| } | |
| .olControlScaleLine { | |
| display: block; | |
| position: absolute; | |
| left: 10px; | |
| bottom: 15px; | |
| font-size: xx-small; | |
| } | |
| .olControlScaleLineBottom { | |
| border: solid 2px black; | |
| border-bottom: none; | |
| margin-top:-2px; | |
| text-align: center; | |
| } | |
| .olControlScaleLineTop { | |
| border: solid 2px black; | |
| border-top: none; | |
| text-align: center; | |
| } | |
| .olControlPermalink { | |
| right: 3px; | |
| bottom: 1.5em; | |
| display: block; | |
| position: absolute; | |
| font-size: smaller; | |
| } | |
| div.olControlMousePosition { | |
| bottom: 0em; | |
| right: 3px; | |
| display: block; | |
| position: absolute; | |
| font-family: Arial; | |
| font-size: smaller; | |
| } | |
| .olControlOverviewMapContainer { | |
| position: absolute; | |
| bottom: 0px; | |
| right: 0px; | |
| } | |
| .olControlOverviewMapElement { | |
| padding: 10px 18px 10px 10px; | |
| background-color: #00008B; | |
| -moz-border-radius: 1em 0 0 0; | |
| } | |
| .olControlOverviewMapMinimizeButton { | |
| right: 0px; | |
| bottom: 80px; | |
| } | |
| .olControlOverviewMapMaximizeButton { | |
| right: 0px; | |
| bottom: 80px; | |
| } | |
| .olControlOverviewMapExtentRectangle { | |
| overflow: hidden; | |
| background-image: url("img/blank.gif"); | |
| cursor: move; | |
| border: 2px dotted red; | |
| } | |
| .olControlOverviewMapRectReplacement { | |
| overflow: hidden; | |
| cursor: move; | |
| background-image: url("img/overview_replacement.gif"); | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| } | |
| .olLayerGeoRSSDescription { | |
| float:left; | |
| width:100%; | |
| overflow:auto; | |
| font-size:1.0em; | |
| } | |
| .olLayerGeoRSSClose { | |
| float:right; | |
| color:gray; | |
| font-size:1.2em; | |
| margin-right:6px; | |
| font-family:sans-serif; | |
| } | |
| .olLayerGeoRSSTitle { | |
| float:left;font-size:1.2em; | |
| } | |
| .olPopupContent { | |
| padding:5px; | |
| overflow: auto; | |
| } | |
| .olControlNavToolbar { | |
| width:0px; | |
| height:0px; | |
| } | |
| .olControlNavToolbar div { | |
| display:block; | |
| width: 28px; | |
| height: 28px; | |
| top: 300px; | |
| left: 6px; | |
| position: relative; | |
| } | |
| .olControlNavigationHistory { | |
| background-image: url("img/navigation_history.png"); | |
| background-repeat: no-repeat; | |
| width: 24px; | |
| height: 24px; | |
| } | |
| .olControlNavigationHistoryPreviousItemActive { | |
| background-position: 0px 0px; | |
| } | |
| .olControlNavigationHistoryPreviousItemInactive { | |
| background-position: 0px -24px; | |
| } | |
| .olControlNavigationHistoryNextItemActive { | |
| background-position: -24px 0px; | |
| } | |
| .olControlNavigationHistoryNextItemInactive { | |
| background-position: -24px -24px; | |
| } | |
| .olControlNavToolbar .olControlNavigationItemActive { | |
| background-image: url("img/panning-hand-on.png"); | |
| background-repeat: no-repeat; | |
| } | |
| .olControlNavToolbar .olControlNavigationItemInactive { | |
| background-image: url("img/panning-hand-off.png"); | |
| background-repeat: no-repeat; | |
| } | |
| .olControlNavToolbar .olControlZoomBoxItemActive { | |
| background-image: url("img/drag-rectangle-on.png"); | |
| background-color: orange; | |
| background-repeat: no-repeat; | |
| } | |
| .olControlNavToolbar .olControlZoomBoxItemInactive { | |
| background-image: url("img/drag-rectangle-off.png"); | |
| background-repeat: no-repeat; | |
| } | |
| .olControlEditingToolbar { | |
| float:right; | |
| right: 0px; | |
| height: 30px; | |
| width: 200px; | |
| } | |
| .olControlEditingToolbar div { | |
| background-image: url("img/editing_tool_bar.png"); | |
| background-repeat: no-repeat; | |
| float:right; | |
| width: 24px; | |
| height: 24px; | |
| margin: 5px; | |
| } | |
| .olControlEditingToolbar .olControlNavigationItemActive { | |
| background-position: -103px -23px; | |
| } | |
| .olControlEditingToolbar .olControlNavigationItemInactive { | |
| background-position: -103px -0px; | |
| } | |
| .olControlEditingToolbar .olControlDrawFeaturePointItemActive { | |
| background-position: -77px -23px; | |
| } | |
| .olControlEditingToolbar .olControlDrawFeaturePointItemInactive { | |
| background-position: -77px -0px; | |
| } | |
| .olControlEditingToolbar .olControlDrawFeaturePathItemInactive { | |
| background-position: -51px 0px; | |
| } | |
| .olControlEditingToolbar .olControlDrawFeaturePathItemActive { | |
| background-position: -51px -23px; | |
| } | |
| .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { | |
| background-position: -26px 0px; | |
| } | |
| .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { | |
| background-position: -26px -23px ; | |
| } | |
| div.olControlSaveFeaturesItemActive { | |
| background-image: url(img/save_features_on.png); | |
| background-repeat: no-repeat; | |
| background-position: 0px 1px; | |
| } | |
| div.olControlSaveFeaturesItemInactive { | |
| background-image: url(img/save_features_off.png); | |
| background-repeat: no-repeat; | |
| background-position: 0px 1px; | |
| } | |
| .olHandlerBoxZoomBox { | |
| border: 2px solid red; | |
| position: absolute; | |
| background-color: white; | |
| opacity: 0.50; | |
| font-size: 1px; | |
| filter: alpha(opacity=50); | |
| } | |
| .olHandlerBoxSelectFeature { | |
| border: 2px solid blue; | |
| position: absolute; | |
| background-color: white; | |
| opacity: 0.50; | |
| font-size: 1px; | |
| filter: alpha(opacity=50); | |
| } | |
| .olControlPanPanel { | |
| top: 10px; | |
| left: 5px; | |
| } | |
| .olControlPanPanel div { | |
| background-image: url(img/pan-panel.png); | |
| height: 18px; | |
| width: 18px; | |
| cursor: pointer; | |
| position: absolute; | |
| } | |
| .olControlPanPanel .olControlPanNorthItemInactive { | |
| top: 0px; | |
| left: 9px; | |
| background-position: 0px 0px; | |
| } | |
| .olControlPanPanel .olControlPanSouthItemInactive { | |
| top: 36px; | |
| left: 9px; | |
| background-position: 18px 0px; | |
| } | |
| .olControlPanPanel .olControlPanWestItemInactive { | |
| position: absolute; | |
| top: 18px; | |
| left: 0px; | |
| background-position: 0px 18px; | |
| } | |
| .olControlPanPanel .olControlPanEastItemInactive { | |
| top: 18px; | |
| left: 18px; | |
| background-position: 18px 18px; | |
| } | |
| .olControlZoomPanel { | |
| top: 71px; | |
| left: 14px; | |
| } | |
| .olControlZoomPanel div { | |
| background-image: url(img/zoom-panel.png); | |
| position: absolute; | |
| height: 18px; | |
| width: 18px; | |
| cursor: pointer; | |
| } | |
| .olControlZoomPanel .olControlZoomInItemInactive { | |
| top: 0px; | |
| left: 0px; | |
| background-position: 0px 0px; | |
| } | |
| .olControlZoomPanel .olControlZoomToMaxExtentItemInactive { | |
| top: 18px; | |
| left: 0px; | |
| background-position: 0px -18px; | |
| } | |
| .olControlZoomPanel .olControlZoomOutItemInactive { | |
| top: 36px; | |
| left: 0px; | |
| background-position: 0px 18px; | |
| } | |
| .olPopupCloseBox { | |
| background: url("img/close.gif") no-repeat; | |
| cursor: pointer; | |
| } | |
| .olFramedCloudPopupContent { | |
| padding: 5px; | |
| overflow: auto; | |
| } | |
| .olControlNoSelect { | |
| -moz-user-select: none; | |
| } | |
| .olImageLoadError { | |
| background-color: pink; | |
| opacity: 0.5; | |
| filter: alpha(opacity=50); /* IE */ | |
| } | |
| /** | |
| * Cursor styles | |
| */ | |
| .olCursorWait { | |
| cursor: wait; | |
| } | |
| .olDragDown { | |
| cursor: move; | |
| } | |
| .olDrawBox { | |
| cursor: crosshair; | |
| } | |
| .olControlDragFeatureOver { | |
| cursor: move; | |
| } | |
| .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { | |
| cursor: -moz-grabbing; | |
| } | |
| /** | |
| * Layer switcher | |
| */ | |
| .olControlLayerSwitcher { | |
| position: absolute; | |
| top: 25px; | |
| right: 0px; | |
| width: 20em; | |
| font-family: sans-serif; | |
| font-weight: bold; | |
| margin-top: 3px; | |
| margin-left: 3px; | |
| margin-bottom: 3px; | |
| font-size: smaller; | |
| color: white; | |
| background-color: transparent; | |
| } | |
| .olControlLayerSwitcher .layersDiv { | |
| padding-top: 5px; | |
| padding-left: 10px; | |
| padding-bottom: 5px; | |
| padding-right: 75px; | |
| background-color: darkblue; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .olControlLayerSwitcher .layersDiv .baseLbl, | |
| .olControlLayerSwitcher .layersDiv .dataLbl { | |
| margin-top: 3px; | |
| margin-left: 3px; | |
| margin-bottom: 3px; | |
| } | |
| .olControlLayerSwitcher .layersDiv .baseLayersDiv, | |
| .olControlLayerSwitcher .layersDiv .dataLayersDiv { | |
| padding-left: 10px; | |
| } | |
| .olControlLayerSwitcher .maximizeDiv, | |
| .olControlLayerSwitcher .minimizeDiv { | |
| top: 5px; | |
| right: 0px; | |
| } | |