mirror of
https://github.com/xfgryujk/blivechat.git
synced 2025-03-13 11:20:42 +08:00
231 lines
9.6 KiB
CSS
231 lines
9.6 KiB
CSS
canvas.yt-live-chat-text-message-renderer, caption.yt-live-chat-text-message-renderer, center.yt-live-chat-text-message-renderer, cite.yt-live-chat-text-message-renderer, code.yt-live-chat-text-message-renderer, dd.yt-live-chat-text-message-renderer, del.yt-live-chat-text-message-renderer, dfn.yt-live-chat-text-message-renderer, div.yt-live-chat-text-message-renderer, dl.yt-live-chat-text-message-renderer, dt.yt-live-chat-text-message-renderer, em.yt-live-chat-text-message-renderer, embed.yt-live-chat-text-message-renderer, fieldset.yt-live-chat-text-message-renderer, font.yt-live-chat-text-message-renderer, form.yt-live-chat-text-message-renderer, h1.yt-live-chat-text-message-renderer, h2.yt-live-chat-text-message-renderer, h3.yt-live-chat-text-message-renderer, h4.yt-live-chat-text-message-renderer, h5.yt-live-chat-text-message-renderer, h6.yt-live-chat-text-message-renderer, hr.yt-live-chat-text-message-renderer, i.yt-live-chat-text-message-renderer, iframe.yt-live-chat-text-message-renderer, img.yt-live-chat-text-message-renderer, ins.yt-live-chat-text-message-renderer, kbd.yt-live-chat-text-message-renderer, label.yt-live-chat-text-message-renderer, legend.yt-live-chat-text-message-renderer, li.yt-live-chat-text-message-renderer, menu.yt-live-chat-text-message-renderer, object.yt-live-chat-text-message-renderer, ol.yt-live-chat-text-message-renderer, p.yt-live-chat-text-message-renderer, pre.yt-live-chat-text-message-renderer, q.yt-live-chat-text-message-renderer, s.yt-live-chat-text-message-renderer, samp.yt-live-chat-text-message-renderer, small.yt-live-chat-text-message-renderer, span.yt-live-chat-text-message-renderer, strike.yt-live-chat-text-message-renderer, strong.yt-live-chat-text-message-renderer, sub.yt-live-chat-text-message-renderer, sup.yt-live-chat-text-message-renderer, table.yt-live-chat-text-message-renderer, tbody.yt-live-chat-text-message-renderer, td.yt-live-chat-text-message-renderer, tfoot.yt-live-chat-text-message-renderer, th.yt-live-chat-text-message-renderer, thead.yt-live-chat-text-message-renderer, tr.yt-live-chat-text-message-renderer, tt.yt-live-chat-text-message-renderer, u.yt-live-chat-text-message-renderer, ul.yt-live-chat-text-message-renderer, var.yt-live-chat-text-message-renderer {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.yt-live-chat-text-message-renderer[hidden] {
|
|
display: none !important;
|
|
}
|
|
|
|
#timestamp.yt-live-chat-text-message-renderer {
|
|
display: var(--yt-live-chat-item-timestamp-display, inline);
|
|
margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0);
|
|
color: var(--yt-live-chat-tertiary-text-color);
|
|
font-size: 11px;
|
|
}
|
|
|
|
#author-photo.yt-live-chat-text-message-renderer {
|
|
display: block;
|
|
margin-right: 16px;
|
|
overflow: hidden;
|
|
border-radius: 50%;
|
|
-ms-flex: none;
|
|
-webkit-flex: none;
|
|
flex: none;
|
|
}
|
|
|
|
#menu-button.yt-live-chat-text-message-renderer {
|
|
width: 40px;
|
|
height: 40px;
|
|
padding: 8px;
|
|
}
|
|
|
|
#menu.yt-live-chat-text-message-renderer {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
transform: translateX(100px);
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer:hover #menu.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer[menu-visible] #menu.yt-live-chat-text-message-renderer {
|
|
transform: none;
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer:focus-within #menu.yt-live-chat-text-message-renderer {
|
|
transform: none;
|
|
}
|
|
|
|
#inline-action-button-container.yt-live-chat-text-message-renderer {
|
|
position: absolute;
|
|
top: -4px;
|
|
right: 0;
|
|
bottom: -4px;
|
|
left: 0;
|
|
background-color: var(--yt-live-chat-moderation-mode-hover-background-color);
|
|
display: none;
|
|
-ms-flex-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
-ms-flex-pack: center;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-text-message-renderer {
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
display: var(--yt-live-chat-inline-action-button-container-display, none);
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-text-message-renderer {
|
|
display: none;
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-text-message-renderer {
|
|
display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block);
|
|
}
|
|
|
|
#inline-action-buttons.yt-live-chat-text-message-renderer>*.yt-live-chat-text-message-renderer, #additional-inline-action-buttons.yt-live-chat-text-message-renderer>*.yt-live-chat-text-message-renderer {
|
|
--yt-button-icon-size: 36px;
|
|
--yt-button-icon-padding: 6px;
|
|
color: hsl(0, 0%, 100%);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#inline-action-buttons.yt-live-chat-text-message-renderer>*.yt-live-chat-text-message-renderer {
|
|
background: hsla(0, 0%, 6.7%, .8);
|
|
}
|
|
|
|
#inline-action-buttons.yt-live-chat-text-message-renderer>.yt-live-chat-text-message-renderer:hover {
|
|
background: hsl(0, 0%, 6.7%);
|
|
}
|
|
|
|
#additional-inline-action-buttons.yt-live-chat-text-message-renderer>*.yt-live-chat-text-message-renderer {
|
|
color: var(--yt-live-chat-additional-inline-action-button-color);
|
|
background: var(--yt-live-chat-additional-inline-action-button-background-color);
|
|
}
|
|
|
|
#additional-inline-action-buttons.yt-live-chat-text-message-renderer>.yt-live-chat-text-message-renderer:hover {
|
|
background: var(--yt-live-chat-additional-inline-action-button-background-color-hover);
|
|
}
|
|
|
|
#additional-inline-action-buttons.yt-live-chat-text-message-renderer:not(:empty) {
|
|
margin-left: 32px;
|
|
}
|
|
|
|
#inline-action-buttons.yt-live-chat-text-message-renderer>*.yt-live-chat-text-message-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-text-message-renderer>*.yt-live-chat-text-message-renderer:not(:first-child) {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer {
|
|
position: relative;
|
|
font-size: 13px;
|
|
padding: 4px 24px;
|
|
overflow: hidden;
|
|
--yt-endpoint-color: var(--yt-live-chat-primary-text-color, hsl(0, 0%, 6.7%));
|
|
--yt-endpoint-hover-color: var(--yt-live-chat-primary-text-color, var(--yt-endpoint-color));
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-align: start;
|
|
-webkit-align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer:hover {
|
|
overflow: initial;
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer[author-is-owner] {
|
|
background-color: var(--yt-live-chat-message-highlight-background-color);
|
|
}
|
|
|
|
#content.yt-live-chat-text-message-renderer {
|
|
-ms-align-self: center;
|
|
-webkit-align-self: center;
|
|
align-self: center;
|
|
min-width: 0;
|
|
}
|
|
|
|
yt-live-chat-author-chip.yt-live-chat-text-message-renderer {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#message.yt-live-chat-text-message-renderer {
|
|
color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color));
|
|
line-height: 16px;
|
|
overflow: hidden;
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
word-break: break-word;
|
|
font-style: var(--yt-live-chat-text-message-renderer-message-message-style_-_font-style);
|
|
opacity: var(--yt-live-chat-text-message-renderer-message-message-style_-_opacity);
|
|
}
|
|
|
|
#message.yt-live-chat-text-message-renderer .emoji.yt-live-chat-text-message-renderer {
|
|
width: var(--yt-live-chat-emoji-size);
|
|
height: var(--yt-live-chat-emoji-size);
|
|
margin: -1px 2px 1px 2px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
a.yt-live-chat-text-message-renderer {
|
|
display: inline;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer {
|
|
display: inline;
|
|
text-decoration: underline;
|
|
word-break: break-all;
|
|
}
|
|
|
|
#message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer .mention.yt-live-chat-text-message-renderer {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#show-original.yt-live-chat-text-message-renderer {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
#message.yt-live-chat-text-message-renderer:empty, #deleted-state.yt-live-chat-text-message-renderer:empty, #show-original.yt-live-chat-text-message-renderer:empty, yt-live-chat-text-message-renderer[show-original] #deleted-state.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer[show-original] #show-original.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer[is-deleted]:not([show-original]) #message.yt-live-chat-text-message-renderer {
|
|
display: none;
|
|
}
|
|
|
|
#menu.yt-live-chat-text-message-renderer {
|
|
color: var(--yt-live-chat-secondary-text-color);
|
|
background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color, hsl(0, 0%, 100%)) 100%);
|
|
}
|
|
|
|
.mention.yt-live-chat-text-message-renderer {
|
|
background: var(--yt-live-chat-mention-background-color);
|
|
color: var(--yt-live-chat-mention-text-color);
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#deleted-state.yt-live-chat-text-message-renderer, #show-original.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer[is-deleted] #message.yt-live-chat-text-message-renderer {
|
|
font-style: italic;
|
|
color: var(--yt-live-chat-deleted-message-color, rgba(0, 0, 0, 0.5));
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer[show-bar]::before {
|
|
content: '';
|
|
position: absolute;
|
|
display: block;
|
|
left: 8px;
|
|
top: 4px;
|
|
bottom: 4px;
|
|
width: 4px;
|
|
box-sizing: border-box;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer[is-deleted]::before {
|
|
background: var(--yt-live-chat-deleted-message-bar-color, rgba(0, 0, 0, 0.5));
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer[is-dimmed] #message.yt-live-chat-text-message-renderer {
|
|
opacity: 0.25;
|
|
}
|
|
|
|
yt-live-chat-text-message-renderer[is-dimmed]::before {
|
|
background: var(--yt-live-chat-error-message-color, #f44336);
|
|
}
|