Files
website/themes/solitude/source/css/third_party/tianli_talk.styl
T
2024-07-05 21:01:19 +08:00

77 lines
1.4 KiB
Stylus

#efuTalk
display flex
align-items center
z-index 1001
position fixed
bottom 70px
left 20px
height 38px
cursor pointer
transition .3s
box-shadow var(--efu-shadow-border)
background var(--efu-card-bg)
border-radius 20px
overflow hidden
padding 8px
color var(--efu-fontcolor)
width 42px
border var(--style-border-always)
#efuTalk.on, #efuTalk:hover
background var(--efu-lighttext)
color var(--efu-card-bg)
width 159px
border-color var(--efu-lighttext)
#efuTalk span.efuTalkTitle
display flex
font-size 14px
padding 0 12px
line-height 1
white-space nowrap
opacity 0
transition .3s
#post_chat_button
display none
+maxWidth768()
display block
#postChat_iframeContainer
z-index 1000
border var(--style-border-always)
background var(--efu-card-bg)
animation to_show_fromLeftBottom .2s ease-out
border-radius 12px
+maxWidth768()
width 100% !important
height 100% !important
bottom 0 !important
left 0 !important
max-width 100% !important
max-height 100% !important
border-radius 0 !important
#efuTalk.on span.efuTalkTitle, #efuTalk:hover span.efuTalkTitle
color var(--efu-card-bg)
opacity 1
#postChat_button
display none !important
#efuTalk i.solitude.efuTalkIcon
width 18px
height 18px
font-size 18px
margin-left 3px
line-height 1
@keyframes to_show_fromLeftBottom
from
opacity 0
transform scale(0)
to
opacity 1
transform scale(1)