ページの上側を動画とコメ欄だけにします
ヘッダーは消してます
横幅が狭いときは動画とコメ欄を縦並びにしてほかの要素は全部消します
ニコニココメ欄つき全画面風 by kome
Details
Authorkome
LicenseNo License
Categorynicovideo
Created
Updated
Code size2.3 kB
Code checksum44019518
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name ニコニココメ欄つき全画面風
@version 20250407.08.12
@namespace https://userstyles.world/user/kome
@description ページの上側を動画とコメ欄だけにしますヘッダーは消してます横幅が狭いときは動画とコメ欄を縦並びにしてほかの要素は全部消します
@author kome
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.nicovideo.jp/watch/") {
/* 全体 */
#CommonHeader,
#CommonHeader + header {
display: none !important }
.bdr_m {
border-radius: 0 !important; }
.py_x2,
.d_grid {
padding: 0; }
#menu\:\:r5\:\:ctx-trigger {
height: 100%; }
}
@-moz-document url-prefix("https://www.nicovideo.jp/watch/") {
/* 横幅が広いときは動画とコメ欄を広げる */
@media (min-width: 900px) {
.d_grid {
--watch-player-max-width: 100vw !important;
--watch-player-width-by-browser: calc(100vw - var(--watch-sidebar-width) - var(--watch-layout-gap-width) - var(--scrollbar-width)) !important;
--watch-player-height-by-browser: calc( 100vh - var(--watch-controller-height) - var(--watch-actionbar-height)) !important; }
.asp_auto {
flex-grow: 1;
display: flex;
flex-direction: column; }
.asp_auto > div:nth-child(1) {
flex-grow: 1; }
.h_var\(--watch-player-height\),
.grid-area_\[player\],
.gap_\[var\(--watch-player-actionbar-gap-height\)\] {
height: 99vh;
min-height:calc(var(--watch-player-height) + var(--watch-actionbar-height) + var(--watch-controller-height)); } }
}
@-moz-document url-prefix("https://www.nicovideo.jp/watch/") {
/* 横幅が狭いときは動画とコメ欄をだけにして縦ならびにする */
@media (max-width: 899px) {
.d_grid {
display: flex;
flex-direction: column;
max-width: 100vw;
height: 100vh }
.py_x2 {
padding: 0; }
.grid-area_\[player\] {
order: 1; }
.grid-area_\[sidebar\] {
order: 2;
flex-grow: 1;
display: flex; }
.grid-area_\[sidebar\] > .d_flex.flex-d_column.gap_x2 {
flex-grow: 1; }
.h_\[calc\(_var\(--watch-player-height\)_\+_var\(--watch-actionbar-height\)_-_var\(--watch-collapsible-panel-header-height\)_-_var\(--watch-layout-gap-height\)_\)\],
[id ^= "tabs::"],
.grid-area_\[meta\],
.grid-area_\[bottom\],
section.p_x2 {
display: none !important; }
div.flex-d_column:nth-child(7),
.h_var\(--watch-player-height\) {
height: 100% } }
}