GGWEB/target/MBCA-1.0.0/css/openlayers/ol.css

298 lines
4.4 KiB
CSS

.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(255, 255, 255, .4);
border-radius: 4px;
padding: 2px
}
.ol-control:hover {
background-color: rgba(255, 255, 255, .6)
}
.ol-zoom {
right: 2%;
bottom: 2%;
}
.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(0, 60, 136, .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(0, 60, 136, .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 2px #fff
}
.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(255, 255, 255, .8)
}
.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 {
bottom: 175px;
right: 0;
}
.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
}