ニコニコ動画・生放送 プレーヤー コンパクトビューほか by nms

/* ==UserStyle==
@name   	  niconico GINZAplayer and HTML5 Player
@version	  20240907-0150
@namespace	  http://ns.npc.0am.jp/
@description  ニコニコ動画・生放送の視聴ページほかを改変するcssです。
@author		  NMTV Systems
@license	  MIT

/* root 240810 【nvpc】アクセント色 */
@var select accent-color-hue "【新】アクセント色"{"青　　 210":"210","オレンジ 23.6*":"23.6","ずんだ　 82":"82","カスタム":"var(--accentColorChangeValue,210)"}
@var text accentColorChangeValue "【新】アクセント色 (カスタム)(Hue値)" "23.6"

/* root 220603 アクセント色 */
@var select player-active-color "アクセント色"{"青":"#007cff","オレンジ*":"#e05800","ずんだ":"#90e400","カスタム":"var(--activeColorChangeValue,#e05800)"}
@var color activeColorChangeValue "アクセント色 (カスタム)(カラーコード)" #e05800

/* pc 230724 userpage\フォロー推奨 無効化 */
@var select userFollowRecommendation "フォロー推奨を表示しない"{"Enable":"none","Disable*":"flex"}

/* pc 231104 サイドバー */
@var select sideBar "サイドバーを表示する"{"Enable*":"block","Disable":"none"}

/* VP 240809 背景色 */
@var select vp-bg-color "【動画プレーヤー】背景色"{"黒":"#000","緑青*":"#1C3850","カスタム":"var(--vp-bg-color-value,#1C3850)"}
@var color vp-bg-color-value "【動画プレーヤー】背景色 (カスタム)" #1C3850
==/UserStyle== */
/* 231117 おまじない */*{}

