☰

YT chat版面

聊天室排版修改YouTube Live Chat layout modify

  1. /* ==UserStyle==
  2. @name           YT chat版面
  3. @version        2.0.9
  4. @namespace      https://greatest.deepsurf.us/zh-TW/users/4839
  5. @license        MIT
  6. @description    聊天室排版修改YouTube Live Chat layout modify
  7. @author         Leadra
  8. @preprocessor   stylus
  9. @var number     chat_top               "訊息置頂透明度"              [1, 0, 1, 0.1]
  10. @var number     chat_tophead           "訊息置頂高度"              [0, 0, 30, 10, "px"]
  11. @var checkbox   hide_top            "訊息置頂隱藏"                0
  12. @var range      font_shadow            "文字陰影"                    [1.5, 0, 5, 0.5, "px"]
  13. @var color      font_shadow_color      "文字陰影背景色1"              #000
  14. @var color      font_shadow_color2     "文字陰影背景色2"              #036
  15. @var color      manager_background     "板手+版主強調背景色"          rgba(0, 0, 255, .5)
  16. @var checkbox   superchat_size         "SC框延長+透明0.8"            1
  17. @var checkbox   hide_sc_head           "SC計時列縮小"            1
  18. @var number     sc_head			 		">SC計時列高度"             [25, 0, 50, 5, "px"]
  19. @var checkbox   hide_survey            "投票調查隱藏"                1
  20. @var checkbox   hide_reaction          "提醒+愛心隱藏"     		1
  21. @var checkbox   hide_tooltip          "貼圖註解隱藏"     		1
  22. @var checkbox   message_lines          "會員訊息右側線"              1
  23. @var checkbox   chat_scroll            "聊天室Y卷軸隱藏"             1
  24. @var checkbox   alternate_background   "聊天交叉背景色"              1
  25. @var checkbox   message_pr             "聊天斷行"                     0
  26. @var checkbox   name_pr                "name斷行"                     0
  27. @var checkbox   name_pr2               "name靠右"                     0
  28. @var checkbox   hide_user_name         "name+徽章隱藏"                0
  29. @var checkbox   hide_pic               "大頭貼隱藏"                   0
  30. @var checkbox   input_down             "打字區+貼圖框縮緊固定"       1
  31. @var range      emoji_member           ">會員貼圖放大"             [35, 10, 50, 5, "px"]
  32. @var range      emoji_normal           ">一般貼圖間距"             [2.5, 1, 5, 0.5, "px"]
  33. @var range      text_pr                "聊天行距"                    [0, -6, 10, 1, "px"]
  34. @var range      message_fontsize       "聊天字體size"                [18, 14, 20, 1, "px"]
  35. @var range      name_size              "名稱size"                    [14, 0, 20, 1, "px"]
  36. @var range      profile_picturesize    "大頭貼Size"                  [26, 0, 48, 2, "px"]
  37. @var range      badge_size             "會員徽章Size"                [14, 8, 32, 2, "px"]
  38. @var range      emoji_size             "貼圖Emoji Size"              [24, 0, 32, 2, "px"]
  39. @var range      timestamp_fontsize     "時間軸Size"                  [14, 14, 20, 1, "px"]
  40. ==/UserStyle== */
  41. /*特別感謝
  42. https://userstyles.world/style/2625/kaiteki-youtube-chat
  43. https://userstyles.world/style/3515/youtube-live-chat-tweaks
  44. https://greatest.deepsurf.us/zh-TW/users/371179-𝖢𝖸-𝖥𝗎𝗇𝗀
  45. */
  46. @-moz-document url-prefix("https://www.youtube.com/live_chat") {
  47. 	//#06f淺藍
  48.     //header全部聊天欄位yt-live-chat-header-renderer {padding: 0px!important;margin: 0px!important;}
  49.     /*版主聊天置頂復原樣式_上部固定をすると見た目が変わるため、各種スタイルを打ち消す必要がある*/
  50.     //#contents > yt-live-chat-text-message-renderer[author-type="moderator"]  {background-color: #d40213 !important;}
  51.         
  52. /*alternate交叉背景色*/
  53.     if alternate_background {
  54.         yt-live-chat-text-message-renderer:nth-child(even) {background-color: rgba(100, 100, 100, .2);}
  55.     /*2方法yt-live-chat-text-message-renderer.yt-chat-item-even[class] {background-color: var(--yt-live-chat-message-background-color);}
  56.     yt-live-chat-text-message-renderer.yt-chat-item-odd[class] {background-color: var(--yt-live-chat-message-highlight-background-color);}*/
  57. }
  58. /*板手+版主強調背景色*/
  59.     yt-live-chat-text-message-renderer[author-type="moderator"] {
  60.             padding: 2px 12px;
  61.             background: manager_background!important;
  62.             & > #content > span#message {
  63.                 color: #fff;
  64. 				text-shadow: 1px -1px  #000, -1px  -1px  #000, -1px  1px  #000,1px 1px  #000,
  65.  0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
  66.             }
  67.         }
  68.     yt-live-chat-text-message-renderer[author-type="owner"] {
  69.         background-color: rgba(239, 239, 0, .3)!important;
  70.                     }
  71. 	yt-live-chat-banner-manager[has-active-banner] yt-live-chat-banner-renderer.yt-live-chat-banner-manager{
  72. 	background: manager_background!important;
  73. }
  74. /*訊息置頂透明度*/
  75. yt-live-chat-banner-manager[has-active-banner]{
  76.     opacity:chat_top;
  77.     margin: 0px 0px 0px 0px !important;
  78. 	//chat_tophead=chat_tophead+sc_head;
  79.     padding: 0px 0px 0px 0px;
  80.     text-shadow:  -0.5px  0.5px #000;
  81. if chat_top == 0{display:none;}
  82. }
  83. yt-live-chat-banner-manager[has-active-banner] yt-live-chat-banner-renderer.yt-live-chat-banner-manager{
  84. 	background-color: rgba(255, 255, 255, .5)!important;
  85. 	chat_tophead = chat_tophead + sc_head;
  86.     margin: chat_tophead 0px 0px 0px;
  87. 	padding: 0px 0px 0px 0px !important;
  88. }
  89. //YT訊息置頂隱藏
  90. if hide_top{
  91. yt-live-chat-banner-manager[has-active-banner]{
  92. 		display:none;
  93. 	}
  94. }
  95. /*SC倒數計時調整*/
  96. if hide_sc_head {
  97.     yt-live-chat-ticker-renderer.style-scope.yt-live-chat-renderer {
  98. 	max-height:30px;margin: -0px -0px -0px 0px;
  99. 	background:rgba(0, 0, 0, 0);opacity:0.7;
  100. 	position:absolute;
  101. 	z-index:-1;
  102. 		if sc_head == 0{display:none;}
  103. 		}
  104. 		/*yt-live-chat-renderer[has-action-panel-renderer] #show-more.yt-live-chat-item-list-renderer,yt-icon-button.yt-live-chat-item-list-renderer{
  105. 			position:fixed;
  106. 			z-index:10;
  107. 		}*/
  108.     /*每月會員計時背景調整*/
  109. 	#container.yt-live-chat-ticker-sponsor-item-renderer{max-height:sc_head;margin: -0px -0px -0px 0px;padding: 0px 0px 0px 0px !important;}
  110. 	#content.yt-live-chat-ticker-sponsor-item-renderer{margin: -0px -0px -0px 0px;padding: 0px 0px 0px 0px !important;}
  111.     #text.yt-live-chat-ticker-sponsor-item-renderer{margin: -0px -0px 0px 5px;padding: 0px 0px 0px 0px !important;}
  112.     /*SC計時背景調整*/
  113. 	#container.yt-live-chat-ticker-paid-message-item-renderer{max-height:sc_head;margin: -0px -0px -0px 0px;padding: 0px 0px 0px 0px !important;}
  114.     #content.yt-live-chat-ticker-paid-message-item-renderer{margin: -0px -0px -0px 0px;padding: 0px 0px 0px 0px !important;}
  115.     #username-text.yt-live-chat-ticker-paid-message-item-renderer{margin: -0px -0px -0px 0px;padding: 0px 0px 0px 0px !important;}
  116. 	#text.yt-live-chat-ticker-paid-message-item-renderer{margin: -0px 5px -0px 5px;padding: 0px 0px 0px 0px !important;}
  117.     //#container.run-ticker, yt-live-chat-ticker-renderer[class] #content,#items[class] > *[class] > #container.run-ticker[class ]{max-height:sc_head;margin: -0px -0px -0px 0px;padding: 0px 0px 0px 0px !important;}
  118. 	//#container.yt-live-chat-ticker-renderer{max-height:sc_head;margin: -0px -0px -0px 0px;padding: 0px 0px 0px 0px !important;}
  119.     }
  120. 	
  121. /*message lines會員訊息右側線*/
  122. if message_lines {
  123.     yt-live-chat-text-message-renderer {
  124.             //border-left: left-message-line solid;
  125.             border-right: 2px solid; 
  126.             border-color: rgba(255,255,255,0)//default-line-color;
  127.         }
  128.         yt-live-chat-text-message-renderer[author-type="member"] {
  129.             border-color: var(--yt-live-chat-sponsor-color);
  130.         }
  131.         yt-live-chat-text-message-renderer[author-type="moderator"] {
  132.             border-color: var(--yt-live-chat-moderator-color);
  133.         }
  134.         yt-live-chat-text-message-renderer[author-type="owner"] {
  135.             border-color: var(--yt-live-chat-author-chip-owner-background-color);     // var(--yt-spec-general-background-c); 
  136.         }
  137.     }
  138. /*大頭貼profile picture*/
  139.     //#avatar.yt-live-chat-message-input-renderer,
  140.     //#avatar.yt-live-chat-message-input-renderer > img,
  141.     #author-photo.yt-live-chat-text-message-renderer,
  142.     #author-photo.yt-live-chat-text-message-renderer > img {
  143.         width: profile_picturesize;
  144.         height: profile_picturesize;
  145.         margin: 0px;
  146.         //強制顯示大頭貼if profile_picturesize >= 0{display: unset!important;}
  147. /*隱藏大頭貼*/
  148. if hide_pic {display: none!important;}
  149.     }
  150. /*emoji*/
  151.     #input.yt-live-chat-text-input-field-renderer img.yt-live-chat-text-input-field-renderer,
  152.     #message.yt-live-chat-text-message-renderer .emoji.yt-live-chat-text-message-renderer {
  153.         margin: 0px 0px 0x 0px ;
  154.         padding: 0px 0px 0x 0px ;
  155.         width: emoji_size;
  156.         height: emoji_size;
  157.         line-height: emoji_size;
  158.         align-self: center;//垂直對齊：中間
  159.         align-items: center;
  160.         vertical-align: middle;
  161.     }
  162. /*badge會員徽章*/
  163.     img.yt-live-chat-author-badge-renderer, yt-icon.yt-live-chat-author-badge-renderer {
  164.         width: badge_size;
  165.         height: badge_size;
  166.         margin: 0px -0px 0px -0px ;
  167.     }
  168. /*superchat*/
  169.     yt-live-chat-paid-message-renderer #message.yt-live-chat-paid-message-renderer {
  170.     padding: 0px;
  171.     margin: -0px -0px -0px -0px ;
  172.     font-size: message_fontsize;
  173.     line-height: message_fontsize;
  174.     letter-spacing:0.5px;/*字元間距*/
  175.     }
  176. /*放大透明化_SC+會員每月留言+贈送會員外框+SC貼圖*/
  177. if superchat_size {
  178.     yt-live-chat-paid-message-renderer,yt-live-chat-membership-item-renderer {
  179.         margin: 0px -0px -0px -0px!important ;
  180.         padding: 2px 5px;
  181.         opacity:0.8;
  182.         line-height:1em;
  183.     & > #card {
  184.         position: relative;//相對位置
  185.         //align-items: center;//置中背景不填滿
  186.     //SC+每月上半部
  187.     & > #header {padding: 2px 10px!important;min-height:32px;}
  188.     //SC+每月下半部
  189.     & > #content {padding: 0px 5px 3px 5px !important; font-size: message-font-size;}
  190.                 }
  191.    }
  192.    //喜歡按鈕
  193.     yt-live-chat-like-button-view-model {
  194.     position: fixed;//absolute
  195.     right:2em;
  196.     top:5px;
  197.     }
  198.    //贈送會員外框
  199.     #header.ytd-sponsorships-live-chat-header-renderer{
  200.         min-height:10px;
  201.         opacity:0.7;
  202.         position: relative;//相對層級
  203.         z-index:100;
  204.     & > yt-img-shadow,& > yt-img-shadow img{height: 50px;width: 50px; position: absolute;z-index:-100;right:0px;}
  205.     }
  206.     //SC貼圖(大頭貼)
  207.     yt-live-chat-paid-sticker-renderer {opacity:0.8;margin: 0px -0px -0px -0px;
  208.     & > #card{
  209.         yt-img-shadow , yt-img-shadow img{max-height: 50px;max-width: 50px;}
  210.     }
  211.                                                                         }
  212. }
  213.  
  214. /*message聊天斷行*/
  215. if message_pr {
  216.     yt-live-chat-text-message-renderer.yt-live-chat-item-list-renderer #message.yt-live-chat-text-message-renderer {
  217.             display: block;
  218.         }}
  219. /*message+聊天行距*/
  220. yt-live-chat-text-message-renderer.yt-live-chat-item-list-renderer 
  221. #message.yt-live-chat-text-message-renderer {
  222.     padding: 0px 0px 0px 0px!important;
  223.     margin: text_pr 0px text_pr 0px!important;
  224.     font-size: message_fontsize;
  225.     line-height: message_fontsize;
  226.     align-items: center;//大頭貼垂直置中
  227.     vertical-align: middle;//文字垂直置中
  228.     //letter-spacing:0.5px;//字元間距
  229.     //align-self: center;//垂直對齊：中間
  230.     //text-align:justify;//左右對齊
  231.     
  232. /*文字陰影+模糊_右上-左上-左下-右下+短模糊*4*/
  233. if font_shadow >= 0.5 {
  234.     text-shadow: 0.5px -0.5px font_shadow font_shadow_color, -0.5px  -0.5px  font_shadow_color, -0.5px  0.5px font_shadow font_shadow_color, 0.5px 0.5px font_shadow font_shadow_color,
  235.  0 0 0.5px font_shadow_color2, 0 0 0.5px font_shadow_color2, 0 0 0.5px font_shadow_color2, 0 0 0.5px font_shadow_color2;
  236. 	}//font-weight:bold;
  237. 	/*
  238. 	html[dark][data-ytlstm-overlay-text-shadow][data-ytlstm-chat-over-video] yt-live-chat-text-message-renderer #content{
  239. 	text-shadow: black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, black -1px 1px 1px;	
  240. 	}
  241. 	*/
  242. }
  243.  
  244. /*name字體*/
  245. yt-live-chat-text-message-renderer.yt-live-chat-item-list-renderer yt-live-chat-author-chip.yt-live-chat-text-message-renderer {
  246.     display: inline-flex;
  247.     flex-direction: row;
  248.     margin: 0px 0px 0px 0px!important;
  249.     padding: 0px 0px 0px 0px;
  250.     letter-spacing: 0px;//間距
  251.     text-shadow:  -0.5px  0.5px #000;
  252.     font-size: name_size;
  253.     line-height: name_size;
  254.     vertical-align: center;//垂直對齊：中間
  255.     --yt-live-chat-sponsor-color: #71ff8c;//會員名稱顏色
  256.     --yt-live-chat-secondary-text-color: #ddd; //一般名稱顏色
  257.     }
  258.     
  259. /*timestamp*/
  260. #timestamp.yt-live-chat-text-message-renderer {
  261.     font-size: timestamp_fontsize;
  262.     margin-right: 5px;
  263.     vertical-align: middle;
  264.     letter-spacing:0px;//間距
  265.     }
  266.  
  267. /*打字區input縮緊固定*/
  268. if input_down {
  269.     //input總區塊
  270.         //舊版#input-panel.yt-live-chat-renderer.iron-selected {}
  271.     html #panel-pages.yt-live-chat-renderer > #input-panel.yt-live-chat-renderer.iron-selected > *:first-child{
  272.     padding: 0px 0px 0px 0px;
  273.     margin:0px 0px 0px 0px;
  274. 	//min-height:3.6em;
  275.     //height:2.6em!important;
  276.     }
  277.     //input打字輸入區
  278.     //yt-live-chat-message-input-renderer {overflow: hidden;}//隱藏卷軸元素不消除佔位
  279.     #input-container.yt-live-chat-message-input-renderer{
  280.     margin:0px -0px -0px 35px;
  281. 	padding: 0px 0px 0px 0px;
  282.     height:3em;
  283. 	//min-height:3em;
  284.     }
  285.     #input.yt-live-chat-text-input-field-renderer{
  286.     min-height:1.6em;
  287.     line-height:1em;
  288.     padding: 10px 0px 0px 0px;
  289.     margin:0px -0px 0px 0px;
  290.     background-color:rgba(250, 200, 200, .2);
  291.     border-radius: 5px;
  292.     font-size:20px!important;
  293.     }
  294.     //input名字
  295.     #input-container > yt-live-chat-author-chip {display: none;}
  296.     //input貼圖框架
  297.     #buttons.yt-live-chat-message-input-renderer {margin:-0px 0px -0px 0px;}//,.yt-icon-container.yt-icon
  298.     //input右邊圖
  299.     #message-buttons.yt-live-chat-message-input-renderer {display: none;}
  300.     //input頭像
  301.     #avatar.yt-live-chat-message-input-renderer {display:none;}//margin:0px 50px -0px 0px ;visibility:hidden;display:block;
  302.     //input貼圖按鈕+SC按鈕
  303.     #button.yt-live-chat-icon-toggle-button-renderer {
  304.         margin:-0px 0px -0px -0px;
  305.         background-color:rgba(120, 3, 23, .2);
  306.         position: fixed;//absolute
  307.         z-index:10;
  308.         left:0px;
  309.         bottom:0px;
  310.     }
  311. 	#input-container.yt-live-chat-message-input-renderer yt-live-chat-text-input-field-renderer.style-scope.yt-live-chat-message-input-renderer + #emoji-picker-button {
  312.         position: absolute;
  313.     }
  314. 	button.yt-icon-button{}
  315. 	yt-live-chat-icon-toggle-button-renderer#emoji>#button.yt-live-chat-icon-toggle-button-renderer{}
  316. 	yt-live-chat-message-input-renderer[system-icons] #picker-buttons.yt-live-chat-message-input-renderer>*.yt-live-chat-message-input-renderer{
  317. 		margin:0px -0px 0px -0px;
  318. 	}
  319.     //SC按鈕(YT設定打字時會隱藏)//#input-panel
  320.     #picker-buttons .yt-live-chat-icon-toggle-button-renderer{
  321.         margin:0px -0px 0px 0px;
  322.         position: relative;
  323.         z-index:10;
  324.         left:0px;
  325.     }
  326.  
  327.     //貼圖框設定
  328.     yt-emoji-picker-renderer.yt-live-chat-message-input-renderer {margin:-0px -0px -0px -20px;min-height:300px!important;}//display:inline-flex;
  329.     #pickers.yt-live-chat-message-input-renderer{
  330.         background-color:rgba(0, 0, 0, 1);
  331.         margin:0px -0px -0px 0px;
  332.         position: absolute;
  333.         z-index:0;
  334.         left:0px;
  335.         right:0px;
  336.         bottom:40px;
  337.     }
  338.     //貼圖框內-會員貼圖放大(加會員前/後)
  339.     #emoji.yt-emoji-picker-upsell-category-renderer img {height:emoji_member;width:emoji_member;padding:0px 2px;margin:0px;}//加會員前
  340.     #emoji.CATEGORY_TYPE_CUSTOM.style-scope.yt-emoji-picker-category-renderer img  {height:emoji_member;width:emoji_member;padding:0px 2px;margin:0px;}
  341.     //貼圖框內-一般貼圖
  342.     #emoji.yt-emoji-picker-category-renderer img {padding:1px emoji_normal;}
  343.     //貼圖框內
  344.     #categories-wrapper.style-scope.yt-emoji-picker-renderer{margin:0px -0px 0px -0px; ::-webkit-scrollbar{display: none;}}
  345.     //貼圖框內-文字搜尋
  346.     #search-panel.style-scope.yt-emoji-picker-renderer{display:inline-flex;height:10px;margin:-0px 0px -0px 10px!important;}
  347.     //貼圖框內-分類
  348.     #category-buttons.style-scope.yt-emoji-picker-renderer{margin:-20px -100px 0px 0px;}
  349.     //貼圖框內-標題
  350.     #title.style-scope.yt-emoji-picker-category-renderer{padding:0;margin:-10px 0px -5px 0px;opacity:0.3;background-color:rgba(216, 192, 192, .3);}
  351. }
  352.  
  353. //聊天室Y卷軸隱藏
  354. if chat_scroll {
  355.     ::-webkit-scrollbar {display: none;}//#item-scroller.yt-live-chat-item-list-renderer
  356.     //針對新版chrome在YT框架內優先設定
  357.     html {
  358.     scrollbar-color: auto !important;
  359.     scrollbar-width: auto !important;
  360.     }
  361. }
  362.  
  363. /*name斷行*/
  364. if name_pr {
  365.     yt-live-chat-text-message-renderer.yt-live-chat-item-list-renderer {
  366.     //斷行聊天室格式 複數行に渡るチャットユーザー名＆メッセージを真ん中に揃える、餘白を詰める
  367.         & > #content {
  368.         width: 100%;display: inline-flex;align-items: center;
  369.             & > yt-live-chat-author-chip {
  370.                 align-items: center;
  371.                 margin: 0px -0px 0px -0px;
  372.                 position: relative;//相對層級100
  373.                 z-index:100;
  374.                 // 用戶名格式チャットユーザー名 - 幅を固定＆小さくすることでメッセージを見やすくする
  375.                 & > #author-name {
  376.                     max-width: 4em;
  377.                     font-size: 15px;
  378.                     max-height: 1.5em;
  379.                     line-height: 1em;
  380.                     word-break: break-word;//名稱破行自動斷行break-all//keep-all//word-wrap: break-all;
  381.                     //align-items: baseline;//center
  382.                     border-top: 0.1px solid;
  383.     }}}}
  384.     //斷行的 profile picture
  385.     #author-photo.yt-live-chat-text-message-renderer,
  386.     #author-photo.yt-live-chat-text-message-renderer > img {
  387.         margin: 0px;
  388.         opacity:0.9;
  389.     }
  390.     //斷行的 badge會員徽章
  391.     img.yt-live-chat-author-badge-renderer, yt-icon.yt-live-chat-author-badge-renderer {
  392.         margin: -0px -0px 0px -15px ;
  393.         opacity:0.4;
  394.         position: relative;//相對層級-10
  395.         z-index:-10;
  396.     }
  397.     //斷行的 顯示破框name
  398.     #items yt-live-chat-text-message-renderer{contain: layout style;}
  399. }
  400.  
  401. /*name靠右*/
  402. if name_pr2 {
  403.    yt-live-chat-text-message-renderer.yt-live-chat-item-list-renderer {
  404.         & > #content  > yt-live-chat-author-chip {
  405.             max-width:10em;
  406.             max-height:1em;
  407.             line-height: 1em;
  408.             word-break:break-all ;//名稱破行自動斷行break-all//keep-all//word-wrap: break-all;break-word;
  409.             align-items: stretch ;
  410.             margin: 0px -0px 0px 0px;
  411.             padding:0;
  412.             position: absolute;
  413.             z-index:0;
  414.             right:0px;//top:1em;
  415.             bottom: 0em;
  416.             opacity:0.8;
  417.             }}
  418. }
  419.  
  420. //投票調查表隱藏
  421. if hide_survey {#contents > yt-live-chat-poll-renderer {display:none;}}
  422.     //置頂意見調查#contents.yt-live-chat-banner-renderer{display:none;}
  423.  
  424. /*name+徽章隱藏*/
  425. if hide_user_name {
  426.     yt-live-chat-text-message-renderer > #content > yt-live-chat-author-chip > #author-name {display: none !important;}
  427.     img.yt-live-chat-author-badge-renderer, yt-icon.yt-live-chat-author-badge-renderer {display: none !important;}
  428. }
  429.  
  430. /*YT提醒+愛心動畫隱藏*/
  431. if hide_reaction {
  432.     //YT剛進入LIVE在聊天室的提醒文字
  433.     yt-live-chat-viewer-engagement-message-renderer.yt-live-chat-item-list-renderer {display: none;}
  434.     //愛心動畫#chat > #reaction-control-panel-overlay.yt-live-chat-renderer {display: none;}
  435. 	#reaction-control-panel.yt-reaction-control-panel-overlay-view-model {display: none;}
  436.     //YT輸入提醒框//yt-tooltip-renderer是包含所有的提醒
  437.     #content.yt-tooltip-renderer,#Wrapper.tp-yt-iron-dropdown  ,yt-tooltip-renderer{display: none;}
  438. 	}
  439. /*貼圖註解隱藏_chat貼圖-SC貼圖-會員徽章-每月會員*/
  440. if hide_tooltip {
  441.     tp-yt-paper-tooltip.style-scope.yt-live-chat-text-message-renderer[role="tooltip"],
  442.     tp-yt-paper-tooltip.style-scope.yt-live-chat-paid-message-renderer[role="tooltip"],
  443.     tp-yt-paper-tooltip.style-scope.yt-live-chat-author-badge-renderer[role="tooltip"] ,
  444.     tp-yt-paper-tooltip.style-scope.yt-live-chat-membership-item-renderer[role="tooltip"],
  445.     {display: none;}
  446. }
  447.  
  448. }