path: root/map.scss

@import 'h5bp/helpers';
@import 'partials/leaflet';
@import "compass/css3";

body {
    margin:0;
    padding:0;
}

// keep headline above map, besides branding
h1 {
    z-index: 1;
    position: absolute;
    left: 222px; // match branding (20+202)
    margin: 20px; // match branding (20)
}

#content {
    z-index: -1; // keep branding visible
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    max-width: 100%; // override local styling
    margin: 0;
}

.leaflet-control-scale {
    text-align: center;
}

.leaflet-left .leaflet-control {
    margin-left: 20px; // match branding
}
.leaflet-left .leaflet-control {
    margin-top: 96px; // match branding (20+56+20)
}

.topbar {
    @include inline-block; // avoid shadowing across whole viewport
    background-color: unset; // override local styling
    height: 4em; //avoid shadowing for map zoom
}

 // override local styling
.pageheader,
.topbar ul,
.sidebar,
.farbar,
#footer {
    @include h5bp-hidden;
}