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

blue’s back — Zoom control refresh

Browse Source
This commit is contained in:
Antoine Abt
2012-03-26 21:53:11 +02:00
parent febf048d9d
commit 8f3f5d1366
2 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/style.mobile.css
+10 -7
View File
@@ -2,6 +2,9 @@ div.olControlZoom {
position: absolute; position: absolute;
top: 8px; top: 8px;
left: 8px; left: 8px;
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 2px;
} }
* { * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -20,9 +23,9 @@ div.olControlZoom a {
width: 32px; width: 32px;
line-height: 28px; line-height: 28px;
text-shadow: 0 0 3px rgba(0,0,0,0.8); text-shadow: 0 0 3px rgba(0,0,0,0.8);
background: #666666; /* fallback for IE - IE6 requires background shorthand*/ background: #130085; /* fallback for IE - IE6 requires background shorthand*/
background: rgba(0, 0, 0, 0.3); background: rgba(0, 60, 136, 0.5);
filter: alpha(opacity=60); filter: alpha(opacity=80);
} }
a.olControlZoomIn { a.olControlZoomIn {
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
@@ -31,12 +34,12 @@ a.olControlZoomOut {
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
} }
div.olControlZoom a:hover { div.olControlZoom a:hover {
background: #444444; /* fallback for IE */ background: #130085; /* fallback for IE */
background: rgba(0, 0, 0, 0.5); background: rgba(0, 60, 136, 0.7);
filter: alpha(opacity=80); filter: alpha(opacity=100);
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
div.olControlZoom a:hover { div.olControlZoom a:hover {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 60, 136, 0.5);
} }
} }
theme/default/style.css
+10 -8
View File
@@ -433,6 +433,9 @@ div.olControlZoom {
position: absolute; position: absolute;
top: 8px; top: 8px;
left: 8px; left: 8px;
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 2px;
} }
div.olControlZoom a { div.olControlZoom a {
display: block; display: block;
@@ -447,19 +450,18 @@ div.olControlZoom a {
height: 22px; height: 22px;
width:22px; width:22px;
line-height: 19px; line-height: 19px;
text-shadow: 0 0 3px rgba(0,0,0,0.8); background: #130085; /* fallback for IE - IE6 requires background shorthand*/
background: #666666; /* fallback for IE - IE6 requires background shorthand*/ background: rgba(0, 60, 136, 0.5);
background: rgba(0, 0, 0, 0.3); filter: alpha(opacity=80);
filter: alpha(opacity=60);
} }
div.olControlZoom a:hover { div.olControlZoom a:hover {
background: #444444; /* fallback for IE */ background: #130085; /* fallback for IE */
background: rgba(0, 0, 0, 0.5); background: rgba(0, 60, 136, 0.7);
filter: alpha(opacity=80); filter: alpha(opacity=100);
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
div.olControlZoom a:hover { div.olControlZoom a:hover {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 60, 136, 0.5);
} }
} }
a.olControlZoomIn { a.olControlZoomIn {