ニコニコRestyle by minamitu

/* ==UserStyle==
@name           ニコニコRestyle
@namespace      https://userstyles.world/user/minamitu
@version        3.0.0
@description    動画ページと検索ページを変更
@author         minamitu
@license        CC-BY 4.0
@preprocessor	uso
/*uso stylus*\/
@advanced dropdown  preset"ー動画ー カラープリセット" {
	1 "custom*" <<<EOT  EOT;	
	2 "youtube" <<<EOT --Themecolor:#ff0000; EOT;
	3 "spotify" <<<EOT --Themecolor:#1db954; EOT;
	4 "discord" <<<EOT --Themecolor:#4752c4; EOT;
	5 "ニコニコ動画" <<<EOT --Themecolor:#007cff; EOT;
	6 "bilibili" <<<EOT --Themecolor:#00a1d6; EOT;
	7 "FC2動画" <<<EOT --Themecolor:#ef5763; EOT;
	8 "soundcloud" <<<EOT --Themecolor:#f50; EOT;
}
@advanced color themecolor "ー動画ー カスタムテーマカラー" #008080
@advanced text maxsize "ー動画ー ページ最大幅(px) *数字のみ入力 1024以上" 1280
@advanced dropdown scrollanimation "ー動画ー スクロールアニメーション" {
	1 "システムの設定に従う*" <<<EOT
		@media(prefers-reduced-motion:no-preference) ,
	EOT;
	2 "無効" <<<EOT    EOT;
	3 "有効" <<<EOT
		body ,
	EOT;
}
@advanced dropdown SeekBarDisplay "ー動画ー シークバーを常に表示" {
	1 "有効*" <<<EOT	EOT;
	2 "無効" <<<EOT  #nicoRestyledDummyId  EOT;
}
@advanced dropdown RightAngleVideo "ー動画ー 動画の四隅を直角に戻す" {
	1 "無効*" <<<EOT #nicoRestyledDummyId EOT;
	2 "有効" <<<EOT EOT;
}
@advanced dropdown  commentopacity_enable"ー動画ー コメント透過" {
	1 "無効*" <<<EOT #nicoRestyledDummyId EOT;	
	2 "有効" <<<EOT  EOT;
}
@var range commentopacity "ー動画ー コメント透過率" [0.8, 0, 1, 0.1, '']

@var range thumbsize "＋検索＋ サムネイルサイズ" [270, 160, 380, 1, 'px']
@advanced dropdown nicoad_position "＋検索＋ ニコニ広告の表示位置" {
	1 "末尾*" <<<EOT 
				order:1;
			EOT;
    2 "変更なし" <<<EOT  EOT;
	3 "先頭" <<<EOT order:-1; EOT;
	4 "非表示" <<<EOT display:none; EOT;
}
@advanced dropdown RelatedInformationHide "＋検索＋ 右の関連情報を非表示" {
	1 "無効*" <<<EOT  EOT;
    2 "有効" <<<EOT
		.column.sub{
			display:none !important;
		}
        .container.columns .column{
            display:unset;
        }
		div.column.main{
			max-width:100vw;
		}
		.videoList02,
		.videoList04{
			width: calc(100vw - 128px);
            min-width: 100%;
		}
	EOT;
}
@advanced dropdown adtagvideo_position "＋検索＋ 広告タグ動画の表示位置" {
	1 "下部*" <<<EOT 
				order:2;
			EOT;
    2 "変更なし" <<<EOT  EOT;
	3 "上部" <<<EOT order:-2; EOT;
	4 "非表示" <<<EOT display:none; EOT;
}
@advanced dropdown ranking_nicoad "ーランキングー　ニコニ広告を非表示" {
	1 "無効*" <<<EOT  EOT;
	2 "有効" <<<EOT 
		display:none !important;
	EOT;
}
@advanced dropdown mutedvideo_hidden "＋検索・ランキング＋　ミュート動画を非表示" {
	1 "無効*" <<<EOT  EOT;
	2 "有効" <<<EOT 
		display:none !important;
		visibility:hidden;		
	EOT;
}
@advanced dropdown ad_clean "ー全体ー プレミアム勧誘を非表示" {
	1 "有効*" <<<EOT display:none !important; EOT;
    2 "無効" <<<EOT  EOT;
}
@advanced dropdown niconews_hidden "＋top・ランキング・動画・大百科＋ニコニコニュースとブロマガの記事リンクを非表示" {
	1 "有効*" <<<EOT
		display:none !important;
	EOT;
	2 "無効" <<<EOT 	EOT;
}
@advanced dropdown font "・実験・ フォント変更" {
	1 "変更なし*" <<<EOT  EOT;
    2 "BIZ UDPゴシック" <<<EOT font-family:BIZ UDPゴシック,BIZ UDPGothic,Avenir,Lato,-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Meiryo,メイリオ,sans-serif; EOT;
    3 "游ゴシック" <<<EOT font-family:游ゴシック,Yu Gothic,Avenir,Lato,-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Meiryo,メイリオ,sans-serif; EOT;
    4 "UD デジタル 教科書体" <<<EOT font-family:UD デジタル 教科書体 NP-R,UD Digi Kyokasho NP-R,Avenir,Lato,-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Meiryo,メイリオ,sans-serif; EOT;
}
==/UserStyle== */

