Update shortcodes.css
This commit is contained in:
Vaica committed
1 parent
e7b112ba18
commit
afcd18b1a1
1 file changed
+128
@@ -651,3 +651,131 @@
|
||||
.live-photo-mute-btn[data-muted="false"] .icon-muted {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
强制优先级 - 覆盖 ying 主题默认样式
|
||||
========================================================================== */
|
||||
|
||||
/* 强制使用 Amigo 语音样式 */
|
||||
.article-content .amigo-voice-bubble,
|
||||
.article-text .amigo-voice-bubble,
|
||||
.post-content .amigo-voice-bubble,
|
||||
main .amigo-voice-bubble,
|
||||
.amigo-voice-bubble {
|
||||
position: relative !important;
|
||||
background: #42c27a !important;
|
||||
color: #111 !important;
|
||||
width: auto !important;
|
||||
max-width: 200px !important;
|
||||
min-width: 100px !important;
|
||||
height: 36px !important;
|
||||
border-radius: 8px !important;
|
||||
display: inline-flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: flex-start !important;
|
||||
padding: 0 18px !important;
|
||||
font-size: 18px !important;
|
||||
font-weight: 500 !important;
|
||||
cursor: pointer !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.article-content .amigo-voice-bubble::before,
|
||||
.article-text .amigo-voice-bubble::before,
|
||||
.post-content .amigo-voice-bubble::before,
|
||||
main .amigo-voice-bubble::before,
|
||||
.amigo-voice-bubble::before {
|
||||
content: "" !important;
|
||||
position: absolute !important;
|
||||
left: -8px !important;
|
||||
top: 14px !important;
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
border-right: 10px solid #42c27a !important;
|
||||
border-top: 6px solid transparent !important;
|
||||
border-bottom: 6px solid transparent !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.article-content .amigo-voice-bubble.is-playing,
|
||||
.article-text .amigo-voice-bubble.is-playing,
|
||||
.post-content .amigo-voice-bubble.is-playing,
|
||||
main .amigo-voice-bubble.is-playing,
|
||||
.amigo-voice-bubble.is-playing {
|
||||
background: #38b56e !important;
|
||||
}
|
||||
|
||||
.article-content .amigo-voice-bubble.is-playing::before,
|
||||
.article-text .amigo-voice-bubble.is-playing::before,
|
||||
.post-content .amigo-voice-bubble.is-playing::before,
|
||||
main .amigo-voice-bubble.is-playing::before,
|
||||
.amigo-voice-bubble.is-playing::before {
|
||||
border-right-color: #38b56e !important;
|
||||
}
|
||||
|
||||
.article-content .amigo-voice-icon,
|
||||
.article-text .amigo-voice-icon,
|
||||
.post-content .amigo-voice-icon,
|
||||
main .amigo-voice-icon,
|
||||
.amigo-voice-icon {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
gap: 2px !important;
|
||||
height: 16px !important;
|
||||
margin-right: 8px !important;
|
||||
}
|
||||
|
||||
.article-content .amigo-voice-icon span,
|
||||
.article-text .amigo-voice-icon span,
|
||||
.post-content .amigo-voice-icon span,
|
||||
main .amigo-voice-icon span,
|
||||
.amigo-voice-icon span {
|
||||
display: block !important;
|
||||
width: 3px !important;
|
||||
border-radius: 2px !important;
|
||||
background: currentColor !important;
|
||||
animation: amigo-voice-wave 1.2s ease-in-out infinite !important;
|
||||
}
|
||||
|
||||
.article-content .amigo-voice-icon span:nth-child(1),
|
||||
.article-text .amigo-voice-icon span:nth-child(1),
|
||||
.post-content .amigo-voice-icon span:nth-child(1),
|
||||
main .amigo-voice-icon span:nth-child(1),
|
||||
.amigo-voice-icon span:nth-child(1) {
|
||||
height: 8px !important;
|
||||
animation-delay: 0s !important;
|
||||
}
|
||||
|
||||
.article-content .amigo-voice-icon span:nth-child(2),
|
||||
.article-text .amigo-voice-icon span:nth-child(2),
|
||||
.post-content .amigo-voice-icon span:nth-child(2),
|
||||
main .amigo-voice-icon span:nth-child(2),
|
||||
.amigo-voice-icon span:nth-child(2) {
|
||||
height: 12px !important;
|
||||
animation-delay: 0.15s !important;
|
||||
}
|
||||
|
||||
.article-content .amigo-voice-icon span:nth-child(3),
|
||||
.article-text .amigo-voice-icon span:nth-child(3),
|
||||
.post-content .amigo-voice-icon span:nth-child(3),
|
||||
main .amigo-voice-icon span:nth-child(3),
|
||||
.amigo-voice-icon span:nth-child(3) {
|
||||
height: 6px !important;
|
||||
animation-delay: 0.3s !important;
|
||||
}
|
||||
|
||||
.article-content .amigo-voice-duration,
|
||||
.article-text .amigo-voice-duration,
|
||||
.post-content .amigo-voice-duration,
|
||||
main .amigo-voice-duration,
|
||||
.amigo-voice-duration {
|
||||
color: #111 !important;
|
||||
font-size: 16px !important;
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
@keyframes amigo-voice-wave {
|
||||
0%, 100% { transform: scaleY(0.5); }
|
||||
50% { transform: scaleY(1); }
|
||||
}
|
||||
Reference in new issue
Block a user