Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Merge pull request #355 from tonio/blue

Zoom control, back to blue
  • Loading branch information...
commit eb74d93d487b5065a8a7bba217d428bdc7ae855b 2 parents 935c569 + 8f3f5d1
@tonio tonio authored
Showing with 20 additions and 15 deletions.
  1. +10 −7 examples/style.mobile.css
  2. +10 −8 theme/default/style.css
View
17 examples/style.mobile.css
@@ -2,6 +2,9 @@ div.olControlZoom {
position: absolute;
top: 8px;
left: 8px;
+ background: rgba(255,255,255,0.4);
+ border-radius: 4px;
+ padding: 2px;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -20,9 +23,9 @@ div.olControlZoom a {
width: 32px;
line-height: 28px;
text-shadow: 0 0 3px rgba(0,0,0,0.8);
- background: #666666; /* fallback for IE - IE6 requires background shorthand*/
- background: rgba(0, 0, 0, 0.3);
- filter: alpha(opacity=60);
+ background: #130085; /* fallback for IE - IE6 requires background shorthand*/
+ background: rgba(0, 60, 136, 0.5);
+ filter: alpha(opacity=80);
}
a.olControlZoomIn {
border-radius: 4px 4px 0 0;
@@ -31,13 +34,13 @@ a.olControlZoomOut {
border-radius: 0 0 4px 4px;
}
div.olControlZoom a:hover {
- background: #444444; /* fallback for IE */
- background: rgba(0, 0, 0, 0.5);
- filter: alpha(opacity=80);
+ 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, 0, 0, 0.3);
+ background: rgba(0, 60, 136, 0.5);
}
}
.olTileImage {
View
18 theme/default/style.css
@@ -433,6 +433,9 @@ div.olControlZoom {
position: absolute;
top: 8px;
left: 8px;
+ background: rgba(255,255,255,0.4);
+ border-radius: 4px;
+ padding: 2px;
}
div.olControlZoom a {
display: block;
@@ -447,19 +450,18 @@ div.olControlZoom a {
height: 22px;
width:22px;
line-height: 19px;
- text-shadow: 0 0 3px rgba(0,0,0,0.8);
- background: #666666; /* fallback for IE - IE6 requires background shorthand*/
- background: rgba(0, 0, 0, 0.3);
- filter: alpha(opacity=60);
+ background: #130085; /* fallback for IE - IE6 requires background shorthand*/
+ background: rgba(0, 60, 136, 0.5);
+ filter: alpha(opacity=80);
}
div.olControlZoom a:hover {
- background: #444444; /* fallback for IE */
- background: rgba(0, 0, 0, 0.5);
- filter: alpha(opacity=80);
+ 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, 0, 0, 0.3);
+ background: rgba(0, 60, 136, 0.5);
}
}
a.olControlZoomIn {
Please sign in to comment.
Something went wrong with that request. Please try again.