Skip to content

Instantly share code, notes, and snippets.

@csessig86
Last active December 17, 2015 01:30
Show Gist options
  • Save csessig86/5529177 to your computer and use it in GitHub Desktop.
Save csessig86/5529177 to your computer and use it in GitHub Desktop.
Responsive maps blog 5
/* 'About this map' button, description box */
/* Mobile only */
.toggle_description {
display: none;
z-index: 8;
position: relative;
float: right;
right: 0%;
top: 0%;
}
#description_box_cover {
display: none;
z-index: 10;
position: absolute;
top: 0%;
width: 100%;
height: 100%;
background-color: #444444;
background-color:rgba(44,44,44,0.9);
}
#description_box {
position: absolute;
display: none;
z-index: 11;
width: 92%;
height: 93%;
padding-top: 1%;
padding-left: 1%;
padding-right: 1%;
left: 2.5%;
top: 2.5%;
border: 1px solid #999;
background-color: #FFFFFF;
background-color:rgba(255,255,255,0.9);
}
#description_box h3 {
padding-bottom: 0px;
line-height: 15px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment