ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adding a simple zoom control.

Browse Source 
This control generates simple zoom in/out links that can be styled with CSS.
This commit is contained in:
tschaub
2012-03-02 15:45:30 -07:00
parent 39962a6179
commit 0ce7674be6
5 changed files with 222 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
theme/default/style.css
View File

@@ -429,6 +429,38 @@ span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
background-position: -26px -24px;
}
div.olControlZoom {
position: absolute;
top: 8px;
left: 8px;
}
div.olControlZoom a {
display: block;
margin: 2px;
padding: 0 4px;
color: white;
font-size: 18px;
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 22px;
line-height: 22px;
background-color: #4d4d4d; /* fallback for IE */
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.6);
}
div.olControlZoom a:hover {
background-color: #7f7f7f; /* fallback for IE */
background-color: rgba(0, 0, 0, 0.5);
}
a.olControlZoomIn {
border-radius: 5px 5px 0 0;
}
a.olControlZoomOut {
border-radius: 0 0 5px 5px;
}
/**
* Animations
*/