mirror of
https://github.com/KivotosRailway/website.git
synced 2026-11-03 19:07:56 +09:00
Add solitude
This commit is contained in:
IF-chan
@@ -0,0 +1,170 @@
|
||||
#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'
|
||||
@@ -0,0 +1,516 @@
|
||||
#twikoo
|
||||
.tk-submit
|
||||
margin-top 0
|
||||
.tk-admin-config-group-title
|
||||
margin-top 0
|
||||
line-height normal
|
||||
.tk-row
|
||||
.tk-col
|
||||
flex-direction column-reverse !important
|
||||
|
||||
> div.tk-comments
|
||||
> div.tk-comments-container
|
||||
> div.tk-comments-title
|
||||
> span:nth-child(1)
|
||||
display none !important
|
||||
|
||||
> div.tk-submit
|
||||
> div.tk-row.actions
|
||||
> a
|
||||
display none !important
|
||||
|
||||
.tk-meta
|
||||
display flex
|
||||
align-items center
|
||||
|
||||
.twikoo-info
|
||||
color var(--efu-secondtext)
|
||||
|
||||
.tk-action
|
||||
.tk-action-link:first-child
|
||||
display none
|
||||
|
||||
.tk-action-link
|
||||
color var(--efu-lighttext) !important
|
||||
cursor pointer
|
||||
user-select none
|
||||
padding 0 12px 0 12px
|
||||
transition all .3s
|
||||
border-radius 8px
|
||||
background-color var(--efu-secondbg)
|
||||
border var(--style-border-always)
|
||||
|
||||
&:hover
|
||||
background-color var(--efu-lighttext)
|
||||
color var(--efu-card-bg) !important
|
||||
|
||||
.tk-action-icon svg
|
||||
fill var(--efu-card-bg) !important
|
||||
|
||||
|
||||
.tk-action-icon
|
||||
svg
|
||||
transition all .3s
|
||||
fill var(--efu-lighttext) !important
|
||||
|
||||
.tk-content
|
||||
img
|
||||
border-radius 12px
|
||||
|
||||
.tk-avatar
|
||||
width 32px !important
|
||||
height 32px !important
|
||||
box-shadow var(--efu-shadow-border)
|
||||
margin-right 16px !important
|
||||
|
||||
&.tk-has-avatar
|
||||
width 32px !important
|
||||
height 32px !important
|
||||
border-radius 32px !important
|
||||
|
||||
.tk-row
|
||||
.tk-avatar
|
||||
display none
|
||||
|
||||
.tk-avatar
|
||||
.tk-avatar-img:hover
|
||||
transform rotate(360deg)
|
||||
|
||||
.tk-nick
|
||||
font-size 1rem !important
|
||||
line-height 32px
|
||||
|
||||
#page
|
||||
.tk-meta-input
|
||||
.el-input
|
||||
box-shadow var(--efu-shadow-border)
|
||||
|
||||
.el-loading-mask
|
||||
background-color none !important
|
||||
|
||||
.tk-tag
|
||||
margin-left 4px
|
||||
|
||||
.tk-tag-green
|
||||
border-radius 4px !important
|
||||
border 0 solid #e1f3d8 !important
|
||||
font-size .5rem !important
|
||||
|
||||
[data-theme=dark]
|
||||
.tk-tag-green
|
||||
background-color #67c23a21 !important
|
||||
|
||||
.tk-tag-yellow
|
||||
border-radius 4px !important
|
||||
border 0 solid #e1f3d8 !important
|
||||
font-size .5rem !important
|
||||
|
||||
[data-theme=dark]
|
||||
.tk-tag-green
|
||||
background-color #c0c23a21 !important
|
||||
|
||||
.tk-tag-red
|
||||
border-radius 4px !important
|
||||
border 0 solid #f3d8d8 !important
|
||||
font-size .5rem !important
|
||||
|
||||
[data-theme=dark]
|
||||
.tk-tag-red
|
||||
background-color #c23a3a21 !important
|
||||
|
||||
.tk-submit-action-icon.__markdown
|
||||
display none
|
||||
|
||||
.tk-comments
|
||||
.el-button--primary
|
||||
border-color var(--efu-fontcolor) !important
|
||||
color var(--efu-card-bg) !important
|
||||
border-radius 12px !important
|
||||
box-shadow var(--efu-shadow-black)
|
||||
transition .3s
|
||||
width 5rem
|
||||
position absolute
|
||||
top -44px
|
||||
right 0
|
||||
margin-left .5rem !important
|
||||
height 34px
|
||||
|
||||
.el-button--primary.is-disabled,
|
||||
.el-button--primary.is-disabled:active,
|
||||
.el-button--primary.is-disabled:focus,
|
||||
.el-button--primary.is-disabled:hover
|
||||
opacity .2
|
||||
|
||||
.tk-row-actions-start
|
||||
position absolute
|
||||
top -84px
|
||||
left 17px
|
||||
|
||||
@media screen and (max-width: 768px)
|
||||
.tk-submit
|
||||
.el-button--primary
|
||||
width 5rem
|
||||
height 122px
|
||||
top -132px
|
||||
|
||||
.tk-row-actions-start
|
||||
top -170px
|
||||
|
||||
.tk-comments-title
|
||||
position absolute
|
||||
bottom 0
|
||||
left 0
|
||||
|
||||
.tk-extras
|
||||
margin-top .5rem
|
||||
padding-bottom .5rem
|
||||
|
||||
.tk-icon.__comments:first-child
|
||||
display none
|
||||
|
||||
.tk-icon.__comments
|
||||
margin-left 0 !important
|
||||
|
||||
.tk-row.actions
|
||||
margin-bottom 0 !important
|
||||
margin-left 0 !important
|
||||
margin-top 0 !important
|
||||
justify-content space-around !important
|
||||
|
||||
.tk-meta-input
|
||||
position relative !important
|
||||
margin-top 8px
|
||||
width calc(100% - 5.5rem)
|
||||
|
||||
.tk-content
|
||||
.tk-owo-emotion
|
||||
width 3em
|
||||
margin 0 2px 0 2px
|
||||
|
||||
.tk-owo-emotion,
|
||||
.twikoo
|
||||
.OwO-item
|
||||
img
|
||||
pointer-events none
|
||||
|
||||
.tk-extra
|
||||
background var(--efu-card-bg)
|
||||
border var(--style-border-always)
|
||||
padding 1px 5px 1px 2px
|
||||
border-radius 8px
|
||||
margin-right 4px !important
|
||||
color var(--efu-secondtext) !important
|
||||
display inline !important
|
||||
margin-top 6px !important
|
||||
font-size .5rem
|
||||
|
||||
.tk-extra
|
||||
.tk-icon
|
||||
display none
|
||||
|
||||
.tk-expand
|
||||
background var(--efu-card-bg) !important
|
||||
color var(--efu-fontcolor) !important
|
||||
border var(--style-border-always)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
border-radius 12px
|
||||
user-select none
|
||||
|
||||
&:hover
|
||||
background var(--efu-theme) !important
|
||||
color var(--efu-white) !important
|
||||
|
||||
.tk-time
|
||||
color var(--efu-secondtext) !important
|
||||
font-size .6rem
|
||||
margin-left .5rem
|
||||
|
||||
.tk-comments-container
|
||||
> .tk-comment
|
||||
margin-top 0!important
|
||||
margin-bottom 0.5rem!important
|
||||
background var(--efu-card-bg)
|
||||
transition .3s
|
||||
border-radius 12px
|
||||
padding 0
|
||||
padding-top 0.5rem
|
||||
border none
|
||||
border-top var(--style-border-dashed)
|
||||
|
||||
#page
|
||||
.tk-comments-container
|
||||
> .tk-comment
|
||||
padding 1rem 1rem 1.5rem
|
||||
border var(--style-border)
|
||||
border-top var(--style-border)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
|
||||
@media screen and (max-width: 768px)
|
||||
.tk-comments-container
|
||||
> .tk-comment
|
||||
padding 1rem
|
||||
border var(--style-border-always)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
|
||||
.tk-icon.__comments
|
||||
left .5rem
|
||||
|
||||
.tk-icon
|
||||
position absolute
|
||||
|
||||
.tk-comments-no
|
||||
display none !important
|
||||
|
||||
.tk-comments-container
|
||||
min-height 0 !important
|
||||
|
||||
.tk-replies
|
||||
> .tk-comment
|
||||
background var(--efu-card-bg)
|
||||
border-top var(--style-border-dashed)
|
||||
border-radius 12px
|
||||
transition .3s
|
||||
padding 1rem 0 0
|
||||
margin-top 0
|
||||
|
||||
.tk-content
|
||||
p
|
||||
margin 0 !important
|
||||
|
||||
pre
|
||||
code
|
||||
kbd
|
||||
samp
|
||||
font-family ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
|
||||
|
||||
pre
|
||||
background var(--efu-secondbg)
|
||||
padding .5rem
|
||||
margin 0.5rem 0
|
||||
overflow auto
|
||||
border-radius 0.5em
|
||||
|
||||
+maxWidth768()
|
||||
max-width 90%
|
||||
|
||||
.tk-replies
|
||||
.tk-content
|
||||
span:first-child
|
||||
font-size .5rem
|
||||
color var(--efu-secondtext)
|
||||
|
||||
.tk-meta-input
|
||||
.el-input
|
||||
.el-input-group__prepend
|
||||
box-shadow none
|
||||
border-radius 12px 0 0 12px
|
||||
user-select none
|
||||
|
||||
@media screen and (max-width: 768px)
|
||||
.tk-meta-input
|
||||
.el-input
|
||||
.el-input-group__prepend
|
||||
padding 0 .3rem !important
|
||||
|
||||
.tk-meta-input
|
||||
display flex
|
||||
flex-direction column
|
||||
top 0
|
||||
position inherit !important
|
||||
|
||||
.tk-meta-input
|
||||
.el-input
|
||||
margin-left 0 !important
|
||||
width 100% !important
|
||||
|
||||
.tk-icon
|
||||
position absolute
|
||||
right 0
|
||||
|
||||
img.tk-avatar-img
|
||||
height 32px !important
|
||||
border-radius 32px
|
||||
border var(--style-border-always)
|
||||
|
||||
.el-input--small
|
||||
.el-input__inner
|
||||
padding 8px
|
||||
.el-input__inner, .el-textarea__inner
|
||||
border-radius 12px
|
||||
|
||||
.el-input.el-input--small.el-input-group.el-input-group--prepend
|
||||
border-radius 12px
|
||||
background var(--efu-secondbg)
|
||||
border var(--style-border-always)
|
||||
|
||||
.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before
|
||||
content '输入QQ号会自动获取昵称和头像'
|
||||
|
||||
.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(2):before
|
||||
content '收到回复将会发送到你的邮箱'
|
||||
|
||||
.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(3):before
|
||||
content '可以通过昵称访问你的网站'
|
||||
|
||||
.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::before
|
||||
display block
|
||||
animation commonTipsIn .3s
|
||||
|
||||
.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::after
|
||||
display block
|
||||
animation commonTriangleIn .3s
|
||||
|
||||
.el-input.el-input--small.el-input-group.el-input-group--prepend::before
|
||||
display none
|
||||
position absolute
|
||||
top -60px
|
||||
white-space nowrap
|
||||
border-radius 10px
|
||||
left 50%
|
||||
transform translate(-50%)
|
||||
padding 14px 18px
|
||||
background #444
|
||||
color #fff
|
||||
z-index 100
|
||||
|
||||
.el-input.el-input--small.el-input-group.el-input-group--prepend::after
|
||||
display none
|
||||
content ''
|
||||
position absolute
|
||||
border 12px solid transparent
|
||||
border-top-color #444
|
||||
left 50%
|
||||
transform translate(-50%, -46px)
|
||||
|
||||
.el-input-group__append, .el-input-group__prepend
|
||||
background-color var(--efu-card-bg) !important
|
||||
color var(--efu-fontcolor) !important
|
||||
border 0 !important
|
||||
font-weight 700
|
||||
|
||||
.el-input__inner
|
||||
background var(--efu-secondbg) !important
|
||||
border 0 !important
|
||||
color var(--efu-fontcolor) !important
|
||||
padding-left 8px
|
||||
height 32px
|
||||
line-height 32px
|
||||
border-radius 12px
|
||||
|
||||
.page
|
||||
.el-input__inner
|
||||
background var(--efu-card-bg) !important
|
||||
|
||||
.el-input__inner:focus
|
||||
border none
|
||||
|
||||
.el-textarea__inner
|
||||
background var(--efu-secondbg) !important
|
||||
color var(--efu-fontcolor) !important
|
||||
border-radius 12px !important
|
||||
min-height 100px !important
|
||||
padding 16px 16px 40px 16px !important
|
||||
border var(--style-border-always) !important
|
||||
box-shadow none !important
|
||||
|
||||
@media screen and (max-width: 768px)
|
||||
.el-textarea__inner
|
||||
background var(--efu-card-bg) !important
|
||||
|
||||
#page
|
||||
.el-textarea__inner
|
||||
background var(--efu-card-bg) !important
|
||||
box-shadow var(--efu-shadow-border)
|
||||
|
||||
.el-textarea__inner:focus
|
||||
border var(--style-border-hover-always) !important
|
||||
box-shadow var(--efu-shadow-main)
|
||||
|
||||
.el-button
|
||||
background-color var(--efu-fontcolor) !important
|
||||
border 0 solid var(--efu-main) !important
|
||||
color var(--efu-background) !important
|
||||
border-radius 8px !important
|
||||
|
||||
.el-button:hover
|
||||
background var(--efu-black) !important
|
||||
color var(--efu-white) !important
|
||||
|
||||
.el-button.tk-preview
|
||||
display none !important
|
||||
|
||||
button.el-button.tk-cancel.el-button--default.el-button--small
|
||||
background var(--efu-secondbg) !important
|
||||
border-radius 8px !important
|
||||
color var(--efu-fontcolor) !important
|
||||
|
||||
|
||||
.OwO
|
||||
&.OwO-open
|
||||
.OwO-body
|
||||
animation .3s ease .1s 1 normal both running donate_effcet
|
||||
.OwO-body
|
||||
z-index 102
|
||||
width 500px
|
||||
border var(--style-border-always) !important
|
||||
border-radius 8px !important
|
||||
overflow hidden
|
||||
background-color var(--efu-maskbg) !important
|
||||
backdrop-filter saturate(180%) blur(10px)
|
||||
-webkit-backdrop-filter blur(10px)
|
||||
transform translateZ(0)
|
||||
+maxWidth768()
|
||||
width 300px
|
||||
|
||||
.OwO-bar
|
||||
border-top none !important
|
||||
|
||||
.OwO-packages
|
||||
li
|
||||
margin-right 0 !important
|
||||
height 48px
|
||||
transition .3s
|
||||
|
||||
li:hover
|
||||
transition .3s
|
||||
|
||||
.OwO-items
|
||||
.OwO-item:hover
|
||||
box-shadow var(--efu-shadow-lightblack) !important
|
||||
border-radius 8px
|
||||
|
||||
#twikoo > div.tk-comments > div.tk-submit > div.tk-row.actions > div > div.tk-action-icon.OwO.OwO-open > div.OwO-body > div > ul > li > span
|
||||
line-height 48px
|
||||
font-size 28px
|
||||
|
||||
.OwO-packages
|
||||
background var(--efu-background)
|
||||
padding-left 8px !important
|
||||
|
||||
.OwO
|
||||
.OwO-body
|
||||
.OwO-bar
|
||||
.OwO-packages
|
||||
.OwO-package-active
|
||||
background var(--efu-secondbg) !important
|
||||
|
||||
.OwO-items-show
|
||||
margin 12px 8px !important
|
||||
min-height 197px
|
||||
|
||||
.OwO-bar
|
||||
.OwO-packages
|
||||
li
|
||||
line-height 45px !important
|
||||
|
||||
.tk-replies
|
||||
.tk-content
|
||||
margin-top 0 !important
|
||||
|
||||
.el-input-group--prepend
|
||||
.el-input__inner, .el-input-group__append
|
||||
border-left-width 0 !important
|
||||
|
||||
.el-textarea .el-input__count
|
||||
color var(--efu-secondtext) !important
|
||||
user-select none
|
||||
@@ -0,0 +1,250 @@
|
||||
#vcomment
|
||||
.vcount
|
||||
display none !important
|
||||
|
||||
.vpreview-btn
|
||||
display none
|
||||
|
||||
.vemoji-btn
|
||||
position absolute
|
||||
bottom 4.5px
|
||||
left 50px
|
||||
|
||||
.vpanel
|
||||
display flex
|
||||
flex-direction column
|
||||
position relative
|
||||
|
||||
.vemojis
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
max-width: 500px;
|
||||
color: #4a4a4a;
|
||||
border: 1px solid rgba(144, 147, 153, 0.31);
|
||||
top: 6.7rem
|
||||
z-index: 1000;
|
||||
animation: .3s ease .1s 1 normal both running donate_effcet
|
||||
width: 500px;
|
||||
border: var(--style-border-always)
|
||||
border-radius: 8px !important;
|
||||
overflow: hidden;
|
||||
background-color: var(--efu-maskbg)
|
||||
backdrop-filter: saturate(180%) blur(10px);
|
||||
transform: translateZ(0);
|
||||
overflow-y: auto;
|
||||
padding: 10px;
|
||||
|
||||
+maxWidth768()
|
||||
max-width 300px
|
||||
|
||||
.vwrap
|
||||
flex 1
|
||||
display flex
|
||||
border none !important
|
||||
padding 0
|
||||
overflow: inherit;
|
||||
flex-direction column-reverse
|
||||
margin-bottom 0
|
||||
|
||||
.vheader
|
||||
display flex
|
||||
margin .5rem 0
|
||||
position relative
|
||||
width calc(100% - 5.5rem)
|
||||
gap .5rem
|
||||
|
||||
+maxWidth768()
|
||||
flex-direction column
|
||||
|
||||
input
|
||||
border-radius 12px
|
||||
width calc((100% - 1rem) / 3)
|
||||
flex 1
|
||||
position relative
|
||||
font-size 13px
|
||||
background var(--efu-secondbg)
|
||||
border var(--style-border-always)
|
||||
padding 6px 10px
|
||||
line-height 1
|
||||
|
||||
+maxWidth768()
|
||||
width 100%
|
||||
|
||||
.vquote
|
||||
|
||||
.vcard
|
||||
background: var(--efu-card-bg);
|
||||
border none
|
||||
border-top: var(--style-border-dashed);
|
||||
border-radius: 12px;
|
||||
transition: .3s;
|
||||
padding: 1rem 0 0;
|
||||
margin-top: 0;
|
||||
box-shadow: none;
|
||||
|
||||
.vreply-wrapper
|
||||
|
||||
.vrow .vcol:first-child
|
||||
bottom 78px
|
||||
|
||||
+maxWidth768()
|
||||
bottom 164px
|
||||
|
||||
.vrow .vcol.text-right:not(.vctrl)
|
||||
bottom 31px
|
||||
|
||||
+maxWidth768()
|
||||
bottom 117px
|
||||
|
||||
.cancel-reply
|
||||
display flex !important
|
||||
flex-direction row
|
||||
justify-content center
|
||||
margin 0
|
||||
|
||||
.cancel-reply-btn
|
||||
position inherit
|
||||
|
||||
.vrow
|
||||
padding 0
|
||||
|
||||
.vcol
|
||||
position absolute
|
||||
|
||||
&:first-child
|
||||
bottom 56px
|
||||
left 20px
|
||||
width auto
|
||||
|
||||
+maxWidth768()
|
||||
bottom 141px
|
||||
|
||||
&.text-right:not(.vctrl)
|
||||
bottom 9px
|
||||
right 0
|
||||
transition .3s
|
||||
border 0 solid var(--efu-main)
|
||||
width 5rem
|
||||
margin-left .5rem
|
||||
border-radius 12px
|
||||
height 34px
|
||||
|
||||
+maxWidth768()
|
||||
bottom 94px
|
||||
|
||||
button
|
||||
background-color var(--efu-fontcolor)
|
||||
width 100%
|
||||
height 100%
|
||||
color var(--efu-card-bg)
|
||||
border-radius 12px
|
||||
opacity .2
|
||||
|
||||
+maxWidth768()
|
||||
height 119px
|
||||
|
||||
svg
|
||||
width 18px
|
||||
height 18px
|
||||
|
||||
#veditor
|
||||
display block
|
||||
padding 16px 16px 40px 16px
|
||||
line-height 1.5
|
||||
width 100%
|
||||
font-size 14px
|
||||
background var(--efu-secondbg)
|
||||
color var(--efu-fontcolor)
|
||||
border-radius 12px
|
||||
min-height 121px
|
||||
border var(--style-border-always)
|
||||
|
||||
&:focus
|
||||
border var(--style-border-hover-always)
|
||||
box-shadow var(--efu-shadow-main)
|
||||
|
||||
.vcard
|
||||
margin-top: 0
|
||||
margin-bottom: .5rem
|
||||
background: var(--efu-card-bg);
|
||||
transition: .3s;
|
||||
border-radius: 12px;
|
||||
padding: 0;
|
||||
padding-top: .5rem;
|
||||
border: none;
|
||||
border-top: var(--style-border-dashed);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
word-break: break-all;
|
||||
|
||||
+maxWidth768()
|
||||
padding: 1rem;
|
||||
border: var(--style-border-always);
|
||||
box-shadow: var(--efu-shadow-border)
|
||||
|
||||
.vimg
|
||||
width 32px
|
||||
height 32px
|
||||
border-radius 32px
|
||||
cursor pointer
|
||||
margin-right 16px
|
||||
|
||||
&:hover
|
||||
transform: rotate(360deg)
|
||||
|
||||
.vh
|
||||
flex 1
|
||||
padding 0
|
||||
border 0
|
||||
overflow visible
|
||||
|
||||
.vhead
|
||||
display flex
|
||||
align-items center
|
||||
gap: 5px;
|
||||
|
||||
.vnick
|
||||
font-size 1rem
|
||||
line-height 32px
|
||||
margin-right 0
|
||||
|
||||
.vsys
|
||||
background: var(--efu-card-bg);
|
||||
border: var(--style-border-always);
|
||||
padding: 3px 5px
|
||||
border-radius: 8px;
|
||||
color: var(--efu-secondtext)
|
||||
display: inline
|
||||
font-size: .5rem;
|
||||
|
||||
.vat
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--efu-lighttext)
|
||||
padding: 3px 12px
|
||||
transition: all .3s;
|
||||
border-radius: 8px;
|
||||
background-color: var(--efu-secondbg);
|
||||
border: var(--style-border-always);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 18px
|
||||
|
||||
&:hover
|
||||
background-color: var(--efu-lighttext)
|
||||
color: var(--efu-card-bg)
|
||||
|
||||
.vquote
|
||||
border-left none
|
||||
|
||||
.vicon.actived
|
||||
fill var(--efu-main)
|
||||
|
||||
#page
|
||||
.vcard
|
||||
padding: 1rem 1rem 1.5rem;
|
||||
border: var(--style-border);
|
||||
border-top: var(--style-border);
|
||||
box-shadow: var(--efu-shadow-border);
|
||||
Reference in New Issue
Block a user