UNPKG

equation-admin-template

Version:

Booststrap 4 admin template made by equation

106 lines (97 loc) 2.11 kB
.mapael .map { position: relative; } .mapael .mapTooltip { position: absolute; background-color: #fff; moz-opacity: 0.70; opacity: 0.70; filter: alpha(opacity=70); border-radius: 10px; padding: 10px; z-index: 1000; max-width: 200px; display: none; color: #343434; } /* For all zoom buttons */ .mapael .zoomButton { background-color: #fff; border: 1px solid #ccc; color: #000; width: 15px; height: 15px; line-height: 15px; text-align: center; border-radius: 3px; cursor: pointer; position: absolute; top: 0; font-weight: bold; left: 10px; -webkit-user-select: none; -khtml-user-select : none; -moz-user-select: none; -o-user-select : none; user-select: none; } /* Reset Zoom button first */ .mapael .zoomReset { top: 10px; } /* Then Zoom In button */ .mapael .zoomIn { top: 30px; } /* Then Zoom Out button */ .mapael .zoomOut { top: 50px; } .mapael .myLegend { /*border: 1px solid #bebeb4; background-color: #f4f4e8; padding: 10px;*/ } @media (max-width: 767px) { .margin-bottom-37 { margin-bottom: 20px; } .margin-bottom-154 { margin-bottom: 20px } .margin-bottom-337 { margin-bottom: 20px; } .areaLegend, .plotLegend, .mapael .myLegend { position: relative; overflow: hidden; display: block; } } @media (min-width: 767px) and (max-width: 991px) { .margin-bottom-37 { margin-bottom: 20px; } .margin-bottom-154 { margin-bottom: 20px } .margin-bottom-337 { margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .margin-bottom-37 { margin-bottom: 20px; } .margin-bottom-337 { margin-bottom: 213px; } } @media (min-width: 1200px) and (max-width: 1459px) { .margin-bottom-37 { margin-bottom: 30px; } .margin-bottom-337 { margin-bottom: 288px; } }