*{ min-width: 0 !important; font-size: 15px !important; line-height: 1.5rem !important; --yt-live-chat-text-color: #453C67 !important;/* 文字色 */ --yt-live-chat-bg-color: #fff !important;/* 背景色 */ --yt-live-chat-name-text-color: #fff !important;/*チャンネル名文字色*/ --yt-live-chat-name-color: #6D67E4 !important;/* チャンネル名背景 */ --yt-live-chat-sponsor-color: #46C2CB !important;/* メンバー */ --yt-live-chat-sponsor-header-color: rgba(0, 0, 0, 0.1); --yt-live-chat-moderator-color: #20a4f3 !important;/* モデレーター */ --yt-live-chat-owner-color: #F2F78C !important;/* 管理者 */ --yt-live-chat-owner-text-color: var(--yt-live-chat-text-color)!important;/* 管理者文字色 */ --yt-live-chat-author-chip-owner-text-color: var(--yt-live-chat-text-color) !important; --yt-live-chat-emoji-size: 1.5rem !important;/* 絵文字サイズ */ } /* 背景透過 */ yt-live-chat-renderer, yt-live-chat-text-message-renderer { background: transparent !important; } /* スクロールバー非表示 */ .yt-live-chat-item-list-renderer { overflow: hidden !important; } /* 非表示 */ yt-live-chat-header-renderer,/* ヘッダー */ #ticker.yt-live-chat-renderer,/* スパチャ欄 */ #panel-pages.yt-live-chat-renderer,/* 入力欄 */ yt-live-chat-banner-manager,/* 固定メッセージ */ #action-panel.yt-live-chat-renderer,/* アンケート */ yt-live-chat-viewer-engagement-message-renderer,/* 注意書き */ yt-live-chat-server-error-message,#menu, yt-live-chat-text-message-renderer[is-deleted],/* 削除,管理メッセージ */ ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { display: none !important; padding: 0 !important; } /* 余白設定 */ yt-live-chat-text-message-renderer { padding: 1.25rem 8px 1rem 8px !important; } yt-live-chat-paid-message-renderer, yt-live-chat-paid-sticker-renderer, yt-live-chat-membership-item-renderer, ytd-sponsorships-live-chat-gift-purchase-announcement-renderer { padding: 0.25rem 8px 0.75rem 8px !important; } /* アイコン・画像非表示 */ #author-photo, #overlay-image.yt-live-chat-paid-message-renderer { display: none !important; } /* メンバーバッジサイズ */ yt-live-chat-text-message-renderer img.yt-live-chat-author-badge-renderer, yt-icon.yt-live-chat-author-badge-renderer { width: 1.75rem; height: 1.75rem; } /* バッジ位置固定 */ yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer.yt-live-chat-author-chip { position: absolute; right: -0.75rem; bottom: -0.5rem; } /* スパナ */ yt-live-chat-author-badge-renderer[type=moderator] { color: var(--yt-live-chat-text-color) !important; top: -1rem; } /* チェックマーク削除 */ yt-live-chat-author-badge-renderer[type=verified] { display: none; } /* 管理者名 */ yt-live-chat-author-chip[is-highlighted] #author-name.yt-live-chat-author-chip { background: transparent !important; color: var(--yt-live-chat-text-color) !important; } /* ユーザー名背景 - 共通 */ yt-live-chat-author-chip.yt-live-chat-text-message-renderer { display: flex !important; width: fit-content !important; margin: -2rem 0 0.25rem -0.5rem !important; padding: 0.25rem 1rem !important; border-radius: 1.5rem; background: var(--yt-live-chat-name-color,#777); color: var(--yt-live-chat-bg-color); } /* ユーザー名背景 - メンバー */ yt-live-chat-text-message-renderer[author-type="member"] yt-live-chat-author-chip { background-color: var(--yt-live-chat-sponsor-color,#777) !important; } /* ユーザー名背景 - モデレーター */ yt-live-chat-text-message-renderer[author-type="moderator"] yt-live-chat-author-chip { background-color: var(--yt-live-chat-moderator-color,#5e84f1) !important; } /* ユーザー名背景 - 管理者 */ yt-live-chat-text-message-renderer[author-type="owner"] yt-live-chat-author-chip { background-color: var(--yt-live-chat-owner-color,#ffd600) !important; } yt-live-chat-text-message-renderer[author-type="owner"] #author-name.yt-live-chat-author-chip { color: var(--yt-live-chat-owner-text-color,#030303) !important; } /* ユーザー名 */ #author-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.85rem !important; color: var(--yt-live-chat-name-text-color,#fff) !important; } /* チャット背景 - 共通 */ #content.yt-live-chat-text-message-renderer { position: relative; padding: 0.75rem 1.25rem !important; border-radius: 0.75rem; border: solid 0.18rem var(--yt-live-chat-name-color); background: var(--yt-live-chat-bg-color,#f9f9f9) !important; box-shadow: 0.28rem 0.28rem var(--yt-live-chat-name-color) !important; } /* チャット背景 - メンバー */ yt-live-chat-text-message-renderer[author-type="member"] #content.yt-live-chat-text-message-renderer { border: solid 0.18rem var(--yt-live-chat-sponsor-color); box-shadow: 0.28rem 0.28rem var(--yt-live-chat-sponsor-color) !important; } /* チャット背景 - モデレーター */ yt-live-chat-text-message-renderer[author-type="moderator"] #content.yt-live-chat-text-message-renderer { border: solid 0.18rem var(--yt-live-chat-moderator-color); box-shadow: 0.28rem 0.28rem var(--yt-live-chat-moderator-color) !important; } /* チャット背景 - 管理者 */ yt-live-chat-text-message-renderer[author-type="owner"] #content.yt-live-chat-text-message-renderer { border: solid 0.18rem var(--yt-live-chat-owner-color); box-shadow: 0.28rem 0.28rem var(--yt-live-chat-owner-color) !important; } /* チャット本文 */ #message.yt-live-chat-text-message-renderer { color: var(--yt-live-chat-text-color,#030303) !important; } /* スパチャ */ #card.yt-live-chat-paid-message-renderer, #card.yt-live-chat-membership-item-renderer, #card.yt-live-chat-paid-sticker-renderer, ytd-sponsorships-live-chat-header-renderer { overflow: visible !important; display: flex !important; border-radius: 0.93rem !important; border: solid 0.18rem var(--yt-live-chat-name-color) !important; box-shadow: 0.28rem 0.28rem var(--yt-live-chat-name-color) !important; } #header.yt-live-chat-paid-message-renderer, #header.yt-live-chat-membership-item-renderer, #header.ytd-sponsorships-live-chat-header-renderer { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } #content.yt-live-chat-paid-message-renderer, #content.yt-live-chat-membership-item-renderer { border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; text-align: center; } /* ヘッダーのみ */ yt-live-chat-paid-message-renderer[show-only-header] #header.yt-live-chat-paid-message-renderer, yt-live-chat-membership-item-renderer[show-only-header] #header.yt-live-chat-membership-item-renderer, #header.ytd-sponsorships-live-chat-header-renderer { border-radius: 0.75rem; } /* スパチャ - 名前と金額 */ #header-content-primary-column, #author-info.yt-live-chat-paid-sticker-renderer { display: flex; flex-direction: column; align-items: center; } /* スパチャ - 金額 */ #purchase-amount, #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { color: var(--yt-live-chat-name-text-color,#fff) !important; } /* メンスパ */ #card.yt-live-chat-membership-item-renderer { background-color: var(--yt-live-chat-sponsor-color); } #header-content.yt-live-chat-membership-item-renderer { justify-content: center; text-align: center; } /* メンバーシップギフト */ #header.ytd-sponsorships-live-chat-header-renderer, #card.yt-live-chat-paid-sticker-renderer { align-items: center; padding: 0.75rem 1.25rem !important; } #content.ytd-sponsorships-live-chat-header-renderer { padding: 0 !important; } yt-live-chat-text-message-renderer, yt-live-chat-paid-message-renderer, yt-live-chat-paid-sticker-renderer, yt-live-chat-membership-item-renderer, ytd-sponsorships-live-chat-gift-purchase-announcement-renderer { animation: popup 0.6s cubic-bezier(0.25, 1, 0.35, 1) 1 forwards; } @keyframes popup { 0% { transform: translateY(40px) scale(0.8); opacity: 0; } 100% { transform: translateY(0) scale(1.0); } 80%, 100% { opacity: 1; } }