mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
1 line
14 KiB
CSS
1 line
14 KiB
CSS
.touch-video-box-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:14;pointer-events:none}.touch-video-box{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.85);position:relative;max-width:390px;max-height:180px;border:4px solid transparent;transform-origin:center}.round-corner .touch-speed,.round-corner .touch-video-box{border-radius:var(--corner-radius)}.touch-video-box-wrapper.simple{align-items:flex-start}.touch-video-box.animation{transition:.2s cubic-bezier(.18,.89,.32,1.28)}.touch-video-info{color:#fff;font-size:14pt;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;width:100%}.touch-row{flex-grow:1;display:flex;align-items:center;justify-content:center;width:100%}.touch-info{display:block;color:var(--theme-color)}.touch-result{display:block;font-size:12pt;line-height:150%}.touch-speed{display:block;background:rgba(0,0,0,.1);padding:.5em}.touch-progress{position:absolute;bottom:0;left:0;background:var(--theme-color);width:0;height:4px}.round-corner .touch-progress{border-radius:2px}.touch-row-item{flex:1 0 0;display:none;align-items:center;justify-content:center}.touch-row-item-wide{flex:1.5 0 0;display:flex;align-items:center;justify-content:center}.videoshot{background-color:transparent;background-image:none;transform-origin:center;transform:scale(.9)}.adjust-closed{opacity:0;transform:scale(.9)}.adjust-opened{opacity:1;transform:scale(1)}.touch-video-info.speed .touch-row-item{display:flex}.touch-video-info.cancel .touch-progress,.touch-video-info.cancel .touch-result{opacity:0}.bilibili-player-video-control-top{left:0!important;right:0!important;opacity:1!important;visibility:visible!important;transition:none!important}.bilibili-player-video-control-top .bui-track-video-progress{align-self:flex-end!important}.bui-precision-slider{padding:0!important}.bilibili-player-video-control-top,.bilibili-player-video-progress-detail{bottom:0!important}div.bilibili-player-video-control{height:38px!important;align-items:center!important}.bilibili-player-video-btn{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.pbp-panel-icon-wrap{height:auto!important;display:flex!important;transform:translateY(-1px)!important}.bilibili-player-video-btn-speed-name{display:none!important}.bilibili-player-video-btn-speed::before{display:block;width:36px;color:#eee;content:"";font:20px/1 "Material Design Icons";text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bilibili-player-video-btn-pagelist .bilibili-player-video-btn-name{display:none!important}.bilibili-player-video-btn-pagelist::before{display:block;width:36px;color:#eee;content:"";font:20px/1 "Material Design Icons";text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bilibili-player-video-inputbar,.bilibili-player-video-progress{flex-grow:30!important}.bilibili-player-video-quality-menu{display:flex!important;align-items:center!important;justify-content:center!important}.bilibili-player-iconfont-color,.bilibili-player-iconfont-danmaku,.bilibili-player-iconfont-danmaku-off,.bilibili-player-iconfont-fullscreen,.bilibili-player-iconfont-pause,.bilibili-player-iconfont-repeat,.bilibili-player-iconfont-setting,.bilibili-player-iconfont-start,.bilibili-player-iconfont-volume,.bilibili-player-iconfont-volume-max,.bilibili-player-iconfont-volume-min,.bilibili-player-iconfont-web-fullscreen,.bilibili-player-iconfont-widescreen{font-size:2.5rem!important}.bilibili-player-iconfont-next{font-size:2rem!important}.bilibili-player-video-btn-setting-panel,.bilibili-player-video-danmaku-setting-wrap,.bilibili-player.mode-fullscreen .bilibili-player-video-sendbar,.bpui-selectmenu-list{left:unset!important;bottom:38px!important}.bilibili-player-video-volumebar-wrp{left:unset!important}.bilibili-player-video-control-wrap{padding:0!important}.bilibili-player-video-control-bottom{transition:none!important;padding:0!important;align-items:center!important}.bilibili-player-iconfont-next,.bilibili-player-iconfont-setting,.bilibili-player-video-btn-volume.video-state-volume-max .bilibili-player-iconfont-volume-max,.bilibili-player-video-btn-volume.video-state-volume-min .bilibili-player-iconfont-volume-min,.bilibili-player-video-btn-volume:not(.video-state-volume-max):not(.video-state-volume-min) .bilibili-player-iconfont-volume,.bilibili-player-video-control-bottom-left{display:flex!important;align-items:center!important}.bilibili-player-video-btn-danmaku{flex-grow:0!important;display:flex!important;align-items:center!important;height:100%!important;margin:0!important;padding:0!important}.bilibili-player.mode-fullscreen .bilibili-player-video-sendbar{bottom:0!important}.bilibili-player .bilibili-player-area #bilibili_pbp,.bilibili-player .bilibili-player-area #bilibili_pbp_canvas{left:0!important;width:100%!important;bottom:4px!important}.bilibili-player .bilibili-player-area #bilibili_pbp_pin,.bilibili-player .bilibili-player-area .bilibili-player-video-control-wrap:hover #bilibili_pbp_pin{right:0!important}.bilibili-player .bilibili-player-area.video-control-show:not(.disable-original-hover) .bilibili-player-video-control-top{left:0!important;right:0!important;bottom:38px!important}.bilibili-player .bilibili-player-area.video-control-show:not(.disable-original-hover) #bilibili_pbp,.bilibili-player .bilibili-player-area.video-control-show:not(.disable-original-hover) #bilibili_pbp_canvas{bottom:calc(100% + 4px)!important}.bilibili-player .bilibili-player-area.video-control-show:not(.disable-original-hover) .bilibili-player-video-progress-detail{bottom:7px!important}.bilibili-player .bilibili-player-area .bilibili-player-video-control .bilibili-player-video-progress-shadow{display:none!important}.bilibili-player .bilibili-player-area .bilibili-player-video-control .bilibili-player-video-btn.bilibili-player-video-btn-fullscreen{margin-right:0!important;padding-right:8px!important}.bilibili-player .bilibili-player-area .bilibili-player-video-control .bilibili-player-video-btn.bilibili-player-video-btn-start{width:64px!important;padding-left:8px!important;margin-right:0!important;margin-left:0!important}.bilibili-player .bilibili-player-area .bilibili-player-video-control .bilibili-player-video-btn{padding:0 3px!important}.bilibili-player .bilibili-player-area .bilibili-player-video-control-bottom,.bilibili-player .bilibili-player-area .bilibili-player-video-control-bottom-right,.bilibili-player-video-control-bottom-left{height:100%!important;margin:0!important}.bilibili-player-video-btn-setting-panel-hover-bridge{display:none!important}.bilibili-player *{-webkit-tap-highlight-color:transparent!important}@media screen and (max-width:1400px){.bilibili-player.mode-fullscreen .bilibili-player-video-control-bottom-center,.bilibili-player.mode-webfullscreen .bilibili-player-video-control-bottom-center{padding:0 24px!important}}.disable-original-hover .bilibili-player-video-control-bottom,.disable-original-hover .bilibili-player-video-control-mask{opacity:0!important;visibility:hidden!important}.disable-original-hover .bilibili-player-video-control-wrap{opacity:1!important;visibility:visible!important}.disable-original-hover .bilibili-player-video-control-top{left:0!important;right:0!important;bottom:0!important}.disable-original-hover #bilibili_pbp,.disable-original-hover #bilibili_pbp_canvas{left:0!important;width:100%!important;bottom:4px!important;opacity:0!important}.disable-original-hover #bilibili_pbp.pin,.disable-original-hover #bilibili_pbp_canvas.pin{opacity:1!important}.disable-original-hover #bilibili_pbp_pin{opacity:0!important}.disable-original-hover.touch-video-control-show .bilibili-player-video-control-bottom,.disable-original-hover.touch-video-control-show .bilibili-player-video-control-mask{opacity:1!important;visibility:visible!important}.disable-original-hover.touch-video-control-show #bilibili_pbp,.disable-original-hover.touch-video-control-show #bilibili_pbp_canvas{bottom:calc(100% + 4px)!important;opacity:1!important}.disable-original-hover.touch-video-control-show #bilibili_pbp_pin{opacity:1!important}.disable-original-hover.touch-video-control-show .bilibili-player-video-progress-detail{bottom:0!important}.disable-original-hover.touch-video-control-show .bilibili-player-video-control-top{bottom:38px!important}.disable-original-hover .bilibili-player-video-control-wrap:hover .bilibili-player-video-control-top .bilibili-player-video-progress-slider,.disable-original-hover.bilibili-player-area.video-control-show .bilibili-player-video-control-top .bilibili-player-video-progress-slider{height:2px!important}.disable-original-hover.bilibili-player-area .bilibili-player-video-control .bilibili-player-video-progress-detail.show{bottom:1px!important}.disable-original-hover.bilibili-player-area .subtitle-position.subtitle-position-bc,.disable-original-hover.bilibili-player-area .subtitle-position.subtitle-position-bl,.disable-original-hover.bilibili-player-area .subtitle-position.subtitle-position-br{bottom:20px!important}.disable-original-hover.touch-video-control-show .subtitle-position.subtitle-position-bc,.disable-original-hover.touch-video-control-show .subtitle-position.subtitle-position-bl,.disable-original-hover.touch-video-control-show .subtitle-position.subtitle-position-br{bottom:44px!important}.bilibili-player.mode-fullscreen .disable-original-hover.touch-video-control-show .subtitle-position.subtitle-position-bc,.bilibili-player.mode-fullscreen .disable-original-hover.touch-video-control-show .subtitle-position.subtitle-position-bl,.bilibili-player.mode-fullscreen .disable-original-hover.touch-video-control-show .subtitle-position.subtitle-position-br,.bilibili-player.mode-webfullscreen .disable-original-hover.touch-video-control-show .subtitle-position.subtitle-position-bc,.bilibili-player.mode-webfullscreen .disable-original-hover.touch-video-control-show .subtitle-position.subtitle-position-bl,.bilibili-player.mode-webfullscreen .disable-original-hover.touch-video-control-show .subtitle-position.subtitle-position-br{bottom:60px!important}.disable-original-hover .bilibili-player:not(.mode-webfullscreen):not(.mode-fullscreen) .bilibili-player-area:not(.disable-original-hover) .bilibili-player-video-control-wrap:hover .bilibili-player-video-control-top .bilibili-player-video-progress-slider,.disable-original-hover .bilibili-player:not(.mode-webfullscreen):not(.mode-fullscreen) .bilibili-player-area:not(.disable-original-hover).video-control-show .bilibili-player-video-control-top .bilibili-player-video-progress-slider{height:74px!important}.bilibili-player.mode-fullscreen .disable-original-hover .bilibili-player-video-control-top{opacity:1!important}@media screen and (min-width:750px){.bilibili-player.mode-fullscreen .bilibili-player-area .bilibili-player-video-btn,.bilibili-player.mode-webfullscreen .bilibili-player-area .bilibili-player-video-btn{padding:0!important;width:50px!important;flex-shrink:0!important}.bilibili-player.mode-fullscreen .bilibili-player-area .bilibili-player-video-btn.bilibili-player-video-btn-quality,.bilibili-player.mode-webfullscreen .bilibili-player-area .bilibili-player-video-btn.bilibili-player-video-btn-quality{width:auto!important}.bilibili-player.mode-fullscreen .bilibili-player-video-btn-pagelist::before,.bilibili-player.mode-fullscreen .bilibili-player-video-btn-speed::before,.bilibili-player.mode-webfullscreen .bilibili-player-video-btn-pagelist::before,.bilibili-player.mode-webfullscreen .bilibili-player-video-btn-speed::before{font-size:26px}.bilibili-player.mode-fullscreen .bilibili-player-video-control-wrap .bilibili-player-video-inputbar,.bilibili-player.mode-webfullscreen .bilibili-player-video-control-wrap .bilibili-player-video-inputbar{background:#fff1!important}.bilibili-player.mode-fullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control,.bilibili-player.mode-webfullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control{height:100%!important;margin:0!important}.bilibili-player.mode-fullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control-bottom,.bilibili-player.mode-webfullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control-bottom{margin:0!important}.bilibili-player.mode-fullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control-bottom-left,.bilibili-player.mode-webfullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control-bottom-left{height:100%!important}.bilibili-player.mode-fullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control-top,.bilibili-player.mode-webfullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control-top{left:0!important;right:0!important}.bilibili-player-video-btn.bilibili-player-video-btn-start{width:72px!important}.player .bilibili-player.mode-fullscreen .disable-original-hover .bilibili-player-video-control-top,.player .bilibili-player.mode-webfullscreen .disable-original-hover .bilibili-player-video-control-top{left:0!important;right:0!important;bottom:0!important}.player .bilibili-player.mode-fullscreen .bilibili-player-area.mouse-hover:not(.disable-original-hover) .bilibili-player-video-control-top,.player .bilibili-player.mode-fullscreen .bilibili-player-area.video-control-show:not(.disable-original-hover) .bilibili-player-video-control-top,.player .bilibili-player.mode-fullscreen .disable-original-hover.touch-video-control-show .bilibili-player-video-control-top,.player .bilibili-player.mode-webfullscreen .bilibili-player-area.mouse-hover:not(.disable-original-hover) .bilibili-player-video-control-top,.player .bilibili-player.mode-webfullscreen .bilibili-player-area.video-control-show:not(.disable-original-hover) .bilibili-player-video-control-top,.player .bilibili-player.mode-webfullscreen .disable-original-hover.touch-video-control-show .bilibili-player-video-control-top{left:0!important;right:0!important;bottom:54px!important}} |