@font-face { font-family: "SourceSansPro-Regular"; src: url('fonts/SourceSansPro-Regular.otf') format("truetype"); } @font-face { font-family: "SourceSansPro-Bold"; src: url('fonts/SourceSansPro-Bold.otf') format("truetype"); } body{ font-family: 'SourceSansPro-Regular', Arial, serif; font-size: 10px; } .header{ top:35px; width: inherit; height: 10px; position: absolute; z-index: 3; text-align: center; color:#7777; font-size: 12; text-shadow: 0px 2px 3px rgba(150, 150, 150, 1) } #url{ top:50px; font-size: 30px; color:#7777; font-family: 'SourceSansPro-Bold'; text-shadow: 0px 2px 3px rgba(150, 150, 150, 1) } #map { z-index:1; top: 0px; left: 0px; position:absolute; } .bar{ z-index:2; top:0px; left:0px; width:20px; height:100%; position:absolute; background-color:rgba(255, 255, 255, 0.8); -webkit-box-shadow: 12px 0px 8px -4px rgba(0, 0, 0, 0.5); box-shadow: 12px 0px 8px -4px rgba(0, 0, 0, 0.5); overflow: auto; } #button{ z-index:4; float:right; width: 10px; height: 90%; padding: 5px; font-size: 20px; } .info{ z-index: 3; width:250; position: absolute; top: 0px; z-index: 4; color:black; padding: 15px; float: left; overflow: auto; } .test{ background: repeat; } .divider{ font-size: 14; text-align: center; } #footer{ bottom:0; overflow: auto; } .info a { color:#6cb9f7; } .info img{ top :0px; } .info p { overflow: auto; padding-left: 10px; } .info #info-text{ text-align: justify; height:inherit; overflow: auto; } .toggle{ text-align: center; font-weight: 700; cursor: pointer; font-size: 14; } #metadata{ visibility: hidden; } .bc-custom-control { background-color:rgba(255, 255, 255, 0.7); box-shadow: 0 1px 7px rgba(0,0,0,0.65); -webkit-border-radius: 4px; border-radius: 4px; font-color: black; color: black; border-radius: 4px; margin: 10px; padding: 10px; } .leaflet-container a{ font-weight:700; } #error{ text-align: center; font-weight: 700; cursor: pointer; font-size: 14; color:red; margin:42px; }