+.leaflet-control .control-button {
+ display: block;
+ height: 40px;
+ width: 40px;
+ background-color: white;
+ background-color: rgba(255,255,255,.8);
+ border-radius: 4px;
+ margin-bottom: 10px;
+}
+
+.leaflet-control .zoomin,
+.control-layers .control-button {
+ margin-bottom: 0px;
+ border-radius: 4px 4px 0px 0px;
+}
+
+.site .leaflet-control .zoomout,
+.control-key .control-button {
+ margin-bottom: 0px;
+ border-radius: 0px;
+}
+
+.leaflet-control .zoomout,
+.control-locate .control-button,
+.control-share .control-button {
+ border-radius: 0px 0px 4px 4px;
+}
+
+.leaflet-control .control-button:hover {
+ background-color: white;
+}
+
+.leaflet-control .control-button .icon {
+ margin: 10px;
+}
+
+/* Rules for the home page */
+
+.site-export #map,
+.site-index #map,
+.site-edit #map {
+ height: 100%;
+ overflow: hidden;
+}
+
+#map-ui {
+ display: none;
+ position: relative;
+ float: right;
+ width: 250px;
+ height: 100%;
+ background: white;
+ border-left: 1px solid #CCC;
+ overflow: auto;
+
+ .section {
+ border-bottom: 1px solid #DDD;
+ padding: 15px;