Skip to content

Instantly share code, notes, and snippets.

@dshook
Created September 24, 2014 03:55
Show Gist options
  • Save dshook/66b1d22fe34547172803 to your computer and use it in GitHub Desktop.
Save dshook/66b1d22fe34547172803 to your computer and use it in GitHub Desktop.
leaflet map css
<style type="text/css">
div.map-container{
position: relative;
min-height: 100%;
height: 100%;
margin: 0 0 -30px 0; /* the bottom margin is the negative value of the footer's height */
}
#map{
width: 100%;
height: 700px;
}
#age-graph, #age-labels
{
position:relative;
width:250px;
height:75px;
margin:8px;
padding:0;
}
#age-graph ul
{
position:absolute;
top:0;
display:block;
width:250px;
height:70px;
background-color:white;
margin:0;
}
#age-graph li
{
list-style:none;
position:absolute;
width:30px;
bottom:0;
text-align:center;
border:1px solid black;
visibility: hidden;
background-color:darkkhaki;
}
#age-labels
{
top: 10px;
height: 15px;
font-size:80%;
background: white;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment