X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/e9d3d4d19bcdf91732db57ecaa8d4831c7f585a3..35bbf82c200eb39eab5e5555e2a440903250769a:/public/openlayers/theme/default/style.css diff --git a/public/openlayers/theme/default/style.css b/public/openlayers/theme/default/style.css index ba75a09da..cd29d4dad 100644 --- a/public/openlayers/theme/default/style.css +++ b/public/openlayers/theme/default/style.css @@ -1,5 +1,16 @@ +div.olMap { + z-index: 0; + padding: 0px!important; + margin: 0px!important; + cursor: default; +} + div.olMapViewport { - -moz-user-select: none + text-align: left; +} + +div.olLayerDiv { + -moz-user-select: none; } .olLayerGoogleCopyright { @@ -10,18 +21,43 @@ div.olMapViewport { 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 { + 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 { @@ -56,9 +92,19 @@ div.olControlMousePosition { } .olControlOverviewMapExtentRectangle { - cursor: move; + 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%; @@ -69,6 +115,7 @@ div.olControlMousePosition { float:right; color:gray; font-size:1.2em; + margin-right:6px; font-family:sans-serif; } .olLayerGeoRSSTitle { @@ -77,6 +124,11 @@ div.olControlMousePosition { .olPopupContent { padding:5px; + overflow: auto; +} +.olControlNavToolbar { + width:0px; + height:0px; } .olControlNavToolbar div { display:block; @@ -87,6 +139,26 @@ div.olControlMousePosition { 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; @@ -111,40 +183,161 @@ div.olControlMousePosition { 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-image: url("img/pan_on.png"); - background-repeat: no-repeat; + background-position: -103px -23px; } .olControlEditingToolbar .olControlNavigationItemInactive { - background-image: url("img/pan_off.png"); - background-repeat: no-repeat; + background-position: -103px -0px; } .olControlEditingToolbar .olControlDrawFeaturePointItemActive { - background-image: url("img/draw_point_on.png"); - background-repeat: no-repeat; + background-position: -77px -23px; } .olControlEditingToolbar .olControlDrawFeaturePointItemInactive { - background-image: url("img/draw_point_off.png"); - background-repeat: no-repeat; + background-position: -77px -0px; } .olControlEditingToolbar .olControlDrawFeaturePathItemInactive { - background-image: url("img/draw_line_off.png"); - background-repeat: no-repeat; + background-position: -51px 0px; } .olControlEditingToolbar .olControlDrawFeaturePathItemActive { - background-image: url("img/draw_line_on.png"); - background-repeat: no-repeat; + background-position: -51px -23px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { - background-image: url("img/draw_polygon_off.png"); - background-repeat: no-repeat; + background-position: -26px 0px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { - background-image: url("img/draw_polygon_on.png"); - background-repeat: no-repeat; + background-position: -26px -23px ; +} +.olControlSaveFeaturesItemActive { + background-image: url(img/save_features_on.png); + background-repeat: no-repeat; + background-position: 0px 1px; +} +.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; +} + +/** + * Cursor styles + */ + +.olCursorWait { + cursor: wait; +} +.olDragDown { + cursor: move; +} +.olDrawBox { + cursor: crosshair; +} +.olControlDragFeatureOver { + cursor: move; +} +.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { + cursor: -moz-grabbing; }