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,205 @@
|
||||
#article-container
|
||||
overflow-wrap break-word
|
||||
+maxWidth768()
|
||||
overflow hidden
|
||||
|
||||
iframe
|
||||
border-radius 12px
|
||||
margin 0 0 1rem
|
||||
|
||||
a
|
||||
color var(--efu-fontcolor)
|
||||
border-radius 4px 4px 0 0
|
||||
border-bottom 2px dotted var(--efu-lighttext)
|
||||
font-weight 700
|
||||
|
||||
&.fancybox
|
||||
border-bottom none
|
||||
|
||||
&:not(.fancybox)
|
||||
padding 0 4px
|
||||
|
||||
&:hover
|
||||
border 0
|
||||
text-decoration none
|
||||
color var(--efu-white)
|
||||
border-radius 4px
|
||||
background var(--efu-main)
|
||||
|
||||
.table-wrap
|
||||
margin 1rem 0
|
||||
border-radius 8px
|
||||
overflow-x scroll
|
||||
|
||||
a.headerlink
|
||||
float right
|
||||
opacity .08
|
||||
position relative
|
||||
padding 0
|
||||
border none
|
||||
border-radius 8px
|
||||
line-height 1
|
||||
font-size .8rem
|
||||
|
||||
#page &
|
||||
display none
|
||||
|
||||
&::before
|
||||
content "\e082"
|
||||
font-family solitude
|
||||
cursor pointer
|
||||
|
||||
&:hover
|
||||
border-bottom none
|
||||
box-shadow none
|
||||
background var(--efu-none)
|
||||
color var(--efu-lighttext)
|
||||
opacity 1
|
||||
|
||||
p
|
||||
font-size .9rem
|
||||
line-height 1.7
|
||||
font-weight 400
|
||||
margin 1rem 0
|
||||
text-align left
|
||||
letter-spacing .6px
|
||||
|
||||
a
|
||||
&:not(.fancybox)
|
||||
text-decoration none
|
||||
border-bottom 2px dotted var(--efu-lighttext)
|
||||
color var(--efu-fontcolor)
|
||||
font-weight 700
|
||||
padding 0 4px
|
||||
border-radius 4px 4px 0 0
|
||||
|
||||
&:hover
|
||||
color var(--efu-white)
|
||||
border-radius 4px
|
||||
background var(--efu-main)
|
||||
|
||||
blockquote
|
||||
p
|
||||
padding 0
|
||||
margin 0
|
||||
font-size 15px
|
||||
|
||||
code:not([class*='language-'])
|
||||
color var(--efu-white)
|
||||
padding 0.2rem 0.4rem
|
||||
border-radius 4px
|
||||
margin 0 4px
|
||||
background var(--efu-pink)
|
||||
line-height 2
|
||||
box-shadow var(--efu-shadow-border)
|
||||
|
||||
img
|
||||
border-radius 12px
|
||||
object-fit cover
|
||||
display block
|
||||
margin 0.8rem auto
|
||||
max-width 90%
|
||||
max-height 450px
|
||||
|
||||
ul, ol
|
||||
padding 0
|
||||
margin-top 0.4rem
|
||||
list-style none
|
||||
counter-reset li 0
|
||||
|
||||
li
|
||||
&:before
|
||||
position absolute
|
||||
top 0
|
||||
left 0
|
||||
color var(--efu-fontcolor)
|
||||
transition all .3s ease-out 0s
|
||||
background var(--efu-lighttext)
|
||||
|
||||
&:not(.tab)
|
||||
position relative
|
||||
margin 0.2rem 0
|
||||
|
||||
p
|
||||
margin 0
|
||||
|
||||
ul
|
||||
> li
|
||||
&:not(.tab)
|
||||
padding 0.2em 0.2em 0.2em 1.4em
|
||||
|
||||
&:before
|
||||
margin 0
|
||||
top 0.78em
|
||||
width 0.42em
|
||||
height 0.42em
|
||||
border-radius 0.42em
|
||||
background 0 0
|
||||
content ""
|
||||
line-height .42em
|
||||
border 0.21em solid var(--efu-lighttext)
|
||||
background var(--efu-lighttext)
|
||||
|
||||
ol
|
||||
> li:before
|
||||
margin-top .65em
|
||||
width 1.45em
|
||||
height 1.45em
|
||||
border-radius .725em
|
||||
text-align center
|
||||
font-size .85em
|
||||
color var(--efu-white)
|
||||
line-height 1.45em
|
||||
|
||||
ul li
|
||||
line-height 1.7
|
||||
|
||||
> li
|
||||
|
||||
&:not(.tab)
|
||||
padding .2em .2em .2em 1.8em
|
||||
|
||||
&:before
|
||||
content counter(li)
|
||||
counter-increment li 1
|
||||
|
||||
> ol
|
||||
> li
|
||||
&:before
|
||||
content counter(li, lower-alpha)
|
||||
counter-increment li
|
||||
|
||||
> ol
|
||||
> li
|
||||
&:before
|
||||
content counter(li, lower-roman)
|
||||
counter-increment li
|
||||
|
||||
&.post-content
|
||||
h1, h2, h3, h4
|
||||
display flex
|
||||
align-items center
|
||||
justify-content space-between
|
||||
flex-direction row-reverse
|
||||
transition all .2s ease-out 0s
|
||||
|
||||
h1
|
||||
font-size 1.5rem
|
||||
line-height 1.3
|
||||
|
||||
h2
|
||||
font-size 1.3rem
|
||||
line-height 1.3
|
||||
border-top 1px dashed var(--efu-theme-op)
|
||||
padding-top 1rem
|
||||
|
||||
h3, h4
|
||||
font-size 1.1rem
|
||||
line-height 1.3
|
||||
|
||||
if hexo-config('mediumZoom')
|
||||
.medium-zoom--opened .medium-zoom-overlay
|
||||
z-index 10
|
||||
|
||||
.medium-zoom-image--opened
|
||||
z-index 11
|
||||
@@ -0,0 +1,93 @@
|
||||
.article-sort-title
|
||||
font-weight 700
|
||||
font-size 2em
|
||||
|
||||
sup
|
||||
margin-left 4px
|
||||
font-size 16px
|
||||
font-weight 700
|
||||
opacity .4
|
||||
top -1em
|
||||
|
||||
.article-sort
|
||||
.article-sort-item
|
||||
position relative
|
||||
display flex
|
||||
-webkit-box-align center
|
||||
align-items center
|
||||
margin 0 0 1rem 0
|
||||
transition all .2s ease-in-out 0s
|
||||
overflow hidden
|
||||
|
||||
&.year
|
||||
font-size .8rem
|
||||
color var(--efu-secondtext)
|
||||
margin 0 0 .2rem 0
|
||||
|
||||
.article-sort-item-img
|
||||
border-radius 12px
|
||||
min-width 151px
|
||||
min-height 80px
|
||||
background var(--efu-secondbg)
|
||||
overflow hidden
|
||||
width 80px
|
||||
height 80px
|
||||
|
||||
+maxWidth768()
|
||||
min-width 80px
|
||||
|
||||
img
|
||||
width 100%
|
||||
height 100%
|
||||
transition all .6s ease 0s
|
||||
object-fit cover
|
||||
|
||||
.article-sort-item-info
|
||||
padding 0 0.8rem
|
||||
display flex
|
||||
flex-direction column
|
||||
-webkit-box-flex 1
|
||||
flex 1 1 0
|
||||
|
||||
a
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
|
||||
&:hover
|
||||
color var(--efu-theme)
|
||||
|
||||
.article-sort-item-title
|
||||
color var(--efu-fontcolor)
|
||||
font-size 1.1em
|
||||
transition all .3s ease 0s
|
||||
line-height 1.3
|
||||
-webkit-line-clamp 1
|
||||
order 0
|
||||
font-weight 700
|
||||
|
||||
+maxWidth768()
|
||||
-webkit-line-clamp 2
|
||||
|
||||
.article-sort-item-tags
|
||||
margin-top 8px
|
||||
white-space nowrap
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
width 100%
|
||||
font-size .7rem
|
||||
display flex
|
||||
|
||||
a
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
&:hover
|
||||
color var(--efu-theme)
|
||||
|
||||
.tags-punctuation
|
||||
font-size 12px
|
||||
margin-right 1px
|
||||
|
||||
.article-meta__tags
|
||||
margin-right 8px
|
||||
padding 0 0.2rem 0 0
|
||||
color var(--efu-fontcolor)
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,213 @@
|
||||
if hexo-config('capsule.enable')
|
||||
#nav-music
|
||||
display flex
|
||||
align-items center
|
||||
z-index 8
|
||||
position fixed
|
||||
bottom 20px
|
||||
left 20px
|
||||
cursor pointer
|
||||
transition .3s
|
||||
transform-origin left bottom
|
||||
box-shadow var(--efu-shadow-border)
|
||||
border-radius 40px
|
||||
overflow hidden
|
||||
user-select none
|
||||
|
||||
+maxWidth798()
|
||||
display none !important
|
||||
|
||||
span
|
||||
user-select none
|
||||
|
||||
div
|
||||
user-select none
|
||||
|
||||
&.playing
|
||||
box-shadow 0 0 12px -3px var(--efu-none)
|
||||
-webkit-animation playingShadow 5s linear infinite
|
||||
|
||||
.aplayer
|
||||
background var(--efu-main-op-deep)
|
||||
border var(--style-border-hover)
|
||||
backdrop-filter saturate(180%) blur(20px)
|
||||
-webkit-backdrop-filter blur(20px)
|
||||
transform translateZ(0)
|
||||
|
||||
&.aplayer-withlrc
|
||||
.aplayer-pic
|
||||
box-shadow 0 0 14px #ffffffa6
|
||||
-webkit-transform rotate(0) scale(1.1)
|
||||
border-color var(--efu-white)
|
||||
animation-play-state running
|
||||
|
||||
.aplayer-info
|
||||
color var(--efu-white)
|
||||
|
||||
.aplayer-lrc
|
||||
width 200px
|
||||
margin-bottom 0
|
||||
opacity 1
|
||||
|
||||
.aplayer-info
|
||||
.aplayer-controller
|
||||
.aplayer-bar-wrap
|
||||
.aplayer-bar
|
||||
opacity 1
|
||||
|
||||
.aplayer-played
|
||||
animation-play-state running
|
||||
|
||||
#nav-music-hoverTips
|
||||
opacity 0
|
||||
|
||||
.aplayer
|
||||
background var(--efu-card-bg)
|
||||
border-radius 60px
|
||||
height 41px
|
||||
display flex
|
||||
margin 0
|
||||
pointer-events none
|
||||
transition .3s
|
||||
border var(--style-border)
|
||||
box-shadow none
|
||||
|
||||
&.aplayer-withlrc
|
||||
.aplayer-pic
|
||||
height 25px
|
||||
width 25px
|
||||
border-radius 40px
|
||||
z-index 1
|
||||
transition .3s
|
||||
-webkit-transform rotate(0) scale(1)
|
||||
border var(--style-border-always)
|
||||
-webkit-animation changeright 24s linear infinite
|
||||
animation-play-state paused
|
||||
|
||||
.aplayer-info
|
||||
height 100%
|
||||
color var(--efu-fontcolor)
|
||||
margin-left 8px
|
||||
padding 0
|
||||
display flex
|
||||
align-items center
|
||||
|
||||
.aplayer-lrc
|
||||
width 0
|
||||
opacity 0
|
||||
transition .3s
|
||||
margin-left 8px
|
||||
margin-top -2px
|
||||
|
||||
.aplayer-notice
|
||||
display none
|
||||
|
||||
.aplayer-miniswitcher
|
||||
display none
|
||||
|
||||
.aplayer-body
|
||||
position relative
|
||||
display flex
|
||||
align-items center
|
||||
padding 0 12px 0 8px
|
||||
|
||||
.aplayer-pic
|
||||
.aplayer-play
|
||||
opacity 0
|
||||
|
||||
div
|
||||
display none
|
||||
|
||||
.aplayer-info
|
||||
.aplayer-music
|
||||
margin 0
|
||||
display flex
|
||||
align-items center
|
||||
padding 0
|
||||
z-index 1
|
||||
|
||||
.aplayer-author
|
||||
display none
|
||||
|
||||
.aplayer-title
|
||||
cursor pointer
|
||||
line-height 1
|
||||
display inline-block
|
||||
white-space nowrap
|
||||
max-width 120px
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
transition .3s
|
||||
|
||||
.aplayer-controller
|
||||
position absolute
|
||||
width 100%
|
||||
height 100%
|
||||
top 0
|
||||
left 0
|
||||
|
||||
.aplayer-time
|
||||
display none
|
||||
|
||||
.aplayer-bar-wrap
|
||||
margin 0
|
||||
padding 0
|
||||
|
||||
.aplayer-bar
|
||||
height 100%
|
||||
background 0 0
|
||||
opacity 0
|
||||
|
||||
.aplayer-loaded
|
||||
display none
|
||||
|
||||
.aplayer-played
|
||||
height 100%
|
||||
opacity .1
|
||||
background-color var(--efu-white) !important
|
||||
-webkit-animation lightBar 5s ease infinite
|
||||
animation-play-state paused
|
||||
|
||||
&.aplayer-withlist
|
||||
.aplayer-info
|
||||
border none
|
||||
|
||||
.aplayer-lrc
|
||||
p
|
||||
color #ffffffb3
|
||||
filter blur(1px)
|
||||
|
||||
&.aplayer-lrc-current
|
||||
color var(--efu-white)
|
||||
border none
|
||||
filter blur(0)
|
||||
|
||||
#nav-music-hoverTips
|
||||
color var(--efu-white)
|
||||
background var(--efu-main)
|
||||
width 100%
|
||||
height 100%
|
||||
position absolute
|
||||
top 0
|
||||
left 0
|
||||
align-items center
|
||||
justify-content center
|
||||
display flex
|
||||
border-radius 40px
|
||||
opacity 0
|
||||
font-size 12px
|
||||
z-index 2
|
||||
pointer-events none
|
||||
transition .3s
|
||||
|
||||
&:hover
|
||||
&:not(.playing)
|
||||
#nav-music-hoverTips
|
||||
opacity 1
|
||||
|
||||
.aplayer-list
|
||||
display none
|
||||
|
||||
#nav-music .aplayer .aplayer-lrc:after,
|
||||
#nav-music .aplayer .aplayer-lrc:before
|
||||
display none
|
||||
@@ -0,0 +1,310 @@
|
||||
#console
|
||||
display flex
|
||||
position fixed
|
||||
width 100vw
|
||||
height 100vh
|
||||
top 0
|
||||
left 0
|
||||
z-index 9999
|
||||
justify-content center
|
||||
opacity 0
|
||||
transition .3s ease-out
|
||||
flex-direction column
|
||||
align-items center
|
||||
pointer-events none
|
||||
user-select none
|
||||
|
||||
&.show .close-btn i
|
||||
transform rotate(0)
|
||||
|
||||
if hexo-config('recent_comments.enable') && hexo-config('recent_comments.console')
|
||||
.recent-comment-more
|
||||
margin-left auto
|
||||
display flex
|
||||
align-items center
|
||||
|
||||
&:hover
|
||||
color var(--efu-main)
|
||||
|
||||
.console-card-group
|
||||
display flex
|
||||
justify-content space-between
|
||||
align-items center
|
||||
margin 0 30px
|
||||
transform translateY(20px)
|
||||
transition .3s
|
||||
max-width 1400px
|
||||
|
||||
+maxWidth1300()
|
||||
justify-content center
|
||||
|
||||
+maxWidth768()
|
||||
display none
|
||||
|
||||
+maxHeight800()
|
||||
display none
|
||||
|
||||
|
||||
&.show
|
||||
.console-card-group
|
||||
transform translateY(0)
|
||||
opacity 1
|
||||
transition-delay .1s
|
||||
max-height 80%
|
||||
|
||||
.console-card-group-left
|
||||
margin-right .5rem
|
||||
width 40%
|
||||
height 100%
|
||||
|
||||
+maxWidth1300()
|
||||
display none
|
||||
|
||||
.console-card-group-right
|
||||
display flex
|
||||
flex-direction column
|
||||
justify-content center
|
||||
height 100%
|
||||
width 60%
|
||||
overflow hidden
|
||||
|
||||
+maxWidth1300()
|
||||
width 100%
|
||||
margin 0
|
||||
|
||||
.console-card
|
||||
background var(--efu-maskbg)
|
||||
border-radius 12px
|
||||
overflow hidden
|
||||
border var(--style-border)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
padding 40px
|
||||
|
||||
.console-card.tags
|
||||
height calc(100% - 172px)
|
||||
|
||||
.console-mask
|
||||
background var(--efu-maskbgdeep)
|
||||
backdrop-filter saturate(180%) blur(20px)
|
||||
-webkit-backdrop-filter blur(20px)
|
||||
width 100vw
|
||||
height 100vh
|
||||
top 0
|
||||
left 0
|
||||
position absolute
|
||||
z-index -1
|
||||
-webkit-backface-visibility hidden
|
||||
-webkit-transform-style preserve-3d
|
||||
transform translateZ(0)
|
||||
|
||||
&.show
|
||||
.console-mask
|
||||
backdrop-filter saturate(180%) blur(20px)
|
||||
-webkit-backdrop-filter blur(20px)
|
||||
transform translateZ(0)
|
||||
animation .6s ease 0s 1 normal none running to_show
|
||||
|
||||
.author-content-item-tips
|
||||
opacity .8
|
||||
font-size .6rem
|
||||
margin-bottom .5rem
|
||||
|
||||
.author-content-item-title
|
||||
font-size 36px
|
||||
font-weight 700
|
||||
line-height 1
|
||||
display flex
|
||||
align-items center
|
||||
|
||||
.aside-list
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
flex-direction row
|
||||
justify-content space-between
|
||||
margin-top 1.5rem
|
||||
|
||||
.button-group
|
||||
display flex
|
||||
margin 1rem auto 0 auto
|
||||
justify-content center
|
||||
width fit-content
|
||||
|
||||
.console-btn-item
|
||||
width 60px
|
||||
height 60px
|
||||
transition .3s
|
||||
cursor pointer
|
||||
|
||||
span.darkmode_switchbutton
|
||||
[data-theme="dark"] &
|
||||
background var(--efu-orange)
|
||||
color var(--efu-white)
|
||||
|
||||
.button-group
|
||||
gap .5rem
|
||||
|
||||
.console-btn-item
|
||||
&:hover
|
||||
span
|
||||
background var(--efu-main)
|
||||
|
||||
span
|
||||
width 100%
|
||||
height 100%
|
||||
background var(--efu-card-bg)
|
||||
border var(--style-border)
|
||||
border-radius 60px
|
||||
display flex
|
||||
align-items center
|
||||
justify-content center
|
||||
color var(--efu-fontcolor)
|
||||
transition all .3s
|
||||
|
||||
i
|
||||
font-size 1rem
|
||||
|
||||
&.on
|
||||
span
|
||||
background var(--efu-orange)
|
||||
color var(--efu-white)
|
||||
transition .3s
|
||||
|
||||
&:not(.on)
|
||||
span:hover
|
||||
background var(--efu-main)
|
||||
|
||||
&:hover
|
||||
span
|
||||
color var(--efu-white)
|
||||
|
||||
.console-card.tags
|
||||
.card-tag-cloud
|
||||
margin-top 1.5rem
|
||||
display flex
|
||||
gap .5rem
|
||||
flex-wrap wrap
|
||||
|
||||
a
|
||||
color var(--efu-fontcolor)
|
||||
padding 2px 8px
|
||||
border-radius 8px
|
||||
background var(--efu-card-bg)
|
||||
border var(--style-border)
|
||||
font-size 14px
|
||||
font-weight 700
|
||||
|
||||
&:hover
|
||||
background var(--efu-main)
|
||||
color var(--efu-white)
|
||||
|
||||
sup
|
||||
opacity .6
|
||||
|
||||
.close-btn
|
||||
width 100%
|
||||
height 60px
|
||||
position fixed
|
||||
right max('calc((100% - 1400px) / 2)', someValue)
|
||||
top 0
|
||||
font-size 35px
|
||||
color var(--efu-fontcolor)
|
||||
cursor pointer
|
||||
transition .3s
|
||||
display flex
|
||||
align-items center
|
||||
justify-content center
|
||||
max-width 1400px
|
||||
|
||||
i
|
||||
font-size 32px
|
||||
margin-right 1.5rem
|
||||
margin-left auto
|
||||
line-height 1
|
||||
transform rotate(-30deg)
|
||||
transition .6s
|
||||
|
||||
i:hover
|
||||
color var(--efu-hovertext)
|
||||
background var(--efu-main-op)
|
||||
border-radius 32px
|
||||
|
||||
.console-card.history
|
||||
margin-top 8px
|
||||
padding 0
|
||||
background 0 0
|
||||
box-shadow none
|
||||
border none
|
||||
overflow hidden
|
||||
border-radius 0
|
||||
|
||||
.item-headline
|
||||
display none
|
||||
|
||||
.console-card.history
|
||||
.card-archive-list
|
||||
display flex
|
||||
flex-direction row
|
||||
flex-wrap wrap
|
||||
height 164px
|
||||
gap .5rem
|
||||
|
||||
li.card-archive-list-item
|
||||
flex 0 1 24.101%
|
||||
|
||||
.card-archive-list-link
|
||||
border-radius 8px
|
||||
display flex
|
||||
flex-direction column
|
||||
align-content space-between
|
||||
border var(--style-border)
|
||||
transition all .3s ease 0s
|
||||
background var(--efu-maskbgdeep)
|
||||
padding 9.5px 16px
|
||||
|
||||
&:hover
|
||||
background var(--efu-main)
|
||||
color var(--efu-white)
|
||||
cursor pointer
|
||||
|
||||
.card-archive-list-date
|
||||
font-size 14px
|
||||
opacity .6
|
||||
|
||||
.card-archive-list-count-group
|
||||
display flex
|
||||
flex-direction row
|
||||
|
||||
.card-archive-list-count
|
||||
width auto
|
||||
text-align left
|
||||
font-size 1.1rem
|
||||
line-height .9
|
||||
margin-right 2px
|
||||
font-weight 700
|
||||
|
||||
.card-archive-list-count-unit
|
||||
width auto
|
||||
text-align left
|
||||
font-size 14px
|
||||
font-weight 700
|
||||
|
||||
#card-newest-comments
|
||||
height 100%
|
||||
|
||||
#consoleMusic
|
||||
+maxWidth1300()
|
||||
display none
|
||||
|
||||
+maxHeight800()
|
||||
display none
|
||||
|
||||
#consoleCommentBarrage
|
||||
+maxWidth1300()
|
||||
display none
|
||||
|
||||
+maxHeight800()
|
||||
display none
|
||||
|
||||
#consoleHideAside
|
||||
+maxWidth768()
|
||||
display none
|
||||
@@ -0,0 +1,278 @@
|
||||
#footer
|
||||
position relative
|
||||
background linear-gradient(180deg, var(--efu-card-bg-none) 0, var(--efu-card-bg) 25%)
|
||||
display flex
|
||||
flex-direction column
|
||||
margin-top .5rem
|
||||
|
||||
+maxWidth768()
|
||||
margin-top 0
|
||||
|
||||
&:before
|
||||
position absolute
|
||||
width 100%
|
||||
height 100%
|
||||
content ''
|
||||
z-index -1
|
||||
|
||||
|
||||
if hexo-config('post.footer.enable')
|
||||
div#st-footer-bar
|
||||
display flex
|
||||
flex-direction column
|
||||
align-items center
|
||||
margin-top 16px
|
||||
|
||||
a.footer-bar-link
|
||||
padding 4px 16px
|
||||
background var(--efu-secondbg)
|
||||
border-radius 20px
|
||||
margin-top 8px
|
||||
font-size 14px
|
||||
cursor pointer
|
||||
border var(--style-border-always)
|
||||
|
||||
&:hover
|
||||
background var(--efu-main)
|
||||
color var(--efu-white)
|
||||
transform scale(1.1)
|
||||
border-color var(--efu-main)
|
||||
|
||||
.footer-logo
|
||||
font-size 24px
|
||||
|
||||
.footer-bar-description
|
||||
color var(--efu-secondtext)
|
||||
font-weight 700
|
||||
padding: 0 0.5rem
|
||||
text-align: center
|
||||
|
||||
#footer_deal
|
||||
justify-content center
|
||||
display flex
|
||||
padding-top 2rem
|
||||
align-items center
|
||||
|
||||
+maxWidth768()
|
||||
flex-wrap wrap
|
||||
flex-direction row
|
||||
|
||||
i
|
||||
font-size .9rem
|
||||
line-height .9rem
|
||||
height .9rem
|
||||
|
||||
.deal_link
|
||||
display flex
|
||||
margin 1rem 27px
|
||||
color var(--efu-card-bg)
|
||||
border-radius 3rem
|
||||
width 32px
|
||||
height 32px
|
||||
background var(--efu-fontcolor)
|
||||
justify-content center
|
||||
align-items center
|
||||
transition .3s
|
||||
|
||||
&:hover
|
||||
color var(--efu-white)
|
||||
background var(--efu-main)
|
||||
transform scale(1.1)
|
||||
|
||||
if hexo-config('footer.information.author')
|
||||
.footer_mini_logo
|
||||
width 50px
|
||||
height 50px
|
||||
margin 0 1rem
|
||||
cursor pointer
|
||||
transition cubic-bezier(0, 0, 0, 1.29) .5s
|
||||
user-select none
|
||||
border-radius 50px
|
||||
overflow hidden
|
||||
+maxWidth768()
|
||||
display none
|
||||
|
||||
&:hover
|
||||
transform scale(1.2)
|
||||
|
||||
#st-footer
|
||||
display flex
|
||||
flex-direction row
|
||||
width 100%
|
||||
max-width 1200px
|
||||
justify-content space-between
|
||||
flex-wrap wrap
|
||||
margin 1rem auto 3rem
|
||||
padding 0 1rem
|
||||
|
||||
.footer-links
|
||||
display flex
|
||||
flex-direction column
|
||||
|
||||
.footer-item
|
||||
font-size .8rem
|
||||
line-height .8rem
|
||||
color var(--efu-fontcolor)
|
||||
margin-right auto
|
||||
overflow hidden
|
||||
white-space nowrap
|
||||
text-overflow ellipsis
|
||||
max-width 120px
|
||||
cursor pointer
|
||||
padding 8px
|
||||
border-radius 12px
|
||||
|
||||
&:hover
|
||||
color var(--efu-theme)
|
||||
background var(--efu-main-op-light)
|
||||
|
||||
[data-theme=dark] &
|
||||
background var(--efu-theme-op)
|
||||
|
||||
.footer-group
|
||||
min-width 120px
|
||||
|
||||
.footer-title-group
|
||||
display flex
|
||||
align-items center
|
||||
margin .5rem 0 .7rem 8px
|
||||
|
||||
a
|
||||
margin-left 8px
|
||||
|
||||
&:hover i
|
||||
color var(--efu-main)
|
||||
opacity 1
|
||||
|
||||
i
|
||||
line-height 1
|
||||
color var(--efu-secondtext)
|
||||
transition .3s
|
||||
font-size 16px
|
||||
opacity .6
|
||||
|
||||
.footer-title
|
||||
margin 0
|
||||
|
||||
.footer-title
|
||||
color var(--efu-secondtext)
|
||||
font-size .8rem
|
||||
margin-left 8px
|
||||
|
||||
.random-friends-btn
|
||||
display flex
|
||||
margin-left 8px
|
||||
|
||||
/#footer-bar
|
||||
padding 1rem
|
||||
color var(--efu-fontcolor)
|
||||
margin-top 1rem
|
||||
background var(--efu-secondbg)
|
||||
display flex
|
||||
overflow hidden
|
||||
z-index 1
|
||||
transition .3s
|
||||
border-top var(--style-border-always)
|
||||
|
||||
.footer-bar-links
|
||||
display flex
|
||||
justify-content space-between
|
||||
max-width 1400px
|
||||
width 100%
|
||||
margin 0 auto
|
||||
flex-wrap wrap
|
||||
align-items center
|
||||
line-height 1
|
||||
|
||||
.footer-bar-left
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
min-height 32px
|
||||
align-items center
|
||||
|
||||
.copyright
|
||||
display flex
|
||||
flex-direction row
|
||||
align-items center
|
||||
padding 0 8px
|
||||
margin 0 4px
|
||||
|
||||
.footer-bar-link
|
||||
margin 0
|
||||
|
||||
.footer-bar-link
|
||||
margin 0 4px
|
||||
color var(--efu-fontcolor)
|
||||
font-size .8rem
|
||||
padding 8px
|
||||
border-radius 12px
|
||||
font-weight 700
|
||||
white-space nowrap
|
||||
|
||||
&.cc
|
||||
margin-right 0
|
||||
|
||||
i
|
||||
font-size 18px
|
||||
|
||||
&:not(:last-child)
|
||||
margin-right .5rem
|
||||
|
||||
&:hover
|
||||
color var(--efu-theme)
|
||||
background var(--efu-main-op)
|
||||
|
||||
.footer-bar-right
|
||||
display flex
|
||||
flex-direction row
|
||||
flex-wrap wrap
|
||||
align-items center
|
||||
|
||||
> div > div.footer-bar-left > span
|
||||
margin-right 1rem
|
||||
|
||||
#cookies-window
|
||||
min-width 300px
|
||||
background var(--efu-maskbgdeep)
|
||||
color var(--efu-fontcolor)
|
||||
padding 8px 16px
|
||||
display flex
|
||||
flex-direction column
|
||||
bottom 20px
|
||||
right 20px
|
||||
position fixed
|
||||
border-radius 12px
|
||||
transition .3s
|
||||
z-index 8
|
||||
user-select none
|
||||
backdrop-filter saturate(180%) blur(20px)
|
||||
transform translateZ(0)
|
||||
border var(--style-border)
|
||||
animation barrageIn .6s cubic-bezier(.42, 0, .3, 1.11)
|
||||
|
||||
+maxWidth1300()
|
||||
display none
|
||||
|
||||
&.cw-hide
|
||||
opacity 0
|
||||
animation barrageOut .6s cubic-bezier(.42, 0, .3, 1.11)
|
||||
z-index -1
|
||||
|
||||
.cookies-window-title
|
||||
padding-bottom 4px
|
||||
border-bottom var(--style-border)
|
||||
font-size 12px
|
||||
font-weight 700
|
||||
|
||||
.cookies-window-content
|
||||
font-size 14px
|
||||
display flex
|
||||
justify-content space-around
|
||||
align-items center
|
||||
|
||||
.cookies-link
|
||||
margin-left: 10px
|
||||
font-size: 16px
|
||||
|
||||
i.solitude
|
||||
font-size 16px
|
||||
@@ -0,0 +1,47 @@
|
||||
if hexo-config('loading.fullpage')
|
||||
#loading-box
|
||||
user-select none
|
||||
|
||||
.loading-bg
|
||||
display flex
|
||||
width 100%
|
||||
height 100%
|
||||
position fixed
|
||||
background var(--efu-background)
|
||||
z-index 1999
|
||||
opacity 1
|
||||
transition 0.2s
|
||||
pointer-events all
|
||||
animation showLoading 0.3s 0s backwards
|
||||
|
||||
&.loaded .loading-bg
|
||||
pointer-events none
|
||||
transition 0.2s
|
||||
animation hideLoading 0.3s 0s forwards
|
||||
|
||||
.loading-img
|
||||
width 100px
|
||||
margin auto
|
||||
animation-duration 0.2s
|
||||
animation-name loadingAction
|
||||
border-radius 50px
|
||||
animation-iteration-count infinite
|
||||
animation-direction alternate
|
||||
|
||||
@keyframes loadingAction
|
||||
from
|
||||
opacity 1
|
||||
to
|
||||
opacity 0.6
|
||||
|
||||
@keyframes hideLoading
|
||||
from
|
||||
opacity 1
|
||||
to
|
||||
opacity 0
|
||||
|
||||
@keyframes showLoading
|
||||
from
|
||||
opacity 0
|
||||
to
|
||||
opacity 1
|
||||
@@ -0,0 +1,897 @@
|
||||
#page-header
|
||||
position relative
|
||||
width 100%
|
||||
transition all .5s ease 0s
|
||||
display flex
|
||||
justify-content center
|
||||
|
||||
&.not-top-img
|
||||
height 60px
|
||||
background 0 center
|
||||
|
||||
#nav
|
||||
transition .3s
|
||||
background var(--efu-card-bg)
|
||||
|
||||
a
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
&:hover
|
||||
color var(--efu-card-bg)
|
||||
|
||||
&:not(.nav-fixed)
|
||||
#nav
|
||||
background var(--efu-none)
|
||||
transition .3s
|
||||
|
||||
+maxWidth768()
|
||||
transition 0s
|
||||
|
||||
#page-header
|
||||
#site-title
|
||||
margin 0
|
||||
color var(--efu-white)
|
||||
font-size 1.85em
|
||||
|
||||
+minWidth768()
|
||||
font-size 2.85em
|
||||
|
||||
#site-subtitle
|
||||
color var(--light-grey)
|
||||
font-size 1.15em
|
||||
|
||||
+minWidth768()
|
||||
font-size 1.72em
|
||||
|
||||
#site_social_icons
|
||||
display none
|
||||
margin 0 auto
|
||||
width 15rem
|
||||
text-align center
|
||||
|
||||
+maxWidth768()
|
||||
display block
|
||||
|
||||
.social-icon
|
||||
margin 0 .5rem
|
||||
color var(--light-grey)
|
||||
font-size 1.43em
|
||||
cursor pointer
|
||||
|
||||
#scroll-down
|
||||
position absolute
|
||||
bottom 0
|
||||
width 100%
|
||||
cursor pointer
|
||||
display none
|
||||
|
||||
.scroll-down-effects
|
||||
animation: 1.5s ease 0s infinite normal none running scroll-down-effect
|
||||
position relative
|
||||
width 100%
|
||||
color var(--light-grey)
|
||||
font-size 30px
|
||||
|
||||
&.not-home-page
|
||||
height 20rem
|
||||
|
||||
+maxWidth768()
|
||||
height 14rem
|
||||
|
||||
#page-site-info
|
||||
position absolute
|
||||
top 10rem
|
||||
padding 0 .5rem
|
||||
width 100%
|
||||
|
||||
+maxWidth768()
|
||||
top 7rem
|
||||
|
||||
#nav
|
||||
box-shadow none
|
||||
transition 0.3s
|
||||
display flex
|
||||
justify-content center
|
||||
user-select none
|
||||
|
||||
+maxWidth768()
|
||||
transition 0s
|
||||
|
||||
+maxWidth1400()
|
||||
padding 0
|
||||
|
||||
a
|
||||
&:hover
|
||||
span
|
||||
&.solitude
|
||||
opacity 0
|
||||
|
||||
+maxWidth768()
|
||||
opacity 1
|
||||
|
||||
#nav-group
|
||||
max-width 1400px
|
||||
width 100%
|
||||
display flex
|
||||
position relative
|
||||
padding 0 1.5rem
|
||||
align-items center
|
||||
|
||||
+maxWidth768()
|
||||
width 100%
|
||||
display flex
|
||||
position relative
|
||||
padding 0 12px
|
||||
|
||||
#nav-right
|
||||
position absolute
|
||||
right 0
|
||||
z-index 102
|
||||
display flex
|
||||
flex-direction row
|
||||
height 100%
|
||||
align-items center
|
||||
margin-right 1.5rem
|
||||
overflow hidden
|
||||
gap .5rem
|
||||
|
||||
+maxWidth768()
|
||||
margin-right 12px
|
||||
|
||||
div
|
||||
padding 0
|
||||
|
||||
.nav-button
|
||||
a
|
||||
height 35px
|
||||
width 35px
|
||||
display flex
|
||||
align-items center
|
||||
justify-content center
|
||||
border-radius 40px
|
||||
|
||||
&.totopbtn
|
||||
width 25px
|
||||
height 25px
|
||||
border-radius 40px
|
||||
background var(--efu-fontcolor)
|
||||
color var(--efu-card-bg)
|
||||
position absolute
|
||||
top 5px
|
||||
right 5px
|
||||
transition .3s
|
||||
|
||||
&.console_switchbutton
|
||||
padding 4px 8px
|
||||
|
||||
&.long
|
||||
a
|
||||
&.totopbtn
|
||||
width 70px
|
||||
|
||||
&:hover
|
||||
a
|
||||
&.totopbtn
|
||||
background var(--efu-lighttext)
|
||||
|
||||
&:not(.long):hover
|
||||
a
|
||||
&.totopbtn
|
||||
width 35px
|
||||
height 35px
|
||||
top 0
|
||||
right 0
|
||||
|
||||
&.nav-fixed
|
||||
#nav
|
||||
position fixed
|
||||
top 0
|
||||
transition .3s
|
||||
box-shadow none
|
||||
background var(--efu-card-bg)
|
||||
outline 1px solid var(--efu-card-border)
|
||||
|
||||
#menus
|
||||
+minWidth900()
|
||||
z-index 100
|
||||
|
||||
& > div
|
||||
&.menus_items
|
||||
transition .3s
|
||||
height 40px
|
||||
margin auto 0
|
||||
|
||||
#menus[style*="padding-right: 300px;"]
|
||||
.menus_items
|
||||
transform translateX(-150px)
|
||||
|
||||
#page-name
|
||||
+minWidth900()
|
||||
z-index 101
|
||||
transition .3s
|
||||
top 10px
|
||||
|
||||
&-text
|
||||
+minWidth900()
|
||||
display inline
|
||||
opacity 1
|
||||
transition .3s
|
||||
line-height 1
|
||||
|
||||
&:hover
|
||||
&:after
|
||||
+minWidth900()
|
||||
opacity 1
|
||||
line-height 36px
|
||||
|
||||
div.menus_items
|
||||
+minWidth900()
|
||||
transition .15s
|
||||
position relative
|
||||
top -60px
|
||||
|
||||
&.nav-visible
|
||||
#nav
|
||||
#page-name
|
||||
+minWidth900()
|
||||
z-index 100
|
||||
top 60px
|
||||
transition .3s
|
||||
|
||||
&-text
|
||||
+minWidth900()
|
||||
display inline
|
||||
transition .15s
|
||||
|
||||
div.menus_items
|
||||
+minWidth900()
|
||||
opacity 1
|
||||
transition .15s
|
||||
position relative
|
||||
top: 0
|
||||
|
||||
#menus
|
||||
+minWidth900()
|
||||
z-index 101
|
||||
|
||||
#travellings_button
|
||||
+maxWidth768()
|
||||
opacity 0
|
||||
|
||||
&.no-top-img
|
||||
margin-bottom 0
|
||||
|
||||
&:not(.nav-fixed)
|
||||
#percent
|
||||
transition .3s
|
||||
|
||||
#nav-right #nav-totop
|
||||
width 0
|
||||
transform scale(0)
|
||||
margin-left 0
|
||||
overflow hidden
|
||||
transition .3s ease-in
|
||||
|
||||
#page-header #scroll-down .scroll-down-effects,
|
||||
#page-header #site-subtitle, #page-header #site-title
|
||||
text-align center
|
||||
line-height 1.5
|
||||
|
||||
#page-header.nav-fixed > #nav,
|
||||
#page-header.not-top-img > #nav
|
||||
box-shadow none
|
||||
|
||||
#nav
|
||||
padding 0
|
||||
position absolute
|
||||
top 0
|
||||
z-index 10
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
-webkit-box-align center
|
||||
align-items center
|
||||
width 100%
|
||||
height 60px
|
||||
font-size 1.3em
|
||||
opacity 0
|
||||
transition all .5s ease 0s
|
||||
outline 1px solid var(--efu-none)
|
||||
justify-content space-between
|
||||
|
||||
+maxWidth768()
|
||||
padding 0
|
||||
|
||||
&.show
|
||||
top 0
|
||||
transition .2s
|
||||
position fixed
|
||||
opacity 1
|
||||
filter none
|
||||
|
||||
#toggle-menu
|
||||
display none
|
||||
padding .1rem 0 0 .3rem
|
||||
vertical-align top
|
||||
|
||||
+maxWidth768()
|
||||
display inline-block
|
||||
|
||||
&:hover
|
||||
color var(--efu-white)
|
||||
|
||||
#site-name
|
||||
padding 0
|
||||
transition .3s
|
||||
display flex
|
||||
height 35px
|
||||
min-width 50px
|
||||
justify-content center
|
||||
align-items center
|
||||
border-radius 40px
|
||||
cursor pointer
|
||||
|
||||
&:hover
|
||||
@media (hover: hover)
|
||||
i, span, img
|
||||
color var(--efu-card-bg)
|
||||
transition .3s
|
||||
|
||||
+minWidth900()
|
||||
i, span, img
|
||||
opacity 0
|
||||
|
||||
&:after
|
||||
+minWidth900()
|
||||
opacity: 1
|
||||
|
||||
&:after
|
||||
+minWidth900()
|
||||
opacity 0
|
||||
position absolute
|
||||
display flex
|
||||
z-index 1
|
||||
content "\e008"
|
||||
font-family solitude, serif
|
||||
align-items center
|
||||
justify-content center
|
||||
font-size 22px
|
||||
line-height 1
|
||||
color var(--efu-card-bg)
|
||||
|
||||
if hexo-config('site.name.class') == i_class
|
||||
i
|
||||
font-size 16px
|
||||
line-height 35px
|
||||
padding 0 12px
|
||||
|
||||
+maxWidth768()
|
||||
transition .1s
|
||||
|
||||
+minWidth900()
|
||||
opacity 1
|
||||
transition all .3s, color 0s, opacity .3s
|
||||
|
||||
if hexo-config('site.name.class') == text
|
||||
span.title
|
||||
letter-spacing normal
|
||||
font-size 1rem
|
||||
font-weight 700
|
||||
padding 0 5px
|
||||
line-height 2rem
|
||||
+maxWidth768()
|
||||
padding-left 8px
|
||||
|
||||
if hexo-config('site.name.class') == img
|
||||
img
|
||||
max-width 120px
|
||||
max-height 35px
|
||||
padding 4px 8px
|
||||
|
||||
#blog_name
|
||||
flex-wrap nowrap
|
||||
height 60px
|
||||
display flex
|
||||
align-items center
|
||||
z-index 102
|
||||
transition .3s
|
||||
|
||||
a
|
||||
transition .3s
|
||||
color var(--efu-white)
|
||||
padding .3rem .4rem 0
|
||||
border-radius 8px
|
||||
|
||||
&:hover
|
||||
background var(--efu-white-op)
|
||||
transition .3s
|
||||
color var(--efu-white)
|
||||
|
||||
+maxWidth768()
|
||||
background var(--efu-none)
|
||||
box-shadow none
|
||||
transition .3s
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
#menus
|
||||
display flex
|
||||
justify-content center
|
||||
width 100%
|
||||
position absolute
|
||||
height 60px
|
||||
left 0
|
||||
margin 0
|
||||
transform translateZ(0)
|
||||
|
||||
+maxWidth768()
|
||||
display none
|
||||
|
||||
.menus_items
|
||||
position relative
|
||||
width fit-content
|
||||
text-align center
|
||||
left 0
|
||||
right 0
|
||||
top 0
|
||||
display flex
|
||||
flex-direction row
|
||||
justify-content center
|
||||
|
||||
.menus_item
|
||||
padding 0 .4rem
|
||||
display flex
|
||||
flex-direction column
|
||||
align-items center
|
||||
margin auto
|
||||
position relative
|
||||
|
||||
.menus_item_child
|
||||
padding 6px 4px 8px 4px
|
||||
border-radius 100px
|
||||
background-color var(--efu-maskbgdeep)
|
||||
box-shadow var(--efu-shadow-black)
|
||||
border var(--style-border)
|
||||
transition .3s
|
||||
backdrop-filter blur(20px)
|
||||
top 35px
|
||||
position absolute
|
||||
margin-top 8px
|
||||
white-space nowrap
|
||||
opacity 0
|
||||
pointer-events none
|
||||
transform translateY(-10px) scale(.8)
|
||||
|
||||
li
|
||||
display inline-flex
|
||||
list-style none
|
||||
border-radius 5px
|
||||
margin 0 4px
|
||||
|
||||
#page-header & a
|
||||
letter-spacing 0
|
||||
display flex
|
||||
align-items center
|
||||
border-radius 100px
|
||||
padding .3rem .8rem
|
||||
width 100%
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
&:hover
|
||||
background var(--efu-lighttext)
|
||||
color var(--efu-card-bg)
|
||||
box-shadow var(--efu-shadow-main)
|
||||
margin 0 auto
|
||||
transform scale(1)
|
||||
padding .3rem 1rem
|
||||
|
||||
i
|
||||
&:not(.fa-brands)
|
||||
font-size 22px
|
||||
margin-right 8px
|
||||
line-height 1
|
||||
|
||||
&::before
|
||||
position absolute
|
||||
top -8px
|
||||
left 0
|
||||
width 100%
|
||||
height 20px
|
||||
content ""
|
||||
|
||||
&:before
|
||||
top -10px
|
||||
|
||||
&:hover
|
||||
.menus_item_child
|
||||
display block
|
||||
border var(--style-border-hover)
|
||||
box-shadow var(--efu-shadow-main)
|
||||
opacity 1
|
||||
pointer-events all
|
||||
transform translateY(0) scale(1)
|
||||
|
||||
i
|
||||
&.expand
|
||||
transform rotate(180deg)
|
||||
|
||||
i
|
||||
&.expand
|
||||
padding 4px
|
||||
transition transform .3s ease 0s
|
||||
|
||||
#search-button
|
||||
display inline
|
||||
padding 0 .4rem
|
||||
|
||||
.site-page
|
||||
position relative
|
||||
padding-bottom .3rem
|
||||
font-size .78em
|
||||
cursor pointer
|
||||
|
||||
if hexo-config('nav.group')
|
||||
.back-home-button
|
||||
&:hover
|
||||
+minWidth900()
|
||||
box-shadow var(--efu-shadow-main)
|
||||
cursor pointer
|
||||
|
||||
#page-name
|
||||
&-text
|
||||
+minWidth900()
|
||||
display inline
|
||||
font-weight 700
|
||||
padding 4px 8px
|
||||
opacity 0
|
||||
transition .1s
|
||||
text-overflow ellipsis
|
||||
overflow hidden
|
||||
white-space nowrap
|
||||
position relative
|
||||
text-align center
|
||||
cursor pointer
|
||||
top 0
|
||||
font-size .9rem
|
||||
animation-timing-function ease-in
|
||||
-webkit-animation-timing-function ease-in
|
||||
|
||||
&:hover
|
||||
+minWidth900()
|
||||
color var(--efu-lighttext) !important
|
||||
background var(--efu-none)
|
||||
box-shadow none
|
||||
|
||||
&-mask
|
||||
+maxWidth899()
|
||||
display none !important
|
||||
|
||||
.nav-button
|
||||
cursor pointer
|
||||
|
||||
#site-name
|
||||
.iconfont
|
||||
font-size 20px
|
||||
font-weight 400
|
||||
line-height 48px
|
||||
|
||||
#site-logo
|
||||
width 121px
|
||||
|
||||
#nav-totop
|
||||
position relative
|
||||
width 35px
|
||||
height 35px
|
||||
display flex
|
||||
border-radius 40px
|
||||
transition all .3s ease-in-out
|
||||
align-items center
|
||||
|
||||
&.long
|
||||
width 80px
|
||||
|
||||
.totopbtn
|
||||
padding-top 0
|
||||
|
||||
i
|
||||
position absolute
|
||||
display flex
|
||||
font-size 22px
|
||||
opacity 0
|
||||
line-height 1
|
||||
|
||||
&:hover
|
||||
.totopbtn
|
||||
i
|
||||
opacity 1
|
||||
color var(--efu-card-bg)
|
||||
transition .3s
|
||||
|
||||
#percent
|
||||
opacity 0
|
||||
font-weight 700
|
||||
|
||||
#percent
|
||||
font-size 12px
|
||||
border-radius 35px
|
||||
display flex
|
||||
justify-content center
|
||||
align-items center
|
||||
transition .3s
|
||||
white-space nowrap
|
||||
|
||||
.nav-fixed #nav-totop #percent,
|
||||
.page #nav-totop #percent
|
||||
font-size 12px
|
||||
border-radius 35px
|
||||
display flex
|
||||
justify-content center
|
||||
align-items center
|
||||
transition .3s
|
||||
white-space nowrap
|
||||
|
||||
if hexo-config('nav.group')
|
||||
.back-home-button
|
||||
display flex
|
||||
width 35px
|
||||
height 35px
|
||||
padding 0 !important
|
||||
align-items center
|
||||
justify-content center
|
||||
margin-right 4px
|
||||
transition .3s
|
||||
border-radius 40px
|
||||
|
||||
+maxWidth768()
|
||||
display: none
|
||||
|
||||
i
|
||||
font-size 20px
|
||||
|
||||
&:hover
|
||||
background var(--efu-main)
|
||||
color var(--efu-card-bg)
|
||||
|
||||
.back-menu-list-groups
|
||||
display flex
|
||||
opacity 1
|
||||
top 55px
|
||||
pointer-events auto
|
||||
left 1.5rem
|
||||
transform scale(1)
|
||||
|
||||
+maxWidth768()
|
||||
padding-bottom 8px
|
||||
box-shadow var(--efu-shadow-border)
|
||||
left: 0
|
||||
|
||||
.back-menu-list-group
|
||||
display flex
|
||||
flex-direction column
|
||||
|
||||
.back-menu-list-title
|
||||
margin 8px 0 0 16px
|
||||
transition .3s
|
||||
|
||||
&:hover
|
||||
.back-menu-list-title
|
||||
color var(--efu-lighttext)
|
||||
|
||||
.back-menu-list-groups
|
||||
position absolute
|
||||
top 45px
|
||||
transform scale(.8)
|
||||
transform-origin top left
|
||||
left 1.5rem
|
||||
background-color var(--efu-maskbgdeep)
|
||||
border-radius 12px
|
||||
border var(--style-border)
|
||||
flex-direction column
|
||||
font-size 12px
|
||||
color var(--efu-secondtext)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
transition .3s
|
||||
opacity 0
|
||||
pointer-events none
|
||||
backdrop-filter blur(20px)
|
||||
|
||||
+maxWidth768()
|
||||
left 0
|
||||
|
||||
&:hover
|
||||
border var(--style-border-hover)
|
||||
|
||||
.back-menu-list
|
||||
.back-menu-item
|
||||
width 150px
|
||||
|
||||
.nav-fixed
|
||||
#nav
|
||||
a
|
||||
color var(--efu-fontcolor)
|
||||
transition .3s
|
||||
|
||||
&:hover
|
||||
background var(--efu-lighttext)
|
||||
color var(--efu-card-bg)
|
||||
transition .3s
|
||||
|
||||
#site-name
|
||||
&:hover
|
||||
+minWidth900()
|
||||
background var(--efu-lighttext)
|
||||
|
||||
if hexo-config('nav.group')
|
||||
.back-home-button
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
&:hover
|
||||
background var(--efu-lighttext)
|
||||
color var(--efu-card-bg)
|
||||
|
||||
.menus_item
|
||||
&:hover
|
||||
& >
|
||||
a.site-page
|
||||
background-color var(--efu-lighttext)
|
||||
|
||||
+minWidth768()
|
||||
background-color var(--efu-main)
|
||||
|
||||
.post
|
||||
if hexo-config('nav.group')
|
||||
.back-home-button
|
||||
color var(--efu-white)
|
||||
|
||||
&:hover
|
||||
background var(--efu-white-op)
|
||||
color var(--efu-white)
|
||||
cursor pointer
|
||||
|
||||
#nav
|
||||
#site-name
|
||||
&:hover
|
||||
+minWidth900()
|
||||
align-items center
|
||||
|
||||
&:after
|
||||
color var(--efu-white)
|
||||
|
||||
.nav-fixed
|
||||
#nav
|
||||
#site-name
|
||||
&:after
|
||||
color var(--efu-card-bg)
|
||||
|
||||
.back-menu-list
|
||||
display flex
|
||||
flex-direction row
|
||||
flex-wrap wrap
|
||||
width 340px
|
||||
justify-content space-between
|
||||
|
||||
&::before
|
||||
position absolute
|
||||
top -15px
|
||||
left 0
|
||||
width 100%
|
||||
height 20px
|
||||
content ''
|
||||
|
||||
.back-menu-item
|
||||
display flex
|
||||
align-items center
|
||||
margin 4px 8px
|
||||
padding 4px 8px
|
||||
|
||||
#nav &
|
||||
padding 4px 8px
|
||||
|
||||
#nav &
|
||||
&:hover
|
||||
background var(--efu-lighttext)
|
||||
|
||||
&:hover
|
||||
background var(--efu-lighttext)
|
||||
|
||||
.back-menu-item-text
|
||||
color var(--efu-card-bg)
|
||||
|
||||
.back-menu-item-icon
|
||||
width 24px
|
||||
height 24px
|
||||
border-radius 8px
|
||||
background var(--efu-none)
|
||||
|
||||
.back-menu-item-text
|
||||
font-size 16px
|
||||
transition .3s
|
||||
margin-left .5rem
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
+maxWidth768()
|
||||
font-size 14px
|
||||
|
||||
.page
|
||||
#nav
|
||||
a
|
||||
&:hover
|
||||
color var(--efu-card-bg)
|
||||
background var(--efu-main)
|
||||
transition .3s
|
||||
box-shadow var(--efu-shadow-main)
|
||||
|
||||
#site-name
|
||||
&:hover
|
||||
i
|
||||
color var(--efu-card-bg)
|
||||
|
||||
.menus_item
|
||||
&:hover
|
||||
& > a.site-page
|
||||
+minWidth768()
|
||||
color var(--efu-card-bg) !important
|
||||
background var(--efu-main)
|
||||
box-shadow var(--efu-shadow-main)
|
||||
|
||||
.error
|
||||
#nav
|
||||
a
|
||||
&:hover
|
||||
background var(--efu-main)
|
||||
|
||||
#site-name
|
||||
i
|
||||
+maxWidth768()
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
#weblogo
|
||||
align-self center
|
||||
|
||||
#menus
|
||||
& > div
|
||||
&.menus_items
|
||||
& > div
|
||||
& > a
|
||||
letter-spacing .3rem
|
||||
padding-left .7rem
|
||||
font-weight 700
|
||||
padding-top 0
|
||||
padding-bottom 0
|
||||
height 35px
|
||||
line-height 35px
|
||||
border-radius 40px
|
||||
|
||||
#travellings_button
|
||||
display inline
|
||||
padding 0 .4rem
|
||||
transition .3s
|
||||
|
||||
+maxWidth1200()
|
||||
display none
|
||||
|
||||
#page-name
|
||||
+minWidth900()
|
||||
align-items center
|
||||
display flex
|
||||
border-radius 12px
|
||||
height 40px
|
||||
position absolute
|
||||
top 62px
|
||||
left 0
|
||||
right 0
|
||||
margin auto
|
||||
justify-content center
|
||||
animation-timing-function ease-out
|
||||
-webkit-animation-timing-function ease-out
|
||||
|
||||
#page-name-mask
|
||||
+minWidth900()
|
||||
width 100%
|
||||
height 100%
|
||||
position absolute
|
||||
overflow hidden
|
||||
left 0
|
||||
|
||||
if hexo-config('nav.right.console')
|
||||
#nav-console
|
||||
+maxWidth768()
|
||||
display none
|
||||
@@ -0,0 +1,60 @@
|
||||
if hexo-config('keyboard.enable')
|
||||
#keyboard-tips
|
||||
position fixed
|
||||
top 80px
|
||||
left 20px
|
||||
z-index 999
|
||||
background var(--efu-maskbgdeep)
|
||||
border-radius 12px
|
||||
border var(--style-border)
|
||||
padding 20px
|
||||
display flex
|
||||
flex-direction column
|
||||
backdrop-filter saturate(180%) blur(20px)
|
||||
transform translateZ(0)
|
||||
pointer-events none
|
||||
box-shadow var(--efu-shadow-border)
|
||||
opacity 0
|
||||
transition .3s
|
||||
|
||||
&.show
|
||||
opacity 1
|
||||
transition .1s
|
||||
|
||||
.keyboardTitle
|
||||
font-size 12px
|
||||
color var(--efu-secondtext)
|
||||
line-height 1
|
||||
|
||||
.keyboardList
|
||||
display flex
|
||||
flex-direction column
|
||||
margin-top 8px
|
||||
|
||||
.keyboardItem
|
||||
display flex
|
||||
margin-top 4px
|
||||
|
||||
.keyGroup
|
||||
display flex
|
||||
align-items center
|
||||
width 90px
|
||||
|
||||
.key
|
||||
padding 0.2em 0.4em
|
||||
font-family inherit
|
||||
background-color var(--efu-card-bg)
|
||||
color var(--efu-fontcolor)
|
||||
border var(--style-border)
|
||||
border-color var(--efu-secondtext)
|
||||
border-bottom 2px solid var(--efu-secondtext)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
border-radius 0.25rem
|
||||
overflow-wrap break-word
|
||||
overflow-x auto
|
||||
font-weight 500
|
||||
font-size .875em
|
||||
margin-right 4px
|
||||
vertical-align baseline
|
||||
line-height 1
|
||||
height 24px
|
||||
@@ -0,0 +1,28 @@
|
||||
span.tags-punctuation
|
||||
display flex
|
||||
align-items center
|
||||
|
||||
.bber-reply
|
||||
cursor pointer
|
||||
margin 0 4px
|
||||
|
||||
&:hover
|
||||
color var(--efu-main)
|
||||
|
||||
.post-tips
|
||||
color var(--efu-gray)
|
||||
font-size 14px;
|
||||
position absolute
|
||||
bottom 1rem
|
||||
left 2rem
|
||||
|
||||
+maxWidth768()
|
||||
left 1rem
|
||||
|
||||
a
|
||||
color var(--efu-gray)
|
||||
border none
|
||||
margin-left 4px
|
||||
|
||||
&:hover
|
||||
color var(--efu-main)
|
||||
@@ -0,0 +1,40 @@
|
||||
if hexo-config('loading.pace')
|
||||
.pace
|
||||
pointer-events: none
|
||||
user-select: none
|
||||
z-index: 2000
|
||||
position: fixed
|
||||
margin: auto
|
||||
top: 4px
|
||||
left: 0
|
||||
right: 0
|
||||
height: 8px
|
||||
border-radius: 8px
|
||||
width: 4rem
|
||||
background: var(--efu-secondbg)
|
||||
border: var(--style-border)
|
||||
overflow: hidden
|
||||
|
||||
&.pace-inactive
|
||||
opacity: 0
|
||||
transition: .3s
|
||||
top: -8px
|
||||
|
||||
.pace-progress
|
||||
opacity: 0
|
||||
transition: .3s ease-in
|
||||
|
||||
.pace-progress
|
||||
box-sizing: border-box
|
||||
transform: translate3d(0,0,0)
|
||||
max-width: 200px
|
||||
z-index: 2000
|
||||
display: block
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 100%
|
||||
height: 100%
|
||||
width: 100%
|
||||
background: var(--efu-logo-color)
|
||||
animation: gradient 2s ease infinite
|
||||
background-size: 200%
|
||||
@@ -0,0 +1,177 @@
|
||||
#pagination
|
||||
width 100%
|
||||
+minWidth768()
|
||||
overflow visible
|
||||
+maxWidth768()
|
||||
margin-bottom 0
|
||||
margin-top 0
|
||||
|
||||
.pagination
|
||||
text-align center
|
||||
+minWidth768()
|
||||
display flex
|
||||
position relative
|
||||
justify-content center
|
||||
+maxWidth768()
|
||||
display flex
|
||||
|
||||
.extend
|
||||
+maxWidth768()
|
||||
width 100%
|
||||
height 2.5rem
|
||||
margin .2rem 0 1rem 0
|
||||
border-radius 12px
|
||||
line-height 2.5rem
|
||||
background var(--efu-card-bg)
|
||||
border var(--style-border-always)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
|
||||
i
|
||||
+maxWidth768()
|
||||
display none
|
||||
.space
|
||||
+maxWidth768()
|
||||
display none
|
||||
|
||||
.page-number
|
||||
display inline-block
|
||||
margin 0 .2rem
|
||||
min-width 1.2rem
|
||||
height 1.2rem
|
||||
text-align center
|
||||
line-height 1.2rem
|
||||
|
||||
+minWidth768()
|
||||
width 2rem
|
||||
background var(--efu-card-bg)
|
||||
height 2rem
|
||||
line-height calc(2rem - 2px)
|
||||
border-radius 8px
|
||||
margin 0 .3rem
|
||||
box-shadow var(--efu-shadow-border)
|
||||
border var(--style-border)
|
||||
transition .3s
|
||||
&:hover
|
||||
color var(--efu-theme)
|
||||
border var(--style-border-hover)
|
||||
box-shadow var(--efu-shadow-main)
|
||||
+maxWidth768()
|
||||
display none
|
||||
|
||||
&.current
|
||||
background var(--efu-theme)
|
||||
color var(--efu-white)
|
||||
border-radius 5px
|
||||
|
||||
+minWidth768()
|
||||
background var(--efu-theme)
|
||||
border var(--style-border-hover)
|
||||
box-shadow var(--efu-shadow-theme)
|
||||
|
||||
&:hover
|
||||
background var(--efu-theme)
|
||||
box-shadow var(--efu-shadow-theme)
|
||||
color var(--efu-white)
|
||||
|
||||
a.extend.next, a.extend.prev
|
||||
+minWidth768()
|
||||
width 4rem
|
||||
height 2rem
|
||||
line-height 1.9rem
|
||||
border-radius 8px
|
||||
background var(--efu-card-bg)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
position absolute
|
||||
border var(--style-border)
|
||||
display flex
|
||||
align-items center
|
||||
justify-content center
|
||||
overflow hidden
|
||||
transition .3s
|
||||
|
||||
i
|
||||
transition .3s
|
||||
|
||||
a.extend
|
||||
&:hover
|
||||
color var(--efu-theme)
|
||||
border var(--style-border-hover)
|
||||
box-shadow var(--efu-shadow-main)
|
||||
|
||||
&.next
|
||||
right 0
|
||||
+minWidth768()
|
||||
.pagination_tips_next
|
||||
margin-left -32px
|
||||
transition .3s ease-out 0s
|
||||
opacity 0
|
||||
|
||||
&:hover
|
||||
.pagination_tips_next
|
||||
margin-left 2px
|
||||
opacity 1
|
||||
white-space nowrap
|
||||
|
||||
&.prev
|
||||
left 0
|
||||
+minWidth768()
|
||||
.pagination_tips_prev
|
||||
margin-right -32px
|
||||
transition .3s ease-out 0s
|
||||
opacity 0
|
||||
|
||||
&:hover
|
||||
.pagination_tips_prev
|
||||
margin-right 2px
|
||||
opacity 1
|
||||
white-space nowrap
|
||||
|
||||
.toPageGroup
|
||||
display flex
|
||||
position relative
|
||||
margin 0 .3rem
|
||||
+maxWidth768()
|
||||
display none
|
||||
|
||||
a#toPageButton
|
||||
display flex
|
||||
position absolute
|
||||
width 40px
|
||||
height 40px
|
||||
right 0
|
||||
top 0
|
||||
border-radius 8px
|
||||
justify-content center
|
||||
align-items center
|
||||
transition .3s
|
||||
background var(--efu-card-bg)
|
||||
border var(--style-border-always)
|
||||
cursor text
|
||||
pointer-events none
|
||||
|
||||
&:focus-within a#toPageButton, &:hover a#toPageButton
|
||||
width 30px
|
||||
height 30px
|
||||
right 4px
|
||||
top 5px
|
||||
background var(--efu-card-bg)
|
||||
border 1px solid var(--efu-none)
|
||||
border-radius 4px
|
||||
opacity .2
|
||||
|
||||
input
|
||||
width 40px
|
||||
height 40px
|
||||
border-radius 8px
|
||||
border var(--style-border-always)
|
||||
transition .3s
|
||||
outline-style none
|
||||
font-size 16px
|
||||
padding-left 12px
|
||||
background var(--efu-secondbg)
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
&:focus, /#pagination .toPageGroup:hover input
|
||||
border var(--style-border-hover-always)
|
||||
outline-style none
|
||||
width 100px
|
||||
@@ -0,0 +1,476 @@
|
||||
#recent-posts
|
||||
if hexo-config('aside.position') == 0
|
||||
order 2
|
||||
|
||||
#category &,
|
||||
#tag &
|
||||
+maxWidth768()
|
||||
padding 0
|
||||
|
||||
if hexo-config('index_post_list.direction') == "column"
|
||||
#recent-posts
|
||||
position relative
|
||||
+minWidth1300()
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
gap .5rem
|
||||
transition width .3s
|
||||
|
||||
+maxWidth768()
|
||||
padding 0 1rem
|
||||
|
||||
> .recent-post-item
|
||||
box-shadow var(--efu-shadow-light2black)
|
||||
display flex
|
||||
align-items center
|
||||
animation slide-in .6s .4s backwards
|
||||
transition all .3s ease 0s
|
||||
overflow hidden
|
||||
height fit-content
|
||||
background var(--efu-card-bg)
|
||||
border-radius 12px
|
||||
cursor pointer
|
||||
border var(--style-border)
|
||||
|
||||
+maxWidth1300()
|
||||
margin-bottom .5rem
|
||||
|
||||
+maxWidth768()
|
||||
border-radius 12px
|
||||
border var(--style-border-always)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
display block
|
||||
position relative
|
||||
clip-path inset(0 0 0 0 round 12px)
|
||||
|
||||
&:hover
|
||||
box-shadow var(--efu-shadow-main)
|
||||
border var(--style-border-hover)
|
||||
|
||||
.post_cover img.post_bg
|
||||
transform scale(1.03)
|
||||
transition .3s ease-in-out
|
||||
filter brightness(.85)
|
||||
|
||||
.recent-post-info-top .article-title
|
||||
color var(--efu-theme)
|
||||
|
||||
if hexo-config('google_adsense.enable')
|
||||
+ .google-ads-warp
|
||||
iframe
|
||||
width: 100% !important
|
||||
height: 100% !important
|
||||
border: none !important
|
||||
|
||||
.post_cover
|
||||
position relative
|
||||
transition 1s
|
||||
width 100%
|
||||
overflow hidden
|
||||
height 100%
|
||||
|
||||
+minWidth1300()
|
||||
height 225px
|
||||
|
||||
+maxWidth1300()
|
||||
width 75%
|
||||
display flex
|
||||
height 220px
|
||||
|
||||
+maxWidth768()
|
||||
width 100%
|
||||
height 170px
|
||||
border-radius 5px 8px 0 0
|
||||
|
||||
a
|
||||
min-width 100%
|
||||
min-height 100%
|
||||
|
||||
img.post_bg
|
||||
width 100%
|
||||
height 100%
|
||||
transition all .6s ease 0s
|
||||
object-fit cover
|
||||
|
||||
+maxWidth1300()
|
||||
min-width 100%
|
||||
-webkit-backface-visibility hidden
|
||||
-webkit-transform-style preserve-3d
|
||||
min-height 100%
|
||||
user-select none
|
||||
|
||||
+maxWidth768()
|
||||
border-radius: 12px 12px 0 0
|
||||
|
||||
> .recent-post-info
|
||||
height 174px
|
||||
width 100%
|
||||
cursor pointer
|
||||
position relative
|
||||
padding 0
|
||||
display inline-block
|
||||
overflow hidden
|
||||
|
||||
.content
|
||||
-webkit-line-clamp 2
|
||||
display -webkit-box
|
||||
overflow hidden
|
||||
-webkit-box-orient vertical
|
||||
padding 5px 32px
|
||||
opacity .8
|
||||
font-size 14px
|
||||
line-height 1.8
|
||||
|
||||
+maxWidth600()
|
||||
-webkit-line-clamp 1
|
||||
|
||||
span.tags-punctuation
|
||||
transition .3s
|
||||
|
||||
&:hover
|
||||
color var(--efu-main)
|
||||
|
||||
.recent-post-info-top
|
||||
position relative
|
||||
transition .3s
|
||||
padding 0 32px
|
||||
width 100%
|
||||
|
||||
.article-title
|
||||
line-height 30px
|
||||
margin-top 0
|
||||
font-weight 700
|
||||
margin-bottom 0
|
||||
width 100%
|
||||
transition .3s
|
||||
font-size 1rem
|
||||
-webkit-line-clamp 2
|
||||
display -webkit-box
|
||||
overflow hidden
|
||||
-webkit-box-orient vertical
|
||||
|
||||
.recent-post-info-top-tips
|
||||
display flex
|
||||
margin-top 20px
|
||||
user-select none
|
||||
|
||||
> .sticky-warp
|
||||
display flex
|
||||
position relative
|
||||
margin-right 8px
|
||||
justify-content center
|
||||
align-items center
|
||||
font-size 0.5rem
|
||||
|
||||
i
|
||||
font-size .5rem
|
||||
margin-right 3px
|
||||
|
||||
.original
|
||||
display flex
|
||||
color var(--efu-secondtext)
|
||||
font-size .5rem
|
||||
position relative
|
||||
margin-right 8px
|
||||
|
||||
.unvisited-post
|
||||
display flex
|
||||
color var(--efu-secondtext)
|
||||
font-size .5rem
|
||||
position relative
|
||||
|
||||
&:visited
|
||||
color var(--efu-card-bg)
|
||||
|
||||
/.article-meta-wrap
|
||||
position absolute
|
||||
bottom 16px
|
||||
transition .3s
|
||||
display flex
|
||||
flex-direction row
|
||||
flex-wrap nowrap
|
||||
justify-content space-between
|
||||
width 100%
|
||||
left 0
|
||||
padding 0 32px
|
||||
white-space nowrap
|
||||
color var(--efu-fontcolor)
|
||||
font-size .7rem
|
||||
|
||||
> .article-meta
|
||||
margin 0 8px 0 0
|
||||
white-space nowrap
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
display flex
|
||||
|
||||
> .article-meta__tags
|
||||
margin-right 8px
|
||||
padding 0 .2rem 0 0
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
> .post-meta-date
|
||||
right 0
|
||||
text-align right
|
||||
|
||||
i
|
||||
display none
|
||||
|
||||
.article-meta__separator
|
||||
display none
|
||||
|
||||
a:hover
|
||||
background-color var(--efu-none)
|
||||
color var(--efu-lighttext)
|
||||
cursor pointer
|
||||
border-radius 4px
|
||||
|
||||
i
|
||||
margin 0 .4rem 0 0
|
||||
|
||||
.sticky
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 2
|
||||
#recent-posts
|
||||
> .recent-post-item
|
||||
+minWidth1300()
|
||||
flex-direction column
|
||||
width 100%
|
||||
flex 1 1 40%
|
||||
max-width 50%
|
||||
box-shadow var(--efu-shadow-border)
|
||||
else if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 3
|
||||
#recent-posts
|
||||
> .recent-post-item
|
||||
+minWidth1300()
|
||||
flex-direction column
|
||||
width 100%
|
||||
flex 1 1 33.3%
|
||||
max-width 32.6%
|
||||
box-shadow var(--efu-shadow-border)
|
||||
|
||||
else if hexo-config('index_post_list.direction') == "row"
|
||||
#recent-posts
|
||||
position relative
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
justify-content space-between
|
||||
align-items flex-start
|
||||
align-content flex-start
|
||||
user-select none
|
||||
gap .5rem
|
||||
transition width .3s
|
||||
|
||||
+maxWidth768()
|
||||
padding 0 1rem
|
||||
|
||||
> .recent-post-item
|
||||
display flex
|
||||
align-items center
|
||||
animation slide-in .6s .4s backwards
|
||||
transition all .3s ease 0s
|
||||
overflow hidden
|
||||
height fit-content
|
||||
background var(--efu-card-bg)
|
||||
border-radius 12px
|
||||
cursor pointer
|
||||
border var(--style-border)
|
||||
flex-direction row
|
||||
width 100%
|
||||
box-shadow var(--efu-shadow-border)
|
||||
|
||||
+maxWidth768()
|
||||
border-radius 12px
|
||||
border var(--style-border-always)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
flex-direction column
|
||||
position relative
|
||||
clip-path inset(0 0 0 0 round 12px)
|
||||
|
||||
&:hover
|
||||
box-shadow var(--efu-shadow-main)
|
||||
border var(--style-border-hover)
|
||||
|
||||
.post_cover img.post_bg
|
||||
transform scale(1.03)
|
||||
transition .3s ease-in-out
|
||||
filter brightness(.85)
|
||||
|
||||
.recent-post-info-top .article-title
|
||||
color var(--efu-theme)
|
||||
|
||||
if hexo-config('google_adsense.enable')
|
||||
+ .google-ads-warp
|
||||
iframe
|
||||
width: 100% !important
|
||||
height: 100% !important
|
||||
border: none !important
|
||||
|
||||
.post_cover
|
||||
position relative
|
||||
transition 1s
|
||||
overflow hidden
|
||||
width 75%
|
||||
display flex
|
||||
height 220px
|
||||
|
||||
+maxWidth768()
|
||||
width 100%
|
||||
height 170px
|
||||
border-radius 5px 8px 0 0
|
||||
order 1
|
||||
|
||||
a
|
||||
min-width 100%
|
||||
min-height 100%
|
||||
|
||||
img.post_bg
|
||||
width 100%
|
||||
height 100%
|
||||
transition all .6s ease 0s
|
||||
object-fit cover
|
||||
min-width 100%
|
||||
-webkit-backface-visibility hidden
|
||||
-webkit-transform-style preserve-3d
|
||||
min-height 100%
|
||||
user-select none
|
||||
|
||||
+maxWidth768()
|
||||
border-radius: 12px 12px 0 0
|
||||
|
||||
> .recent-post-info
|
||||
height 174px
|
||||
width 100%
|
||||
cursor pointer
|
||||
position relative
|
||||
padding 0
|
||||
display inline-block
|
||||
overflow hidden
|
||||
+maxWidth768()
|
||||
order 2
|
||||
|
||||
.content
|
||||
-webkit-line-clamp 3
|
||||
display -webkit-box
|
||||
overflow hidden
|
||||
-webkit-box-orient vertical
|
||||
padding 5px 32px
|
||||
opacity .8
|
||||
font-size 14px
|
||||
line-height 1.8
|
||||
+maxWidth768()
|
||||
-webkit-line-clamp 2
|
||||
+maxWidth600()
|
||||
-webkit-line-clamp 1
|
||||
|
||||
span.tags-punctuation
|
||||
transition .3s
|
||||
|
||||
&:hover
|
||||
color var(--efu-main)
|
||||
|
||||
.recent-post-info-top
|
||||
position relative
|
||||
transition .3s
|
||||
padding 0 32px
|
||||
width 100%
|
||||
|
||||
.article-title
|
||||
line-height 30px
|
||||
margin-top 0
|
||||
font-weight 700
|
||||
margin-bottom 0
|
||||
width 100%
|
||||
transition .3s
|
||||
font-size 1rem
|
||||
-webkit-line-clamp 2
|
||||
display -webkit-box
|
||||
overflow hidden
|
||||
-webkit-box-orient vertical
|
||||
|
||||
.recent-post-info-top-tips
|
||||
display flex
|
||||
user-select none
|
||||
|
||||
+maxWidth768()
|
||||
margin-top 20px
|
||||
|
||||
> .sticky-warp
|
||||
display flex
|
||||
position relative
|
||||
margin-right 8px
|
||||
justify-content center
|
||||
align-items center
|
||||
font-size 0.5rem
|
||||
|
||||
i
|
||||
font-size .5rem
|
||||
margin-right 3px
|
||||
|
||||
.original
|
||||
display flex
|
||||
color var(--efu-secondtext)
|
||||
font-size .5rem
|
||||
position relative
|
||||
margin-right 8px
|
||||
|
||||
.unvisited-post
|
||||
display flex
|
||||
color var(--efu-secondtext)
|
||||
font-size .5rem
|
||||
position relative
|
||||
|
||||
&:visited
|
||||
color var(--efu-card-bg)
|
||||
|
||||
/.article-meta-wrap
|
||||
position absolute
|
||||
bottom 0
|
||||
transition .3s
|
||||
display flex
|
||||
flex-direction row
|
||||
flex-wrap nowrap
|
||||
justify-content space-between
|
||||
width 100%
|
||||
left 0
|
||||
padding 0 32px
|
||||
white-space nowrap
|
||||
color var(--efu-fontcolor)
|
||||
font-size .7rem
|
||||
+maxWidth768()
|
||||
bottom 16px
|
||||
|
||||
> .article-meta
|
||||
margin 0 8px 0 0
|
||||
white-space nowrap
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
display flex
|
||||
|
||||
> .article-meta__tags
|
||||
margin-right 8px
|
||||
padding 0 .2rem 0 0
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
> .post-meta-date
|
||||
right 0
|
||||
text-align right
|
||||
|
||||
i
|
||||
display none
|
||||
|
||||
.article-meta__separator
|
||||
display none
|
||||
|
||||
a:hover
|
||||
background-color var(--efu-none)
|
||||
color var(--efu-lighttext)
|
||||
cursor pointer
|
||||
border-radius 4px
|
||||
|
||||
i
|
||||
margin 0 .4rem 0 0
|
||||
|
||||
.sticky
|
||||
color var(--efu-fontcolor)
|
||||
@@ -0,0 +1,79 @@
|
||||
if hexo-config('right_menu.enable')
|
||||
#rightMenu
|
||||
display none
|
||||
position fixed
|
||||
padding 0 .25rem
|
||||
width 9rem
|
||||
height fit-content
|
||||
top 10%
|
||||
left 10%
|
||||
background-color var(--efu-maskbgdeep)
|
||||
backdrop-filter blur(20px)
|
||||
transform translateZ(0)
|
||||
color var(--efu-fontcolor)
|
||||
border-radius 12px
|
||||
z-index 99994
|
||||
border var(--style-border)
|
||||
user-select none
|
||||
box-shadow var(--efu-shadow-black)
|
||||
transition border .3s
|
||||
|
||||
&:hover
|
||||
border var(--style-border-hover)
|
||||
box-shadow var(--efu-shadow-theme)
|
||||
|
||||
.rightMenu-group
|
||||
padding .35rem .3rem
|
||||
|
||||
&.rightMenu-small
|
||||
display flex
|
||||
justify-content space-between
|
||||
|
||||
.rightMenu-item
|
||||
width 30px
|
||||
height 30px
|
||||
line-height 30px
|
||||
display flex
|
||||
align-items center
|
||||
justify-content center
|
||||
|
||||
&.rightMenu-line
|
||||
.rightMenu-item
|
||||
display flex
|
||||
|
||||
.rightMenu-item
|
||||
border-radius 8px
|
||||
transition .3s
|
||||
cursor pointer
|
||||
margin .25rem 0
|
||||
padding .25rem .5rem
|
||||
|
||||
&:hover
|
||||
background-color var(--efu-lighttext)
|
||||
color var(--efu-card-bg)
|
||||
box-shadow var(--efu-shadow-main)
|
||||
|
||||
i
|
||||
display inline-block
|
||||
text-align center
|
||||
line-height 1.5rem
|
||||
width 1.5rem
|
||||
padding 0 .25rem
|
||||
margin 0 .25rem
|
||||
|
||||
span
|
||||
line-height 1.5rem
|
||||
|
||||
.rightMenu-line
|
||||
border-top 1px dashed var(--efu-theme-op)
|
||||
|
||||
#rightmenu-mask
|
||||
position fixed
|
||||
width 100vw
|
||||
height 100vh
|
||||
background 0 0
|
||||
top 0
|
||||
left 0
|
||||
display none
|
||||
margin 0 !important
|
||||
z-index 99993
|
||||
@@ -0,0 +1,240 @@
|
||||
#sidebar
|
||||
background var(--efu-maskbg)
|
||||
|
||||
#menu-mask
|
||||
position fixed
|
||||
z-index 1001
|
||||
display none
|
||||
width 100%
|
||||
height 100%
|
||||
background var(--efu-maskbg)
|
||||
-webkit-backdrop-filter saturate(180%) blur(20px)
|
||||
backdrop-filter saturate(180%) blur(20px)
|
||||
transform translateZ(0)
|
||||
animation .6s ease 0s 1 normal none running to_show
|
||||
|
||||
#sidebar-menus
|
||||
position fixed
|
||||
top 0
|
||||
right -300px
|
||||
overflow hidden auto
|
||||
width 300px
|
||||
height 100%
|
||||
background var(--efu-maskbgdeep)
|
||||
transition all .5s ease 0s
|
||||
z-index 1001
|
||||
border-left var(--style-border-always)
|
||||
|
||||
+minWidth768()
|
||||
display none
|
||||
|
||||
+maxWidth768()
|
||||
.back-menu-list-groups .back-menu-list .back-menu-item
|
||||
width calc(50% - 16px)
|
||||
|
||||
&:hover
|
||||
background var(--efu-lighttext)
|
||||
|
||||
.menus_items
|
||||
li
|
||||
.site-page
|
||||
font-weight 400
|
||||
|
||||
.site-page:hover
|
||||
background var(--efu-main) !important
|
||||
color var(--efu-white)
|
||||
|
||||
.site-page span:hover
|
||||
color var(--efu-white)
|
||||
|
||||
/ .site-data
|
||||
display flex
|
||||
width 100%
|
||||
justify-content flex-start
|
||||
margin 12px 0 0 0
|
||||
padding .6rem 16px
|
||||
|
||||
.data-item
|
||||
display flex
|
||||
justify-content flex-start
|
||||
margin-right 36px
|
||||
|
||||
.data-item-link > a
|
||||
display flex
|
||||
flex-direction column
|
||||
align-items flex-start
|
||||
|
||||
.data-item-link .length-num
|
||||
color var(--efu-fontcolor)
|
||||
font-size 20px
|
||||
font-weight 700
|
||||
line-height 1
|
||||
|
||||
.data-item-link .headline
|
||||
font-size 12px
|
||||
color var(--efu-secondtext)
|
||||
|
||||
.menus_items
|
||||
padding 0 16px
|
||||
|
||||
.site-page
|
||||
position relative
|
||||
display block
|
||||
padding 0
|
||||
color var(--efu-fontcolor)
|
||||
cursor pointer
|
||||
font-size 14px
|
||||
font-weight 700
|
||||
|
||||
.menus_item > .site-page
|
||||
display flex
|
||||
font-size 12px
|
||||
color var(--efu-secondtext)
|
||||
|
||||
.expand
|
||||
position absolute
|
||||
top .78em
|
||||
right .4rem
|
||||
transition transform .3s ease 0s
|
||||
|
||||
&.hide
|
||||
transform rotate(90deg) !important
|
||||
|
||||
.menus_item_child
|
||||
margin 0 -4px
|
||||
list-style none
|
||||
display flex
|
||||
flex-direction row
|
||||
flex-wrap wrap
|
||||
|
||||
.site-page.child
|
||||
display flex
|
||||
flex-direction column
|
||||
align-items center
|
||||
padding 8px
|
||||
border-radius 8px
|
||||
border var(--style-border-always)
|
||||
background var(--efu-card-bg)
|
||||
|
||||
li
|
||||
width calc(50% - 8px)
|
||||
margin 4px
|
||||
|
||||
.site-page.child span
|
||||
line-height 1
|
||||
margin-top 8px
|
||||
|
||||
> hr
|
||||
display none
|
||||
|
||||
&.open
|
||||
transform translate3d(-100%, 0, 0)
|
||||
|
||||
.back-menu-list-groups
|
||||
padding 0 16px
|
||||
|
||||
.back-menu-list-title
|
||||
font-size 12px
|
||||
color var(--efu-secondtext)
|
||||
|
||||
.back-menu-list
|
||||
width calc(100% + 16px)
|
||||
justify-content flex-start
|
||||
margin 0 -8px
|
||||
|
||||
.back-menu-item
|
||||
background var(--efu-card-bg)
|
||||
border var(--style-border-always)
|
||||
border-radius 8px
|
||||
|
||||
.back-home-button
|
||||
display none
|
||||
|
||||
> .author-avatar
|
||||
padding 1.3rem 1.5rem 0
|
||||
text-align center
|
||||
|
||||
img
|
||||
width 110px
|
||||
height 110px
|
||||
border-radius 70px
|
||||
transition all .5s ease 0s
|
||||
|
||||
&:hover
|
||||
transform rotate(360deg)
|
||||
|
||||
hr
|
||||
margin 1rem auto
|
||||
|
||||
.card-tag-cloud
|
||||
padding 0 16px
|
||||
display flex
|
||||
white-space nowrap
|
||||
flex-direction row
|
||||
gap .5rem
|
||||
flex-wrap wrap
|
||||
margin-bottom 60px
|
||||
|
||||
a
|
||||
color var(--efu-fontcolor) !important
|
||||
padding 2px 8px 2px 12px
|
||||
border-radius 8px
|
||||
border var(--style-border-always)
|
||||
background var(--efu-card-bg)
|
||||
font-size 14px !important
|
||||
|
||||
sup
|
||||
opacity .6
|
||||
margin-left 4px
|
||||
|
||||
span.sidebar-menu-item-title
|
||||
font-size 12px
|
||||
color var(--efu-secondtext)
|
||||
margin-left 16px
|
||||
|
||||
.sidebar-menu-item
|
||||
display flex
|
||||
flex-direction column
|
||||
padding 0 16px
|
||||
margin-bottom 6px
|
||||
|
||||
span.darkmode_switchbutton
|
||||
padding 4px 8px
|
||||
|
||||
[data-theme="dark"] &
|
||||
background var(--efu-orange)
|
||||
color var(--efu-white)
|
||||
|
||||
span.menu-child
|
||||
width 100%
|
||||
background var(--efu-card-bg)
|
||||
border-radius 8px
|
||||
border var(--style-border-always)
|
||||
display flex
|
||||
align-items center
|
||||
font-size 14px
|
||||
|
||||
i
|
||||
width 24px
|
||||
height 24px
|
||||
display flex
|
||||
align-items center
|
||||
justify-content center
|
||||
|
||||
span.menu-child span
|
||||
margin-left 10px
|
||||
|
||||
.webinfo
|
||||
padding 0 16px
|
||||
display flex
|
||||
white-space nowrap
|
||||
flex-direction column
|
||||
|
||||
.webinfo-item
|
||||
justify-content space-between
|
||||
|
||||
.menus_items .site-page span:hover
|
||||
color var(--efu-fontcolor)
|
||||
|
||||
#toggle-sidebar
|
||||
bottom 80px
|
||||
@@ -0,0 +1,18 @@
|
||||
// universe
|
||||
if hexo-config('display_mode.universe')
|
||||
#universe
|
||||
display block
|
||||
position fixed
|
||||
margin 0
|
||||
padding 0
|
||||
border 0
|
||||
outline 0
|
||||
left 0
|
||||
top 0
|
||||
width 100%
|
||||
height 100%
|
||||
pointer-events none
|
||||
z-index 1
|
||||
[data-theme=light]
|
||||
#universe
|
||||
display none
|
||||
Reference in New Issue
Block a user