+div.olMap {
+ z-index: 0;
+ padding: 0 !important;
+ margin: 0 !important;
+ cursor: default;
+}
+
+div.olMapViewport {
+ text-align: left;
+}
+
div.olLayerDiv {
- -moz-user-select: none
+ -moz-user-select: none;
+ -khtml-user-select: none;
}
.olLayerGoogleCopyright {
left: 2px;
- bottom: 2px;
+ bottom: 2px;
+}
+.olLayerGoogleV3.olLayerGoogleCopyright {
+ right: auto !important;
}
.olLayerGooglePoweredBy {
left: 2px;
bottom: 15px;
}
+.olLayerGoogleV3.olLayerGooglePoweredBy {
+ bottom: 15px !important;
+}
.olControlAttribution {
font-size: smaller;
right: 3px;
font-size: smaller;
}
.olControlScaleLine {
+ display: block;
+ position: absolute;
left: 10px;
bottom: 15px;
font-size: xx-small;
.olControlOverviewMapContainer {
position: absolute;
- bottom: 0px;
- right: 0px;
+ bottom: 0;
+ right: 0;
}
.olControlOverviewMapElement {
}
.olControlOverviewMapMinimizeButton {
- right: 0px;
+ right: 0;
bottom: 80px;
+ cursor: pointer;
}
.olControlOverviewMapMaximizeButton {
- right: 0px;
+ right: 0;
bottom: 80px;
+ cursor: pointer;
}
.olControlOverviewMapExtentRectangle {
padding:5px;
overflow: auto;
}
-.olControlNavToolbar {
- width:0px;
- height:0px;
-}
-.olControlNavToolbar div {
- display:block;
- width: 28px;
- height: 28px;
- top: 300px;
- left: 6px;
- position: relative;
-}
-.olControlNavigationHistoryPreviousItemActive {
- background-image: url("img/view_previous_on.png");
+.olControlNavigationHistory {
+ background-image: url("img/navigation_history.png");
background-repeat: no-repeat;
width: 24px;
height: 24px;
+
+}
+.olControlNavigationHistoryPreviousItemActive {
+ background-position: 0 0;
}
.olControlNavigationHistoryPreviousItemInactive {
- background-image: url("img/view_previous_off.png");
- background-repeat: no-repeat;
- width: 24px;
- height: 24px;
+ background-position: 0 -24px;
}
.olControlNavigationHistoryNextItemActive {
- background-image: url("img/view_next_on.png");
- background-repeat: no-repeat;
- width: 24px;
- height: 24px;
+ background-position: -24px 0;
}
.olControlNavigationHistoryNextItemInactive {
- background-image: url("img/view_next_off.png");
- background-repeat: no-repeat;
- width: 24px;
- height: 24px;
+ 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;
+div.olControlSaveFeaturesItemActive {
+ background-image: url(img/save_features_on.png);
+ background-repeat: no-repeat;
+ background-position: 0 1px;
}
-.olControlEditingToolbar {
- float:right;
- right: 0px;
- height: 30px;
- width: 200px;
-}
-.olControlEditingToolbar div {
- float:right;
- width: 24px;
- height: 24px;
- margin: 5px;
-}
-.olControlEditingToolbar .olControlNavigationItemActive {
- background-image: url("img/editing_tool_bar.png");
- background-repeat: no-repeat;
- background-position: -103px -23px;
-}
-.olControlEditingToolbar .olControlNavigationItemInactive {
- background-image: url("img/editing_tool_bar.png");
- background-repeat: no-repeat;
- background-position: -103px -0px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
- background-image: url("img/editing_tool_bar.png");
- background-repeat: no-repeat;
- background-position: -77px -23px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
- background-image: url("img/editing_tool_bar.png");
- background-repeat: no-repeat;
- background-position: -77px -0px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
- background-image: url("img/editing_tool_bar.png");
- background-repeat: no-repeat;
- background-position: -51px 0px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
- background-image: url("img/editing_tool_bar.png");
- background-repeat: no-repeat;
- background-position: -51px -23px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
- background-image: url("img/editing_tool_bar.png");
- background-repeat: no-repeat;
- background-position: -26px 0px;
-}
-.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
- background-image: url("img/editing_tool_bar.png");
- background-repeat: no-repeat;
- background-position: -26px -23px ;
+div.olControlSaveFeaturesItemInactive {
+ background-image: url(img/save_features_off.png);
+ background-repeat: no-repeat;
+ background-position: 0 1px;
}
.olHandlerBoxZoomBox {
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: 0;
+ left: 9px;
+ background-position: 0 0;
+}
+.olControlPanPanel .olControlPanSouthItemInactive {
+ top: 36px;
+ left: 9px;
+ background-position: 18px 0;
+}
+.olControlPanPanel .olControlPanWestItemInactive {
+ position: absolute;
+ top: 18px;
+ left: 0;
+ background-position: 0 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: 0;
+ left: 0;
+ background-position: 0 0;
+}
+
+.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
+ top: 18px;
+ left: 0;
+ background-position: 0 -18px;
+}
+
+.olControlZoomPanel .olControlZoomOutItemInactive {
+ top: 36px;
+ left: 0;
+ background-position: 0 18px;
+}
+
/*
- * Due to current limitations in the OpenLayers code, you can only
- * replace this image with another image which is 17px x 17px.
- */
+ * When a potential text is bigger than the image it move the image
+ * with some headers (closes #3154)
+ */
+.olControlPanZoomBar div {
+ font-size: 1px;
+}
+
.olPopupCloseBox {
background: url("img/close.gif") no-repeat;
cursor: pointer;
}
+.olFramedCloudPopupContent {
+ padding: 5px;
+ overflow: auto;
+}
+
.olControlNoSelect {
-moz-user-select: none;
+ -khtml-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: 0;
+ 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: 0;
+ cursor: pointer;
+}
+
+.olBingAttribution {
+ color: #DDD;
+}
+.olBingAttribution.road {
+ color: #333;
+}
+
+.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
+ color: #EEE;
+}
+.olGoogleAttribution {
+ color: #333;
+}
+span.olGoogleAttribution a {
+ color: #77C;
+}
+span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
+ color: #EEE;
+}
+
+/**
+ * Editing and navigation icons.
+ * (using the editing_tool_bar.png sprint image)
+ */
+.olControlNavToolbar ,
+.olControlEditingToolbar {
+ margin: 5px 5px 0 0;
+}
+.olControlNavToolbar div,
+.olControlEditingToolbar div {
+ background-image: url("img/editing_tool_bar.png");
+ background-repeat: no-repeat;
+ margin: 0 0 5px 5px;
+ width: 24px;
+ height: 22px;
+ cursor: pointer
+}
+/* positions */
+.olControlEditingToolbar {
+ right: 0;
+ top: 0;
+}
+.olControlNavToolbar {
+ top: 295px;
+ left: 9px;
+}
+/* layouts */
+.olControlEditingToolbar div {
+ float: right;
+}
+/* individual controls */
+.olControlNavToolbar .olControlNavigationItemInactive,
+.olControlEditingToolbar .olControlNavigationItemInactive {
+ background-position: -103px -1px;
+}
+.olControlNavToolbar .olControlNavigationItemActive ,
+.olControlEditingToolbar .olControlNavigationItemActive {
+ background-position: -103px -24px;
+}
+.olControlNavToolbar .olControlZoomBoxItemInactive {
+ background-position: -128px -1px;
+}
+.olControlNavToolbar .olControlZoomBoxItemActive {
+ background-position: -128px -24px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
+ background-position: -77px -1px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
+ background-position: -77px -24px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
+ background-position: -51px -1px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
+ background-position: -51px -24px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
+ background-position: -26px -1px;
+}
+.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
+ background-position: -26px -24px;
}