To make floating chat window on fullscreen
当前为
/* ==UserStyle==
@name YouTube: Floating Chat Window on Fullscreen
@version 0.3.0
@namespace github.com/cyfung1031
@license MIT
@description To make floating chat window on fullscreen
@author CY Fung
@preprocessor stylus
@var color color-handle-light "Handle Color (Light Theme)" #0cb8da
@var color color-handle-dark "Handle Color (Dark Theme)" #0c74e4
@var number message-font-weight "Message Font-Weight" [400, 100, 900, 100]
@var select message-text-shadow "Message Text-Shadow" {
"none": "none",
"shadow-bT": "sd01$",
"shadow-g0t": "sd02$0",
"shadow-g1t": "sd02$1",
"shadow-g2t": "sd02$2",
"shadow-g3t": "sd02$3",
"shadow-g4t": "sd02$4"
}
@var color color-shadow-d1 "Shadow Color D1" #06f
@var color color-shadow-d2 "Shadow Color D2" #036
==/UserStyle== */
dummy = 1
shadowOption = split('$', message-text-shadow)
cD1 = color-shadow-d1
cD2 = color-shadow-d2
$text-shadow = 0;
if shadowOption[0] == "sd01" {
tpx = 1px
spx = -1px
$text-shadow = spx tpx cD1, tpx tpx cD1, tpx 0 cD1, 0 spx cD1;
}
if shadowOption[0] == "sd02" {
vt = convert(shadowOption[1])
vpx = '%spx' % vt // grow radius
tpx = 1px
spx = -1px
$text-shadow = 0 0 vpx cD1, 0 0 vpx cD1, 0 0 vpx cD1, 0 0 vpx cD1,
spx tpx cD2, tpx tpx cD2, spx 0 cD2, 0 tpx cD2;
}
// ----- Main Frame ------
@-moz-document url-prefix("https://www.youtube.com/") {
userscript-cont-rol[enab-le-shorts-channel-handle-to-name] {
top:0;
}
html[floating-chat-window]{
--f7-handle-color: color-handle-light;
}
html[dark][floating-chat-window]{
--f7-handle-color: color-handle-dark;
}
}
// ----- Iframe ------
@-moz-document url-prefix("https://www.youtube.com/live_chat") {
.youtube-floating-chat-iframe #message.style-scope.yt-live-chat-text-message-renderer {
if ( length($text-shadow) > 1 ) {
text-shadow: $text-shadow;
}
font-weight: message-font-weight;
}
}
@-moz-document url-prefix("https://dummy.com/robot.txt") {
// dummy
}