.icon.zoomin { background-position: -40px 0; }
.icon.zoomout { background-position: -60px 0; }
.icon.geolocate { background-position: -80px 0; }
+.active .icon.geolocate { background-position: -80px -20px; }
.icon.layers { background-position: -100px 0; }
.icon.key { background-position: -120px 0; }
.icon.share { background-position: -140px 0; }
}
.leaflet-control .zoomin,
-.control-layers .control-button,
-.control-note .control-button {
+.control-layers .control-button {
margin-bottom: 0px;
border-radius: 4px 4px 0px 0px;
}
-.leaflet-control .zoomout {
+.leaflet-control .zoomout,
+.control-key .control-button {
margin-bottom: 0px;
border-radius: 0px;
}
.control-locate .control-button,
-.control-key .control-button,
.control-share .control-button {
border-radius: 0px 0px 4px 4px;
}
position: absolute;
display: none;
right: 0;
- width: 200px;
+ width: 250px;
height: 100%;
background: white;
+ overflow: auto;
}
-.layers-ui {
+#map-ui {
section {
border-top: 1px solid #868e85;
padding: 15px;
}
+ section:first-child {
+ border-top:0;
+ }
+
+ h2 {
+ margin:0;
+ }
+
+ a.close-button {
+ float: right;
+ padding:5px;
+ font-size:20px;
+ line-height:15px;
+ color:#222;
+ border:1px solid #ddd;
+ }
+
li {
border-radius: 4px;
overflow: hidden;
label {
display: block;
padding: 5px;
- background-color: #868e85;
+ background-color: #eee;
cursor: pointer;
}
li.active label {
- background-color: #68c879;
+ background-color: #ccc;
+ }
+
+ input[type=text] {
+ width:220px;
}
.base-layers {
/* Rules for the map key which appears in the popout sidebar */
#mapkey {
- padding: $lineheight $lineheight 0 $lineheight;
.mapkey-table-key img {
display: block;
margin-left: auto;
}
h1, h2 {
font-size: 21px;
- line-height: 1;
+ line-height: 1em;
}
small.deemphasize {
float: left;