User:GeoGalvanic/common.css

.layer-switcher { position: absolute; top: 0.5em; right: 0.5em; text-align: left; }

.layer-switcher.shown { bottom: 3em; }

.layer-switcher .panel { padding: 0 1em 0 0; margin: 0; border: 4px solid black; border-radius: 4px; background-color: rgba(190, 145, 81, .5); display: none; max-height: 100%; overflow-y: auto; }

.layer-switcher.shown .panel { display: block; }

.layer-switcher button { float: right; width: 38px; height: 38px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==')/*logo.png*/ ; background-repeat: no-repeat; background-position: -5px; background-color: rgba(190, 145, 81, .5); border: none; }

.layer-switcher.shown button { display: none; }

.layer-switcher button:focus, .layer-switcher button:hover { background-color: white; }

.layer-switcher ul { padding-left: 1em; list-style: none; }

.layer-switcher li.group { padding-top: 5px; }

.layer-switcher li.group>label { font-weight: bold; }

.layer-switcher li.layer { display: table; }

.layer-switcher li.layer label, .layer-switcher li.layer input { display: table-cell; vertical-align: sub; }

.layer-switcher label.disabled { opacity: 0.4; }

.layer-switcher input { margin: 4px; }

.layer-switcher.touch ::-webkit-scrollbar { width: 4px; }

.layer-switcher.touch ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; }

.layer-switcher.touch ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

.ol-box { box-sizing: border-box; border-radius: 2px; border: 2px solid #00f }

.ol-mouse-position { top: 8px; right: 8px; position: absolute }

.ol-scale-line { background: rgba(0, 60, 136, .3); border-radius: 4px; bottom: 8px; left: 8px; padding: 2px; position: absolute }

.ol-scale-line-inner { border: 1px solid #eee; border-top: none; color: #eee; font-size: 10px; text-align: center; margin: 1px; will-change: contents, width }

.ol-overlay-container { will-change: left, right, top, bottom }

.ol-unsupported { display: none }

.ol-unselectable, .ol-viewport { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent }

.ol-selectable { -webkit-touch-callout: default; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto }

.ol-grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing }

.ol-grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab }

.ol-control { position: absolute; background-color: rgba(0, 0, 0, .4); border-radius: 4px; padding: 2px }

.ol-control:hover { background-color: rgba(0, 0, 0, .6) }

.ol-zoom { top: .5em; left: .5em }

.ol-rotate { top: .5em; right: .5em; transition: opacity .25s linear, visibility 0s linear }

.ol-rotate.ol-hidden { opacity: 0; visibility: hidden; transition: opacity .25s linear, visibility 0s linear .25s }

.ol-zoom-extent { top: 4.643em; left: .5em }

.ol-full-screen { right: .5em; top: .5em }

@media print { .ol-control { display: none } }

.ol-control button { display: block; margin: 1px; padding: 0; color: #fff; font-size: 1.14em; font-weight: 700; text-decoration: none; text-align: center; height: 1.375em; width: 1.375em; line-height: .4em; background-color: rgba(190, 145, 81, .5); border: none; border-radius: 2px }

.ol-control button::-moz-focus-inner { border: none; padding: 0 }

.ol-zoom-extent button { line-height: 1.4em }

.ol-compass { display: block; font-weight: 400; font-size: 1.2em; will-change: transform }

.ol-touch .ol-control button { font-size: 1.5em }

.ol-touch .ol-zoom-extent { top: 5.5em }

.ol-control button:focus, .ol-control button:hover { text-decoration: none; background-color: rgba(190, 145, 81, .7) }

.ol-zoom .ol-zoom-in { border-radius: 2px 2px 0 0 }

.ol-zoom .ol-zoom-out { border-radius: 0 0 2px 2px }

.ol-attribution { text-align: right; bottom: .5em; right: .5em; max-width: calc(100% - 1.3em) }

.ol-attribution ul { margin: 0; padding: 0 .5em; font-size: .7rem; line-height: 1.375em; color: #000; text-shadow: 0 0 -1 #000 }

.ol-attribution li { display: inline; list-style: none; line-height: inherit }

.ol-attribution li:not(:last-child):after { content: " " }

.ol-attribution img { max-height: 2em; max-width: inherit; vertical-align: middle }

.ol-attribution button, .ol-attribution ul { display: inline-block }

.ol-attribution.ol-collapsed ul { display: none }

.ol-attribution.ol-logo-only ul { display: block }

.ol-attribution:not(.ol-collapsed) { background: rgba(0, 0, 0, .7) }

.ol-attribution.ol-uncollapsible { bottom: 0; right: 0; border-radius: 4px 0 0; height: 1.1em; line-height: 1em }

.ol-attribution.ol-logo-only { background: 0 0; bottom: .4em; height: 1.1em; line-height: 1em }

.ol-attribution.ol-uncollapsible img { margin-top: -.2em; max-height: 1.6em }

.ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button { display: none }

.ol-zoomslider { top: 4.5em; left: .5em; height: 200px }

.ol-zoomslider button { position: relative; height: 10px }

.ol-touch .ol-zoomslider { top: 5.5em }

.ol-overviewmap { left: .5em; bottom: .5em }

.ol-overviewmap.ol-uncollapsible { bottom: 0; left: 0; border-radius: 0 4px 0 0 }

.ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button { display: inline-block }

.ol-overviewmap .ol-overviewmap-map { border: 1px solid #7b98bc; height: 150px; margin: 2px; width: 150px }

.ol-overviewmap:not(.ol-collapsed) button { bottom: 1px; left: 2px; position: absolute }

.ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button { display: none }

.ol-overviewmap:not(.ol-collapsed) { background: rgba(255, 255, 255, .8) }

.ol-overviewmap-box { border: 2px dotted rgba(0, 60, 136, .7) }

.ol-overviewmap .ol-overviewmap-box:hover { cursor: move }