ページの上側を動画とコメ欄だけにします
ヘッダーは消してます
横幅が狭いときは動画とコメ欄を縦並びにしてほかの要素は全部消します
ダークモードっぽい色にしてます
ニコ生コメ欄付き全画面風 by kome
Details
Authorkome
LicenseNo License
Categorynicovideo
Created
Updated
Code size4.5 kB
Code checksumc25f65a
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 20250107.15.35
@namespace https://userstyles.world/user/kome
@description ページの上側を動画とコメ欄だけにしますヘッダーは消してます横幅が狭いときは動画とコメ欄を縦並びにしてほかの要素は全部消しますダークモードっぽい色にしてます
@author kome
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://live.nicovideo.jp/watch/") {
/*全体*/
/*削除*/
/*ヘッダー*/
[class *= "___page-header-area___"],
#common-header,
/*ニコニ広告ポイントの上の吹き出し*/
[class *= "___promotion-balloon___"] {
display: none !important; }
.___overlay-area___x0OKq > :not(.overlay-area) {
display: flex !important;
flex-direction: column !important; }
[class *= "___player-area___"] {
padding: 0 !important;
order: -1 !important; }
[class *= "___player-section___"] {
max-width: 100vw !important;
min-width: 0 !important;
width: auto !important;
margin: 0 !important; }
[class *= "___leo-player___"] {
height: 100vh !important }
}
@-moz-document url-prefix("https://live.nicovideo.jp/watch/") {
/* 横幅が狭いときは動画とコメ欄だけにして縦ならびにする */
@media (max-width: 899px) {
[class *= "___program-information-area___"],
[class *= "___player-foot-area___"],
[class *= "___page-footer-area___"],
[class *= "___footer-area___"],
[class *= "___tab-area___"],
[class *= "___program-information-panel___"],
.___contents-tab-panel___FW38O::before,
[class *= "___billboard___"] {
display: none !important }
#watchPage {
min-width: auto !important; }
[class *= "___player-status-panel___"] {
width: 100vw !important;
flex-grow: 2; }
[class *= "___player-display-screen___"] {
min-height: 0 !important;
min-width: 0 !important }
[class *= "___leo-player___"] {
flex-direction: column !important; } }
}
@-moz-document url-prefix("https://live.nicovideo.jp/watch/") {
/*ダークモード*/
[class *= "___player-status-panel___"],
[class *= "___contents-tab-panel___"],
.table-row[aria-selected = "true"],
[id *= ":-comment-tab"],
[id *= ":-programRecommend-tab"],
[class *= "___nicoad-count-item___"] > .count::after,
[class *= "___broadcast-participation-area___"],
[class *= "___promotion-panel___"],
[class *= "___disabled-message___"] {
background-color: #000 !important }
.table-row:hover,
.program-card:not([data-program-muted = "true"]):hover {
background-color: #252525 !important }
[class *= "___program-statistics-menu___"] {
border-color: #777 !important; }
[class *= "___contents-tab-panel___"]::before,
[class *= "___ng-setting-controller___"]::after,
[role = "tab"]::before {
background-color: #777 !important; }
[id *= ":-comment-tab"],
[id *= ":-programRecommend-tab"],
[class *= "___program-statistics-menu___"] [class *= "___inner-content___"],
[class *= "___message-anchor___"] > span,
.program-title {
color: #777 !important }
[data-ng-setting-type = "for-audience"]::before,
[data-ng-setting-type = "for-broadcaster"]::before {
background-color: #777 !important; }
[class *= "___player-status-panel___"],
[class *= "___promotion-panel___"],
[class *= "___broadcast-participation-area__"] {
border-color: #000 !important }
.___item-image___q9UXx {
background-color: #2B2B2B !important; }
.___item___jrT43 > .indicator {
background-color: #970000 !important; }
.table-row[data-comment-type = "normal"] > .table-cell {
--local-comment-text-color: #D8D8D8 !important; }
.table-row[data-comment-type = "operator"] > .table-cell {
--local-comment-text-color: #FF5E5E !important; }
.content-area > a.comment-text {
color: #579CFF !important; }
.table-row[data-comment-type = "nicoad"] > .table-cell,
.table-row[data-comment-type = "transparent"] > .table-cell {
--local-comment-text-color: #555 !important; }
.___comment-text-box___oudLF {
background-color: #E6E6E6 !important; }
}
@-moz-document url-prefix("https://live.nicovideo.jp/watch/-") {
/*いろいろ削除するならURL最後の-を消す*/
/*広告*/
[class *= "___player-ad-panel___"],
/*コメント投稿欄*/
[class *= "___broadcast-participation-area___"],
/*来場者数とかコメント数のとこ*/
[class *= "___program-information-panel___"],
/*コメ欄下のプレアカ宣伝*/
[class *= "___promotion-panel___"],
/* コメント欄のニコニ広告しました*/
.table-row[data-comment-type = "nicoad"],
/*画面下に流れるニコニ広告しました*/
div[class *= "telop-layer"] {
display: none !important; }
}