Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

improved the design of the zoom buttons

  • Loading branch information...
commit cb7c3ef473bd1a619bbdda3456952bb6fe7e4cd5 1 parent 20a75fe
Phil Letourneau authored
Showing with 22 additions and 21 deletions.
  1. +22 −21 Source/Framework/Resources/Stylesheet.css
View
43 Source/Framework/Resources/Stylesheet.css
@@ -51,50 +51,51 @@ div#MKMapViewTopLayer {
.zoom{
height: 24px;
width: 24px;
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(254,254,254,1.0)), to(rgba(242,242,240,1.0)));
+ background: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,40%,1)), to(hsla(0,0%,32%,1)), color-stop(0.5, hsla(0,0%,34%,1)), color-stop(0.5, hsla(0,0%,32%,1)));
border-radius:4px;
- margin: 3px;
+ margin: 4px;
position: relative;
- -webkit-box-shadow:0px 0px 1px rgba(0,0,0,1.0);
+ border: 1px solid #212121;
+ -webkit-box-shadow:0px 0px 3px hsla(0,0%,100%,1);
+ -webkit-box-shadow: inset 0px 1px hsla(0,0%,100%,0.35);
}
.zoom:active {
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(235,235,235,1.0)), to(rgba(222,222,220,1.0)));
+ background: -webkit-gradient(linear, left bottom, left top, from(hsla(0,0%,34%,1)), to(hsla(0,0%,30%,1)), color-stop(0.5, hsla(0,0%,29%,1)), color-stop(0.5, hsla(0,0%,21%,1)));
-webkit-box-shadow:0px 0px 1px rgba(30,30,30,0.9);
+ border: 1px solid #000;
}
.out{
- height: 2px;
- width: 12px;
- background-color: #949494;
+ height: 4px;
+ width: 14px;
+ background-color: #eee;
position: absolute;
top:50%;
- margin-top:-2px;
+ margin-top:-3px;
left: 50%;
margin-left: -7px;
- border: 1px solid #888;
- border-top: 1px solid #696969;
+ border-top: 1px solid #333;
}
.in{
- height: 12px;
- width: 2px;
- background-color: #949494;
+ height: 14px;
+ width: 4px;
+ background-color: #eee;
position: absolute;
top:50%;
- margin-top:-7px;
+ margin-top:-8px;
left: 50%;
margin-left: -2px;
- border: 1px solid #888;
- border-top: 1px solid #696969;
+ border-top: 1px solid #333;
}
.in2{
- height: 12px;
- width: 2px;
- background-color: #949494;
+ height: 14px;
+ width: 4px;
+ background-color: #eee;
position: absolute;
top:50%;
- margin-top:-6px;
+ margin-top:-7px;
left: 50%;
- margin-left: -1px;
+ margin-left: -2px;
}
/* Annotation Callout */
Please sign in to comment.
Something went wrong with that request. Please try again.