Created
May 31, 2021 13:24
-
-
Save shumon84/4f174fb962c017b2fad357c98ac59ef4 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/********************************************************************** | |
* CSS生成日 : 2021/05/10 18:42:06 | |
* バージョン: Chat v2.0 Style Generator 日本語版 2021.03.27 | |
**********************************************************************/ | |
/* Background colors - 背景色 */ | |
body { | |
overflow: hidden; | |
background-color: rgba(0,0,0,0); | |
width: 300px; | |
} | |
/* Transparent background - 背景透過 */ | |
yt-live-chat-renderer { | |
background-color: transparent !important; | |
} | |
yt-live-chat-text-message-renderer, | |
yt-live-chat-text-message-renderer[is-highlighted] { | |
background-color: transparent !important; | |
} | |
yt-live-chat-text-message-renderer[author-type="owner"], | |
yt-live-chat-text-message-renderer[author-type="owner"][is-highlighted] { | |
background-color: transparent !important; | |
} | |
yt-live-chat-text-message-renderer[author-type="moderator"], | |
yt-live-chat-text-message-renderer[author-type="moderator"][is-highlighted] { | |
background-color: transparent !important; | |
} | |
yt-live-chat-text-message-renderer[author-type="member"], | |
yt-live-chat-text-message-renderer[author-type="member"][is-highlighted] { | |
background-color: transparent !important; | |
} | |
yt-live-chat-author-chip #author-name { | |
background-color: transparent !important; | |
} | |
/* Outlines - 縁取り */ | |
yt-live-chat-text-message-renderer * { | |
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000; | |
font-family: "Yu Gothic", sans-serif; | |
font-size: 18px !important; | |
line-height: 20px !important; | |
} | |
yt-live-chat-text-message-renderer #content, | |
yt-live-chat-membership-message-renderer #content { | |
overflow: initial !important; | |
} | |
/* Hide scrollbar - スクロールバー非表示 */ | |
yt-live-chat-item-list-renderer #items{ | |
overflow: hidden !important; | |
} | |
yt-live-chat-item-list-renderer #item-scroller{ | |
overflow: hidden !important; | |
} | |
/* Hide header and input - ヘッダーと入力欄非表示 */ | |
#panel-pages, | |
yt-live-chat-header-renderer, | |
yt-live-chat-message-input-renderer { | |
display: none !important; | |
} | |
/* Reduce side padding - 余白設定 */ | |
yt-live-chat-text-message-renderer { | |
padding-left: 4px !important; | |
padding-right: 4px !important; | |
} | |
yt-live-chat-membership-item-renderer, | |
yt-live-chat-paid-sticker-renderer, | |
yt-live-chat-paid-message-renderer { | |
padding-left: 4px !important; | |
padding-right: 4px !important; | |
} | |
/* Avatars - チャンネルアイコン */ | |
/* 通常のチャット */ | |
yt-img-shadow#author-photo.yt-live-chat-text-message-renderer, | |
yt-img-shadow#author-photo.yt-live-chat-text-message-renderer img{ | |
width: 18px !important; | |
height: 18px !important; | |
border-radius: 18px !important; | |
margin-right: 4.5px !important; | |
} | |
/* メンバーシップ・スーパーチャット */ | |
yt-img-shadow#author-photo.yt-live-chat-membership-item-renderer, | |
yt-img-shadow#author-photo.yt-live-chat-membership-item-renderer img, | |
yt-img-shadow#author-photo.yt-live-chat-paid-message-renderer, | |
yt-img-shadow#author-photo.yt-live-chat-paid-message-renderer img{ | |
width: 30px !important; | |
height: 30px !important; | |
border-radius: 30px !important; | |
margin-right: 7.5px !important; | |
} | |
/* Member Badge - モデレーター・メンバーのバッジ(アイコン)サイズ */ | |
.yt-live-chat-author-badge-renderer, | |
.yt-live-chat-author-badge-renderer svg.yt-icon { | |
width: 18px !important; | |
height: 18px !important; | |
} | |
/* Emoji - 絵文字・メンバー用スタンプ */ | |
#message > img , | |
img.yt-live-chat-text-message-renderer { | |
width: 28px !important; | |
height: 28px !important; | |
} | |
/* Hide badges - バッジ非表示. */ | |
yt-live-chat-text-message-renderer #author-badges, | |
yt-live-chat-text-message-renderer #chat-badges { | |
vertical-align: text-top !important; | |
} | |
/* Timestamps - 時刻表示 */ | |
yt-live-chat-text-message-renderer #timestamp { | |
display: none !important; | |
color: #999999 !important; | |
font-family: "Yu Gothic", sans-serif; | |
font-size: 16px !important; | |
line-height: 16px !important; | |
font-weight: 400 !important; | |
} | |
/* Badges - 名前・バッジの色 */ | |
yt-live-chat-text-message-renderer #author-name[type="owner"], | |
yt-live-chat-text-message-renderer #author-name.owner, | |
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] { | |
color: #ffd600 !important; | |
} | |
yt-live-chat-text-message-renderer #author-name[type="moderator"], | |
yt-live-chat-text-message-renderer #author-name.moderator, | |
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] { | |
color: #5e84f1 !important; | |
} | |
yt-live-chat-text-message-renderer #author-name[type="member"], | |
yt-live-chat-text-message-renderer #author-name.member, | |
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] { | |
color: #0f9d58 !important; | |
} | |
/* Channel names - チャンネル名 */ | |
yt-live-chat-text-message-renderer #author-name { | |
color: #cccccc !important; | |
font-family: "Yu Gothic", sans-serif; | |
font-size: 18px !important; | |
line-height: 18px !important; | |
font-weight: 700 !important; | |
} | |
/* 名前を隠す */ | |
/* チャンネル名の余白削除 */ | |
yt-live-chat-author-chip[is-highlighted] #author-name.yt-live-chat-author-chip, | |
yt-live-chat-author-chip { | |
padding: 0px 0px; | |
} | |
yt-live-chat-text-message-renderer #author-name::after { | |
content: ":"; | |
margin-left: 2px; | |
} | |
/* Messages - チャット本文 */ | |
yt-live-chat-text-message-renderer #message, | |
yt-live-chat-text-message-renderer #message * { | |
color: #ffffff !important; | |
font-family: "Yu Gothic", sans-serif; | |
font-size: 18px !important; | |
line-height: 20px !important; | |
font-weight: 400 !important; | |
} | |
/* SuperChat/Fan Funding Messages - スーパーチャットメッセージ */ | |
yt-live-chat-paid-message-renderer #author-name, | |
yt-live-chat-paid-message-renderer #author-name *, | |
yt-live-chat-paid-sticker-renderer #author-name, | |
yt-live-chat-paid-sticker-renderer #author-name *, | |
yt-live-chat-membership-item-renderer #author-name, | |
yt-live-chat-membership-item-renderer #author-name *, | |
yt-live-chat-membership-item-renderer #event-text, | |
yt-live-chat-membership-item-renderer #event-text * { | |
; | |
font-family: "Yu Gothic", sans-serif; | |
font-size: 19px !important; | |
line-height: 19px !important; | |
font-weight: 700 !important; | |
} | |
yt-live-chat-paid-message-renderer #purchase-amount, | |
yt-live-chat-paid-message-renderer #purchase-amount *, | |
yt-live-chat-paid-sticker-renderer #purchase-amount-chip, | |
yt-live-chat-paid-sticker-renderer #purchase-amount-chip *, | |
yt-live-chat-membership-item-renderer #header-subtext, | |
yt-live-chat-membership-item-renderer #header-subtext *, | |
yt-live-chat-donation-announcement-renderer #text, | |
yt-live-chat-donation-announcement-renderer #text *, | |
yt-live-chat-membership-item-renderer #detail-text, | |
yt-live-chat-membership-item-renderer #detail-text * { | |
; | |
font-family: "Yu Gothic", sans-serif; | |
font-size: 20px !important; | |
line-height: 20px !important; | |
font-weight: 400 !important; | |
} | |
yt-formatted-string, | |
yt-live-chat-paid-message-renderer #content, | |
yt-live-chat-paid-message-renderer #content *, | |
yt-live-chat-membership-item-renderer #header-subtext, | |
yt-live-chat-membership-item-renderer #header-subtext * { | |
font-family: "Yu Gothic", sans-serif; | |
font-size: 20px !important; | |
line-height: 20px !important; | |
font-weight: 400 !important; | |
} | |
yt-live-chat-paid-message-renderer, | |
yt-live-chat-membership-item-renderer { | |
margin: 4px 0 !important; | |
} | |
#header.yt-live-chat-membership-item-renderer { | |
background-color: #0f9d58 !important; | |
/* margin: 4px 0 !important; */ | |
} | |
yt-live-chat-text-message-renderer a, | |
yt-live-chat-membership-item-renderer a { | |
text-decoration: none !important; | |
} | |
yt-live-chat-text-message-renderer[is-deleted], | |
yt-live-chat-membership-item-renderer[is-deleted] { | |
display: none !important; | |
} | |
yt-live-chat-ticker-renderer { | |
background-color: transparent !important; | |
box-shadow: none !important; | |
} | |
yt-live-chat-ticker-renderer { | |
display: none !important; | |
} | |
yt-live-chat-ticker-paid-message-item-renderer, | |
yt-live-chat-ticker-paid-message-item-renderer *, | |
yt-live-chat-ticker-sponsor-item-renderer, | |
yt-live-chat-ticker-sponsor-item-renderer * { | |
; | |
font-family: "Yu Gothic", sans-serif; | |
font-weight: 400 !important; | |
} | |
yt-live-chat-mode-change-message-renderer, | |
yt-live-chat-viewer-engagement-message-renderer, | |
yt-live-chat-server-error-message, | |
yt-live-chat-banner-manager, | |
yt-live-chat-restricted-participation-renderer { | |
display: none !important; | |
} | |
/* アニメーションの設定 */ | |
@keyframes anim { | |
0% { opacity: 0; transform: translateX(100px); } | |
100% { opacity: 1; transform: none;} | |
} | |
yt-live-chat-text-message-renderer, | |
yt-live-chat-membership-item-renderer { | |
animation: anim 200ms; | |
animation-fill-mode: both; | |
} | |
/* チャット欄をすごく小さくした時に表示を崩れないようにする */ | |
/* スティッカーの名前の高さ */ | |
div#author-name.yt-live-chat-paid-sticker-renderer, | |
span#price-column { | |
line-height: unset !important; | |
} | |
#sticker img { | |
width: 54px !important; | |
height: 54px !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment