facilmap/frontend/app/legend/legend.css

93 wiersze
1.3 KiB
CSS

.fm-map-legend {
position: absolute;
right: 10px;
bottom: 25px;
z-index: 800;
font-size: 12px;
opacity: .7;
transition: opacity .7s;
}
.fm-map-legend .mobile-menu-button {
margin-left: auto;
}
.fm-map-legend .panel {
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
margin-bottom: 0;
transition: transform .7s;
transform-origin: bottom right;
}
.fm-map-legend:hover {
opacity: 1;
}
.fm-map-legend h3 {
font-size: 1.1em;
margin: 0 0 5px 0;
padding: 0;
font-weight: bold;
cursor: pointer;
}
.fm-map-legend hr {
margin: 10px -8px;
}
.fm-map-legend dl {
margin-bottom: 0px;
}
.fm-map-legend dt {
margin: 0;
width: auto;
padding-right: .3ex;
display: inline-block;
cursor: pointer;
}
.fm-map-legend dt.fm-marker {
width: 16px;
}
.fm-map-legend dt:after {
content: none;
}
.fm-map-legend dd {
line-height: 1.3em;
width: auto;
display: inline;
vertical-align: middle;
cursor: pointer;
}
.fm-map-legend dd:after {
content: "\a";
white-space: pre;
}
.fm-map-legend dl:after {
content: none;
}
.fm-map-legend-line {
display: inline-block;
width: 50px;
border-radius: 2px;
vertical-align: middle;
}
.fm-map-legend-marker {
vertical-align: middle;
height: 1.3em;
}
.fm-map-legend .filtered {
opacity: 0.5;
}