☰

Greasy Fork is available in English.

Subtitle Optimization for bilibili

Optimize the subtitles in bilibili.com

  1. /* ==UserStyle==
  2. @name               Subtitle Optimization for bilibili
  3. @name:zh-CN         优化哔哩哔哩外挂字幕显示
  4. @namespace          github.com/openstyles/stylus
  5. @version            1.0.3
  6. @description        Optimize the subtitles in bilibili.com
  7. @description:zh-CN  优化 bilibili.com 的外挂字幕显示
  8. @author             Jiachen Chen
  9. ==/UserStyle== */
  10. @-moz-document domain("bilibili.com") {
  11.     .subtitle-item-text {
  12.         background-color: rgba(0, 0, 0, 0) !important;
  13.         padding: 0px !important;
  14.         font-family: -apple-system, BlinkMacSystemFont, "Noto Sans",
  15.             "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial,
  16.             "Liberation Sans", "PingFang SC", "Hiragino Sans GB",
  17.             "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN",
  18.             "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei",
  19.             "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif !important;
  20.     }
  21.     
  22.     .squirtle-subtitle-item-text {
  23.         font-size: 2.5vw !important;
  24.         background-color: rgba(0, 0, 0, 0) !important;
  25.         padding: 0px !important;
  26.         font-family: -apple-system, BlinkMacSystemFont, "Noto Sans",
  27.             "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial,
  28.             "Liberation Sans", "PingFang SC", "Hiragino Sans GB",
  29.             "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN",
  30.             "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei",
  31.             "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif !important;
  32.     }
  33.  
  34.     .bilibili-player-video-subtitle {
  35.         text-shadow: black 0px 0px 4px, black 0px 0px 4px, black 0px 0px 4px,
  36.             black 0px 0px 4px, black 0px 0px 4px !important;
  37.     }
  38.     
  39.     .squirtle-subtitle-group {
  40.         text-shadow: black 0px 0px 4px, black 0px 0px 4px, black 0px 0px 4px,
  41.             black 0px 0px 4px, black 0px 0px 4px !important;
  42.     }
  43.  
  44.     .subtitle-position.subtitle-position-bc {
  45.         bottom: 10% !important;
  46.     }
  47.     
  48.     .squirtle-subtitle-position {
  49.         bottom: 100px !important;
  50.     }
  51. }