]> git.openstreetmap.org Git - rails.git/blob - vendor/assets/iD/iD/mapillary-js/mapillary.min.css
Merge remote-tracking branch 'openstreetmap/pull/1030' into next
[rails.git] / vendor / assets / iD / iD / mapillary-js / mapillary.min.css
1 .Attribution{background-color:rgba(0,0,0,.5);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:11px;position:absolute;bottom:0;right:0;padding:4px 2px;z-index:10}.Attribution a,.Attribution span{color:#fff;text-decoration:none;margin:0 2px 4px}.Attribution span{pointer-events:none}.Attribution a:hover{color:#35af6d}.BackgroundWrapper{background-color:#000;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;color:#fff;text-align:center;padding-top:30%}.Background p,.BackgroundWrapper{font-family:Helvetica,Arial,sans-serif}.Background p{position:relative;padding:5px;font-size:12px;text-shadow:0 0 5px rgba(0,0,0,.75)}.BearingIndicator{bottom:28px;height:66px;pointer-events:none;position:absolute;right:11px;width:56px;z-index:10}.BearingIndicatorBackground{opacity:.5}.BearingIndicatorBackgroundRectangle{background:#242528;height:12px;left:23px;position:absolute;top:0;width:10px}.BearingIndicatorBackgroundCircle{background:#242528;border-radius:50%;bottom:0;height:56px;position:absolute;width:56px}.BearingIndicatorNorth{background:#fff;height:6px;left:27px;position:absolute;top:4px;width:2px}.Cover{background-color:rgba(0,0,0,.5);height:100%;width:100%;z-index:100;overflow:hidden}.Cover,.CoverBackground{bottom:0;left:0;right:0;top:0;position:absolute}.CoverBackground{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-position:50%;background-size:cover;margin-left:-3px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:background-image .2s ease-in-out,-webkit-transform 5s ease-out;transition:transform 5s ease-out,background-image .2s ease-in-out;transition:transform 5s ease-out,background-image .2s ease-in-out,-webkit-transform 5s ease-out;z-index:-10;margin-right:-3px}.Cover:hover .CoverBackground{-webkit-transform:scale(1.1);transform:scale(1.1)}.Cover.CoverLoading .CoverBackground{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out}.CoverBackgroundGradient{background:linear-gradient(-180deg,transparent,#000);bottom:0;height:110px;left:0;pointer-events:none;right:0;z-index:1}.CoverBackgroundGradient,.CoverLogo{position:absolute;transition:opacity .2s ease-in-out}.CoverLogo{background-size:cover;background:url(cover-logo.svg);bottom:30px;height:32px;left:30px;width:128px;z-index:300}@media screen and (max-width:560px){.CoverLogo{display:none}}.Cover.CoverDone>.CoverBackground{bottom:0;left:0;right:0;top:0;z-index:100}.CoverDone{visibility:hidden;opacity:0}.CoverButton{background-color:transparent;border-radius:999px;border:1px solid #fff;bottom:30px;color:#fff;font-size:14px;font-weight:300;height:34px;left:50%;letter-spacing:1px;margin-left:-70px;padding:5px 30px 7px;position:absolute;transition:all .2s ease-in-out;width:140px}.CoverButton:hover{background-color:#fff;color:#5d6671;cursor:pointer}.CoverButton:focus{outline:0}.CoverButtonIcon{background-size:contain;background:url(pano.svg);display:inline-block;height:60px;width:60px}.Spinner{-webkit-animation:a 3s linear infinite;animation:a 3s linear infinite;background-image:url(spinner.svg);background-repeat:no-repeat;background-size:100%;height:32px;left:50%;margin-left:-16px;margin-top:-16px;position:absolute;top:50%;width:32px}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Cover.CoverLoading .CoverBackgroundGradient,.Cover.CoverLoading .CoverButton,.Cover.CoverLoading .CoverLogo{opacity:0}.Debug{position:fixed;top:0;right:0;bottom:0;width:30em;font-size:12px;padding:1em;font-family:Input,Menlo,monospace}.Debug,.DebugButton{background-color:lime;z-index:50}.DebugButton{color:#fff;border:1px solid #fff;border-radius:2px;cursor:pointer;cursor:hand}.DebugButtonFixed{position:absolute;bottom:2px;left:2px}.DirectionsPerspective{display:block;position:absolute;pointer-events:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:10}.DirectionsCircle,.DirectionsCircleDisabled,.DirectionsCircleHighlight,.DirectionsCircleSequence,.DirectionsCircleSequenceHighlight{position:absolute;border-radius:50%}.DirectionsCircle,.DirectionsCircleHighlight,.DirectionsCircleSequence,.DirectionsCircleSequenceHighlight{pointer-events:all}.DirectionsCircle:hover,.DirectionsCircleHighlight:hover,.DirectionsCircleSequence:hover,.DirectionsCircleSequenceHighlight:hover{cursor:pointer;cursor:hand}.DirectionsCircle,.DirectionsCircleSequence{background:transparent}.DirectionsCircleDisabled{background:transparent;z-index:-1}.DirectionsCircleHighlight,.DirectionsCircleSequenceHighlight{background:rgba(0,0,0,.4)}.DirectionsArrowDisabled,.DirectionsArrowPano,.DirectionsArrowStep{position:absolute;top:44%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:75%;height:44.0775%;pointer-events:none}.DirectionsArrowDisabled,.DirectionsArrowStep{background:url(pointer-white.svg);background-repeat:no-repeat}.DirectionsArrowDisabled{opacity:.2;z-index:-1}.DirectionsArrowPano{background:url(pointer-wheat.svg);background-repeat:no-repeat}.TurnCircle,.TurnCircleHighlight,.TurnCircleSequence,.TurnCircleSequenceHighlight{position:absolute;border-radius:50%;pointer-events:all}.TurnCircle,.TurnCircleSequence{background:transparent}.TurnCircleHighlight,.TurnCircleSequenceHighlight{background:rgba(0,0,0,.4)}.TurnCircle:hover,.TurnCircleHighlight:hover,.TurnCircleSequence:hover,.TurnCircleSequenceHighlight:hover{cursor:pointer;cursor:hand}.TurnAround,.TurnLeft,.TurnRight{position:absolute;top:50%;pointer-events:none;-webkit-filter:drop-shadow(0 2px 1px rgba(0,0,0,.8));filter:drop-shadow(0 2px 1px rgba(0,0,0,.8))}.TurnLeft,.TurnRight{width:58.794%;height:70%}.TurnAround{left:50%;width:75%;height:63.2475%}.TurnLeft{left:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.TurnLeft,.TurnRight{background:url(turn.svg);background-repeat:no-repeat}.TurnRight{left:55%;-webkit-transform:translate(-50%,-50%) scaleX(-1);transform:translate(-50%,-50%) scaleX(-1)}.TurnAround{background:url(turn-around.svg);background-repeat:no-repeat;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (hover:hover){.DirectionsCircle:hover,.DirectionsCircleSequence:hover,.TurnCircle:hover,.TurnCircleSequence:hover{background:rgba(0,0,0,.4)}}.Loading{width:100%;height:2px;z-index:20;position:absolute;top:0}.LoadingBar{height:4px;position:relative;background-color:rgba(53,175,109,.8);transition:opacity .1s}.MouseContainerGrab,.MouseContainerGrabbing{position:absolute;bottom:0;left:0;top:0;right:0;z-index:2}.MouseContainerGrab{cursor:-webkit-grab;cursor:grab}.MouseContainerGrabbing{cursor:-webkit-grabbing;cursor:grabbing}.NavigationComponent{width:100%;height:100%;pointer-events:none;z-index:10}.Direction{position:absolute;width:36px;height:36px;display:block;background:url(arrow-up-white.svg);background-size:contain;background-repeat:no-repeat;pointer-events:all;cursor:pointer}.DirectionForward{top:5px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-filter:drop-shadow(0 1px 0 #000);filter:drop-shadow(0 1px 0 rgba(0,0,0,1))}.DirectionBackward{bottom:5px;left:50%;-webkit-transform:translate(-50%) rotate(180deg);transform:translate(-50%) rotate(180deg);-webkit-filter:drop-shadow(0 -1px 0 #000);filter:drop-shadow(0 -1px 0 rgba(0,0,0,1))}.DirectionLeft{left:5px;top:50%;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);-webkit-filter:drop-shadow(-1px 0 0 #000);filter:drop-shadow(-1px 0 0 rgba(0,0,0,1))}.DirectionRight{right:5px;top:50%;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);-webkit-filter:drop-shadow(1px 0 0 #000);filter:drop-shadow(1px 0 0 rgba(0,0,0,1))}.DirectionTurnleft{left:5px;top:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-filter:drop-shadow(-1px 1px 0 #000);filter:drop-shadow(-1px 1px 0 rgba(0,0,0,1))}.DirectionTurnright{right:5px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-filter:drop-shadow(1px 1px 0 #000);filter:drop-shadow(1px 1px 0 rgba(0,0,0,1))}.DirectionTurnaround{left:5px;bottom:5px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-filter:drop-shadow(-1px -1px 0 #000);filter:drop-shadow(-1px -1px 0 rgba(0,0,0,1))}.RouteFrame{background-color:rgba(0,0,0,.5);outline:1px solid hsla(0,0%,100%,.5);width:80%;height:40px;text-align:center;color:#fff;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,.75)}.SequenceContainer{position:absolute;left:50%;top:14px;-webkit-transform:translate(-50%);transform:translate(-50%);display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:10}.SequencePlay,.SequencePlayDisabled,.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepNextHighlight,.SequenceStepPrev,.SequenceStepPrevDisabled,.SequenceStepPrevHighlight{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.SequencePlay,.SequencePlayDisabled,.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepPrev,.SequenceStepPrevDisabled{background:rgba(36,37,40,.3)}.SequenceStepNextHighlight,.SequenceStepPrevHighlight{background:rgba(36,37,40,.6)}.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepNextHighlight{-webkit-order:2;-ms-flex-order:2;order:2}.SequenceStepPrev,.SequenceStepPrevDisabled,.SequenceStepPrevHighlight{-webkit-order:0;-ms-flex-order:0;order:0}.SequencePlay,.SequencePlayDisabled{-webkit-order:1;-ms-flex-order:1;order:1}.SequencePlay:hover,.SequenceStepNext:hover,.SequenceStepNextHighlight:hover,.SequenceStepPrev:hover,.SequenceStepPrevHighlight:hover{cursor:pointer;cursor:hand}.SequenceStepNext,.SequenceStepNextDisabled,.SequenceStepNextHighlight{border-top-right-radius:100px;border-bottom-right-radius:100px}.SequenceStepPrev,.SequenceStepPrevDisabled,.SequenceStepPrevHighlight{border-top-left-radius:100px;border-bottom-left-radius:100px}.Play.SequenceComponentIcon,.PlayDisabled.SequenceComponentIcon{background-image:url(stepper-play.svg)}.Stop.SequenceComponentIcon,.StopDisabled.SequenceComponentIcon{background-image:url(stepper-stop.svg)}.SequenceStepPrev .SequenceComponentIcon,.SequenceStepPrevDisabled .SequenceComponentIcon,.SequenceStepPrevHighlight .SequenceComponentIcon{background-image:url(stepper-left.svg)}.SequenceStepNext .SequenceComponentIcon,.SequenceStepNextDisabled .SequenceComponentIcon,.SequenceStepNextHighlight .SequenceComponentIcon{background-image:url(stepper-right.svg)}.PlayDisabled.SequenceComponentIcon,.SequenceStepNextDisabled .SequenceComponentIcon,.SequenceStepPrevDisabled .SequenceComponentIcon,.StopDisabled.SequenceComponentIcon{opacity:.35}.SequenceComponentIcon{background-size:contain;background-repeat:no-repeat;width:50%;padding-bottom:50%}@media (hover:hover){.SequencePlay:hover,.SequenceStepNext:hover,.SequenceStepPrev:hover{background:rgba(36,37,40,.6)}}.SliderWrapper{text-align:center;position:absolute;bottom:40px;left:0;right:0;z-index:20}.SliderControl{max-width:60%;padding:4px;box-sizing:border-box;display:block;width:100%;margin:0 auto;marginTop:10px;cursor:pointer;color:inherit;background-color:hsla(0,0%,100%,.2);background-clip:"content-box";border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.SliderControl::-webkit-slider-thumb{width:22px;height:22px;background:#474a4e;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:2px solid #fff;border-radius:999px;-webkit-appearance:none}.SliderControl::-moz-range-thumb{width:22px;height:22px;background:#474a4e;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:2px solid #fff;border-radius:999px;-moz-appearance:none;appearance:none}.SliderControl:focus{outline:none}.TagContainer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;cursor:crosshair}.TagSymbol{cursor:pointer}.TagMover,.TagResizer{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:all}.TagMover{border-radius:7px;width:14px;height:14px;opacity:.2;cursor:move}.TagMover:hover{opacity:.5}.TagResizer{border-radius:7px;width:14px;height:14px;opacity:0;cursor:crosshair}.TagResizer:hover{opacity:.3}.TagVertex{pointer-events:none;border-radius:3px;width:6px;height:6px}.TagCompleter,.TagInteractor,.TagSpotInteractor,.TagVertex{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.TagCompleter,.TagInteractor,.TagSpotInteractor{pointer-events:all;border-radius:7px;width:14px;height:14px;opacity:0}.TagCompleter,.TagInteractor{cursor:pointer}.TagSpotInteractor{cursor:move}.TagCompleter{background:#32cd32}.TagInteractor{background:#ff4500}.TagCompleter:hover,.TagInteractor:hover{opacity:.6}.TagSpotInteractor:hover{opacity:.3}.mapillary-js{background-color:#202020;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.domRenderer{width:100%;height:100%;position:absolute;z-index:10;overflow:hidden}