mirror of
https://github.com/KivotosRailway/website.git
synced 2026-11-03 19:07:56 +09:00
170 lines
3.7 KiB
Stylus
170 lines
3.7 KiB
Stylus
#post-comment
|
|
.comment-head
|
|
.comment-headline
|
|
display inline-block
|
|
vertical-align middle
|
|
font-weight 700
|
|
font-size 20px
|
|
|
|
#comment-switch
|
|
display inline-block
|
|
float right
|
|
margin .1rem auto 0
|
|
padding .2rem .8rem
|
|
width max-content
|
|
border-radius 5px
|
|
background #f6f8fa
|
|
|
|
.first-comment
|
|
color #307af6
|
|
|
|
.second-comment
|
|
color #ff7242
|
|
|
|
.switch-btn
|
|
position relative
|
|
display inline-block
|
|
margin -4px .4rem 0
|
|
width 42px
|
|
height 22px
|
|
border-radius 34px
|
|
background-color #307af6
|
|
vertical-align middle
|
|
cursor pointer
|
|
transition all .4s ease 0s
|
|
|
|
&::before
|
|
position absolute
|
|
bottom 4px
|
|
left 4px
|
|
width 14px
|
|
height 14px
|
|
border-radius 50%
|
|
background-color #fff
|
|
content ""
|
|
transition all .4s ease 0s
|
|
|
|
&.move
|
|
background-color #ff7242
|
|
|
|
&::before
|
|
transform translateX(20px)
|
|
|
|
.post-comment
|
|
background var(--efu-card-bg)
|
|
|
|
div#post-comment
|
|
margin-top 2rem
|
|
|
|
#post-comment
|
|
> div.comment-head
|
|
> div.comment-privacy
|
|
display block
|
|
justify-content space-between
|
|
margin-left 8px
|
|
font-size 13px
|
|
|
|
> div.comment-privacy
|
|
a:hover
|
|
color var(--efu-main)
|
|
|
|
blockquote
|
|
background var(--efu-secondbg)
|
|
border var(--style-border)
|
|
box-shadow none
|
|
margin 0 0 .5rem
|
|
font-size .6rem
|
|
color var(--efu-secondtext)
|
|
border-radius 8px
|
|
|
|
if hexo-config('comment.use')[1]
|
|
&.move
|
|
if hexo-config('comment.count')
|
|
.comment-head
|
|
.count span:first-child
|
|
display none
|
|
|
|
.count span:last-child
|
|
display inline-block
|
|
|
|
#switch-btn::before
|
|
transform translateX(20px)
|
|
|
|
.comment-wrap
|
|
> div:first-child
|
|
display none
|
|
|
|
> div:last-child
|
|
display block
|
|
animation 0.5s ease 0s 1 normal none running tabshow
|
|
|
|
.comment-head
|
|
font-size .8em
|
|
margin-bottom .5rem
|
|
position relative
|
|
|
|
if hexo-config('comment.use')[1]
|
|
.count span:last-child
|
|
display none
|
|
|
|
.comment-switch
|
|
display inline-block
|
|
float right
|
|
margin 2px auto 0
|
|
padding 4px 16px
|
|
width max-content
|
|
user-select none
|
|
|
|
#switch-btn
|
|
position relative
|
|
display inline-block
|
|
margin 0 8px 0
|
|
width 42px
|
|
height 22px
|
|
border-radius 34px
|
|
background-color var(--efu-main)
|
|
vertical-align middle
|
|
cursor pointer
|
|
transition .4s
|
|
border var(--style-border-always)
|
|
|
|
&::before
|
|
position absolute
|
|
bottom 3px
|
|
left 4px
|
|
width 14px
|
|
height 14px
|
|
border-radius 50%
|
|
background-color #fff
|
|
content ''
|
|
transition .4s
|
|
|
|
if hexo-config('comment.use')[1]
|
|
.comment-wrap
|
|
> div:last-child
|
|
display none
|
|
|
|
> div:first-child
|
|
animation 0.5s ease 0s 1 normal none running tabshow
|
|
|
|
#owo-big
|
|
position fixed
|
|
align-items center
|
|
background-color var(--efu-card-bg)
|
|
border var(--style-border-always)
|
|
border-radius 10px
|
|
z-index 9999
|
|
max-width 142px
|
|
display none
|
|
transform translate(0, -105%)
|
|
overflow hidden
|
|
animation owoIn .3s cubic-bezier(.42, 0, .3, 1.11)
|
|
padding 1rem
|
|
+maxWidth768()
|
|
display none !important
|
|
|
|
if hexo-config('twikoo.style') && 'Twikoo' in hexo-config('comment.use')
|
|
@import 'twikoo.styl'
|
|
|
|
if hexo-config('valine.style') && 'Valine' in hexo-config('comment.use')
|
|
@import 'valine.styl' |