やぼったいヘッダーをかっこよくする
ニコニコ ヘッダーカスタム by yyya_nico
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;
}
}