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
8.9 KiB
1 lines
8.9 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}.widget.time-line{position:absolute;bottom:60px;left:20px;pointer-events:auto;user-select:none;min-height:50px;background:rgba(0,0,0,.6);padding:0 5px 21px;display:flex;justify-content:center;align-items:center;flex-direction:column}.widget.time-line .time-text{line-height:17px;font-size:12px;font-weight:700;text-align:center;color:#ffffffe6}.widget.time-line .progress{width:160px;height:12px;border-radius:3px;background-image:linear-gradient(to right,#fddea7,#033774);display:flex;justify-content:space-around;align-items:center;padding:0 8px;margin:5px 0;position:relative}.widget.time-line .progress .dividing-rule{display:inline-block;width:1px;height:4px;background-color:#ffffff29}.widget.time-line .progress .slider-thumb{cursor:pointer;width:100%;height:100%;position:absolute;left:0px;top:0;appearance:none;background-color:transparent}.widget.time-line .progress .slider-thumb::-webkit-slider-thumb{-webkit-appearance:none;position:relative;top:15px;width:11px;height:16px;background-color:#fff;clip-path:polygon(50% 0,100% 50%,100% 100%,0 100%,0 50%)}.widget.weather{position:absolute;bottom:60px;left:206px;pointer-events:auto;user-select:none;min-height:46px;background:rgba(0,0,0,.6);padding:10px 5px 15px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px}.widget.weather .current-content{width:92px;display:flex;justify-content:center;align-items:center;cursor:pointer}.widget.weather .current-content svg{width:32px;height:32px}.widget.weather .current-content div{margin-right:10px;width:32px;height:32px}.widget.weather .current-content span{display:inline-block;width:28px;margin-right:5px}.widget.weather .weather-list{display:none;position:absolute;right:0px;bottom:68px;width:108px;height:152px;overflow-y:auto;border-radius:4px;box-sizing:border-box;background:rgba(0,0,0,.6);border:.5px solid rgba(255,255,255,.16);box-shadow:0 3px 14px 2px #0000000d,0 8px 10px 1px #0000000f,0 5px 5px -3px #0000001a}.widget.weather .weather-list::-webkit-scrollbar{width:6px;height:10px;background:none}.widget.weather .weather-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px;box-shadow:inset 0 0 6px #00000080}.widget.weather .weather-list .weather-item{cursor:pointer;width:100%;height:40px;border-radius:4px;display:flex;justify-content:center;align-items:center;opacity:.8}.widget.weather .weather-list .weather-item svg{width:32px;height:32px;margin-right:10px;margin-left:12px}.widget.weather .weather-list .weather-item span{display:inline-block;width:28px;margin-right:5px}.widget.weather .weather-list .weather-item:hover{opacity:1;background:rgba(0,0,0,.6)}.widget.weather .weather-list .weather-item.active{background:rgba(0,0,0,.8);color:#3a89fe}
|
|
|