You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
6.3 KiB
1 lines
6.3 KiB
.widget.compass{position:absolute;top:20px;right:20px;pointer-events:auto;user-select:none;width:64px;height:64px}.widget.compass .out-ring{width:64px;height:64px}.widget.compass .out-ring svg{width:64px;height:64px}.widget.compass .gyro{position:absolute;top:0;left:0;height:64px;width:64px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;cursor:pointer}.widget.compass .gyro .inner-ring{height:17.56px}.widget.compass .rotation_left{position:absolute;left:8.4px;top:12.3px;width:8.19px;height:38.68px;cursor:pointer;fill:#fff}.widget.compass .rotation_right{cursor:pointer;position:absolute;right:7.4px;top:13.3px;width:8.19px;height:38.68px;fill:#fff}.widget.compass .rotation_left:hover,.widget.compass .rotation_right:hover{fill:#68adfe}.widget.context-menu{position:absolute;left:0;top:0;min-width:120px;min-height:10px;background:rgba(43,44,47,.8);border:1px solid #2b2c2f;border-radius:4px;visibility:hidden;z-index:-1;cursor:pointer}.widget.context-menu .menu-list{width:auto;color:#fff;margin-block-start:10px;margin-block-end:10px;margin-inline-start:0;margin-inline-end:0px;padding-inline-start:10px;padding-inline-end:10px}.widget.context-menu .menu-list .menu-item{font-size:14px;list-style:none;width:100%}.widget.context-menu .menu-list .menu-item:nth-child(n+2):before{content:"";display:block;height:1px;width:100%;background:-webkit-linear-gradient(270deg,transparent,hsla(0,0%,100%,.2),transparent);background:linear-gradient(270deg,transparent,hsla(0,0%,100%,.2),transparent)}.widget.context-menu .menu-list .menu-item a{color:#fff;display:block;padding:6px 10px;clear:both;text-decoration:none}.widget.context-menu .menu-list .menu-item a:hover{background-color:#444d59}.widget.distance-legend{position:absolute;left:120px;bottom:2px;width:125px;height:25px;user-select:none}.widget.distance-legend .label{font-size:14px;color:#fff;text-align:center;width:100%;font-weight:lighter}.widget.distance-legend .scale-bar{position:absolute;height:10px;top:10px;border-left:1px solid rgb(255,255,255);border-right:1px solid rgb(255,255,255);border-bottom:1px solid rgb(255,255,255)}.widget.hawkeye-map{position:absolute;left:25px;bottom:30px;user-select:none;border-radius:8px;width:150px;height:150px;overflow:hidden;border:2px solid orange;box-shadow:2px 2px 3px #2b2b2b}.widget.loading-mask{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.6)}.widget.loading-mask .loading{width:150px;height:15px;margin:0 auto}.widget.loading-mask .loading span{display:inline-block;width:15px;height:100%;margin-right:5px;border-radius:50%;background:#b8e9ff;-webkit-animation:load 1.04s ease infinite}.widget.loading-mask .loading span:last-child{margin-right:0}@-webkit-keyframes load{0%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(.3)}}.widget.loading-mask .loading span:nth-child(1){-webkit-animation-delay:.13s}.widget.loading-mask .loading span:nth-child(2){-webkit-animation-delay:.26s}.widget.loading-mask .loading span:nth-child(3){-webkit-animation-delay:.39s}.widget.loading-mask .loading span:nth-child(4){-webkit-animation-delay:.52s}.widget.loading-mask .loading span:nth-child(5){-webkit-animation-delay:.65s}.widget.location-bar{position:absolute;left:270px;bottom:2px;font-size:14px;color:#fff;background:rgba(0,0,0,.6);padding:2px 5px;border-radius:2px;user-select:none;display:flex}.widget.location-bar .mouse-bar,.widget.location-bar .camera-bar,.widget.location-bar .ms-bar,.widget.location-bar .fps-bar{display:flex}.widget.location-bar .mouse-bar span,.widget.location-bar .camera-bar span,.widget.location-bar .ms-bar span,.widget.location-bar .fps-bar span{margin:0 8px}.widget.location-bar .mouse-bar span{min-width:140px}.widget.location-bar .mouse-bar span:nth-of-type(3){min-width:120px}.widget.location-bar .camera-bar span{min-width:90px}.widget.location-bar .camera-bar span:nth-of-type(3){min-width:145px}.widget.location-bar .ms-bar span,.widget.location-bar .fps-bar span{min-width:70px}.widget.map-switch{position:absolute;right:10px;bottom:5px;width:80px;height:60px;background:#fff;transition:width 2s;-moz-transition:width 2s;-webkit-transition:width 2s;-o-transition:width 2s;padding:5px;box-sizing:content-box;box-shadow:2px 2px 3px #888;white-space:nowrap;cursor:pointer;overflow:hidden;visibility:hidden}.widget.map-switch .map-item{position:relative;display:inline-block;margin-right:5px;width:80px;height:60px;overflow:hidden}.widget.map-switch .map-item span{color:#fff;font-size:14px;position:absolute;right:2px;bottom:2px;user-select:none;padding:1px 3px;pointer-events:none}.widget.map-switch .map-item.active span{background-color:#0865bacc}.widget.map-switch .map-item:last-child{margin-right:0!important}.widget.popup{position:absolute;left:0;top:0;min-width:120px;min-height:10px;padding:10px;background:rgb(255,255,255);border-radius:4px;visibility:hidden;z-index:-1;cursor:pointer}.widget.slider{position:absolute;left:50%;top:0;background-color:#d3d3d3;width:5px;height:100%;z-index:9999}.widget.slider .splitter{position:absolute;left:-21px;top:calc(50% - 21px);width:42px;height:42px;background:#fff;border-radius:50%;text-align:center;line-height:58px;padding:2px;border:1px solid lightgrey}.widget.slider .splitter:hover{cursor:ew-resize}.widget.tool-tip{position:absolute;left:0;top:0;min-width:100px;height:30px;line-height:30px;color:#fff;padding:0 10px;background:rgba(0,0,0,.6);border-radius:4px;visibility:hidden;pointer-events:none;z-index:-1}.widget.tool-tip:before{content:"";display:block;position:absolute;pointer-events:none;left:-10px;top:5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(0,0,0,.6)}.viewer-canvas{position:relative;overflow:hidden;top:0;left:0;width:100%;height:100%}.viewer-canvas canvas{width:100%;height:100%;touch-action:none}.widget.zoom-controller{position:absolute;top:90px;right:36.5px;pointer-events:auto;user-select:none;background:#3f4854;border-radius:100px;border:solid 1px rgba(255,255,255,.2);text-align:center;box-sizing:border-box;line-height:1.2rem;width:24px;height:60px}.widget.zoom-controller .zoom-in,.widget.zoom-controller .refresh,.widget.zoom-controller .zoom-out{cursor:pointer}.widget.zoom-controller .zoom-in svg,.widget.zoom-controller .refresh svg,.widget.zoom-controller .zoom-out svg{width:10px;height:10px;fill:#fff}
|
|
|