@-moz-document url-prefix("https://www.nicovideo.jp/") {
/*共通*/
	
/* -----------------------------
  アニメーション
------------------------------ */

	
	#CommonHeader > .nico-CommonHeaderRoot > div >div >div>div>div{
		clip-path: inset(0 -10px -10px -10px);
	}
	#CommonHeader > .nico-CommonHeaderRoot > div >div >div>div>div>div{
		animation: popdown 0.15s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
	}
	
	@keyframes popdown {
	  0% {
		transform: translateY(-40px);
		opacity: 0;
	  }
	  100% {
		transform: translateY(0);
	  }
	  50%, 100% {
		opacity: 1;
	  }
	}
	
	
/* -----------------------------
  要らない物を消す
------------------------------ */
	/*ヘッダーのプレミアム勧誘を消す*/

	.common-header-m5ds7e{
		/*[[ad_clean]]*/
	}
	
	
/*Topページ*/
	.TopPage .NicoNewsAreaContainer{
		/*[[niconews_hidden]]*/
	}
	
	
}
@-moz-document url-prefix("https://www.nicovideo.jp/watch/") {
/*動画ページ*/

    /*アニメーション効果を追加*/
    /*[[scrollanimation]]*/ #nicoRestyledDummyId{
        /*コメント*/
        .overscroll_contain{
            scroll-behavior: smooth;
        }
    }
    
    /*シークバーを常に表示*/
    body/*[[SeekBarDisplay]]*/{
        [data-styling-id=":r3:"]{
            margin-bottom:var(--sizes-x0_5);

            [data-styling-id=":r4:"]{
                transition:all var(--transition-duration) var(--transition-easing);
                bottom:calc(-1 * var(--sizes-x0_5))
            }
            [data-styling-id=":r4:"]:before{
                background: linear-gradient(180deg,#0000,#000);
                transition:top var(--transition-duration) var(--transition-easing);
            }
            [data-styling-id=":r4:"] > :nth-child(1) {
                transition:padding var(--transition-duration) var(--transition-easing);
            }
            [data-styling-id=":r4:"] > :nth-child(1) >:nth-child(2){
                transition:all var(--transition-duration) var(--transition-easing);
            }
        }
        .cursor_none[data-styling-id=":r3:"]{        
            [data-styling-id=":r4:"]{
                opacity: 1;
            }
            [data-styling-id=":r4:"]:before{
                opacity: 1;
                top:0;
            }
            [data-styling-id=":r4:"] > :nth-child(1) {
                padding: 0;
            }
            [data-styling-id=":r4:"] > :nth-child(1) >:nth-child(2){
                height: 0;
                overflow: hidden;
                margin: 0;
                opacity: 0;
            }
        }
    }/*シークバーを常に表示 END*/
    
    /*コメント透過*/
    body/*[[commentopacity_enable]]*/{
        [data-name="comment"]{
            opacity:/*[[commentopacity]]*/ !important;
        }
    }/*コメント透過　END*/
    
    /*最大サイズ*/
    section:has(>[data-styling-id=":r2:"]){
        --watch-player-max-width:/*[[maxsize]]*/px !important;
    }
    
    /*テーマカラー*/
    :root{
        --Themecolor:/*[[themecolor]]*/;
        /*[[preset]]*/
    }
    .bg_layer\.surfaceAccentAzure{
        --colors-layer-surface-accent-azure:var(--Themecolor);
    }
    .\[\&\[data-state\=\"checked\"\]\]\:bg_textOnLayer\.accentAzure[data-state="checked"]{
        --colors-text-on-layer-accent-azure:var(--Themecolor);
    }

    /*直角*/
    body/*[[RightAngleVideo]]*/{
        div:has(> [data-styling-id=":r3:"]){
           border-radius:0; 
        }
    }
}

@-moz-document url-prefix("https://www.nicovideo.jp/tag/"),
url-prefix("https://www.nicovideo.jp/search/") {
/*検索ページ*/
    :root {
        --mainMinWidth:874px;
        --thumbsize: /*[[thumbsize]]*/;
		--cardwidth:calc(var(--thumbsize) + var(--paddingsize) * 2);
		--thumbwidth:calc(var(--cardwidth) - var(--paddingsize) * 2);
        --thumheight: calc(9 * var(--thumbwidth) / 16);
        --paddingsize: calc(var(--thumbsize) * 4 / 194);
        --nicoadmakersize: calc(var(--paddingsize) * 50 / 4);
        --cardcolor: #fff;
        --backcolor: #fafafa;
        --radius: 4px;/*px*/
        /*アイコンたち*/
        --goldicon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMTMuMjI5MTY3bW0iCiAgIGhlaWdodD0iMTMuMjI5MTY3bW0iCiAgIHZpZXdCb3g9IjAgMCAxMy4yMjkxNjcgMTMuMjI5MTY3IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4MzciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgzNCIgLz4KICA8ZwogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjEzMDk1OCwtODUuMjA0NjgpIgogICAgIHN0eWxlPSJkaXNwbGF5Om5vbmUiPgogICAgPGcKICAgICAgIGlkPSJnOTAyIgogICAgICAgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS4wMDE1NztzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZSIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMjY0NTgzMzMsMCwwLDAuMjY0NTgzMzMsNjAuMTMxMDExLDg1LjIwNDY4KSI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gNDguOTk3NjU0LDAgSCAzLjAwMDUyNiAxLjAwMDA0MiBDIDAuNDQ3OTA4NDEsMCAtMmUtNCwwLjQ0ODEwODQxIC0yZS00LDEuMDAwMjQyIHYgMi4wMDA0ODQgNDUuOTk3MTI4IGMgMCwwLjg5MzIxNiAxLjA4MTI2MTYsMS4zMzgzMjQgMS43MTA0MTM4LDAuNzA0MTcxIGwgMi4wMDA0ODQsLTIuMDE2NDg4IEMgMy44OTY3NDI4LDQ3LjQ5NzQ5MSA0LjAwMDc2OCw0Ny4yNDQ0MyA0LjAwMDc2OCw0Ni45ODEzNjYgViA0MC4wMDk2OCBMIDQwLjAwOTQ4LDQuMDAwOTY4IGggNi45NzE2ODYgYyAwLjI2NDA2NCwwIDAuNTE3MTI1LC0wLjEwNDAyNTIgMC43MDQxNzEsLTAuMjkwMDcwMiBsIDIuMDE2NDg4LC0yLjAwMDQ4NCBDIDUwLjMzNTk3OCwxLjA4MTI2MTYgNDkuODkwODcsMCA0OC45OTc2NTQsMCIKICAgICAgICAgZmlsbD0iI2ZmZDcwMCIKICAgICAgICAgaWQ9InBhdGg4OTgiCiAgICAgICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MS4wMDE1NztzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgZD0ibSAxMS4yODQyMjgsNi41NDcwNDczIGMgMC41MTM0LC0wLjUwODYzMzQgMS42NDU3NTksLTAuMjkxNzg2NSAzLjAyMjgyMywwLjQ1NzYxMDcgdiAwIEwgMTQuMTM5MTE2LDcuOTQwNjA3MiBDIDEzLjQyMjU5NSw3LjYwMDk4NjggMTIuODY2MDEyLDcuNTIyODU4MSAxMi42MDY5MTMsNy43ODExNjEgYyAtMC42MDI5NjUsMC42MDI3MDY3IDAuNjE4OTU5LDIuNzk5ODc1IDIuNzM0OTM1LDQuOTA3NzU0IDIuMTE1OTc2LDIuMTA3ODc5IDQuMzE5OTE5LDMuMzI5MjM3IDQuOTI0NDgzLDIuNzI2NTMxIDAuMjYwNjk5LC0wLjI1MTkyNSAwLjE4MDczLC0wLjgxMzE3NiAtMC4xNTk5MzgsLTEuNTI3NDk1IHYgMCBsIDAuOTMyNDM3LC0wLjE2NzQxOSBjIDAuNzUzMzA3LDEuMzc0NDI3IDAuOTcwODIzLDIuNTAxNzExIDAuNDYwNjIxLDMuMDEwMzQ1IC0wLjExNTU1MSwwLjEwOTE2NyAtMC4yNTc4NDksMC4xODYxNDYgLTAuNDEyNjM5LDAuMjIzMjI0IHYgMCBsIDAuMDAxNiwwLjAwMTYgLTEwLjUzMTksMi44MTc0MTUgLTAuNTI3Nzk0LDEuOTY0Mzc3IGMgLTAuMDEzNzcsMC4wNTk5NyAtMC4wNDM2MjQsMC4xMTUwNzYgLTAuMDg2MzY3LDAuMTU5NDQ2IEMgOS41ODQwOTA1LDIyLjI0NjEyNiA4LjQ0MzczNDQsMjEuNjgwMDkyIDcuMzgzMzQ3MiwyMC42MjEzNjkgNi4zMjI5NiwxOS41NjI2NDcgNS43NTE5ODIzLDE4LjQyMjYwNiA2LjEwMzg0NTMsMTguMDcwMjMgNi4xNDg1MzgzLDE4LjAyODIgNi4yMDM4MDIzLDE3Ljk5OSA2LjI2Mzc4MywxNy45ODU3MiB2IDAgTCA4LjIzNTgxNDUsMTcuNDU3OTUxIDEx...