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 {
|
.live-photo-mute-btn[data-muted="false"] .icon-muted {
|
||||||
display: none;
|
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