NicoLiveBeautifier.css

@-moz-document regexp("^http:\/\/live2\.nicovideo\.jp\/watch\/.*") {
 /* 映像+コメントリストをもっと大きく live2 バージョン */
 /****display:none****/
  /*2017/8(htmlの属性値がどの画面モードでも共通になってしまった)*/
  [class*="page-head-area"]/*サイトロゴと検索とバナー広告*/,
  [class*="program-head-area"]/*生放送タイトル*/,
  [class*="wall"]/*両脇大広告*/,
  [class*="operator-area"]/*empty*/,
  [class*="player-head-area"]/*empty*/,
  [class*="player-foot-area"]/*empty*/,
  [class*="banner-panel"]/*右下バナー*/,
  #dummy{
    display: none;
  }
 /****100%(htmlからすべて指定しないと100%にできない)****/
  html,
  body,
  #root,
  [class*="_watch-page_"],
  [class*="_player-body-area_"],
  [class*="_player-section_"],
  [class*="_leo-player_"],
  [class*="_player-display_"],
  [class*="_player-display-screen_"],
  [class*="_player-status_"],
  #dummy{
    height: 100% !important;
  }
  [class*="_player-body-area_"]{
    height: calc(100% - 36px) !important;/*36pxはヘッダの固定値*/
    margin: 0 !important;
  }
  [class*="_player-body-area_"],
  [class*="_player-section_"],
  [class*="_player-display-screen_"],
  [class*="_player-display_"],
  #dummy{
    width: 100% !important;
    max-width: 100% !important;
  }
 /****一覧コメント****/
  [class*="_player-status_"]{
    min-width: 25%;
  }
  [class*="_player-status_"] [class*="_program-panel_"]{
    width: 80%;
  }
  [class*="_player-status_"] [class*="_header-table_"],
  [class*="_player-status_"] [class*="_table_"]{
    width: 100% !important;
  }
  [class*="_player-status_"] [class*="_table-row_"]:first-child{
    margin-top: calc(-2.4vh - .4em);
  }
  [class*="_player-status_"] [class*="_table-row_"]{
    transition: margin-top 100ms;/*短くしないとスムーズに動かない*/
    padding: 0;
    height: unset;
  }
  [class*="_player-status_"] [class*="_header-cell_"],
  [class*="_player-status_"] [class*="_table-cell_"]{
    font-size: 1.6vh;
    line-height: 150%;
    padding: .2em 0 .2em 1em;
  }
  [class*="_player-status_"] [class*="_table-cell_"] > span{
    font-size: 1.6vh;
  }
  [class*="_player-status_"] [class*="_table-cell_"] [class*="_comment-number_"]{
    display: none;
  }
 /****スクロールコメント****/
  #comment-layer-container canvas{
    opacity: .5;
    transition: opacity 500ms;
  }
  #comment-layer-container canvas:hover{
    opacity: .25;
  }
 /****その他****/
  [class*="_player-display_"] [class*="_elapsed-time_"]{
    box-shadow: none;
  }
  [class*="_player-display_"] [class*="_current-time_"]{
    font-size: 16px;
    line-height: 22px;
  }
}