Skip to content

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

Screenshot of ニコニコ ヘッダーカスタム

Details

Authoryyya_nico

LicenseCC-BY-4.0

Categorynicovideo

Created

Updated

Size3.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.1.0
@description    やぼったいヘッダーをかっこよくする
@author         yyya_nico
@license        CC-BY-4.0
==/UserStyle== */

@-moz-document domain("www.nicovideo.jp") {
    .nico-CommonHeaderRoot .common-header-cdesjj,
    .nico-CommonHeaderRoot .common-header-654o26, /* ニコニコトップ */
    .nico-CommonHeaderRoot .common-header-4609zu, /* ニコニコ動画トップ、キーワード検索、タグ検索、マイリスト検索 */
    .nico-CommonHeaderRoot .common-header-ive1zm, /* マイページ */
    .nico-CommonHeaderRoot .common-header-btceyo, /* ランキング */
    .nico-CommonHeaderRoot .common-header-1ykkee8 /* 動画視聴ページ */ {
        background-color: transparent;
    }

    .CommonHeader,
    #CommonHeader {
        background-color: #ffffff7f;
        box-shadow: 0 0 8px #00000033;
        backdrop-filter: blur(4px);
    }

    .nico-CommonHeaderRoot .common-header-1q3w3qh,
    .nico-CommonHeaderRoot .common-header-12t3fr7,
    .nico-CommonHeaderRoot .common-header-w2sn95 /* 一般会員 */ {
        color: #252525;
    }

    .nico-CommonHeaderRoot .common-header-1nl1a3a:hover,
    .nico-CommonHeaderRoot .common-header-1q3w3qh:hover,
    .nico-CommonHeaderRoot .common-header-12t3fr7:hover,
    .nico-CommonHeaderRoot .common-header-arx0gj:hover, /* 未ログイン時 */
    .nico-CommonHeaderRoot .common-header-m5ds7e: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-1q3w3qh:hover,
    .nico-CommonHeaderRoot .common-header-12t3fr7:hover .common-header-nzdgpl,
    .nico-CommonHeaderRoot .common-header-arx0gj:hover, /* 未ログイン時 */
    .nico-CommonHeaderRoot .common-header-m5ds7e:hover  .common-header-1efxb5j, /* 未ログイン時 */
    .nico-CommonHeaderRoot .common-header-6zywm:hover .common-header-dandf8,
    .nico-CommonHeaderRoot .common-header-1mt59xu:hover .common-header-1kbay7q {
        opacity: .6;
    }

    .nico-CommonHeaderRoot .common-header-1nl1a3a:not(:last-child)::after,
    .nico-CommonHeaderRoot .common-header-1q3w3qh:not(:last-child)::after,
    .nico-CommonHeaderRoot .common-header-arx0gj:not(:last-child)::after, /* 未ログイン時 */
    .nico-CommonHeaderRoot .common-header-m5ds7e:not(:last-child)::after, /* 未ログイン時 */
    .nico-CommonHeaderRoot .common-header-6zywm:not(:last-child)::after {
        display: none;
    }

    .nico-CommonHeaderRoot svg path[fill="#FFF"],
    .nico-CommonHeaderRoot svg use[fill] {
        fill: #252525;
    }

    .nico-CommonHeaderRoot .common-header-xwleqz,
    .nico-CommonHeaderRoot .common-header-6hj71y,
    .nico-CommonHeaderRoot .common-header-1oumve5, /* 未ログイン時 */
    .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-1oumve5 /* 未ログイン時 */ {
        right: -80px;
    }

    .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.