mapillary-js/styles/RouteComponent.css
Oscar Lorentzon d11f278d43 Simplify z-index approach.
Interactive (e.g. navigation, attribution) element have z-index 10.
Overlayed elements (slider, route bubble) have z-index 20.
Filling elements have z-index -1 to 9.
Cover have z-index 100.
Special elements (debug) have z-index 50.

Do not change z-index in server cssnano plugin (z-index are not
changed when built from npm script).
2016-08-26 13:22:25 -04:00

22 lines
443 B
CSS

.RouteFrame {
background-color: rgba(0, 0, 0, 0.5);
outline: 1px solid rgba(255, 255, 255, 0.5);
width: 80%;
height: 40px;
text-align: center;
color: white;
margin: 0 auto;
position: absolute;
z-index: 20;
bottom: 30%;
left: 10%;
}
.RouteFrame p {
margin: 0;
padding: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}