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

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

/* root 220603 アクティブ色 */
@var select player-active-color "アクティブ色"{"青":"#007cff","オレンジ*":"#e05800","カスタム":"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 220615 設定\プレミアム限定メニュー 無効化 */
@var select vp-premiummenu-block "【一般会員】プレミアム限定メニュー 無効化"{"Enable":"not-allowed","Disable*":"pointer"}

/* VP 220615 背景色 */
@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|com|ch)\\.nicovideo\\.jp\\/.*") {
/*  nico-NM-nico.css  Ver.20231231-0444         (C)2023 NMS               http://npc.0am.jp/ nmtvsys@gmail.com ◆◇◆ */
/* 20240101-2300	[2]nico-NM-watch.css	[3]nico-NM-playr.css	[4]nico-NM-live.css */
/* 20231231-0444	[1]nico-NM-nico.css	[2]nico-NM-watch.css	[4]nico-NM-live.css	[6]nico-NM-tag.css */
/* 20231117-2333	[1]nico-NM-nico.css */
/* 20231104-0540	[1]nico-NM-nico.css	[2]nico-NM-watch.css	[6]nico-NM-tag.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;}



/* ■■■ #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;}

/* LV AD */[class*=___banner-panel___]{display:none!important;}
/* LV AD */[class*=___program-information-ad-area___]{display:none!important;}
/* LV 220603 AD ページヘッダー */#header-ad,
/* LV 220603 AD ページフッター(視聴ページ) */[class*=___footer-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);
}

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

/* VP アクティブ色 */
.PlayerOptionLink{background-color:#d00800!important;}
.PlayerOptionDropdownItem-inner:hover{background-color:#e05800!important;background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25))!important;}

/* pc 230724 ユーザーページ desc もっと見る */.ExpandBoxButton-overlay:hover+.ExpandBoxButton .ExpandBoxButton-icon,.ExpandBoxButton:hover .ExpandBoxButton-icon,
/* pc 230724 ユーザーページ サブメニューicon */.SubMenuLink-link:hover .SubMenuLink-icon, .SubMenuLink-link_active .SubMenuLink-icon,
/* VP 230724 自分のコメントのみ表示ボタン */.ActionButton svg [fill="#0080FF"],
/* VP 221224 コマンドパレット 選択 */.CommentCommandPaletteNode.is-selected svg,
/* VP 220603 かんたんコメント スクロールボタン */.EasyCommentContainer-scrollButton:hover svg,
/* VP 220603 かんたんコメント */.EasyCommentButton-icon,
/* sp 220603 お知らせ受信設定 戻るボタン */header svg polygon[fill="#0180FF"],
/* LP 220331 タイムシフト予約ボタン */[class*=___menu-dock___] [class*=___symbol-mark___] path,
/* LP 220213 コントローラー ボタン #1 */[class*=___play-button___]:enabled:hover > svg path,[class*=___play-button___][aria-pressed="true"] > svg path,[class*=___play-button___][data-highlighted="true"] > svg path,
/* LP 220213 コントローラー ボタン #2 */[class*=___mute-button___]:enabled:hover > svg path,[class*=___mute-button___][aria-pressed="true"] > svg path,[class*=___mute-button___][data-highlighted="true"] > svg path,
/* LP 220213 コントローラー ボタン #3 */[class*=___control-area___] [class*=-button___]:not([class*=___live-]):enabled:hover > svg path,[class*=___control-area___] [class*=-button___]:not([class*=___live-])[aria-pressed="true"] > svg path,[class*=___control-area___] [class*=-button___]:not([class*=___live-])[data-highlighted="true"] > svg path,
/* LP 211101 コントローラー ボタン */[class*=___button-skin___]:hover path,[class*=___button-skin___][aria-pressed=true] path,[class*=___button-skin___][data-highlighted=true] path,[class*=-button___]:enabled:hover>svg,[class*=-button___][aria-pressed=true]>svg,[class*=-button___][data-highlighted=true]>svg,
/* LP 211101 コントローラー 設定ボタン */[class*=___toggle-button___]:enabled:hover>svg,[class*=___toggle-button___][aria-pressed=true]>svg,[class*=___toggle-button___][data-highlighted=true]>svg,
/* LP 211101 コマンドパネル checked svg */[cl...