Skip to content

ニコニコ ヘッダーカスタム by yyya_nico

Screenshot of ニコニコ ヘッダーカスタム
Homepage Write a review Install Get Stylus

Details

Authoryyya_nico

LicenseCC-BY-4.0

Categorynicovideo

Created

Updated

Size2.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

やぼったいヘッダーをかっこよくする
今は使えません
もし希望があれば「帰ってきたニコニコ」に対応します

Notes

仮の状態なので、うまく機能しないこともあるかも。
ターゲットはwww.nicovideo.jp。
表示確認済みのページは以下の通り。
ニコニコトップ、ニコニコ動画トップ、ニコニコユーザーページ、ニコニコ動画キーワード検索、ニコニコ動画タグ検索、ニコニコ動画ランキング、ニコニコ動画視聴ページ。
いずれもプレミアム会員ログイン状態でのみ。

Source code

/* ==UserStyle==
@name           ニコニコ ヘッダーカスタム
@namespace      userstyles.world/user/yyya_nico
@version        0.0.4
@description    やぼったいヘッダーをかっこよくする
@author         yyya_nico
@license        CC-BY-4.0
==/UserStyle== */

@-moz-document domain("www.nicovideo.jp") {
    .CommonHeader, .nico-CommonHeaderRoot .common-header-cdesjj, .nico-CommonHeaderRoot .common-header-654o26, .nico-CommonHeaderRoot .common-header-ive1zm, .nico-CommonHeaderRoot .common-header-4609zu, .nico-CommonHeaderRoot .common-header-btceyo {
        background-color: transparent;
    }
    
    .CommonHeader {
        background: #ffffff7f;
        box-shadow: 0 0 8px #00000033;
        backdrop-filter: blur(4px);
    }
    
    .nico-CommonHeaderRoot .common-header-1nl1a3a, .nico-CommonHeaderRoot .common-header-b4zojx, .nico-CommonHeaderRoot .common-header-12t3fr7 {
        color: #252525;
    }
    
    .nico-CommonHeaderRoot .common-header-1nl1a3a:hover, .nico-CommonHeaderRoot .common-header-b4zojx:hover, .nico-CommonHeaderRoot .common-header-12t3fr7:hover, .nico-CommonHeaderRoot .common-header-6zywm:hover, .nico-CommonHeaderRoot .common-header-1mt59xu:hover {
        background-color: transparent;
    }
    
    .nico-CommonHeaderRoot .common-header-1nl1a3a:hover, .nico-CommonHeaderRoot .common-header-b4zojx:hover, .nico-CommonHeaderRoot .common-header-12t3fr7:hover .common-header-nzdgpl, .nico-CommonHeaderRoot .common-header-6zywm:hover .common-header-dandf8, .nico-CommonHeaderRoot .common-header-1mt59xu:hover .common-header-1kbay7q{
        opacity: .6;
    }
    
    .common-header-dandf8 circle {
        filter: invert(1);
    }
    
    .nico-CommonHeaderRoot .common-header-1nl1a3a:not(:last-child)::after, .nico-CommonHeaderRoot .common-header-b4zojx:not(:last-child)::after, .nico-CommonHeaderRoot .common-header-6zywm:not(:last-child)::after {
        display: none;
    }
    
    .nico-CommonHeaderRoot svg {
        filter: invert(1);
    }
    
    .nico-CommonHeaderRoot .common-header-xwleqz, .nico-CommonHeaderRoot .common-header-6hj71y, .nico-CommonHeaderRoot .common-header-1ivnjlh {
        top: 30px;
        z-index: 1;
    }
    
    .nico-CommonHeaderRoot .common-header-xwleqz {
        left: 50%;
        transform: translate(-50%);
    }

    .nico-CommonHeaderRoot .common-header-6hj71y {
        right: -115px;
    }
    
    .nico-CommonHeaderRoot .common-header-1ivnjlh {
        right: -20px;
    }
    
    .nico-CommonHeaderRoot .common-header-q3ohau {
        color: rgb(146 91 0);
    }
    
    #CommonHeader > .nico-CommonHeaderRoot > div >div >div>div>div {
        clip-path: none;
    }
}

Reviews

No reviews yet.