@-moz-document regexp("https:\\/\\/(www|live|sp|inform|seiga|commons|ch)\\.nicovideo\\.jp\\/.*") {
/*  nico-NM-nico.css  Ver.20240814-2330         (C)2024 NMS               http://npc.0am.jp/ nmtvsys@gmail.com ◆◇◆ */
/* 20240907-0150	[2]nico-NM-watch.css	[3]nico-NM-playr.css */
/* 20240822-1600	[3]nico-NM-playr.css */
/* 20240817-1228	[2]nico-NM-watch.css	[3]nico-NM-playr.css */
/* 20240817-0333	[2]nico-NM-watch.css	[3]nico-NM-playr.css	[4]nico-NM-live.css */
/* 20240814-2330	[1]nico-NM-nico.css	[2]nico-NM-watch.css	[3]nico-NM-playr.css	[4]nico-NM-live.css */

/* ■■■ 総合 page width */
body{min-width:unset;width:unset;--page-width:920px;}
/* 231231 横幅修正 */body.BaseLayout,
[class*=___watch-page___]:not([data-browser-fullscreen])[data-layout-mode=liquid] [class*=___local-side-margin___],
[class*=___watch-page___]:not([data-browser-fullscreen])[data-layout-mode=liquid] [class*=___operator-comment-tool___],[class*=___watch-page___]:not([data-browser-fullscreen])[data-layout-mode=liquid] [class*=___operator-tool___]{
min-width:920px;width:100%;}


/* ユーザーページ 横幅修正 */
/* 231231 メイン */.UserPage-main{width:100%;padding-right:0;}
/* 231231 ユーザーメニュータブ */.MainMenuContainer-menuList{width:100%;padding-right:0;}
/* 231231 ページヘッダー */.UserPage .HeaderContainer-content,
/* 231231 ユーザー概要 */.UserDetailsHeader,
/* 231231 フッター */.UserPageFooterContainer,
/* 231231 Topボタン */.PageTopButtonContainer{width:100%;}
/* 231231 ユーザー概要の右の何か */@media (max-width:1280px){.RightSideContainer{left:unset;right:0;top:48px;opacity:.5;}.RightSideContainer:hover{opacity:1;}}

/* 231231 フッター 横幅修正 */
.FooterContainer-inner{min-width:880px;min-width:calc(var(--page-width,920px) - 64px);}

/* ■■■ フォント指定 */
body,label{font-family:"Helvetica Neue","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;}


/* ■■■ nvpc_next 余白 */
@layer tokens{:where(:root,:host){
--spacing-0:0;
--spacing-x0_5:2px;
--spacing-base:4px;
--spacing-x1_5:6px;
--spacing-x2:8px;
--spacing-x3:12px;
--spacing-x4:16px;
--spacing-x5:20px;
--spacing-x6:24px;
--spacing-x7:28px;
--spacing-x8:32px;
--spacing-x9:36px;
--spacing-x10:40px;
--spacing-x11:44px;
--spacing-x12:48px;
}}


/* ■■■ #siteHeader */
#siteHeader{min-width:auto;}
.GlobalHeader#siteHeader #siteHeaderInner{width:auto;}
#siteHeader #siteHeaderInner{width:100%!important;margin-right:0!important;margin-left:0!important;padding-right:0!important;padding-left:0!important;box-sizing:border-box;}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation{transform:none;}
#siteHeader #siteHeaderInner ul li a{margin-right:0;}
#siteHeader #siteHeaderInner ul li a span{border-color:#555!important;}
#siteHeader #siteHeaderInner ul.siteHeaderMenuList li a span,
#siteHeader #siteHeaderInner ul li a span{padding:0 3px 0 4px;}
/* #siteHeader pointkill */
#siteHeader #siteHeaderInner ul li .siteHeaderNicopo a.siteHeaderNicopoPurchase{display:none;}
/* 220603 会員登録勧誘 削除 */
[class*=common-header-] a[href*="https://account.nicovideo.jp/register"],
[class*=common-header-] a[href*="https://account.nicovideo.jp/premium/register"]{display:none;}

/* 200121 ヘッダー・フッター ページ幅調整 */
.nico-CommonHeaderRoot [class*=common-header-]{min-width:0;}
.FooterContainer-informationInner,.FooterContainer-additionalsInner{width:auto;}


/* ■■■ AD */
#playerTabContainer .playerTabAds,#NicoSpotAdContainer,.nicoSpotAds,.BottomContainer-adContainer,.VideoAdContainer,.CommentPanelBannerAd,#MiniBannerAd,.MiniBannerAdContainer,#rectangleAd,#sideFollowAd{display:none!important;}
.AdsPRText,.Ads300x250WebPcPrime,.Ads300x60WebPc360,.Ads300x250WebPcSideFollow,.Ads728x90WebPcFooter,.Ads468x60WebPcTopContainer{visibility:hidden!important;}

/* LP 240814 AD ヘッダー */[class*=___ad-banner___],[class*=___banner-base___],
/* LP 240814 AD フッター */[class*=___ad-footer___],
/* LP 240814 AD 検索 右サイド */[class*=___side-banner___],
/* LV AD */[class*=___banner-panel___],
/* LV AD */[class*=___program-information-ad-area___],
/* LV 220603 AD ページヘッダー */#header-ad,
/* LV 220603 AD ページヘッダー(番組表) */#footer_ads,
/* LP 220603 AD コメント欄overlay */[class*=___player-ad-panel___]{
display:none!important;}


/* ■■■ ヘッダー */
[class*=___site-header-base___],[class*=___site-header___]{height:40px;}
[class*=___site-header-skin___]{background-color:inherit;}
[class*=___logo-skin___]{fill:#252525;}

[class*=___logo-anchor___]{width:176px;margin:0 16px 0 0;padding:0;}
@media (max-width:1664px){
[class*=___local-side-padding___],[class*=___private-operator-tool___]{padding-right:8px;padding-left:8px;}}
[class*=___watch-page___]:not([data-browser-fullscreen])[data-layout-mode=liquid] [class*=___local-side-padding___],[class*=___watch-page___]:not([data-browser-fullscreen])[data-layout-mode=liquid] [class*=___private-operator-tool___]{padding-right:8px;padding-left:8px;}

@media (max-width:1152px){[class*=___local-side-margin___],[class*=___operator-comment-tool___],[class*=___operator-tool___]{margin-right:0;margin-left:0;}}

/* ヘッダー 検索 */
/* VP */.SearchBox-query,
[class*=___text-box___]{padding:0;line-height:32px;font-size:14px;text-indent:8px;}
/* VP */.SearchBox-form,.SearchBox-query,.SearchBox-submit,
[class*=___search-text-box___],[class*=___search-button___]{height:28px;}
/* VP */.SearchBox-form,
[class*=___text-box___]{-webkit-box-shadow:0 0 0 1px #ddd inset;box-shadow:inset 0 0 0 1px #ddd;}
/* VP */.SearchBox-submit,
[class*=___search-button-skin___]{width:40px;background-color:#999;}
/* VP */.SearchBox-submit::after,
[class*=___search-button___]>svg{width:16px;height:16px;}
[class*=___search-button-icon-skin___]>path{fill:#fff;d:path('M60.3 74.5a40 40 0 1 1 14.1-14.1l23.3 23.1a8 8 0 0 1 0 11.3l-2.9 2.9a8 8 0 0 1-11.3 0L60.3 74.5zM40 14a26 26 0 1 1 0 52 26 26 0 0 1 0-52z')!important;}

/* ヘッダー 検索 サジェスト */
/* VP */.suggestBox{border-top:0;min-width:212px;}
/* VP */.suggestBox,
[class*=___suggest-skin___]{margin-top:-1px;box-shadow:3px 3px 3px rgba(0,0,0,.2)}
/* VP */.suggestBoxInner,
[class*=___suggest-skin___]{border:1px solid #ddd;}
[class*=___suggest___]{padding:0;border-radius:0;}
/* 総合TOP,動画 */.suggestBoxInner li,
/* 生放送 */.suggestion_list_for_live li,
/* チャンネル */.c-searchWordSuggestUnit > ul > li{border-top:1px dotted #ccc;padding:0 .125em 0 .375em;font-size:14px;line-height:24px;}

/* pc 231104 サイドバー */
#VideoMenuDrawer-app{display:var(--sideBar,block);}


/* ■■■ niconico footer */
.FooterContainer{min-width:100%;}
.FooterContainer-information{padding:1em 0 .75em}


/* ■■■ ユーザーページ */
/* pc 230724 視聴履歴 フォロー推奨 無効化 */
.FollowRecommendation{display:var(--userFollowRecommendation,none);}


/* ■■■ niconico アクティブ色 色指定 */
/* アクティブ色 色変更 (元が#007cff,#056dff,#1f7cffなどのやつ) */
:root{
--player-active-color:#e05800;
--player-active-80percent-color:rgba(224,88,0,.8);
--player-active-50percent-color:rgba(224,88,0,.5);
--player-active-20percent-color:rgba(224,88,0,.2);
--player-active-10percent-color:rgba(224,88,0,.1);
}

/* アクセント色 色変更 (帰ってきた系ページ) */
:root{
--accent-color-hue:23.6;
--accent-color:hsl(var(--accent-color-hue,210) 100% 45%);

--colors-azure--l95:hsl(var(--accent-color-hue,210) 80% 95%);
--colors-azure--l90:hsl(var(--accent-color-hue,210) 80% 90%);
--colors-azure--l80:hsl(var(--accent-color-hue,210) 80% 80%);
--colors-azure--l70:hsl(var(--accent-color-hue,210) 80% 70%);
--colors-azure--l60:hsl(var(--accent-color-hue,210) 80% 60%);
--colors-azure--l50:hsl(var(--accent-color-hue,210) 80% 50%);
--colors-azure--l40:hsl(var(--accent-color-hue,210) 80% 40%);
--colors-azure--l30:hsl(var(--accent-color-hue,210) 80% 30%);
--colors-azure--l25:hsl(var(--accent-color-hue,210) 80% 25%);
--colors-azure--l20:hsl(var(--accent-color-hue,210) 80% 20%);
--colors-azure--l15:hsl(var(--accent-color-hue,210) 80% 15%);
--colors-azure--l10:hsl(var(--accent-color-hue,210) 80% 10%);

--colors-layer-surface-accent-azure:var(--colors-azure--l50);
}

/* 231104 ヘッダー追従 */
.nico-CommonHeaderRoot label[aria-checked=true] span[class*=common-header-]{
background-color:var(--player-active-50percent-color);border-color:var(--player-active-color);}

/* LP 240814 バルーン 背景色 */[class*=-balloon___]{
--base-color:var(--colors-azure--l90)!important;}

/* LP 240814 市場アイテム */[class*=___launch-item-area___]>[class*=___item___]:after{
border-color:var(--colors-azure--l70);}

/* LP 240814 NG登録ボタン:hover */[class*=___list-controller___]>.register-button:enabled:not([data-active=true]):hover,
/* LP 240814 市場アイテム */[class*=___launch-item-area___]>[class*=___item___]>[class*=___item-image___]{
background-color:var(--colors-azure--l60);}

/* LV 240814 watch/投稿者フォロー 星 */
[class*=___user-summary___]>.main-area>.action-menu>.follow-item>.follow-toggle-form[data-animation-enabled=true]>.foll...