/* ==UserStyle==
@name           YT聊天室影片背景圖
@namespace      https://greasyfork.org/users/4839-leadra
@homepageURL	https://greasyfork.org/scripts/499132
@version        1.1.1
@description    配合腳本Tabview，自用隨便改改，很多css元素找不到放棄
@author         Leadra
@license MIT
@preprocessor stylus
@var checkbox   chat_back            "聊天室背景"                                  1
@var checkbox   tab_back            "資訊+評論背景"                                  1
@var checkbox   play_back            "播放器背景"                                  1
@var text        chat_url                      "聊天室URL"             ""https://raw.githubusercontent.com/leadra/pic/main/chat01.jpg""
@var color		chat_mask     				"聊天室背景亮度"          					rgba(0, 0, 0, .1)
@var number		chat_mask     				"聊天室背景透明度"          					[0.1, 0, 1, 0.1]
@var number		chat_sh     				"聊天室文字背景透明度"          					[0.1, 0, 1, 0.1, "px"]
@var text        tab_url                      "資訊+評論URL"             ""https://raw.githubusercontent.com/leadra/pic/main/chat01.jpg""
@var color		comments_mask     				"資訊+評論背景亮度"          					rgba(0, 0, 0, 0.05)
@var number		comments_mask     				"資訊+評論背景透明度"          					[0.0, 0, 1, 0.05]
@var text        play_url                      "播放器URL"             ""https://raw.githubusercontent.com/leadra/pic/main/play01.jpg""
@var color		play_mask     				"播放器背景透明度"          					rgba(0, 0, 0, 0.5)
@var number		play_mask     				"播放器背景透明度"          					[0.0, 0, 1, 0.05]
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch?v="), url-prefix("https://www.youtube.com/live/"), url-prefix("https://www.youtube.com/live_chat") {
/*聊天室*/
if chat_back {
.style-scope.yt-live-chat-renderer.iron-selected {
position: relative;
background: url(chat_url)!important;
background-size: cover !important;
background-attachment: fixed !important;
}
.style-scope.yt-live-chat-renderer.iron-selected::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, chat_mask) !important;
z-index: 0;
pointer-events: none;
}
/*.style-scope.yt-live-chat-renderer.iron-selected > * {
position: relative;
z-index: 1;
}*/
}
yt-live-chat-text-message-renderer #content {
background-color:rgba(0, 0, 0,chat_sh);
}
/*
#chat-messages,#secondary {
background: url(https://cdn.discordapp.com/attachments/943099687760715796/1257908530682269706/FB_IMG_1719973945630.jpg?ex=66861e1c&is=6684cc9c&hm=75da7958966f7b9997f198323a3a83853a952bc3269f7c44cbcf75ac95f8521d) no-repeat !important;
background-size: cover !important;
}*/
/*影片區*/
if play_back {
#play {
background: url(play_url)!important;
background-size: cover !important;
}
#ytd-play {
background-color: rgba(0, 0, 0, play_mask) !important;
}
}
/*右側表單tab*/
if tab_back {
#tab-comments,#tab-info{
background: url(tab_url)!important;
background-size: cover !important;
text-shadow: 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black, 0 0 0.5px black !important;
}
ytd-expander > #content{
color:white;
text-shadow: 1px -1px 1px black, -1px  -1px  black, -1px  1px 1px black, 1px 1px 1px black,
0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
}
//評論文字框tab-comments
.ytd-comment-view-model{
background-color: rgba(0, 0, 0, comments_mask) !important;
//color:white;
& #content-text{
color:white;
}
}
}
}