cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style the CSS zoom control to match the layer switcher

Browse source
This commit is contained in:
Tom Hughes 2012-08-01 12:05:47 +01:00
parent 3d23e34318
commit a357bab334
1 changed files with 4 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

16
app/assets/openlayers/theme/default/style.css.scss
View file

@ -443,7 +443,7 @@ div.olControlZoom a {
display: block;
margin: 1px;
padding: 0;
color: white;
color: black;
font-size: 18px;
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-weight: bold;
@ -452,19 +452,11 @@ div.olControlZoom a {
height: 22px;
width:22px;
line-height: 19px;
background: #130085; /* fallback for IE - IE6 requires background shorthand*/
background: rgba(0, 60, 136, 0.5);
filter: alpha(opacity=80);
background: #ffffff;
border: 1px solid #cccccc;
}
div.olControlZoom a:hover {
background: #130085; /* fallback for IE */
background: rgba(0, 60, 136, 0.7);
filter: alpha(opacity=100);
}
@media only screen and (max-width: 600px) {
div.olControlZoom a:hover {
background: rgba(0, 60, 136, 0.5);
}
background: #f5f5f5;
}
a.olControlZoomIn {
border-radius: 4px 4px 0 0;