398 lines
		
	
	
		
			8.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
		
		
			
		
	
	
			398 lines
		
	
	
		
			8.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
|   | 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; | ||
|  | } |