動画とコメントリストを別々に表示


/*
「AbemaTV, ニコニコ風コメントスクロール」スクリプト用CSS


おまけCSSは
https://userstyles.org/styles/167797/abematv-restyle
に移動しました。
インストール済みのおまけCSSは削除or無効化して
こちらからインストールし直すようお願いします。


■コメントリストの幅の変更方法
・幅を広げる:※1の値を増やしたら同じ数だけ※2の値も増やす
・幅を狭める:※1の値を減らしたら同じ数だけ※2の値も減らす
*/


/*動画を左に寄せる*/
embed, .vjs-tech video, .video-js {
padding-right: 240px; /* ※1 */
}
div[aria-hidden="true"] + div[aria-hidden="true"] + div[aria-hidden="false"] ~ div embed,
div[aria-hidden="true"] + div[aria-hidden="true"] + div[aria-hidden="false"] ~ div .vjs-tech video,
div[aria-hidden="true"] + div[aria-hidden="true"] + div[aria-hidden="false"] ~ div .video-js {
padding-right: 0;
}

/*コメントリストの位置や大きさを調整*/
#floatComments {
width: 260px !important; /* ※2 */
top: 4px !important;
bottom: 58px !important;
padding-right: 10px !important;
}
お知らせ
実務でも趣味でも役に立つ多機能Webツールサイト【無限ツールズ】で、日常をちょっと便利にしちゃいましょう!
無限ツールズ

 
writening