Wider Bilibili 自定义样式

搭配Wider Bilibili使用

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください。 
/* ==UserStyle==
@name           Wider Bilibili 自定义样式
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    搭配Wider Bilibili使用
@author         posthumz
@license        MIT
==/UserStyle== */

@-moz-document domain("www.bilibili.com") {
  :root {
    /* 导航栏高度 */
    --navbar-height: 50px !important;
    /* 控件区高度 */
    --control-height: 54px;
    /* 进度条高度 */
    --progess-height: 6px;
    /* 高能区透明度 */
    --pbp-opacity: 75%;
    /* 高能区高度比例 */
    --pbp-height: 80%;
    /* 稍后观看最大显示数量 */
    --actions-max-count: 8;
  }


  .bpx-player-control-wrap {
    height: var(--control-height) !important;
  }

  .bpx-player-control-bottom {
    margin-top: 10px !important;
  }


  .bpx-player-progress {
    height: var(--progess-height) !important;
    transform: translateY(100%);
    top: 1px;
  }

  .bpx-player-control-top {
    bottom: 100% !important;
  }


  .bpx-player-pbp>svg {
    opacity: var(--pbp-opacity);
    transform-origin: bottom;
    transform: scaleY(var(--pbp-height));
  }


  #playlist-video-action-list-body {
    max-height: initial;
  }

  #playlist-video-action-list {
    max-height: calc(var(--actions-max-count) * 72px - 6px);
  }
}